:root{--hero-bg:#5f5ba8;--hero-fg:#ffd36e;--hero-accent:#ff6b4a;--reveal-bg:#f4efe6;--reveal-fg:#1a1a1a;--reveal-accent:#e8432e;--horizontal-bg:#0f3d2e;--horizontal-fg:#f2ebdd;--horizontal-accent:#c8ff3d;--parallax-bg:#ff6b4a;--parallax-fg:#1b1238;--parallax-accent:#ffd36e;--outro-bg:#111014;--outro-fg:#f4efe6;--outro-accent:#c8ff3d;--flip-intro-bg:#f4efe6;--flip-intro-fg:#1a1a1a;--flip-intro-accent:#e8432e;--flip1-bg:#e8432e;--flip1-fg:#fff4e6;--flip1-accent:#1b1238;--flip2-bg:#1b1238;--flip2-fg:#f4efe6;--flip2-accent:#ffd36e;--flip3-bg:#ffd36e;--flip3-fg:#1b1238;--flip3-accent:#e8432e;--flip4-bg:#0f3d2e;--flip4-fg:#f2ebdd;--flip4-accent:#c8ff3d;--deck-intro-bg:#ff8fb8;--deck-intro-fg:#2a0a1a;--deck-intro-accent:#fff;--deck-bg:#ffb3cf;--deck-fg:#2a0a1a;--deck-accent:#fff;--step-intro-bg:#111014;--step-intro-fg:#f4efe6;--step-intro-accent:#3de0d0;--steps-bg:#16151b;--steps-fg:#f4efe6;--steps-accent:#3de0d0;--words-intro-bg:#0f3d2e;--words-intro-fg:#f2ebdd;--words-intro-accent:#c8ff3d;--words-bg:#0b0b0c;--words-fg:#f2f2f0;--words-accent:#c8ff3d;--kinetic-bg:#c8ff3d;--kinetic-fg:#0b0b0c;--kinetic-accent:#5f5ba8;--bg:var(--hero-bg);--fg:var(--hero-fg);--accent:var(--hero-accent);--line:color-mix(in srgb, var(--fg) 18%, transparent);--font:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2{letter-spacing:-.03em;font-weight:600;line-height:.95}.hero{place-items:center;min-height:100vh;padding:0 5vw;display:grid;position:relative}.hero-title{text-align:center;font-size:clamp(3rem,10vw,9rem)}.scroll-hint{opacity:.6;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;position:absolute;bottom:2rem}.reveal{gap:12vh;padding:20vh 5vw;display:grid}.reveal-item{border-top:1px solid var(--line);align-items:baseline;gap:2rem;padding-top:2rem;display:flex}.reveal-item h2{font-size:clamp(2.5rem,8vw,7rem)}.reveal-num{color:var(--accent);font-variant-numeric:tabular-nums}.horizontal{height:100vh;overflow:hidden}.track{width:max-content;height:100%;display:flex}.panel{border-right:1px solid var(--line);place-items:center;width:max(45vw,320px);height:100%;display:grid}.panel h2{font-size:clamp(4rem,12vw,11rem)}.panel:nth-child(odd){background:color-mix(in srgb, var(--fg) 5%, transparent)}.panel:nth-child(2n) h2{color:var(--accent)}.parallax{place-items:center;height:150vh;display:grid;position:relative;overflow:hidden}.depth{z-index:1;position:relative}.depth h2{font-size:clamp(4rem,16vw,14rem)}.shape{border-radius:50%;position:absolute}.shape.a{background:color-mix(in srgb, var(--fg) 12%, transparent);width:40vw;height:40vw;top:30%;left:-10vw}.shape.b{background:var(--accent);width:18vw;height:18vw;top:55%;right:12vw}.shape.c{border:2px solid var(--fg);width:8vw;height:8vw;top:80%;left:30vw}.outro{place-items:center;min-height:100vh;display:grid}.outro h2{color:var(--accent);font-size:clamp(3rem,10vw,9rem)}a.panel{color:inherit;text-decoration:none;position:relative}.panel-name{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:.3em;font-size:clamp(1rem,1.6vw,1.4rem);transition:color .3s;position:absolute;bottom:12vh}a.panel:hover .panel-name,a.panel:focus-visible .panel-name{color:var(--accent)}a.panel:hover h2{transform:scale(1.04)}.panel h2{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.back-link{z-index:100;color:var(--fg);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;font-size:.85rem;text-decoration:none;position:fixed;top:1.25rem;left:1.25rem}.back-link:hover{color:var(--accent)}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.8rem}.demo-intro{text-align:center;place-content:center;justify-items:center;gap:2rem;min-height:100vh;padding:0 5vw;display:grid;position:relative}.demo-title{font-size:clamp(3rem,11vw,10rem)}.demo-lede{opacity:.8;max-width:36rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.demo-next{text-align:center;place-content:center;justify-items:center;gap:1.5rem;min-height:80vh;padding:0 5vw;display:grid}.demo-next a{color:var(--accent);text-decoration:none}.demo-next h2{font-size:clamp(2.5rem,8vw,7rem)}.flip-page{height:100vh;position:sticky;top:0}.flip-inner{transform-origin:50% 0;will-change:transform, filter;align-content:center;gap:2rem;height:100%;padding:0 8vw;display:grid}.flip-num{letter-spacing:.2em;font-size:1rem}.flip-inner h2{font-size:clamp(4rem,15vw,14rem)}.flip-inner p{max-width:32rem;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.4}.deck{place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.deck-year{letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(5rem,16vw,14rem);font-weight:700;line-height:.8;position:absolute;bottom:4vh;left:5vw}.deck-stack{aspect-ratio:3/4;width:min(340px,70vw);position:relative}.deck-card{color:#1a1a1a;background:#fff;border-radius:6px;grid-template-rows:1fr auto auto;gap:.5rem;padding:1rem 1rem 1.25rem;display:grid;position:absolute;inset:0;box-shadow:0 20px 50px #0003}.deck-photo{border-radius:3px}.deck-card h3{text-transform:uppercase;letter-spacing:-.02em;font-size:1.6rem}.deck-card p{opacity:.75;font-size:.9rem;line-height:1.4}.deck-card-year{color:#fff;font-size:1.2rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.steps{height:100vh;position:relative;overflow:hidden}.step{text-align:center;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.step-label-mask{overflow:hidden}.step-label{text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(5rem,20vw,18rem)}.step-text{max-width:28rem;color:var(--accent);margin-top:1.5rem;font-size:clamp(1rem,1.8vw,1.4rem);line-height:1.4}.step-card{aspect-ratio:4/5;z-index:2;border-radius:10px;width:min(30vw,380px);position:absolute;box-shadow:0 30px 60px #00000073}.step-card-0{top:12vh}.step-card-1{width:min(24vw,300px);bottom:8vh}.highlight{gap:20vh;padding:25vh 8vw;display:grid}.highlight-para{letter-spacing:-.02em;max-width:22ch;font-size:clamp(1.8rem,4.5vw,4rem);font-weight:600;line-height:1.15}.kinetic{gap:2vh;padding:20vh 0;display:grid;overflow:hidden}.kinetic-line{letter-spacing:-.04em;white-space:nowrap;font-size:clamp(3rem,11vw,10rem);font-weight:700;line-height:1}.kinetic-line.accent{color:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}:root{--morph-intro-bg:#e0dcdc;--morph-intro-fg:#141414;--morph-intro-accent:#00249c;--morph-grid-bg:#e0dcdc;--morph-grid-fg:#141414;--morph-grid-accent:#00249c;--morph-mission-bg:#e0dcdc;--morph-mission-fg:#141414;--morph-mission-accent:#e8432e;--morph-cases-bg:#e0dcdc;--morph-cases-fg:#141414;--morph-cases-accent:#00249c}.morph-grid{height:100vh;position:relative;overflow:hidden}.reel-media{color:#fff;background:radial-gradient(circle at 30% 30%,#3a3f8f,#111 70%);place-items:center;display:grid;position:absolute;inset:0}.reel-label{letter-spacing:-.03em;font-size:clamp(2rem,6vw,5rem);font-weight:600}.morph-tiles{pointer-events:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.morph-tile{border:1px solid var(--line);background:var(--bg);letter-spacing:.15em;text-transform:uppercase;align-items:end;padding:1.25rem;font-size:.85rem;display:grid}.morph-tile:nth-child(2){background:var(--accent);color:#fff}.morph-tile:nth-child(9){color:var(--bg);background:#141414}.morph-mission{place-items:center;min-height:100vh;padding:0 8vw;display:grid}.morph-mission p{letter-spacing:-.03em;text-align:center;max-width:20ch;font-size:clamp(2.2rem,5.5vw,5rem);font-weight:500;line-height:1.05}.mission-word{margin-right:.25em;display:inline-block}.mission-word.accent{color:var(--accent)}.morph-cases{height:100vh;position:relative;overflow:hidden}.morph-panel{color:#fff;background:#00249c;position:absolute;inset:0}.morph-panel-label{white-space:nowrap;font-size:clamp(2.5rem,6vw,5rem);font-weight:500;position:absolute;top:50%;left:50%;translate:-50% -50%}.morph-right{grid-template-rows:auto 1fr;gap:2rem;display:grid;position:absolute;inset:8% 0 8% 52%;overflow:hidden}.morph-counter{padding-left:2vw;font-size:clamp(2rem,4vw,3.5rem);font-weight:500}.morph-track{gap:1.5vw;width:max-content;height:100%;display:flex}.morph-case{color:#fff;border-radius:12px;align-items:end;width:min(24vw,320px);height:100%;padding:1.25rem;font-size:1.6rem;font-weight:600;display:grid}:root{--story-intro-bg:#1c1c1c;--story-intro-fg:#e9dcc4;--story-intro-accent:#e9dcc4;--story-bg:#fff;--story-fg:#141414;--story-accent:#8a7a5c;--story-chapter-bg:#1c1c1c;--story-chapter-fg:#e9dcc4;--story-chapter-accent:#e9dcc4}.story-split{grid-template-columns:1fr 1fr;height:100vh;display:grid;overflow:hidden}.story-left{border-right:1px solid var(--line);padding:4vh 3vw;position:relative;overflow:hidden}.story-title{text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(3rem,9vw,8rem);font-weight:400;line-height:.85;position:absolute;bottom:4vh;left:3vw}.story-photos{aspect-ratio:4/5;width:min(22vw,300px);position:absolute;top:12vh;left:50%;translate:-50%}.story-photo{background:#efe6d4;margin:0;padding:.75rem .75rem 2.25rem;position:absolute;inset:0;box-shadow:0 18px 40px #00000040}.story-photo-img{filter:grayscale(.6)contrast(1.2);height:100%}.story-photo figcaption{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;position:absolute;bottom:.6rem;left:.9rem}.story-right{overflow:hidden}.story-col{display:grid}.story-fact{border-bottom:1px solid var(--line);align-content:center;gap:1rem;min-height:60vh;padding:0 4vw;display:grid}.story-fact span{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.75rem}.story-fact p{letter-spacing:-.02em;font-size:clamp(1.6rem,3.5vw,3rem);line-height:1.1}.story-chapter{place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.story-layer{width:200vw;height:55vh;position:absolute;bottom:0;left:0}.layer-far path{fill:#3a3631}.layer-mid path{fill:#6b6254}.layer-near{z-index:2;height:40vh}.layer-near path{fill:#e9dcc4}.chapter-word{z-index:1;text-transform:uppercase;letter-spacing:-.05em;margin-bottom:25vh;font-size:clamp(5rem,22vw,20rem);font-style:italic;font-weight:400;position:relative}.chapter-note{z-index:3;color:#1c1c1c;background:#efe6d4;padding:1rem 1.5rem;font-style:italic;position:absolute;bottom:30vh;box-shadow:0 10px 30px #0000004d}@media (width<=700px){.story-split{grid-template-rows:55vh 45vh;grid-template-columns:1fr}.story-photos{width:45vw;top:4vh}}:root{--product-intro-bg:#fbf9f1;--product-intro-fg:#1a1200;--product-intro-accent:#f4b30c;--product-bg:#fbf9f1;--product-fg:#1a1200;--product-accent:#e09a00;--product-bar-bg:#f4b30c;--product-bar-fg:#1a1200;--product-bar-accent:#1a1200;--product-footer-bg:#1a1200;--product-footer-fg:#fbf9f1;--product-footer-accent:#f4b30c}.curtain{position:relative}.curtain-content{z-index:1;background:var(--product-bg);color:var(--product-fg);position:relative}.curtain-footer{z-index:0;background:var(--product-footer-bg);height:80vh;color:var(--product-footer-fg);align-content:center;gap:2.5rem;padding:0 6vw;display:grid;position:sticky;bottom:0}.curtain-footer h2{text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3rem,10vw,9rem);line-height:.9}.curtain-form{gap:.75rem;max-width:30rem;display:flex}.curtain-form input{color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:999px;flex:1;padding:.8rem 1.2rem}.curtain-form button{background:var(--product-footer-accent);color:#1a1200;font-weight:700;font:inherit;cursor:pointer;border:0;border-radius:4px;padding:0 1.5rem}.product{grid-template-columns:1fr 1fr;display:grid}.product-visual{align-self:start;place-items:center;height:100vh;display:grid;position:sticky;top:0}.carton{filter:drop-shadow(0 30px 40px #0000002e);width:min(22vw,260px)}.carton-top{clip-path:polygon(15% 100%,50% 0,85% 100%);background:#f4b30c;height:3.5rem}.carton-body{aspect-ratio:3/4;background:#fff;border-radius:4px;align-content:end;padding:1.25rem;display:grid;position:relative;overflow:hidden}.carton-brand{font-size:1.6rem;font-style:italic;font-weight:800}.carton-name{letter-spacing:.2em;text-transform:uppercase;font-size:.8rem}.carton-drip{background:#f4b30c;border-radius:0 0 40% 60%/0 0 30% 50%;height:40%;position:absolute;top:0;left:0;right:0}.product-details{gap:40vh;padding:30vh 6vw 30vh 0;display:grid}.product-detail h3{text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.5rem)}.product-detail p{max-width:30rem;font-size:1.1rem;line-height:1.5}.product-detail dl{gap:.5rem;max-width:22rem;font-family:ui-monospace,monospace;display:grid}.product-detail dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.5rem 0;display:flex}.recipes{gap:4vh;padding:10vh 6vw;display:grid}.recipe{background:#f4b30c;grid-template-columns:1fr 1fr;height:45vh;display:grid;overflow:hidden}.recipe-mask{align-items:end;padding:2rem;display:grid;overflow:hidden}.recipe h3{text-transform:uppercase;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.recipe-img{height:100%}.next-bar{color:#1a1200;text-transform:uppercase;background:#f4b30c;justify-content:flex-end;margin-top:8vh;padding:3rem 6vw;font-size:clamp(2rem,6vw,5rem);font-weight:800;display:flex;position:relative;overflow:hidden}.mascot{background:#fff;border-radius:50% 50% 0 0;justify-content:center;gap:1.5rem;width:9rem;height:8rem;padding-top:2.5rem;display:flex;position:absolute;bottom:0;left:8vw}.mascot-eye{background:#1a1200;border-radius:50%;width:1rem;height:1.6rem}@media (width<=700px){.product{grid-template-columns:1fr}.product-visual{height:60vh}.carton{width:40vw}.product-details{padding:10vh 6vw}.recipe{grid-template-columns:1fr}}.curtain-marker{pointer-events:none;height:80vh;position:absolute;bottom:0;left:0;right:0}:root{--bento-intro-bg:#fff;--bento-intro-fg:#151515;--bento-intro-accent:#8a6f4d;--bento-bg:#fff;--bento-fg:#151515;--bento-accent:#8a6f4d}.bento{flex-direction:column;gap:.75rem;height:100vh;padding:5.5rem 1.25rem 1.25rem;display:flex}.bento-row{flex:1;gap:.75rem;min-height:0;display:flex}.bento-row:first-child{flex:1.3}.bento-tile{color:#fff;border-radius:10px;flex:1;text-decoration:none;transition:flex-grow .7s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.bento-row:first-child .bento-tile:last-child{flex:2.2}.bento-tile:hover,.bento-tile:focus-visible{flex-grow:2.6}.bento-row:first-child .bento-tile:last-child:hover{flex-grow:3}.bento-text{background:color-mix(in srgb, var(--fg) 5%, transparent);color:var(--fg);flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.bento-text h2{max-width:14ch;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:500}.bento-slide{opacity:0;transition:scale .7s;animation:9s infinite bento-fade;position:absolute;inset:0}.bento-slide:first-child{opacity:1}.bento-tile:hover .bento-slide{scale:1.06}@keyframes bento-fade{0%,30%{opacity:1}36%,94%{opacity:0}to{opacity:1}}.bento-caption{background:#151515;border-radius:6px;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;font-size:clamp(1.1rem,1.8vw,1.6rem);display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.bento-more{letter-spacing:.1em;text-transform:uppercase;opacity:0;font-size:.8rem;transition:opacity .4s,translate .4s;translate:-10px}.bento-tile:hover .bento-more{opacity:1;translate:0}@media (width<=700px){.bento{height:auto}.bento-row{flex-direction:column}.bento-tile{min-height:30vh}}:root{--max-intro-bg:#f8ba00;--max-intro-fg:#1d1d1d;--max-intro-accent:#eb3927;--max-red-bg:#eb3927;--max-red-fg:#fff;--max-red-accent:#f8ba00;--max-pink-bg:#ff95f8;--max-pink-fg:#eb3927;--max-pink-accent:#1d1d1d;--max-purple-bg:#731df5;--max-purple-fg:#c0e711;--max-purple-accent:#ff95f8;--max-lime-bg:#c0e711;--max-lime-fg:#731df5;--max-lime-accent:#eb3927}.max-hero{place-items:center;height:100vh;display:grid;position:relative;overflow:hidden}.max-giant{text-transform:uppercase;letter-spacing:-.06em;font-size:clamp(8rem,38vw,34rem);font-weight:900;line-height:.8;transform:scaleY(1.25)}.max-sticker{--peel:0%;aspect-ratio:1;background:radial-gradient(circle at calc(100% - var(--peel)) calc(100% - var(--peel)), #c99500 0 var(--peel), #ffe94a calc(var(--peel) + 1%));color:#1d1d1d;text-align:center;text-transform:uppercase;border-radius:50%;place-items:center;width:clamp(10rem,22vw,18rem);padding:2.5rem;font-size:clamp(1rem,2vw,1.6rem);font-weight:900;line-height:1;display:grid;position:absolute;top:28%;left:52%;box-shadow:6px 10px #00000040}.max-ticker{background:var(--fg);color:var(--bg);padding:.7rem 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.max-ticker-track{text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;width:max-content;font-weight:800;display:flex}.max-ticker-track span{padding-right:1rem}.max-pattern{gap:.5rem;padding:10vh 0;display:grid;overflow:hidden}.max-pattern-row{text-transform:uppercase;white-space:nowrap;letter-spacing:-.03em;font-size:clamp(3rem,9vw,8rem);font-weight:900;line-height:.95}.max-pattern-row.outline{color:#0000;-webkit-text-stroke:2px var(--fg)}.max-morph{place-items:center;height:130vh;display:grid;position:relative;overflow:hidden}.max-poly{aspect-ratio:16/10;background:linear-gradient(120deg,#ff95f8,#eb3927 40%,#f8ba00 70%,#c0e711) 0 0/200% 200%;width:min(70vw,900px);animation:6s ease-in-out infinite alternate max-shimmer}@keyframes max-shimmer{to{background-position:100% 100%}}.max-shout{text-transform:uppercase;white-space:nowrap;letter-spacing:-.04em;mix-blend-mode:difference;color:#c0e711;font-size:clamp(3rem,10vw,9rem);font-weight:900;position:absolute}.max-final{place-items:center;min-height:100vh;padding:0 5vw;display:grid}.max-stack{text-align:center;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(3rem,10vw,9rem);font-weight:900;line-height:.9;display:grid}.max-stack span{display:block}.max-stack span:nth-child(odd){color:var(--accent)}:root{--shift-intro-bg:#61609a;--shift-intro-fg:#ffe14d;--shift-intro-accent:#fff;--shift-1-bg:#61609a;--shift-1-fg:#ffe14d;--shift-1-accent:#fff;--shift-2-bg:#ffb627;--shift-2-fg:#3d1f6b;--shift-2-accent:#e8432e;--shift-3-bg:#9be3c4;--shift-3-fg:#12463a;--shift-3-accent:#ff6b4a;--shift-4-bg:#e5487a;--shift-4-fg:#fff1d6;--shift-4-accent:#ffe14d;--shift-5-bg:#15131f;--shift-5-fg:#ffe14d;--shift-5-accent:#9be3c4}.shift-flavour{text-align:center;place-content:center;justify-items:center;min-height:110vh;padding:0 5vw;display:grid}.shift-flavour .kicker{margin-bottom:2rem}.shift-peek{width:clamp(9rem,18vw,15rem);height:clamp(6rem,11vw,9rem);margin-bottom:-1.5vw;overflow:hidden}.shift-mascot{aspect-ratio:1;background:var(--fg);border-radius:46% 46% 0 0;justify-content:center;align-items:flex-start;gap:14%;width:100%;padding-top:22%;display:flex}.shift-eye{aspect-ratio:1;background:var(--bg);border-radius:50%;place-items:center;width:26%;display:grid}.shift-eye i{aspect-ratio:1;background:var(--fg);border-radius:50%;width:45%;display:block}.shift-headline{letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(3.5rem,14vw,13rem);font-weight:900;line-height:.9;position:relative}.shift-line{max-width:30rem;margin-top:2.5rem;font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.45}:root{--smooth-intro-bg:#0b1030;--smooth-intro-fg:#eef0ff;--smooth-intro-accent:#c8ff3d;--smooth-1-bg:#0b1030;--smooth-1-fg:#eef0ff;--smooth-1-accent:#c8ff3d;--smooth-2-bg:#2b1b6e;--smooth-2-fg:#eef0ff;--smooth-2-accent:#c8ff3d}.smooth-collage{place-items:center;height:220vh;display:grid;position:relative;overflow:hidden}.smooth-tile{aspect-ratio:4/5;background:radial-gradient(circle at 30% 25%, hsl(calc(var(--h) + 40) 90% 70% / .9), transparent 55%), linear-gradient(160deg, hsl(var(--h) 75% 55%), hsl(calc(var(--h) + 60) 70% 25%));will-change:transform;border-radius:14px;align-items:flex-end;padding:1rem;display:flex;position:absolute;box-shadow:0 30px 60px #00000059}.smooth-tile span{letter-spacing:.12em;color:#fff;opacity:.8;font-size:.8rem}.smooth-big{z-index:1;letter-spacing:-.04em;text-align:center;mix-blend-mode:difference;color:var(--accent);font-size:clamp(3.5rem,11vw,10rem);font-weight:800;line-height:.95;position:relative}.smooth-gallery{padding:22vh 6vw 30vh;overflow:hidden}.smooth-gallery-title{letter-spacing:-.03em;max-width:12ch;margin-bottom:12vh;font-size:clamp(2.2rem,6vw,5rem)}.smooth-cols{grid-template-columns:1fr 1fr;gap:4vw;max-width:1100px;margin:0 auto;display:grid}.smooth-col{gap:4vw;display:grid}.smooth-col:nth-child(2){margin-top:20vh}.smooth-card{aspect-ratio:3/4;background:radial-gradient(circle at 70% 20%, hsl(calc(var(--h) + 50) 95% 70%), transparent 50%), linear-gradient(200deg, hsl(var(--h) 70% 50%), hsl(calc(var(--h) - 40) 70% 18%));will-change:transform;border-radius:18px;align-items:flex-end;padding:1.5rem;display:flex}.smooth-card figcaption{color:#fff;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:700}.smooth-hud{z-index:50;background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.75rem;padding:.4rem .4rem .4rem 1.1rem;font-size:.85rem;display:flex;position:fixed;bottom:1.25rem;left:50%;translate:-50%}.smooth-speed{font-variant-numeric:tabular-nums;min-width:6.5em}.smooth-hud button{font:inherit;cursor:pointer;background:var(--line);color:var(--fg);border:0;border-radius:999px;padding:.55rem 1rem}.smooth-hud button.on{background:var(--accent);color:var(--bg)}:root{--rail-intro-bg:#05070d;--rail-intro-fg:#e9f6ff;--rail-intro-accent:#3de0f0;--rail-bg:#05070d;--rail-fg:#e9f6ff;--rail-accent:#3de0f0}.rail{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100vh;display:grid;position:relative;overflow:hidden}.rail-head{justify-content:space-between;align-items:baseline;padding:12vh 6vw 0;display:flex}.rail-head h2{letter-spacing:-.03em;font-size:clamp(2.2rem,5.5vw,5rem)}.rail-count{font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(1.2rem,2.5vw,2rem)}.rail-track{align-items:center;gap:3vw;width:max-content;padding:0 35vw 0 6vw;display:flex}.rail-card{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:4/5;color:#fff;background:radial-gradient(circle at 75% 20%, hsl(calc(var(--h) + 40) 95% 65% / .9), transparent 55%), linear-gradient(165deg, hsl(var(--h) 70% 45%), hsl(calc(var(--h) - 30) 75% 12%));border-radius:18px;flex-direction:column;width:clamp(260px,30vw,440px);padding:1.5rem;transition:box-shadow .4s;display:flex}.rail-card:hover,.rail-card:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 30px 60px #0006}.rail-card-top{letter-spacing:.15em;opacity:.8;justify-content:space-between;font-size:.8rem;display:flex}.rail-card-name{letter-spacing:-.02em;margin-top:auto;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:700;line-height:1}.rail-card-kind{opacity:.85;margin-top:.8rem;font-size:.9rem}.rail-progress{background:var(--line);height:2px;position:absolute;bottom:7vh;left:6vw;right:6vw}.rail-progress i{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.rail-overlay{z-index:200;visibility:hidden;opacity:0;color:#fff;background:radial-gradient(circle at 80% 15%, hsl(calc(var(--h) + 40) 95% 65% / .9), transparent 50%), linear-gradient(165deg, hsl(var(--h) 70% 45%), hsl(calc(var(--h) - 30) 75% 12%));align-content:end;gap:1.5rem;padding:10vh 6vw;display:grid;position:fixed;inset:0}.rail-overlay .kicker{color:#fff;opacity:.8}.rail-overlay h2{letter-spacing:-.05em;font-size:clamp(4rem,14vw,13rem);line-height:.85}.rail-overlay-copy{max-width:34rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.rail-close{font:inherit;color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff6;border-radius:999px;padding:.55rem 1rem;font-size:.85rem;position:absolute;top:1.25rem;right:1.25rem}:root{--scene-intro-bg:#0d0d12;--scene-intro-fg:#f2f2f5;--scene-intro-accent:#6b7bff;--scene-1-bg:#0d0d12;--scene-1-fg:#f2f2f5;--scene-1-accent:#6b7bff;--scene-2-bg:#e9e9ef;--scene-2-fg:#0d0d12;--scene-2-accent:#3b4bff;--scene-3-bg:#1a22d6;--scene-3-fg:#fff;--scene-3-accent:#c8ff3d;--scene-4-bg:#0d0d12;--scene-4-fg:#f2f2f5;--scene-4-accent:#ff5a36}.scene{position:relative}.scene-stage{height:100vh;position:sticky;top:0}.scene-stage canvas{width:100%;height:100%;display:block}.scene-chapters{margin-top:-100vh;position:relative}.scene-chapter{align-content:center;gap:1.25rem;max-width:46rem;height:130vh;padding:0 7vw;display:grid}.scene-chapter.right{text-align:right;justify-items:end;margin-left:auto}.scene-chapter h2{letter-spacing:-.04em;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.95}.scene-chapter p:last-child{opacity:.8;max-width:26rem;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}