:root{color:#f4f6f2;font-synthesis:none;--accent:#72e6df;--accent-rgb:114, 230, 223;background:#030508;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scrollbar-color:#f2f7f44d #030508;scrollbar-width:thin;background:#030508;min-width:320px}html,body{margin:0}body{background:#030508;min-width:320px;overflow-x:hidden}button,a,[tabindex]{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#030508}::-webkit-scrollbar-thumb{background:#f2f7f44d;border:2px solid #030508;border-radius:999px}.webgl,.scene-wash{width:100%;height:100%;position:fixed;inset:0}.webgl{z-index:0;background:radial-gradient(circle at 50% 42%,#244b5394 0%,#09141b66 34%,#0000 66%),linear-gradient(155deg,#071016 0%,#030508 58%,#09070b 100%);transition:background .9s}:root[data-chapter-index="1"] .webgl{background:radial-gradient(circle at 48% 40%,#22466c94 0%,#0811226b 36%,#0000 67%),linear-gradient(155deg,#07101f 0%,#030508 60%,#080713 100%)}:root[data-chapter-index="2"] .webgl{background:radial-gradient(circle at 52% 40%,#4831708f 0%,#140b2766 38%,#0000 68%),linear-gradient(155deg,#100a20 0%,#030508 60%,#0e080b 100%)}:root[data-chapter-index="3"] .webgl{background:radial-gradient(circle at 50% 41%,#6342278a 0%,#20120a5c 37%,#0000 68%),linear-gradient(155deg,#171009 0%,#030508 62%,#0d0805 100%)}.scene-wash{z-index:1;pointer-events:none;background:linear-gradient(#03050814,#0000 28%,#0305081f 68%,#030508b8),radial-gradient(60% 48% at 50% 42%,#0000 28%,#0305083d 72%,#0305089e 100%)}.demo-header{z-index:8;min-height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(clamp(1.25rem, 4vw, 4rem), env(safe-area-inset-right,0px)) 0 max(clamp(1.25rem, 4vw, 4rem), env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:linear-gradient(#030508c7,#0305083d);border-bottom:1px solid #f4f6f21a;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}:root[data-embedded=true] .demo-header{display:none}.demo-header p,.demo-header__chapter{color:#f4f6f2a3;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:700}.demo-header p span{color:#fff}.demo-header__chapter{color:var(--accent);transition:color .5s}.hat-stage{z-index:5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:46%;outline:none;width:min(48vw,720px);height:76vh;position:fixed;top:10vh;left:50%;transform:translate(-50%)}.hat-stage.is-dragging{cursor:grabbing}.hat-stage:focus-visible{box-shadow:0 0 0 1px rgba(var(--accent-rgb), .72)}.hat-stage__orbit{color:#f4f6f2b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.12em;pointer-events:none;background:#03050861;border:1px solid #f4f6f233;border-radius:999px;place-items:center;min-width:78px;height:34px;font-size:.58rem;font-weight:800;transition:border-color .35s,color .35s;display:grid;position:absolute;top:13%;right:3%}.hat-stage[data-rotated=true] .hat-stage__orbit,.hat-stage:focus-visible .hat-stage__orbit{border-color:rgba(var(--accent-rgb), .62);color:var(--accent)}.experience-status,.experience-fallback{z-index:9;margin:0;transition:opacity .38s,visibility .38s;position:fixed;left:50%;transform:translate(-50%)}.experience-status{color:#f4f6f2a8;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.7rem;font-weight:700;display:flex;top:50%}.experience-status span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 18px rgba(var(--accent-rgb), .9);border-radius:50%;animation:1.2s ease-in-out infinite loading-pulse}:root.is-experience-ready .experience-status{opacity:0;visibility:hidden}.experience-fallback{bottom:max(1.25rem, env(safe-area-inset-bottom,0px));color:#f4f6f27a;font-size:.68rem}.journey-progress{z-index:8;top:calc(64px + env(safe-area-inset-top,0px));pointer-events:none;background:#f4f6f20f;height:2px;position:fixed;left:0;right:0;overflow:hidden}.journey-progress span{background:linear-gradient(90deg, rgba(var(--accent-rgb), .28), var(--accent));width:100%;height:100%;box-shadow:0 0 14px rgba(var(--accent-rgb), .72);transform-origin:0;will-change:transform;display:block;transform:scaleX(0)}main{z-index:3;position:relative}section{align-items:center;min-height:105svh;padding:clamp(6rem,9vw,9rem) clamp(1.5rem,7vw,8rem);display:grid}section:nth-child(odd){justify-items:start}section:nth-child(2n){text-align:right;justify-items:end}.story-copy{opacity:.42;width:min(38vw,610px);transition:opacity .6s,transform .75s cubic-bezier(.2,.8,.2,1);transform:translateY(36px)}section.is-active .story-copy{opacity:1;transform:translateY(0)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.72rem;font-weight:800;transition:color .5s}h1,h2{letter-spacing:-.06em;text-wrap:balance;max-width:10.5ch;margin:0;font-size:clamp(3.2rem,6.1vw,7.2rem);font-weight:720;line-height:.91}h2{font-size:clamp(2.9rem,5.4vw,6.3rem)}.story-copy>p:last-of-type{color:#f4f6f2b3;max-width:34rem;margin:1.35rem 0 0;font-size:clamp(1rem,1.28vw,1.2rem);line-height:1.55}.signature{color:#f4f6f27a;letter-spacing:.08em;margin-top:1.7rem;font-size:.78rem;font-weight:700;display:inline-block}@keyframes loading-pulse{0%,to{opacity:.4;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}@media (width<=880px){.demo-header{min-height:calc(58px + env(safe-area-inset-top,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));padding-left:max(1rem, env(safe-area-inset-left,0px))}.demo-header p,.demo-header__chapter{letter-spacing:.1em;font-size:.6rem}.journey-progress{top:calc(58px + env(safe-area-inset-top,0px))}.hat-stage{top:calc(58px + env(safe-area-inset-top,0px));border-radius:0;width:100%;height:54svh;left:0;transform:none}.hat-stage__orbit{min-width:68px;height:31px;font-size:.52rem;top:1rem;right:1rem}section,section:nth-child(2n),section:nth-child(odd){min-height:128svh;padding:64svh max(1.15rem, env(safe-area-inset-right,0px)) max(14svh, env(safe-area-inset-bottom,0px)) max(1.15rem, env(safe-area-inset-left,0px));text-align:left;place-items:start stretch}.story-copy{opacity:.62;width:100%;max-width:580px;margin-inline:auto;position:sticky;top:64svh;transform:translateY(22px)}.eyebrow{margin-bottom:.75rem;font-size:.64rem}h1,h2{max-width:12ch;font-size:clamp(2.45rem,11.3vw,4.7rem);line-height:.94}.story-copy>p:last-of-type{max-width:31rem;margin-top:1rem;font-size:.96rem;line-height:1.48}.signature{margin-top:1.1rem}}@media (width<=420px){.demo-header p{max-width:118px;line-height:1.2}.demo-header__chapter{text-align:right;max-width:132px}section,section:nth-child(2n),section:nth-child(odd){min-height:130svh;padding-top:64svh;padding-right:max(1rem, env(safe-area-inset-right,0px));padding-left:max(1rem, env(safe-area-inset-left,0px))}h1,h2{font-size:clamp(2.2rem,10.7vw,3.1rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}