:root{--ink:#0b0a09;--ink-raised:#131110;--ink-deep:#060505;--gold:#c9a961;--gold-bright:#e8d9a8;--gold-hair:#c9a96147;--gold-hair-strong:#c9a9618c;--ivory:#f2ede4;--warm-dim:#a89e8c;--ease:cubic-bezier(.32, .72, 0, 1);--display:"Cormorant Garamond", Georgia, serif;--ui:"Jost", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--ui);font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%;margin:0}.placeholder-root{text-align:center;background:var(--ink);height:100%;color:var(--ivory);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.placeholder-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.72rem;font-weight:500}.placeholder-root h1{max-width:20ch;font-family:var(--display);margin:0;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400}.placeholder-sub{max-width:32ch;color:var(--warm-dim);margin:0;font-size:.95rem}body{background:var(--ink);color:var(--ivory);overflow:hidden}::selection{background:var(--gold);color:var(--ink-deep)}:focus-visible{outline:1.5px solid var(--gold);outline-offset:3px}.app-root{background:var(--ink);height:100dvh;position:relative;overflow:hidden}.topbar{z-index:5;pointer-events:none;background:linear-gradient(#060505bf 30%,#0000);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 32px 40px;display:grid;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand-slot{align-items:center;min-height:30px;display:flex}.brand-slot--studio{justify-content:flex-end}.brand-logo{object-fit:contain;max-width:160px;max-height:30px}.brand-empty{background:var(--gold-hair);width:74px;height:1px}.project-name{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-bright);white-space:nowrap;margin:0;font-size:1.35rem;font-weight:400}.scene-overlay{z-index:3;pointer-events:none;background:linear-gradient(#0000,#06050573 55%,#060505e0 92%);flex-direction:column;align-items:flex-start;gap:10px;padding:92px 34px 104px;display:flex;position:absolute;bottom:0;left:0;right:0}.scene-overlay>*{pointer-events:auto}.back-btn{border:1px solid var(--gold-hair-strong);color:var(--gold-bright);font:500 .7rem var(--ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .5s var(--ease), color .5s var(--ease), transform .4s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;display:inline-flex}.back-btn:hover:not(:disabled){background:#c9a9611f}.back-btn:active:not(:disabled){transform:scale(.97)}.back-btn:disabled{opacity:.35;cursor:default}.back-btn svg{transition:transform .5s var(--ease)}.back-btn:hover:not(:disabled) svg{transform:translate(-2px)}.trail{letter-spacing:.16em;text-transform:uppercase;color:var(--warm-dim);align-items:center;gap:8px;margin:0;font-size:.68rem;display:flex}.trail-sep{opacity:.5;display:inline-flex}.trail-current{color:var(--gold-bright)}.scene-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ivory);opacity:0;filter:blur(6px);margin:0;font-size:clamp(2rem,4.2vw,3.4rem);font-weight:300;line-height:1;transform:translateY(14px)}.scene-title.is-in{opacity:1;filter:blur();transition:opacity .9s var(--ease), transform .9s var(--ease), filter .9s var(--ease);transform:none}.stage-container{z-index:0;background:var(--ink-deep);position:fixed;inset:0}.stage-video{object-fit:cover;width:100%;height:100%;transition:opacity .7s var(--ease);position:absolute;inset:0}.stage-tick{z-index:3;pointer-events:none;opacity:0;width:22px;height:22px;transition:opacity 1.1s var(--ease);position:absolute}.is-ready .stage-tick{opacity:1}.stage-tick:before,.stage-tick:after{content:"";background:var(--gold);position:absolute}.stage-tick:before{width:100%;height:1px}.stage-tick:after{width:1px;height:100%}.stage-tick--tl{top:12px;left:12px}.stage-tick--tr{top:12px;right:12px}.stage-tick--tr:before,.stage-tick--tr:after{right:0}.stage-tick--bl{bottom:12px;left:12px}.stage-tick--bl:before,.stage-tick--bl:after{bottom:0}.stage-tick--br{bottom:12px;right:12px}.stage-tick--br:before,.stage-tick--br:after{bottom:0;right:0}.hotspot-layer{z-index:2;pointer-events:none;transition:opacity .5s var(--ease);position:absolute;inset:0}.hotspot-layer.is-hidden{opacity:0}.hotspot{color:var(--ivory);cursor:pointer;pointer-events:auto;opacity:0;animation:pin-in .8s var(--ease) forwards;animation-delay:var(--stagger,.2s);background:0 0;border:none;align-items:center;gap:10px;margin:-14px;padding:14px;display:flex;position:absolute;transform:translate(-50%,-50%)}@keyframes pin-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.hotspot-ring{border:1px solid var(--gold);width:17px;height:17px;transition:background .5s var(--ease), transform .5s var(--ease);background:#0b0a0980;border-radius:50%;flex-shrink:0;position:relative;box-shadow:0 0 0 1.5px #060505eb}.hotspot-ring:before{content:"";background:var(--gold);border-radius:50%;position:absolute;inset:5px}.hotspot-ring:after{content:"";border:1px solid var(--gold);animation:pin-pulse 3.2s var(--ease) infinite;border-radius:50%;position:absolute;inset:-1px}@keyframes pin-pulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(2.1)}}.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring{background:var(--gold);transform:scale(1.12)}.hotspot-label{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);background:#060505b8;border-radius:999px;padding:6px 12px;font-size:.68rem;font-weight:500;transform:translate(-6px)}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1;transform:none}.bottom-nav{z-index:4;border:1px solid var(--gold-hair);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .5s var(--ease);background:#060505d1;border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.bottom-nav.is-busy{opacity:.5}.nav-btn{color:var(--warm-dim);font:500 .68rem var(--ui);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .5s var(--ease), background .5s var(--ease), transform .4s var(--ease);background:0 0;border:none;border-radius:999px;align-items:center;gap:7px;padding:10px 18px;display:inline-flex}.nav-btn:hover:not(:disabled){color:var(--ivory);background:#c9a9611a}.nav-btn:active:not(:disabled){transform:scale(.97)}.nav-btn.is-active{color:var(--ink-deep);background:var(--gold)}.nav-btn.is-locked{color:#a89e8c73;cursor:not-allowed}.nav-icon{display:inline-flex}@media (pointer:coarse){.nav-btn{min-height:44px}.hotspot-ring{width:21px;height:21px}}@media (pointer:coarse) and (width>=641px){.hotspot-label{opacity:1;transform:none}}@media (width<=860px){.topbar{gap:12px;padding:16px 18px 14px}.project-name{letter-spacing:.16em;font-size:1rem}.brand-logo{max-width:108px;max-height:24px}.scene-overlay{gap:7px;padding:64px 18px 152px}.bottom-nav{flex-wrap:wrap;justify-content:center;bottom:16px;left:12px;right:12px;transform:none}.nav-btn{padding:9px 13px;font-size:.62rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene-title{opacity:1;filter:none;transform:none}.hotspot{opacity:1}}