:root{--bg:#F5F0E8;--card:#FFFCF6;--text:#1C1915;--sub:#5F584E;--accent:#A5441C;--line:rgba(28,25,21,.16);--rim:rgba(28,25,21,.07);--shadow:rgba(70,40,18,.32);--glow:rgba(232,153,111,.5);--metal:linear-gradient(100deg,#8A3814 0%,#B4552A 42%,#D07A4C 62%,#94401A 100%);--cta:linear-gradient(180deg,#B9552A,#96401A);--cta-text:#FFF8F0;--side:brightness(.97)}
@media (prefers-color-scheme:dark){:root{--bg:#0B0908;--card:#171412;--text:#F6F1E8;--sub:#B8AFA2;--accent:#E8996F;--line:rgba(246,241,232,.2);--rim:rgba(246,241,232,.09);--shadow:rgba(0,0,0,.72);--glow:rgba(201,104,56,.42);--metal:linear-gradient(100deg,#D98557 0%,#F2BC98 44%,#FBE0CB 58%,#DD8E60 100%);--cta:linear-gradient(180deg,#F2B08A,#DD8A5C);--cta-text:#1A0F08;--side:brightness(.72)}}
:root[data-appearance="light"]{--bg:#F5F0E8;--card:#FFFCF6;--text:#1C1915;--sub:#5F584E;--accent:#A5441C;--line:rgba(28,25,21,.16);--rim:rgba(28,25,21,.07);--shadow:rgba(70,40,18,.32);--glow:rgba(232,153,111,.5);--metal:linear-gradient(100deg,#8A3814 0%,#B4552A 42%,#D07A4C 62%,#94401A 100%);--cta:linear-gradient(180deg,#B9552A,#96401A);--cta-text:#FFF8F0;--side:brightness(.97)}
:root[data-appearance="dark"]{--bg:#0B0908;--card:#171412;--text:#F6F1E8;--sub:#B8AFA2;--accent:#E8996F;--line:rgba(246,241,232,.2);--rim:rgba(246,241,232,.09);--shadow:rgba(0,0,0,.72);--glow:rgba(201,104,56,.42);--metal:linear-gradient(100deg,#D98557 0%,#F2BC98 44%,#FBE0CB 58%,#DD8E60 100%);--cta:linear-gradient(180deg,#F2B08A,#DD8A5C);--cta-text:#1A0F08;--side:brightness(.72)}
body{margin:0;background:var(--bg);font-variant-numeric:lining-nums}
[data-mood=midnight]{--m-page:#12131A;--m-tx:#F6F1E8;--m-acc:#E3B563;--m-card:#1E2029;--m-cardTx:#F6F1E8;--o-midnight:1;--d-midnight:block;--o-linen:0;--d-linen:none;--o-rose:0;--d-rose:none}
[data-mood=linen]{--m-page:#EDE6D9;--m-tx:#1C1915;--m-acc:#4E4A2C;--m-card:#FBF6EC;--m-cardTx:#1C1915;--o-midnight:0;--d-midnight:none;--o-linen:1;--d-linen:block;--o-rose:0;--d-rose:none}
[data-mood=rose]{--m-page:#EAD9D2;--m-tx:#3A2420;--m-acc:#8E4433;--m-card:#F8EDE6;--m-cardTx:#3A2420;--o-midnight:0;--d-midnight:none;--o-linen:0;--d-linen:none;--o-rose:1;--d-rose:block}
.mood-pick{width:68px;height:68px;padding:3px;border:2px solid transparent;border-radius:24px;background:transparent;cursor:pointer;transition:border-color .3s ease}
.mood-pick[aria-pressed=true]{border-color:var(--m-acc)}
.mood-pick img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}
.appearance-toggle{border-color:var(--line)}
html{scroll-behavior:smooth}
.metal{background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .08em .08em 0}
.ph{position:relative;box-sizing:border-box;padding:3px;border-radius:64px;background:linear-gradient(145deg,#8A8077,#2A2522 28%,#141110 62%,#5E554D)}
.ph::before,.ph::after{content:"";position:absolute;width:3px;border-radius:2px;background:#4A433C}
.ph::before{left:-2px;top:170px;height:64px}
.ph::after{right:-2px;top:210px;height:96px}
.ph-screen{position:relative;height:100%;box-sizing:border-box;border:9px solid #060505;border-radius:61px;overflow:hidden;background:#000}
.island{position:absolute;z-index:3;left:50%;top:12px;width:104px;height:30px;margin-left:-52px;border-radius:15px;background:#000}
.hero-stage{position:relative;height:720px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 76%,transparent);mask-image:linear-gradient(#000 76%,transparent)}
.glow{position:absolute;left:50%;top:-40px;width:1100px;height:900px;margin-left:-550px;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.tile-glow{position:absolute;left:50%;bottom:-160px;width:640px;height:480px;margin-left:-320px;background:radial-gradient(closest-side,rgba(201,104,56,.5),transparent);pointer-events:none}
.gallery{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;width:max-content}
.fade{transition:opacity .7s ease,color .4s ease,background-color .4s ease}
@media (min-width:1100px){.wp-midnight{transform:scale(1.25);transform-origin:0 35%}}
@media (max-width:860px){.wp-linen{object-position:0 50%}}
@media (max-width:760px){.hero-stage{zoom:.74}.gallery{zoom:.68}}
@media (max-width:400px){.nav-pill{display:none!important}}
@media (prefers-reduced-motion:no-preference){
@keyframes rise{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
@keyframes drift-a{to{transform:translateX(-50%)}}
@keyframes drift-b{from{transform:translateX(-50%)}to{transform:none}}
.in{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.45s}.d4{animation-delay:.7s}
.track-a{animation:drift-a 80s linear infinite}
.track-b{animation:drift-b 95s linear infinite}
.gallery:hover .track{animation-play-state:paused}
@supports (animation-timeline:view()){
.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 4% cover 26%}
}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery{overflow-x:auto}.fade{transition:none}}
@media (max-width:520px){.fan{zoom:.62}}
.soon{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:62px;box-sizing:border-box;padding:0 30px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:17px;font-weight:800}
.soon-end{margin:42px 0 0;border-color:rgba(246,241,232,.32);color:#F6F1E8}
.soon-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--accent)}
.soon-end .soon-dot{background:#E8996F}
@media (prefers-reduced-motion:no-preference){
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.soon-dot{animation:pulse 2.4s ease-in-out infinite}
}
.notify{display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-size:15px;font-weight:700;text-underline-offset:4px}
.notify-end{color:#F2BC98}