:root{--lacquer:#0f0a08;--ink:#efe6d6;--muted:#a3958a;--gold:#c9a45f;--son:#e08a6e;--nacre:#b9d0c9;--glass:#18100c80;--line:#efe6d621;--line-strong:#efe6d64d;--display:"Noto Serif Display", "Times New Roman", serif;--body:"Be Vietnam Pro", system-ui, sans-serif;--ease:cubic-bezier(.22, .61, .24, 1);--slow:1.1s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-view=hero]{--ink:#2a1d14;--muted:#6f5f50;--gold:#8a6424;--son:#a8382a;--glass:#faf5ecb8;--line:#2a1d141f;--line-strong:#2a1d144d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body[data-view=hero] .stage:after{content:"";pointer-events:none;opacity:1;background:linear-gradient(90deg,#f3ece1eb 0%,#f3ece1b8 30%,#f3ece100 52%),linear-gradient(#f3ece100 74%,#f3ece199 100%);position:absolute;inset:0}body[data-view=hero] .btn-strong{color:#f6efe3;background:#2a1d14;border-color:#2a1d14}body[data-view=hero] .btn-strong:hover{color:var(--ink);background:0 0}body[data-view=hero] .hero-title span:last-child{background-image:linear-gradient(100deg,#5e3f16 0%,#9a6c26 30%,#d3a24e 46%,#9a6c26 60%,#5e3f16 100%)}.hero-colors{max-width:52ch;animation:emerge 2s 1.7s var(--ease) both;gap:8px;display:grid}.hero-colors-label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.7rem}.hero-swatches{flex-wrap:wrap;gap:8px;display:flex}.hero-swatch{border:1px solid var(--line-strong);color:var(--ink);background:var(--glass);transition:border-color .3s var(--ease), translate .3s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:.8rem;display:flex}.hero-swatch:before{content:"";background:var(--c);border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026}.hero-swatch:hover{border-color:var(--gold);translate:0 -2px}.hero-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.hero-colors-note{color:var(--muted);margin:0;font-size:.74rem;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:auto}html,body{margin:0}body{background:var(--lacquer);color:var(--ink);font:400 15px/1.65 var(--body);-webkit-font-smoothing:antialiased;transition:color .8s var(--ease), background-color 1.2s var(--ease)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--nacre);outline-offset:3px}a{color:inherit}h1,h2,h3,p,figure{margin:0}img{max-width:100%;display:block}.display{font-family:var(--display);letter-spacing:-.02em;font-optical-sizing:auto;font-weight:300;line-height:1.02}.lede{opacity:.86;max-width:36ch;font-size:1.05rem}.kicker{color:var(--muted);letter-spacing:.01em;font-size:.8rem}.caption{color:var(--muted);max-width:46ch;font-size:.74rem;line-height:1.5}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.15);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff0d}.btn{border:1px solid var(--line-strong);transition:border-color .3s var(--ease), background .3s var(--ease), color .3s var(--ease), translate .35s var(--ease);padding:13px 20px;font-size:.88rem;font-weight:500;display:inline-block}.btn:hover{border-color:var(--gold)}.btn-strong{background:var(--gold);border-color:var(--gold);color:#120c09}.btn-strong:hover{color:var(--ink);background:0 0}.link{color:var(--muted);text-underline-offset:3px;font-size:.82rem;text-decoration:underline}.link:hover{color:var(--ink)}.stage{position:fixed;inset:0}.stage-lite:after{content:"";pointer-events:none;background:radial-gradient(75% 70% at 50% 45%,#0000 50%,#05030280);transition:opacity 1s;position:absolute;inset:0}main{z-index:10;pointer-events:none;position:relative}main button,main a,main input,main label,main summary,main details,main [role=dialog],main .glass,main .heritage,main .lens-wrap{pointer-events:auto}.nav{z-index:30;pointer-events:none;background:linear-gradient(#0a06058c,#0000);justify-content:space-between;align-items:baseline;gap:16px;padding:22px clamp(16px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}body[data-view=hero] .nav{background:linear-gradient(#f3ece1cc,#0000)}body[data-view=heritage] .nav{text-shadow:0 1px 10px #0009;background:linear-gradient(#0a0605d1,#0a060566 70%,#0000)}body[data-view=heritage] .nav-links button:not(:hover):not([aria-current=true]){color:#efe6d6d1}.nav>*{pointer-events:auto}.wordmark{font-family:var(--display);font-size:1.3rem;font-weight:500}.nav-links{gap:26px;font-size:.84rem;display:flex}.nav-links button{color:var(--muted);border-bottom:1px solid #0000;padding-bottom:3px;transition:color .3s}.nav-links button:hover,.nav-links button[aria-current=true]{color:var(--ink);border-color:var(--gold)}body[data-presenting=true] .nav{opacity:.35;transition:opacity .6s}body[data-presenting=true] .nav:hover{opacity:1}.film{position:relative}.film video{object-fit:cover;width:100%;height:100%;display:block}.origin{color:#efe6d6;background:#0a0605b3;padding:3px 8px;font-size:.7rem;position:absolute;bottom:10px;left:12px}.origin-ai{border-left:2px solid var(--son)}.hero-film{z-index:1;opacity:.55;pointer-events:none;position:fixed;inset:0}.hero{gap:28px;display:grid;position:fixed;bottom:clamp(28px,8vh,88px);left:clamp(16px,5vw,72px)}.hero-title{letter-spacing:-.035em;font-size:clamp(3.8rem,11.5vw,11.5rem);font-weight:200;line-height:.9;display:grid}.hero-title span{animation:emerge 2.4s var(--ease) both}.hero-title span:last-child{color:var(--gold);padding-left:.62em;font-style:italic;animation-delay:.5s}.hero .lede{animation:emerge 2s 1.1s var(--ease) both}.hero-actions{animation:emerge 2s 1.4s var(--ease) both;flex-wrap:wrap;gap:12px;display:flex}.journey{border-left:1px solid var(--line-strong);color:var(--muted);counter-reset:j;animation:emerge 2s 1.8s var(--ease) both;gap:10px;margin:0;padding:0 0 0 16px;font-size:.8rem;list-style:none;display:grid;position:fixed;bottom:clamp(28px,8vh,88px);right:clamp(16px,4vw,56px)}.journey li{counter-increment:j}.hero-guide{text-align:left;border:1px solid var(--line-strong);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:224px;animation:emerge 2s 2.1s var(--ease) both;transition:border-color .4s var(--ease), translate .4s var(--ease);padding:0;display:grid;position:fixed;bottom:calc(clamp(28px,8vh,88px) + 150px);right:clamp(16px,4vw,56px)}.hero-guide:hover,.hero-guide:focus-visible{border-color:var(--gold);translate:0 -4px}.hero-guide-stage{background:radial-gradient(60% 55% at 50% 62%,#c9a45f52,#0000 72%);height:196px;display:block}.hero-guide-text{border-top:1px solid var(--line);color:var(--muted);gap:6px;padding:12px 16px 16px;font-size:.8rem;line-height:1.45;display:grid}.hero-guide-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.68rem}.hero-guide strong{font-family:var(--display);color:var(--ink);text-wrap:balance;font-size:1.12rem;font-weight:400}.hero-guide small{opacity:.75;font-size:.68rem}@media (width<=768px),(height<=600px){.hero-guide{display:none}}.journey li:before{content:counter(j, decimal-leading-zero) "  ";color:var(--gold);font-variant-numeric:tabular-nums}@keyframes emerge{0%{opacity:0;filter:blur(10px);transform:translateY(22px)}}.story:before,.story:after{content:"";z-index:-1;pointer-events:none;transition:opacity 1.1s var(--ease);position:fixed;inset:0}.story:before{background:linear-gradient(90deg,#0a0605e6 0%,#0a0605b8 30%,#0a060533 50%,#0000 62%)}.story:after{opacity:0;background:linear-gradient(270deg,#0a0605e6 0%,#0a0605b8 28%,#0a060533 48%,#0000 60%)}.story[data-side="1"]:before{opacity:0}.story[data-side="1"]:after{opacity:1}.chapter .kicker:before{content:"";vertical-align:middle;background:var(--gold);width:0;height:1px;transition:width 1s .25s var(--ease), margin 1s .25s var(--ease);margin-right:0;display:inline-block}.chapter.is-in .kicker:before{width:40px;margin-right:12px}.chapter{align-items:center;min-height:125vh;padding:0 clamp(16px,6vw,96px);display:flex}.chapter.is-first{align-items:flex-end;min-height:100vh;padding-bottom:14vh}.chapter.side-right{justify-content:flex-end}.chapter-inner{gap:18px;max-width:33rem;display:grid}.chapter.side-right .chapter-inner{max-width:28rem}.chapter-title{font-size:clamp(3.6rem,9vw,9rem);line-height:.88}.chapter-line{font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.06}.chapter-line+.chapter-line{color:var(--muted)}.chapter .kicker,.chapter .display,.chapter-body{opacity:0;filter:blur(8px);transition:opacity var(--slow) var(--ease), transform var(--slow) var(--ease), filter var(--slow) var(--ease);transform:translateY(24px)}.chapter.is-in .kicker,.chapter.is-in .display,.chapter.is-in .chapter-body{opacity:1;filter:none;transform:none}.chapter:not(.is-in) .kicker,.chapter:not(.is-in) .display,.chapter:not(.is-in) .chapter-body{transition-duration:.5s;transition-delay:0s!important}.chapter-body{gap:16px;padding-top:6px;display:grid}.claim p{max-width:52ch}.claim-meta{color:var(--muted);flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:.72rem;display:flex}.claim-meta a{text-underline-offset:2px}.verify{color:var(--son);border:1px solid;padding:0 6px}.claim-empty{color:var(--muted);font-style:italic}.story-rail{pointer-events:auto;gap:12px;margin:0;padding:0;list-style:none;display:grid;position:fixed;top:50%;right:clamp(12px,2.4vw,32px);transform:translateY(-50%)}.story-rail button{background:var(--line-strong);width:7px;height:7px;transition:background .4s, transform .4s var(--ease);border-radius:50%}.story-rail button[aria-current=true]{background:var(--gold);transform:scale(1.5)}.story-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.74rem;position:fixed;bottom:28px;right:clamp(12px,2.4vw,32px)}.scroll-cue{color:var(--muted);animation:emerge 1.6s 2s var(--ease) both;font-size:.76rem;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue:after{content:"";background:linear-gradient(var(--gold), transparent);width:1px;height:36px;margin:10px auto 0;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);padding:7px 14px;font-size:.82rem;transition:background .3s,color .3s}.chip[aria-pressed=true]{background:var(--ink);color:#120c09;border-color:var(--ink)}.ranks{gap:4px;display:grid}.ranks button{text-align:left;border:1px solid #0000;align-items:center;gap:14px;padding:8px 10px;transition:border-color .3s;display:flex}.ranks button:hover{border-color:var(--line)}.ranks button[aria-pressed=true]{border-color:var(--line-strong)}.ranks span:last-child{font-family:var(--display);font-size:1.3rem;line-height:1.1;display:grid}.ranks small{font-family:var(--body);color:var(--muted);font-size:.74rem}.rank-dot{border-radius:50%;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff26}.next{justify-items:start;gap:12px;display:grid}.next .kicker{margin-top:18px}.others{gap:2px;width:100%;display:grid}.other{text-align:left;border-left:1px solid var(--line-strong);padding:10px 0 10px 14px;transition:border-color .3s;display:grid}.other:hover{border-color:var(--gold)}.other .display{font-size:1.9rem}.other small{color:var(--muted);font-size:.74rem}.explore-bar{align-items:center;gap:18px;max-width:calc(100vw - 32px);padding:10px 10px 10px 18px;font-size:.82rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.hotspot{pointer-events:auto;align-items:center;gap:8px;display:flex;transform:translate(calc(50% - 7px))}.hotspot-dot{border:1.5px solid var(--nacre);width:14px;height:14px;transition:transform .3s var(--ease), background .3s;background:#b9d0c92e;border-radius:50%;box-shadow:0 0 0 5px #b9d0c91a}.hotspot-label{white-space:nowrap;border:1px solid var(--line);opacity:0;transition:opacity .3s, transform .3s var(--ease);background:#0f0a08bf;padding:3px 8px;font-size:.78rem;transform:translate(-4px)}.hotspot:hover .hotspot-dot,.hotspot:focus-visible .hotspot-dot,.hotspot.is-active .hotspot-dot{background:var(--nacre);transform:scale(1.25)}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label,.hotspot.is-active .hotspot-label{opacity:1;transform:none}.zoom-panel{width:min(420px,100vw - 32px);max-height:calc(100vh - 170px);animation:panel .7s var(--ease) both;gap:18px;padding:24px;display:grid;position:fixed;top:84px;left:clamp(16px,4vw,56px);overflow:auto}@keyframes panel{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}.zoom-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.zoom-head h2{font-family:var(--display);font-size:2.3rem;font-weight:400;line-height:1}.layers{gap:18px;margin:0;padding:0;list-style:none;display:grid}.layer{animation:panel .6s var(--ease) both}.layer h3{align-items:center;gap:10px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.layer-n,.dock-n{border:1px solid var(--gold);width:21px;height:21px;color:var(--gold);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:.68rem;display:inline-grid}.heritage{z-index:15;background:var(--lacquer);position:relative}.heritage-head{align-content:end;gap:22px;min-height:92vh;padding:120px clamp(16px,6vw,96px) 12vh;display:grid}.heritage-head .link{justify-self:start}.heritage-head .display{max-width:12ch;animation:emerge 1.8s var(--ease) both;font-size:clamp(3rem,8vw,8.4rem)}.heritage-head .lede{animation:emerge 1.8s .4s var(--ease) both}.transform{height:460vh;position:relative}.transform-sticky{background:#0a0605;height:100vh;position:sticky;top:0;overflow:hidden}.transform-tile{will-change:background-size, filter;background-position:50% 45%;background-repeat:repeat;position:absolute;inset:0}.transform-film,.transform-film .film{position:absolute;inset:0}.transform-film .origin{bottom:56px;left:auto;right:clamp(16px,4vw,56px)}.transform-reveal{clip-path:circle(0% at 50% 55%);background:#0a0605;place-items:center end;padding-right:clamp(16px,8vw,140px);display:grid;position:absolute;inset:0}.transform-reveal img{object-fit:contain;width:auto;max-width:60vw;height:92vh}.transform-steps{color:#efe6d673;gap:22px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex;position:absolute;top:96px;left:clamp(16px,6vw,96px)}.transform-steps li{border-bottom:1px solid #0000;padding-bottom:4px;transition:color .5s,border-color .5s}.transform-steps li[aria-current=true]{color:#efe6d6;border-color:var(--gold)}.transform-line{color:#f6efe2;text-shadow:0 2px 30px #0009;max-width:18ch;animation:emerge 1.2s var(--ease) both;font-size:clamp(2rem,4.6vw,4.4rem);position:absolute;bottom:12vh;left:clamp(16px,6vw,96px)}.transform-motif{color:#efe6d699;position:absolute;bottom:24px;right:clamp(16px,4vw,56px)}.gallery-intro{gap:40px;padding:22vh clamp(16px,6vw,96px) 14vh;display:grid}.chain{flex-wrap:wrap;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.chain li{color:var(--muted);padding:8px 16px 8px 0}.chain li:not(:last-child):after{content:"";background:var(--gold);vertical-align:middle;width:28px;height:1px;margin-left:16px;display:inline-block}.chain li:last-child{color:var(--gold)}.statement{max-width:22ch;font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:1.05}.spread{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,5vw,88px);min-height:100vh;padding:10vh clamp(16px,6vw,96px);display:grid}.spread-right{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.spread-right .spread-media{order:2}.spread-media{place-items:center;display:grid}.spread-media .lens-wrap,.spread-media .film{clip-path:inset(10%);opacity:0;transition:clip-path 1.6s var(--ease), opacity 1.2s var(--ease)}.spread.is-in .spread-media .lens-wrap,.spread.is-in .spread-media .film{clip-path:inset(0);opacity:1}.spread-text{opacity:0;max-width:30rem;transition:opacity 1.2s .4s var(--ease), transform 1.2s .4s var(--ease);gap:14px;display:grid;transform:translateY(24px)}.spread.is-in .spread-text{opacity:1;transform:none}.spread-n{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.78rem}.spread-text .display{font-size:clamp(3rem,6vw,5.6rem)}.spread-text h3{color:var(--muted);margin-top:10px;font-size:.78rem;font-weight:600}.echoes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.echoes li{border:1px solid var(--line-strong);padding:4px 10px;font-size:.8rem}.spread{isolation:isolate;position:relative;overflow:hidden}.spread-glow{z-index:-2;filter:blur(90px)saturate(1.6);opacity:0;transition:opacity 2.4s var(--ease);pointer-events:none;background:50%/cover no-repeat;position:absolute;inset:-15%;transform:scale(1.1)}.spread.is-in .spread-glow{opacity:.26}.spread-num{z-index:-1;color:#0000;-webkit-text-stroke:1px #c9a45f38;transform:translateY(calc(-50% + var(--sp,0px)));pointer-events:none;font-size:clamp(11rem,30vw,30rem);line-height:.8;position:absolute;top:50%;right:3vw}.spread-right .spread-num{left:3vw;right:auto}.spread-media .lens-wrap img{box-shadow:0 50px 90px -30px #000000b3}.spread-observe{opacity:.9;max-width:42ch;font-size:1.04rem;line-height:1.75}.lookbook{scrollbar-width:none;gap:clamp(10px,1.4vw,18px);padding:0 clamp(16px,6vw,96px) 12vh;display:flex;overflow-x:auto}.lookbook::-webkit-scrollbar{display:none}.lookbook a{width:clamp(104px,10.5vw,156px);animation:emerge 1.4s calc(var(--i) * 80ms) var(--ease) both;flex:none;text-decoration:none;position:relative}.lookbook img{aspect-ratio:3/4;object-fit:cover;object-position:top;filter:grayscale(.85)brightness(.65);width:100%;transition:filter .6s var(--ease), transform .6s var(--ease)}.lookbook a:hover img,.lookbook a:focus-visible img{filter:none;transform:translateY(-8px)}.lookbook span{font-family:var(--display);color:#f6efe2;text-shadow:0 2px 12px #0009;font-size:1.5rem;position:absolute;bottom:8px;left:10px}.lens-wrap{cursor:zoom-in;position:relative}.lens-wrap img{object-fit:contain;width:auto;max-height:84vh}.lens{pointer-events:none;background-repeat:no-repeat;background-size:340%;border-radius:50%;width:200px;height:200px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #efe6d680,0 18px 50px #0009}.heritage-end{text-align:center;place-content:center;justify-items:center;gap:28px;min-height:80vh;padding:0 16px;display:grid}.heritage-end .display{font-size:clamp(2.6rem,6vw,6rem)}.palette h3{color:var(--muted);margin-bottom:8px;font-size:.78rem;font-weight:500}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{width:36px;height:36px;transition:transform .25s var(--ease);border:1px solid #00000026;border-radius:50%}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #ece7de, 0 0 0 3.5px var(--ink)}input[type=range]{accent-color:var(--ink);width:100%}.drop-zone{z-index:5;pointer-events:none;place-items:end center;display:grid;position:fixed;inset:80px 0 90px}.drop-zone.is-armed{pointer-events:auto}.drop-zone.is-over{background:radial-gradient(circle at 50% 45%,#c9a45f33,#0000 45%)}.drop-zone span{background:var(--glass);margin-bottom:30px;padding:6px 12px;font-size:.85rem}.sheet{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;animation:fade .4s var(--ease) both;background:#0f0a0899;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet-inner{color:#1d1814;--ink:#1d1814;--muted:#6b6056;--line:#1d18141f;--line-strong:#1d18144d;--gold:#7d5f27;background:#f4efe6;gap:20px;width:min(640px,100%);max-height:calc(100vh - 32px);padding:32px;display:grid;overflow:auto}.sheet-inner .display{font-size:2.8rem}.sheet-inner .btn{justify-self:start}.design-media{aspect-ratio:16/9;border:1px dashed var(--line-strong);text-align:center;color:var(--muted);place-items:center;padding:24px;font-size:.85rem;display:grid}.source-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.source-list li{border-top:1px solid var(--line);gap:2px;padding-top:12px;display:grid}.source-list span{color:var(--muted);font-size:.78rem}@keyframes fade{0%{opacity:0}to{opacity:1}}.veil{z-index:40;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);background:radial-gradient(circle at 55% 45%,#f6efe2,#cfc2ac 75%);position:fixed;inset:0}.veil.is-on{opacity:1}.veil-dark{background:radial-gradient(circle,#3b2a12,#0a0605 70%);transition-duration:.5s}.film-link{align-self:center;margin-left:6px}.sheet-film .sheet-inner{color:#efe6d6;background:#0f0a08;width:min(1100px,100%)}.sheet-film .film video{aspect-ratio:16/9}body[data-view=film]{background:#000}.film-studio{place-items:center;gap:12px;min-height:100vh;display:grid}.film-frame{width:1280px;height:720px;position:relative}.film-status{color:#a3958a;font-size:.85rem}@media (width<=1100px){.spread,.spread-right{grid-template-columns:1fr}.spread-right .spread-media{order:0}}.intro{z-index:100;cursor:pointer;pointer-events:auto;position:fixed;inset:0}.intro.is-covered{pointer-events:none}.intro-backdrop{background:radial-gradient(120% 90% at 50% 40%,#1d120d,#080504 70%);place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.intro.is-covered .intro-backdrop{visibility:hidden}.intro-silk{width:100%;height:100%;display:block;position:absolute;inset:0}.silk-wipe{z-index:95;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}.intro-title{font-family:var(--display);text-align:center;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:300;line-height:.95;display:grid}.intro-line:last-child{color:var(--gold);font-style:italic}.intro-char{opacity:0;filter:blur(6px);animation:rise 1s var(--ease) forwards;display:inline-block;transform:translateY(.5em)rotate(4deg)}@keyframes rise{to{opacity:1;filter:none;transform:none}}body[data-intro=on] .hero-title span,body[data-intro=on] .hero .lede,body[data-intro=on] .hero-actions{animation-play-state:paused}.intro-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);opacity:0;font-size:.72rem;animation:1s 1.6s forwards fade}html.has-cursor,html.has-cursor *{cursor:none!important}.cursor-thread{z-index:198;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0}.cursor-dot,.cursor-ring{z-index:200;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.cursor-dot{background:var(--gold);mix-blend-mode:difference;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor-ring{width:36px;height:36px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), background .35s, border-color .35s;border:1px solid #c9a45f99;place-items:center;margin:-18px 0 0 -18px;display:grid}.cursor-ring span{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:0;font-size:.6rem;transition:opacity .3s}.cursor-ring.is-hot{border-color:var(--gold);background:#c9a45f1f;width:64px;height:64px;margin:-32px 0 0 -32px}.cursor-ring.is-canvas{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:58px;height:58px;margin:-29px 0 0 -29px}.cursor-ring.is-canvas span{opacity:1}.marquee{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.mq-track{animation:marquee var(--mq-speed,60s) linear infinite;align-items:center;gap:.6em;display:inline-flex}.mq-word{font-family:var(--display);font-style:italic;font-weight:300}.mq-sep{color:var(--gold);font-size:.35em}@keyframes marquee{to{transform:translate(-50%)}}.mq-track>:last-child{margin-right:.6em}.marquee-outline{border-block:1px solid var(--line);padding:6vh 0;font-size:clamp(3.4rem,9vw,9rem);line-height:1}.marquee-outline .mq-word{color:#0000;-webkit-text-stroke:1px #c9a45f8c;font-style:normal}.marquee-outline .mq-word:nth-child(4n+1){color:var(--gold);-webkit-text-stroke:0;font-style:italic}.hero-title span:last-child{background:linear-gradient(100deg,#8f6c32 0%,#c9a45f 30%,#f6e2b0 46%,#c9a45f 60%,#8f6c32 100%) 0 0/260% 100%;color:#0000;animation:emerge 2.4s .5s var(--ease) both, sheen 7s 3s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;padding-right:.08em}@keyframes sheen{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.photo{gap:10px;margin:0;display:grid}.photo-img{aspect-ratio:4/5;clip-path:inset(100% 0 0);background:#140d0a;transition:clip-path 1.6s cubic-bezier(.76,0,.24,1);position:relative;overflow:hidden}.photo.is-in .photo-img{clip-path:inset(0)}.photo-img img{object-fit:cover;width:100%;height:118%;transform:translateY(calc(var(--py,0px) - 8%)) scale(1.12);filter:saturate(.9)contrast(1.04);transition:transform .2s linear;animation:22s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{scale:1}to{scale:1.07}}.photo-img:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0a06058c);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c9a45f40}.photo figcaption{color:var(--muted);opacity:0;transition:opacity 1s .8s, transform 1s .8s var(--ease);gap:3px;font-size:.76rem;line-height:1.45;display:grid;transform:translateY(10px)}.photo.is-in figcaption{opacity:1;transform:none}.photo figcaption span:nth-child(2){color:var(--ink)}.photo figcaption a{opacity:.75;font-size:.68rem;text-decoration:none}.photo figcaption a:hover{text-decoration:underline}.photo-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:.62rem}.chapter-photo{pointer-events:auto;grid-template-columns:7rem 1fr;align-items:end;gap:14px;max-width:25rem}.chapter-photo .photo-img{aspect-ratio:3/4}.gallery{position:relative}.gallery-sticky{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.gallery-track{will-change:transform;align-items:center;gap:clamp(28px,4vw,72px);padding:0 clamp(16px,6vw,96px);display:flex}.gallery-head{flex:0 0 min(30rem,80vw);gap:18px;display:grid}.gallery-head .display{font-size:clamp(3.2rem,7vw,7rem)}.gallery-item{flex:none;width:clamp(240px,26vw,400px)}.gallery-item:nth-child(odd){transform:translateY(6vh)}.gallery-item:nth-child(2n){transform:translateY(-5vh)}.gallery-item .photo-img{aspect-ratio:3/4}.sources-sub{font-family:var(--display);margin-top:10px;font-size:1.5rem;font-weight:400}.split-word{white-space:nowrap;display:inline-block}.split .ch{animation:char-in 1.1s var(--ease) both;animation-delay:var(--d,0s);display:inline-block}@keyframes char-in{0%{opacity:0;filter:blur(6px);transform:translateY(.55em)rotate(5deg)}}.grain{z-index:90;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.cursor-preview{z-index:199;pointer-events:none;opacity:0;width:150px;height:190px;transition:opacity .35s var(--ease), scale .45s var(--ease);background:#140d0a 50%/cover no-repeat;position:fixed;top:0;left:0;scale:.6;box-shadow:0 18px 50px #0000008c,inset 0 0 0 1px #c9a45f66}.cursor-preview.is-on{opacity:1;scale:1}.timeline{z-index:45;overscroll-behavior:contain;pointer-events:auto;--tone:150, 118, 80;color:#efe6d6;animation:fade .6s var(--ease) both;background:radial-gradient(90% 60% at 50% 0,#22150e 0%,#0f0a08 60%);outline:none;position:fixed;inset:0;overflow:hidden auto}.tl-close{z-index:2;position:fixed;top:26px;right:clamp(16px,4vw,56px)}.tl-head{text-align:center;align-content:end;justify-items:center;gap:18px;min-height:78vh;padding:120px 16px 10vh;display:grid}.tl-head .display{font-size:clamp(3.4rem,9vw,9rem)}.tl-head .lede{max-width:40ch}.tl-track{gap:18vh;max-width:1180px;margin:0 auto;padding:4vh clamp(16px,4vw,48px) 30vh;display:grid;position:relative}.tl-line{background:#efe6d61f;width:1px;position:absolute;top:0;bottom:0;left:50%}.tl-thread{transform-origin:top;background:linear-gradient(#8f6c32,#c9a45f 40%,#f6e2b0);position:absolute;inset:0 -1px;transform:scaleY(0);box-shadow:0 0 12px #f6e2b08c}.tl-glow{pointer-events:none;background-color:rgba(var(--tone), .22);transition:background-color 1.4s var(--ease);position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 58%,#000,#0000 72%);mask-image:radial-gradient(70% 55% at 50% 58%,#000,#0000 72%)}.tl-head,.tl-track{z-index:1}.tl-head{position:relative}.tl-scroll{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.7rem;animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{opacity:.6;transform:translateY(6px)}}.tl-needle{opacity:0;filter:drop-shadow(0 0 8px #f6e2b0bf);pointer-events:none;margin-left:-6px;transition:opacity .4s;position:absolute;top:-62px;left:0}.tl-needle.is-on{opacity:1}.tl-needle svg{transform-origin:50% 100%;animation:1.1s ease-in-out infinite alternate sew;display:block}@keyframes sew{0%{transform:translateY(-5px)rotate(-5deg)}to{transform:translateY(2px)rotate(4deg)}}.stop:before{content:attr(data-year);z-index:-1;translate:-50% calc(-50% + var(--sp,0px));font-family:var(--display);white-space:nowrap;color:#0000;-webkit-text-stroke:1px rgba(var(--tone), .13);pointer-events:none;font-size:clamp(7rem,20vw,19rem);font-weight:300;line-height:1;transition:-webkit-text-stroke-color 1.4s;position:absolute;top:50%;left:50%}.stop-year .year-word{vertical-align:top;padding-bottom:.06em;display:inline-block;overflow:hidden}.stop-year .year-ch{transition:transform .9s var(--ease);display:inline-block;transform:translateY(105%)}.stop.is-in .year-ch{transform:none}.stop-knot:after{content:"";opacity:0;pointer-events:none;border:1px solid #f6e2b0d9;position:absolute;inset:-7px}.stop.is-in .stop-knot:after{animation:ping 1.4s var(--ease) .1s 2}.stop .photo-img{clip-path:inset(100% 0 0);transition:clip-path 1.5s .35s var(--ease)}.stop.is-in .photo-img{clip-path:inset(0)}.stop{grid-template-columns:1fr 1fr;align-items:start;column-gap:clamp(48px,8vw,120px);display:grid;position:relative}.stop-knot{width:11px;height:11px;transition:background .6s, box-shadow .6s, scale .6s var(--ease);background:#0f0a08;border:1px solid #c9a45f80;margin-left:-5.5px;position:absolute;top:.9em;left:50%;rotate:45deg}.stop.is-in .stop-knot{background:var(--gold);scale:1.25;box-shadow:0 0 18px #f6e2b0cc}.stop-year{color:#0000;-webkit-text-stroke:1px #c9a45f8c;transition:color 1.2s var(--ease);font-size:clamp(3rem,7vw,6.6rem);line-height:.95}.stop.is-in .stop-year{color:var(--gold);-webkit-text-stroke:0}.stop-body{opacity:0;transition:opacity 1.1s .2s var(--ease), transform 1.1s .2s var(--ease);justify-items:start;gap:14px;display:grid;transform:translateY(30px)}.stop.is-in .stop-body{opacity:1;transform:none}.stop-title{font-family:var(--display);font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:400;line-height:1.1}.stop-l .stop-year{text-align:right;grid-column:1}.stop-l .stop-body,.stop-r .stop-year{grid-area:1/2}.stop-r .stop-body{text-align:right;grid-area:1/1;justify-self:end;justify-items:end}.stop-r .claim-meta{justify-content:flex-end}.stop-photo{width:min(320px,100%)}.stop-photo .photo-img{aspect-ratio:4/5}.stop-end{padding-top:6vh}.stop-end .stop-year{text-align:right;grid-column:1}.stop-end .stop-body{grid-area:1/2}.transform-card{z-index:2;opacity:0;pointer-events:none;background:#0c0806db;width:clamp(220px,21vw,300px);padding:10px 10px 14px;position:absolute;top:18vh;right:clamp(16px,8vw,140px);box-shadow:0 24px 60px #00000073}.transform-card .photo-img{aspect-ratio:3/4}.transform-card figcaption{color:#efe6d6bf}.transform-card .photo figcaption span:nth-child(2){color:#efe6d6}.btn:disabled{opacity:.6;cursor:progress}.sheet-compare .sheet-inner{width:min(1100px,100%)}.sound-toggle{align-items:center;gap:8px;display:inline-flex}.sound-bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.sound-bars i{background:currentColor;width:2px;height:3px}.sound-toggle[aria-pressed=true] .sound-bars i{background:var(--gold);animation:.9s ease-in-out infinite alternate eq}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.3s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.6s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:3px}to{height:11px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.scroll-progress{z-index:35;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#8f6c32,#c9a45f,#f6e2b0);height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 10px #f6e2b099}.btn{background-image:linear-gradient(var(--gold), var(--gold));transition:border-color .3s var(--ease), background-size .55s var(--ease), color .4s var(--ease), translate .35s var(--ease);background-position:0;background-repeat:no-repeat;background-size:0% 100%}.btn:not(.btn-strong):hover{color:#120c09;background-size:100% 100%}.btn-strong{background-size:100% 100%}.hotspot-dot{position:relative}.hotspot-dot:after{content:"";border:1px solid var(--nacre);animation:ping 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-6px}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@media (width<=768px){.nav{background:linear-gradient(#0a0605d9,#0a060580 70%,#0000);flex-direction:column;gap:2px;padding:14px 16px 24px}body[data-view=hero] .nav{background:linear-gradient(#f4f0e9e6,#f4f0e980 70%,#0000)}.hero{gap:16px}.hero-colors-note,.hero-actions .link:not(.film-link){display:none}.hero-swatch{gap:6px;padding:3px 9px 3px 3px;font-size:.72rem}.hero-swatch:before{width:18px;height:18px}.hero-swatches{gap:6px}.hero-actions{gap:8px}.hero-actions .btn{padding:10px 14px;font-size:.8rem}body[data-view=hero] .stage:after{background:linear-gradient(#f3ece100 38%,#f3ece1bf 62%,#f3ece1f0 100%)}.wordmark{font-size:1.1rem}.nav-links{gap:14px;font-size:.76rem}.journey,.story-count{display:none}.hero{bottom:24px;left:16px;right:16px}.grain{display:none}.glass{-webkit-backdrop-filter:none;background:#140d0adb}html:has(body[data-view=archive]){scroll-snap-type:y proximity}.chapter{scroll-snap-align:end;min-height:100svh!important}.chapter-body{gap:12px}.chapter-inner{padding-top:28px;position:relative}.chapter-inner:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#0a0605d1 70px,#0a0605e6);position:absolute;inset:-40px -16px -10vh}.nav-links{flex-wrap:wrap;row-gap:4px}.sound-toggle{gap:0;padding:4px;font-size:0}.tl-line{left:22px}.stop,.stop-end{grid-template-columns:1fr;row-gap:14px;padding-left:44px}.stop-knot{left:22px}.stop .stop-year,.stop .stop-body{text-align:left!important;grid-area:auto/1!important;justify-self:start!important;justify-items:start!important}.stop-r .claim-meta{justify-content:flex-start}.tl-track{gap:12vh}.stop:before{font-size:6.5rem;left:60%}.transform-card{width:150px;top:auto;bottom:30vh;right:16px}.transform-card figcaption,.cursor-preview{display:none}.gallery-item{width:72vw}.chapter-photo{grid-template-columns:5rem 1fr;max-width:100%}.story:before,.story[data-side="1"]:before{opacity:1;background:linear-gradient(#0000 38%,#0a060599 60%,#0a0605eb 100%)}.story:after,.story[data-side="1"]:after{opacity:0}.chapter,.chapter.side-right{justify-content:flex-start;align-items:flex-end;min-height:115vh;padding-bottom:10vh}.chapter-line{font-size:1.9rem}.story-rail{right:8px}.zoom-panel{width:auto;max-height:46vh;inset:auto 8px 76px}.explore-bar p{display:none}.transform-steps{flex-wrap:wrap;gap:12px;top:90px}.drop-zone{display:none}.spread-num{font-size:9rem;top:12%}.sheet-inner{padding:20px}.lens-wrap img{max-height:70vh}}.game{z-index:20;pointer-events:auto;background:#2d375a;position:fixed;inset:0;overflow:hidden}.game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}body[data-playing=true] .cursor-dot,body[data-playing=true] .cursor-ring,body[data-playing=true] .cursor-thread{opacity:0}body[data-playing=true] .game-canvas{cursor:none}.nav{transition:opacity .4s var(--ease)}body[data-playing=true] .nav{opacity:0}body[data-playing=true] .nav>*{pointer-events:none}.game-hud{pointer-events:none;color:#fff7e8;text-shadow:0 1px 12px #140a068c;grid-template-columns:1fr auto;align-items:start;gap:10px 16px;display:grid;position:absolute;inset:88px clamp(16px,3vw,40px) auto}.game-score{font-family:var(--display);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:300;line-height:1;display:flex}.game-score small{font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:.8rem}.game-chips{align-items:center;gap:12px;display:flex}.game-mult{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2em;transition:background .3s, transform .3s var(--ease);background:#140c0873;border:1px solid #fff0d240;border-radius:999px;padding:6px 10px;font-weight:600}.game-mult.is-hot{color:#1d120c;text-shadow:none;background:#c9a45f;transform:scale(1.08)}.game-lives{gap:5px;display:flex}.game-lives i{background:linear-gradient(90deg,#f3d48a,#c9a45f);border-radius:2px 9px;width:28px;height:9px;transition:opacity .4s,transform .4s;box-shadow:0 0 10px #ffdc9680}.game-lives i.is-off{opacity:.18;box-shadow:none;transform:scaleX(.6)}.game-pause{pointer-events:auto;background:#140c0859;border:1px solid #fff0d259;border-radius:999px;padding:6px 12px;font-size:.78rem}.game-power{letter-spacing:.04em;color:#ffe2a8;grid-column:1/-1;min-height:1.2em;font-size:.82rem}.game-tally{flex-wrap:wrap;grid-column:1/-1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.game-tally li{font-variant-numeric:tabular-nums;background:#140c0861;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 3px;font-size:.8rem;display:flex}.game-tally img{width:24px;height:24px}.game-tally-static{justify-content:flex-start}.game-tally-static li{color:var(--ink);text-shadow:none;background:#ffffff0f}.game-toast{z-index:2;pointer-events:none;font-family:var(--display);color:#fff3d2;text-shadow:0 2px 18px #501e0a99;white-space:nowrap;opacity:0;font-size:clamp(1.8rem,4.5vw,3.2rem);font-style:italic;position:absolute;top:34%;left:50%;translate:-50%}.game-toast.is-on{animation:toast 1.5s var(--ease) both}@keyframes toast{0%{opacity:0;filter:blur(6px);transform:translateY(16px)scale(.92)}18%{opacity:1;filter:none;transform:none}72%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.game-panel{overscroll-behavior:contain;width:min(520px,100vw - 32px);max-height:calc(100vh - 112px);animation:panel .7s var(--ease) both;background:#120b08b8;gap:16px;padding:clamp(20px,3vw,32px);display:grid;position:absolute;top:92px;left:clamp(16px,6vw,96px);overflow-y:auto}.game-panel-small{text-align:center;justify-items:center;width:min(360px,100vw - 32px);top:50%;left:50%;translate:-50% -50%}.game-title{font-size:clamp(2.6rem,6vw,4rem)}.game-howto{color:var(--muted);gap:6px;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid}.game-howto li:before{content:"◆";color:var(--gold);vertical-align:2px;margin-right:8px;font-size:.6rem}.game-howto b{color:var(--ink);font-weight:500}.game-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-best{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.86rem}.game-stats{color:var(--muted);font-size:.9rem}.game-unlock{color:#ffe2a8;font-size:.9rem}.robe{border:1px solid var(--line);gap:8px;padding:14px;display:grid}.robe-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.robe-head b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.robe ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.robe li{grid-template-columns:26px 6.5em 1fr 3.4em;align-items:center;gap:10px;font-size:.82rem;display:grid}.robe img{width:26px;height:26px}.robe-bar{background:#efe6d61f;border-radius:2px;height:4px;overflow:hidden}.robe-bar i{height:100%;transition:width 1.2s var(--ease);background:linear-gradient(90deg,#8f6c32,#f3d48a);display:block}.robe-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.robe li.is-done .robe-n{color:var(--gold)}.silk-pick{flex-wrap:wrap;gap:8px;display:flex}.silk-pick button{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 5px;font-size:.78rem;display:inline-flex}.silk-pick button i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff40}.silk-pick button[aria-checked=true]{border-color:var(--gold);color:var(--gold)}.silk-pick button:disabled{opacity:.4;cursor:not-allowed}.game-card{animation:panel .8s .2s var(--ease) both;background:#c9a45f14;border:1px solid #c9a45f80;grid-template-columns:52px 1fr;gap:12px;padding:14px;display:grid}.game-card img{width:52px;height:52px}.game-card p{font-size:.88rem}.game-card-head{color:var(--gold);font-weight:500}.quiz{border-top:1px solid var(--line);gap:10px;padding-top:4px;display:grid}.quiz-head{letter-spacing:.04em;color:var(--gold);padding-top:12px;font-size:.76rem}.quiz-q{font-size:.98rem}.quiz-options{flex-wrap:wrap;gap:8px;display:flex}.quiz-opt{border:1px solid var(--line-strong);padding:9px 14px;font-size:.86rem;transition:border-color .3s,background .3s}.quiz-opt:hover:not(:disabled){border-color:var(--gold)}.quiz-opt.is-right{background:#7fb38a2e;border-color:#7fb38a}.quiz-opt.is-wrong{background:#c0564a2e;border-color:#c0564a}.quiz-opt:disabled{cursor:default}.quiz-why{max-width:none}@media (width<=768px){.game-hud{grid-template-columns:1fr;top:112px}.game-chips{justify-content:flex-start}.game-panel{width:auto;max-height:calc(100vh - 150px);inset:auto 16px 16px;translate:none}.game-panel-small{left:16px;translate:none}.robe li{grid-template-columns:24px 5.5em 1fr 3em}}.world{z-index:20;pointer-events:auto;background:radial-gradient(120% 90% at 30% 40%,#fff4e0,#f1d9b4 55%,#d9a978);position:fixed;inset:0}.world-canvas{inset:0;position:absolute!important}.world-vignette{pointer-events:none;background:radial-gradient(75% 70% at 50% 48%,#0000 58%,#341a0c4d 100%);transition:opacity 2s;position:absolute;inset:0}.world-vignette:after{content:"";opacity:0;background:radial-gradient(80% 75% at 50% 45%,#ff8c5014,#2812286b 100%);transition:opacity 2s;position:absolute;inset:0}.world-vignette.is-dusk:after{opacity:1}body[data-world=create] .nav{background:linear-gradient(#3c1e1459,#0000)}.world .creator{width:min(440px,100vw - 56px);color:var(--g-ink);background:repeating-linear-gradient(0deg, #b57a1609 0 1px, transparent 1px 4px), radial-gradient(120% 80% at 50% 0%, #fffdf5, var(--g-silk) 55%, #f6e5c3);box-shadow:inset 0 0 0 3px var(--g-gold), inset 0 0 0 6px #fffdf5d9, 0 0 0 7px var(--g-red), 0 11px 0 7px var(--g-red-lo), 0 28px 44px #14060273;--ink:var(--g-ink);--muted:var(--g-ink-soft);--line:#3d241621;--line-strong:#3d24164d;--gold:#a8741a;border-radius:24px;grid-template-rows:minmax(0,1fr) auto;display:grid;position:absolute;top:50px;bottom:30px;right:28px}.creator-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b57a16bf transparent;align-content:start;gap:12px;min-height:0;padding:36px 24px 14px;display:grid;overflow-y:auto}.creator-row{grid-template-columns:6.2em 1fr;align-items:center;gap:10px;font-size:.84rem;display:grid}.creator-row>span{font:800 .92rem/1.2 var(--g-font);color:var(--muted)}.creator-faces,.creator-pics{align-items:start}.creator-pics>span{padding-top:8px}.pics{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;display:grid}.pic{border:1px solid var(--line-strong);color:#3a2a1c;transition:transform .2s var(--ease), box-shadow .2s, border-color .2s;background:radial-gradient(circle at 50% 38%,#fff6e4f2,#e2cdaad9 75%);border-radius:12px;justify-items:center;gap:3px;padding:4px 4px 5px;display:grid}.pic img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.pics-tall .pic img{aspect-ratio:2/3}.pic-round img{border-radius:50%;width:78%;margin-top:4px;box-shadow:inset 0 0 0 1px #0003,0 2px 6px #28140a4d}.pic small{text-align:center;font-size:.66rem;line-height:1.2}.pic:hover{transform:translateY(-2px)}.pic[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.creator-faces>span{padding-top:6px}.faces{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;max-height:236px;padding:3px;display:grid;overflow-y:auto}.face-pick{border:1px solid var(--line-strong);aspect-ratio:8/5;transition:transform .2s var(--ease), box-shadow .2s;background:#fff;border-radius:10px;padding:0;overflow:hidden}.face-pick img{object-fit:cover;width:100%;height:100%;display:block}.face-pick:hover{transform:scale(1.06)}.face-pick[aria-pressed=true]{box-shadow:0 0 0 2px var(--gold);border-color:var(--gold)}.creator-row input{font:700 1rem/1.3 var(--g-font);color:var(--g-ink);background:#fff;border:0;border-radius:12px;padding:8px 12px;box-shadow:inset 0 0 0 2px #7b5a434d}.creator-note{margin:-4px 0 0 6.9em}.dots,.chips{flex-wrap:wrap;gap:7px;display:flex}.dot{width:26px;height:26px;transition:transform .25s var(--ease), box-shadow .25s;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff40}.dot[aria-pressed=true]{transform:scale(1.18);box-shadow:0 0 0 2px #120c09,0 0 0 4px #e2b33c}.chip{border:1px solid var(--line-strong);background:#ffffff0a;border-radius:999px;padding:6px 12px;font-size:.8rem;transition:background .25s,border-color .25s,color .25s}.chip:hover{border-color:#e2b33c}.chip[aria-pressed=true]{color:#1d120c;background:#e2b33c;border-color:#e2b33c}.creator-reset{opacity:.75;text-align:left;justify-self:start;font-size:.78rem}.creator-actions{border-top:2px dashed #b57a1659;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:14px 22px 18px;display:flex}.minimap{border-radius:12px;width:96px;height:229px;box-shadow:0 6px 20px #28140a4d}.world-flash{pointer-events:none;background:#fffaf0;animation:.6s ease-out both flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}.joy{touch-action:none;background:radial-gradient(circle,#fff7e729,#fff7e757);border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:absolute;bottom:28px;left:24px;box-shadow:inset 0 0 0 3px #f2c14ecc,0 0 0 3px #b8281f8c}.joy-knob{pointer-events:none;background:radial-gradient(circle at 50% 32%, #fffdf6, var(--g-silk-lo));width:56px;height:56px;box-shadow:0 0 0 3px var(--g-gold), 0 0 0 6px var(--g-red), 0 4px 0 6px var(--g-red-lo);border-radius:50%}.world-jump{touch-action:none;color:#5a1a08;width:84px;height:84px;font:800 1.05rem/1 var(--g-font);background:radial-gradient(circle at 50% 30%, var(--g-gold-hi), var(--g-gold));box-shadow:inset 0 0 0 3px #b57a1680, 0 0 0 4px var(--g-red), 0 6px 0 4px var(--g-red-lo), 0 12px 18px #280e0659;border:0;border-radius:50%;position:absolute;bottom:40px;right:28px}.world-jump:active{transform:translateY(4px)}.plaque-img{border-radius:6px;justify-self:center;width:auto;max-width:100%;max-height:52vh}.plaque-disc{width:110px;height:110px}.plaque-title{font-size:clamp(1.8rem,3.6vw,2.4rem)}.plaque-hints{color:#ffe2a8;margin:0;padding-left:18px;font-size:.88rem}.world-arcade{z-index:26;position:fixed;inset:0}.world-arcade .game{z-index:1}@media (width<=768px){.world .creator{width:auto;height:min(52vh,480px);inset:auto 12px 12px}.creator-body{padding:32px 16px 12px}.creator-row{grid-template-columns:5.2em 1fr}.creator-note{margin-left:0}.minimap{width:72px;height:172px}}@supports (height:100dvh){.sheet-inner{max-height:calc(100dvh - 32px)}.game-panel{max-height:calc(100dvh - 112px)}@media (width<=768px){.game-panel{max-height:calc(100dvh - 150px)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}}.pic.is-locked{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.pic.is-locked small{color:#e2b33c}.isle-list{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.isle-list li{background:#ffffff8c;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex;box-shadow:inset 0 0 0 2px #b57a1638}.isle-list b{font:800 1.06rem/1.2 var(--g-font)}.isle-hubs{border-top:2px dashed #b57a164d;padding-top:10px}.isle-here{background:var(--g-red);color:var(--g-silk);font:700 .8rem/1.3 var(--g-font);border-radius:999px;flex:none;align-items:center;gap:4px;padding:4px 12px 4px 8px;display:flex}.isle-here .g-icon{width:16px;height:16px}.isle-list li>div{min-width:0}.isle-list li.is-open{box-shadow:inset 0 0 0 2px var(--g-gold);background:#f2c14e29}.isle-list .caption{margin:2px 0 0}.isle-soon{color:var(--g-ink-soft);font:700 .8rem/1.3 var(--g-font);border-radius:999px;flex:none;padding:4px 12px;box-shadow:inset 0 0 0 1.5px #7b5a4366}.isle-done{font:700 .8rem/1 var(--g-font);color:var(--g-jade);margin-left:8px}.isle-steps{gap:4px;margin:0;padding-left:20px;font-size:.9rem;display:grid}.isle-steps li.is-done{color:var(--g-jade)}.isle-steps li.is-next{color:var(--g-red);font-weight:700}.isle-won{color:var(--g-red);font:800 1.25rem/1.25 var(--g-font)}.craft{justify-items:center;gap:10px;width:100%;display:grid}.craft-loom,.craft-robe{width:100%;max-width:420px;height:auto}.craft-robe{background:#fff9;border-radius:14px;box-shadow:inset 0 0 0 2px #b57a1640}.craft-zone{cursor:pointer;transition:fill-opacity .2s}.craft-zone:hover{fill-opacity:.85;stroke-width:3px}.craft-msg{font:700 1rem/1.35 var(--g-font);color:var(--g-red);text-align:center;min-height:2.6em}.craft-q{text-align:center;font-size:.98rem}.craft-vats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.vat{border:1px solid #0000;border-radius:10px;justify-items:center;gap:4px;padding:6px;font-size:.74rem;display:grid}.vat span{border-radius:50%/40%;width:52px;height:40px;box-shadow:inset 0 -6px #00000040,0 0 0 3px #6b4a33}.vat:hover:not(:disabled){border-color:#e2b33c}.craft-dyed{gap:6px;min-height:30px;display:flex}.craft-dyed span{border-radius:3px;width:22px;height:30px;box-shadow:0 2px 6px #0006}.craft-cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.craft-card{text-align:left;max-width:260px;font:700 .86rem/1.25 var(--g-font);color:var(--g-ink);background:#ffffffbf;border:0;border-radius:12px;align-items:center;gap:8px;padding:6px 12px 6px 7px;transition:box-shadow .2s,background .2s,opacity .3s,transform .12s;display:flex;box-shadow:inset 0 0 0 2px #7b5a4347,0 3px #7b5a434d}.craft-card:hover:not(:disabled){transform:translateY(-1px)}.craft-card img,.craft-card span{border-radius:50%;flex:none;width:30px;height:30px}.craft-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--g-gold-lo), 0 3px 0 var(--g-gold-lo);background:#f2c14e59}.craft-card:disabled{opacity:.35;text-decoration:line-through}.scene-steps{counter-reset:step;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scene-steps li{counter-increment:step;font:700 .84rem/1.4 var(--g-font);color:var(--g-ink-soft);background:#ffffff8c;border-radius:999px;padding:4px 14px 4px 6px;box-shadow:inset 0 0 0 2px #7b5a4338}.scene-steps li:before{content:counter(step);background:#7b5a4329;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-size:.74rem;display:inline-grid}.scene-steps li.is-now{color:#5a1a08;background:linear-gradient(var(--g-gold-hi), var(--g-gold));box-shadow:inset 0 0 0 2px var(--g-gold-lo), 0 3px 0 var(--g-gold-lo)}.scene-steps li.is-now:before{background:#5a1a0829}.scene-steps li.is-done{color:var(--g-jade);box-shadow:inset 0 0 0 2px #2e8a6273}.scene-steps li.is-done:before{content:"✓";background:var(--g-jade);color:#fff}.scene-slide{justify-items:stretch;gap:12px;min-width:0;display:grid}.scene-slide[hidden]{display:none}.scene-slide .plaque-title{margin:0}.scene-slide>.btn{justify-self:end}.scene-reply{justify-items:end;gap:10px;scroll-margin-bottom:96px;display:grid}.scene-reply .scene-cast{width:100%}.scene-fact{animation:panel .4s var(--ease) both;background:#fffdf6;border-radius:14px;padding:10px 14px;font-size:.9rem;box-shadow:inset 0 0 0 2px #f2c14ebf,0 3px #b57a1659}.scene-end{justify-items:start}.scene-film{gap:6px;margin:0;display:grid}.scene-film video{aspect-ratio:16/9;object-fit:contain;background:#0c0806;border-radius:12px;width:100%;max-height:min(46vh,400px)}.scene-film-wait{text-align:center;color:#efe6d6bf;background:radial-gradient(circle at 50% 40%,#e2b33c29,#0000 60%),#120b08;border:1px dashed #e2b33c66;border-radius:12px;align-content:center;place-items:center;gap:14px;height:min(28vh,230px)}.scene-film-wait p{margin:0}.scene-film-strip{opacity:.7;background:repeating-linear-gradient(90deg,#efe6d680 0 10px,#0000 10px 20px) top/100% 5px no-repeat,repeating-linear-gradient(90deg,#efe6d680 0 10px,#0000 10px 20px) bottom/100% 5px no-repeat,linear-gradient(90deg,#2a1a12,#4a3020,#2a1a12) 50%/200% 100%;border-radius:4px;width:64%;height:26px;animation:2.4s linear infinite strip}@keyframes strip{to{background-position:20px 0,20px bottom,-200%}}.scene-cast{grid-template-columns:96px 1fr;align-items:end;gap:12px;display:grid}.scene-cast.is-reply{animation:panel .4s var(--ease) both;grid-template-columns:1fr 96px}.portrait{object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 10px #00000059);width:96px;height:120px}.portrait-none{background:var(--g-silk-lo);height:96px;box-shadow:inset 0 0 0 3px var(--g-gold);font:800 2rem/1 var(--g-font);color:var(--g-red);border-radius:50%;place-items:center;display:grid}.bubble{color:#2a1a12;filter:drop-shadow(0 0 .8px #8c5a14f2)drop-shadow(0 3px #b57a1647);background:#fff;border-radius:18px;padding:12px 16px;font-size:.94rem;line-height:1.5;position:relative}.bubble:after{content:"";background:#fff;border-radius:2px;width:13px;height:13px;position:absolute;bottom:16px;left:-6px;transform:rotate(45deg)}.is-reply .bubble:after{left:auto;right:-6px}.bubble p{margin:0}.bubble-who{font:800 .76rem/1.3 var(--g-font);letter-spacing:.06em;text-transform:uppercase;color:var(--g-red);margin-bottom:4px!important}.bubble-src{color:#6f5f50;font-size:.8rem}.bubble-src a{color:#6b3a1a}.drag-chip,.drag-card{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.drag-chip{color:var(--g-ink);font:700 .9rem/1.2 var(--g-font);background:#fffdf6;border:0;border-radius:16px;justify-items:center;gap:4px;padding:10px 14px;transition:box-shadow .2s,background .2s,opacity .2s,transform .12s;display:grid;box-shadow:inset 0 0 0 2px #7b5a434d,0 4px #7b5a4359}.drag-chip:hover,.drag-chip[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--g-gold-lo), 0 4px 0 var(--g-gold-lo);background:#f2c14e47;transform:translateY(-2px)}.drag-chip.is-made{cursor:default;transform:none;box-shadow:inset 0 0 0 2px #2e8a628c,0 4px #2e8a6266}.thing-art{object-fit:contain;pointer-events:none;width:64px;height:64px}.prep{grid-template-columns:1fr auto 1.3fr;align-items:center;gap:14px;display:grid}.prep-tray{justify-items:center;display:grid}.prep-arrow{color:var(--g-gold-lo);font-size:1.8rem;font-weight:800}.prep-tool{text-align:center;font:700 .9rem/1.3 var(--g-font);color:var(--g-ink);background:#ffffff73;border:3px dashed #b57a168c;border-radius:20px;justify-items:center;gap:6px;padding:18px 12px;transition:border-color .2s,background .2s,box-shadow .2s;display:grid}.prep-tool .thing-art{width:96px;height:96px}.prep-tool.is-open{border-color:var(--g-gold-lo);background:#f2c14e2e;animation:1.2s ease-in-out infinite breathe;box-shadow:0 0 0 5px #f2c14e40,0 0 26px #f2c14e73}.prep-tool.is-done{border-style:solid;border-color:#2e8a628c}@keyframes breathe{50%{box-shadow:0 0 0 9px #f2c14e2e,0 0 34px #f2c14e8c}}.prep-made{font:700 .84rem/1.2 var(--g-font);color:var(--g-jade);flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.prep-made li{background:#2e8a621f;border-radius:999px;align-items:center;gap:6px;padding:2px 12px 2px 2px;display:flex}.prep-made .thing-art{width:28px;height:28px}.assemble{grid-template-columns:minmax(0,1fr) minmax(160px,210px);align-items:center;gap:14px;display:grid}.assemble .craft-robe{width:100%;max-height:min(44vh,340px)}.assemble .craft-cards{flex-flow:column;align-items:stretch}.assemble .craft-card{max-width:none}.craft-zone.is-open{animation:1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-22px}}.motif-in{animation:pop .45s var(--ease) both;transform-box:fill-box;transform-origin:50%}@keyframes pop{0%{opacity:0;transform:scale(.2)}}.drag-ghost{z-index:100;pointer-events:none;filter:drop-shadow(0 10px 14px #00000073);position:fixed;transform:translate(-50%,-60%)scale(1.12)rotate(-4deg)}.drag-ghost .thing-art{width:72px;height:72px}.ghost-disc{border-radius:50%;width:54px;height:54px}.ghost-swatch{color:#fff6e0;border-radius:10px;padding:8px 14px;font-size:.82rem;display:block;box-shadow:inset 0 0 0 2px #ffffff59}.spark{z-index:101;pointer-events:none;width:0;height:0;position:fixed}.spark i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:10px;height:10px;animation:spark .85s var(--ease) forwards;background:#ffe39a;position:absolute;top:-5px;left:-5px}.spark i:nth-child(2n){background:#fffbe8;width:7px;height:7px}@keyframes spark{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-46px) scale(1.1);opacity:0}}@media (width<=560px){.scene-cast{grid-template-columns:64px 1fr}.scene-cast.is-reply{grid-template-columns:1fr 64px}.portrait{width:64px;height:84px}.portrait-none{height:64px;font-size:1.4rem}.prep{grid-template-columns:1fr;justify-items:center}.prep-arrow{transform:rotate(90deg)}.assemble{grid-template-columns:1fr}.assemble .craft-robe{max-height:26vh}.assemble .craft-card{padding:4px 8px}.assemble .craft-cards{flex-flow:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.scene-film-strip,.prep-tool.is-open,.craft-zone.is-open{animation:none}}.game-loading{z-index:25;color:#fff7e7;background:radial-gradient(circle,#ffe28c29,#0000 42%),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 22px),#8c1c18;place-content:center;justify-items:center;gap:18px;font-family:"Baloo 2",Be Vietnam Pro,system-ui,sans-serif;animation:.3s both fade;display:grid;position:fixed;inset:0;box-shadow:inset 10px 0 #f2c14e,inset -10px 0 #f2c14e,inset 16px 0 #00000040,inset -16px 0 #00000040}.game-loading-seal{color:#ffe28c;border-radius:50%;place-items:center;width:120px;height:120px;animation:6s linear infinite seal-turn;display:grid;box-shadow:inset 0 0 0 4px #f2c14e,inset 0 0 0 10px #0000002e,inset 0 0 0 13px #f2c14e}.game-loading-seal svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:54px;height:54px}.game-loading p{text-shadow:0 3px #0000004d;justify-items:center;gap:2px;margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;line-height:1.1;display:grid}.game-loading small{letter-spacing:.16em;text-transform:uppercase;color:#ffe28c;font-size:.8rem}.game-loading-bar{background:linear-gradient(90deg,#0000,#f2c14e,#0000) 0 0/50% 100% no-repeat,#00000040;border-radius:99px;width:180px;height:8px;animation:1.2s ease-in-out infinite load-sweep;box-shadow:inset 0 0 0 1px #f2c14e80}@keyframes seal-turn{to{transform:rotate(360deg)}}@keyframes load-sweep{0%{background-position:-100% 0,0 0}to{background-position:200% 0,0 0}}@media (prefers-reduced-motion:reduce){.game-loading-seal,.game-loading-bar{animation:none}}