*,:after,:before{box-sizing:border-box}:root{--bg:#08090b;--fg:#fff;--muted:hsla(0,0%,100%,.58);--line:hsla(0,0%,100%,.14);--accent:#cbe05c;--header-h:72px;--pad:clamp(20px,5vw,72px)}html{background:var(--bg)}body,html{margin:0;padding:0}body{color:var(--fg);font-family:var(--font-body),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:#000}a{color:inherit;text-decoration:none}.display{font-family:var(--font-display),"Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:.92}.display,.eyebrow{text-transform:uppercase}.eyebrow{font-family:var(--font-display),sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--muted)}.canvas-fixed{position:fixed;inset:0;z-index:0;transition:opacity .5s ease;background:var(--bg)}.bg-glow{position:absolute;inset:0;background:radial-gradient(125% 95% at 50% 44%,var(--g1,#101215),var(--g2,#08090b) 72%)}.canvas-fixed>div{position:relative;z-index:1}.canvas-fixed.hidden{opacity:0;pointer-events:none}.loader{position:fixed;inset:0;z-index:90;background:var(--bg);display:grid;place-items:center;transition:opacity .8s ease,visibility .8s}.loader.done{opacity:0;visibility:hidden}.loader-inner{width:min(320px,70vw);text-align:center}.loader-mark{font-size:13px;letter-spacing:.4em;margin-bottom:22px;color:var(--muted)}.loader-bar{height:2px;background:hsla(0,0%,100%,.12);overflow:hidden}.loader-bar span{display:block;height:100%;width:0;background:var(--fg);transition:width .35s cubic-bezier(.22,1,.36,1)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);mix-blend-mode:difference}.logo{font-family:var(--font-display),sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;border:2px solid;padding:4px 8px 3px;line-height:.85}.logo-word{font-size:18px;letter-spacing:.24em;padding:7px 12px 6px 16px}.nav{display:flex;gap:28px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.nav a{opacity:.75;transition:opacity .2s}.nav a:hover{opacity:1}.header-cta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:9px 18px}.header-right{display:flex;align-items:center;gap:14px}.burger{all:unset;display:none;width:34px;height:34px;cursor:pointer;position:relative}.burger i{position:absolute;left:6px;right:6px;height:1.5px;background:currentColor;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s}.burger i:first-child{top:13px}.burger i:nth-child(2){top:20px}.burger.on i:first-child{transform:translateY(3.5px) rotate(45deg)}.burger.on i:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:39;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:18px;padding:0 var(--pad);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.menu.on{opacity:1;visibility:visible}.menu a{font-size:clamp(38px,12vw,64px)}@media (max-width:860px){.nav{display:none}.burger{display:block}.header-cta{padding:8px 14px;font-size:11px}}.track{z-index:10;pointer-events:none}.stage,.track{position:relative}.stage-inner{position:-webkit-sticky;position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:0 var(--pad);will-change:opacity}.hero{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:18px;padding-top:clamp(96px,15vh,170px)}.hero h1{margin:0;font-size:clamp(52px,12vw,178px)}.hero p{position:absolute;left:var(--pad);bottom:clamp(34px,7vh,64px);margin:0;max-width:30ch;text-align:left;color:var(--muted);font-size:13px;line-height:1.85}@media (max-width:720px){.hero p{position:static;max-width:32ch;text-align:center;margin-top:6px}}.scroll-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.3em;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-hint i{display:block;width:1px;height:42px;background:linear-gradient(180deg,currentColor,transparent);animation:drop 1.8s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.flavor{align-items:center}.hud:before,.stage-inner.flavor:before{content:"";position:absolute;inset:0 auto 0 0;width:min(58%,780px);background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.42) 40%,transparent);pointer-events:none}.flavor-intro,.hud-card,.hud-svg{position:relative;z-index:1}.flavor-intro{max-width:460px;transition:none}.flavor-intro .sub{font-family:var(--font-display),sans-serif;font-size:11px;letter-spacing:.28em;opacity:.9;margin-bottom:14px}.flavor-intro h2{margin:0 0 22px;font-size:clamp(38px,5.2vw,72px);white-space:pre-line}.flavor-intro p{margin:0 0 30px;color:hsla(0,0%,100%,.94);line-height:1.85;font-size:15px}.facts{display:flex;gap:26px;border-top:1px solid hsla(0,0%,100%,.28);padding-top:18px}.facts div span{display:block}.facts .k{font-size:10px;letter-spacing:.16em;color:hsla(0,0%,100%,.72);margin-bottom:5px}.facts .v{font-family:var(--font-display),sans-serif;font-weight:800;font-size:22px}.outro{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding-top:clamp(100px,16vh,180px);gap:24px}.outro h2{margin:0;font-size:clamp(34px,6vw,88px)}.btn{pointer-events:auto;display:inline-block;background:var(--fg);color:#000;font-family:var(--font-display),sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding:16px 34px;border-radius:999px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.btn:hover{transform:translateY(-2px) scale(1.02)}.dots{position:fixed;right:clamp(14px,2.4vw,30px);top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:12px;transition:opacity .4s}.dots.hidden{opacity:0;pointer-events:none}.dots button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;justify-content:flex-end}.dots .label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateX(6px);transition:all .3s;white-space:nowrap}.dots button:hover .label,.dots button[data-on="1"] .label{opacity:.85;transform:none}.dots .dot{width:9px;height:9px;border-radius:50%;border:1px solid hsla(0,0%,100%,.55);transition:all .3s}.dots button[data-on="1"] .dot{background:var(--c,#fff);border-color:var(--c,#fff);transform:scale(1.35);box-shadow:0 0 12px var(--c,#fff)}@media (max-width:720px){.dots .label{display:none}}.sheet{position:relative;z-index:20;background:var(--bg)}.section{padding:clamp(90px,14vh,170px) var(--pad);max-width:1440px;margin:0 auto}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:56px;border-bottom:1px solid var(--line);padding-bottom:24px}.section-head h2{margin:0;font-size:clamp(30px,4.4vw,62px)}.section-head p{margin:0;color:var(--muted);max-width:38ch;font-size:14px;line-height:1.8}.lineup{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(14px,1.6vw,24px);gap:clamp(14px,1.6vw,24px)}.lp{display:block}.lp-swatch{position:relative;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,var(--c) 0,var(--c) 42%,var(--d) 100%);box-shadow:0 18px 40px -18px var(--c);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.lp-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.45) 47%,hsla(0,0%,100%,.45) 53%,hsla(0,0%,100%,0) 70%);transform:translateX(-30%);transition:transform .8s cubic-bezier(.22,1,.36,1)}.lp:hover .lp-swatch{transform:translateY(-8px);box-shadow:0 26px 54px -18px var(--c)}.lp:hover .lp-swatch:after{transform:translateX(30%)}.lp-num{position:absolute;left:0;right:0;bottom:16px;text-align:center;font-size:clamp(30px,3.4vw,52px);color:#fff;mix-blend-mode:soft-light}.lp-name{margin-top:16px;font-size:14px}.lp-sub{margin-top:5px;font-family:var(--font-display),sans-serif;font-size:10px;letter-spacing:.16em;color:var(--muted)}@media (max-width:1000px){.lineup{grid-template-columns:repeat(2,1fr)}}.specs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:70px}.spec{background:var(--bg);padding:40px 30px}.spec .n{font-family:var(--font-display),sans-serif;font-weight:800;font-size:clamp(38px,5vw,64px);line-height:1;margin-bottom:14px}.spec .t{color:var(--muted);font-size:13px;line-height:1.8}@media (max-width:820px){.specs{grid-template-columns:1fr}}.cta{text-align:center;padding:clamp(110px,20vh,220px) var(--pad);border-top:1px solid var(--line)}.cta h2{margin:0 0 28px;font-size:clamp(38px,8vw,120px)}.footer{border-top:1px solid var(--line);padding:46px var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scroll-hint i{animation:none}}@media (max-width:860px){:root{--header-h:62px}.stage:not(.hero):not(.outro){align-items:flex-end;padding-bottom:12vh}.flavor{max-width:none}.flavor-intro h2{font-size:clamp(34px,9vw,46px)}.flavor-intro p{font-size:15px;line-height:1.8;margin-bottom:24px}.facts{gap:20px}.facts .v{font-size:20px}.hero{padding-top:clamp(84px,12vh,120px)}.hero h1{font-size:clamp(56px,17vw,96px)}.outro{padding-top:clamp(84px,12vh,120px)}.section{padding:84px var(--pad)}.section-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}.footer,.section-head p,.spec .t{font-size:15px}.spec{padding:30px 22px}}@media (max-width:520px){.lineup{grid-template-columns:repeat(2,1fr);gap:12px}}.hud{position:fixed;inset:0;z-index:35;pointer-events:none;opacity:0}.hud-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.hud-svg polyline{fill:none;stroke:hsla(0,0%,100%,.75);stroke-width:1}.hud-svg .ring{fill:none;stroke:hsla(0,0%,100%,.9);stroke-width:1.2}.hud-svg .pin{fill:#fff;stroke:rgba(0,0,0,.45);stroke-width:1.2}.hud-card{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);width:min(360px,40vw)}.hud-k{font-family:var(--font-display),sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:hsla(0,0%,100%,.82);margin-bottom:12px}.hud-v{font-size:clamp(48px,6.5vw,92px);line-height:.9;margin-bottom:20px;text-transform:none}.hud-card p{margin:0 0 24px;color:hsla(0,0%,100%,.94);font-size:15px;line-height:1.85}.hud-steps{display:flex;gap:8px}.hud-steps span{width:26px;height:2px;background:hsla(0,0%,100%,.25);transition:background .3s}.hud-steps span[data-on="1"]{background:#fff}@media (max-width:860px){.hud-card{left:var(--pad);right:var(--pad);width:auto;top:auto;bottom:8vh;transform:none}.hud-v{font-size:clamp(40px,13vw,64px);margin-bottom:14px}.hud-card p{font-size:15px;margin-bottom:18px}.hud-svg polyline{display:none}}