*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0a11;color:#f5f3ed;font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
:root{--orange:#f15a24;--cream:#f5f3ed;--dark:#0b0a11;--line:#ffffff24;--max:1280px}
.loader{position:fixed;inset:0;background:#0b0a11;z-index:9999;display:grid;place-items:center;align-content:center;gap:26px;transition:opacity .7s,visibility .7s}.loader.done{opacity:0;visibility:hidden}.loader-mark{font-family:Anton;font-size:42px;letter-spacing:.02em}.loader-bar{width:190px;height:2px;background:#ffffff20;overflow:hidden}.loader-bar i{display:block;height:100%;width:0;background:var(--orange);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.progress{position:fixed;z-index:1000;left:0;top:0;width:100%;height:3px;background:transparent}.progress span{display:block;height:100%;width:0;background:var(--orange)}
.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:19px 0;font-family:Anton;font-size:27px;letter-spacing:.03em;color:#b7b5b0;background:#0b0a11}.marquee div{display:inline-block;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.site-nav{position:fixed;top:0;left:0;right:0;height:70px;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 3.8vw;background:linear-gradient(#0b0a11cc,transparent);transition:.4s}.site-nav.scrolled{background:#0b0a11ed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.logo{font-weight:800;font-size:12px;letter-spacing:.02em;line-height:.8}.logo small{display:block;color:#aaa;font-size:7px;letter-spacing:.35em;margin-top:7px}.site-nav nav{display:flex;gap:32px;font-size:9px;font-weight:800;letter-spacing:.16em}.site-nav nav a{opacity:.72;transition:.2s}.site-nav nav a:hover{opacity:1;color:var(--orange)}.order{font-size:9px;font-weight:800;letter-spacing:.15em;background:var(--orange);padding:12px 18px}.hamburger{display:none;background:none;border:0;width:35px}.hamburger span{display:block;height:1px;background:#fff;margin:7px 0}
.side-label{position:fixed;z-index:50;top:50%;font-size:7px;letter-spacing:.2em;color:#aaa;white-space:nowrap;writing-mode:vertical-rl}.side-label.left{left:18px;transform:rotate(180deg)}.side-label.right{right:18px}.scroll-line{position:fixed;z-index:50;right:40px;bottom:38px;width:1px;height:70px;background:#ffffff30}.scroll-line i{display:block;width:1px;height:30px;background:var(--orange);animation:scrollline 1.8s infinite}@keyframes scrollline{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(35px);opacity:1}}
.scene{height:100svh;min-height:720px;position:relative;overflow:hidden}.scene-image{position:absolute;inset:-5%;background-position:center;background-size:cover;background:radial-gradient(120% 120% at 30% 15%,#1c1a24,#0b0a11);transform:scale(1.09);will-change:transform}.scene-image:after{content:"";position:absolute;inset:0;background:inherit}.scene-image.video-bg{background:#0b0a11}.scene-image.video-bg:after{content:none}.scene-image.video-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#090811dc 0%,#09081166 48%,#09081116 100%),linear-gradient(0deg,#090811a8,transparent 30%,#09081170)}.grain{position:absolute;inset:0;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");pointer-events:none}
.scene-copy{position:absolute;z-index:5;left:9vw;top:50%;transform:translateY(-45%);max-width:650px}.eyebrow{font-size:9px;letter-spacing:.27em;font-weight:800;color:var(--orange);margin:0 0 22px}.scene h1,.scene h2,.lineup h2,.final h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.82;letter-spacing:-.015em;text-transform:uppercase;margin:0}.hero h1{font-size:clamp(70px,10vw,154px)}.scene h1 em,.scene h2 em,.lineup h2 em,.final h2 em{font-style:normal;color:var(--orange)}.sub{font-size:13px;line-height:1.55;color:#ddd;margin:27px 0 34px}.circle-link{width:92px;height:92px;border:1px solid #fff7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:7px;letter-spacing:.12em;font-weight:800;transition:.35s}.circle-link b{font-size:16px;color:var(--orange)}.circle-link:hover{background:var(--orange);border-color:var(--orange);transform:rotate(-10deg)}.circle-link:hover b{color:#fff}

.scrub{height:400vh;position:relative;background:#0b0a11}
.scrub-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#0b0a11}
.scrub-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.scrub-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090811e6 0%,#09081188 38%,#09081100 62%),linear-gradient(0deg,#090811a0,transparent 25%,transparent 75%,#09081190)}
.scrub-copy{position:absolute;z-index:5;left:9vw;top:50%;transform:translateY(-50%);max-width:480px}
.scrub-copy h1{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:.82;letter-spacing:-.015em;text-transform:uppercase;margin:0;font-size:clamp(46px,6.6vw,104px)}
.scrub-copy h1 em{font-style:normal;color:var(--orange)}
.scrub-hint{position:absolute;z-index:5;bottom:38px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.22em;color:#999}
@media(max-width:800px){.scrub{height:320vh}.scrub-copy{left:7vw;right:7vw;max-width:none;top:14%;transform:none}.scrub-video{object-position:62% center}.scrub-hint{bottom:24px}}
.hero-bottom{position:absolute;z-index:6;left:9vw;bottom:42px;display:flex;gap:16px;align-items:center;font-size:8px;color:#bbb}.hero-bottom i{width:120px;height:1px;background:linear-gradient(90deg,var(--orange),#fff3)}.hero-bottom span:first-child{color:var(--orange)}
.combo .scene-copy{left:auto;right:9vw;text-align:right}.combo h2,.shakes h2{font-size:clamp(72px,9.5vw,150px)}.combo .sub{color:#fff}.line-link{font-size:9px;letter-spacing:.2em;font-weight:800;border-bottom:1px solid var(--orange);padding-bottom:10px}.line-link b{color:var(--orange);margin-left:18px}.stamp{position:absolute;z-index:5;left:9vw;bottom:50px;font-family:Anton;font-size:26px;line-height:.8;transform:rotate(-4deg);border:2px solid var(--orange);padding:9px}.stamp small{font-family:"DM Sans";font-size:6px;letter-spacing:.35em;color:var(--orange)}
.shakes .scene-image{background-position:center}.shakes-copy{left:9vw}.shakes .shade{background:linear-gradient(90deg,#080810e8 0%,#08081078 50%,#08081030),linear-gradient(0deg,#080810a0,transparent 30%)}
.lineup{padding:150px 7vw 170px;background:#0b0a11}.lineup-top{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;max-width:var(--max);margin:auto}.lineup h2{font-size:clamp(72px,9vw,140px)}.lineup-top>p:last-child{max-width:330px;color:#999;font-size:13px;line-height:1.6;margin:0 0 4px auto}.cards{max-width:var(--max);margin:75px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#111017;border:1px solid var(--line);transition:transform .5s,border-color .4s;overflow:hidden}.product:hover{transform:translateY(-8px);border-color:#f15a2477}.product-photo{height:520px;background:radial-gradient(120% 120% at 30% 15%,#1c1a24,#0b0a11);background-size:cover;background-position:center;position:relative;transform:scale(1.001);transition:transform .8s}.product:hover .product-photo{transform:scale(1.06)}.product>div:last-child{padding:22px}.product h3{font-family:Anton;font-size:32px;font-weight:400;margin:0}.product p{font-size:10px;color:#999;line-height:1.5;min-height:32px}.product b{font-size:11px;color:var(--orange)}
.final{height:100svh;min-height:680px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center}.final-image{position:absolute;inset:-5%;background:radial-gradient(120% 120% at 50% 15%,#1c1a24,#0b0a11);background-size:cover;background-position:center;transform:scale(1.08)}.final-shade{position:absolute;inset:0;background:#080810b5}.final-copy{position:relative;z-index:3}.final h2{font-size:clamp(85px,12vw,180px)}.order-big{display:inline-flex;margin-top:35px;background:var(--orange);padding:18px 25px;font-size:10px;font-weight:800;letter-spacing:.17em;gap:50px;transition:.3s}.order-big:hover{transform:translateY(-4px);box-shadow:0 15px 50px #f15a2448}.social{margin-top:70px;display:flex;gap:15px;justify-content:center;color:#aaa;font-size:8px;letter-spacing:.14em}.social a{color:#fff}
.cookie{position:fixed;z-index:700;left:50%;bottom:13px;transform:translateX(-50%);width:min(650px,calc(100% - 30px));background:#f4f4f4;color:#333;border-radius:6px;padding:9px 10px 9px 14px;display:flex;align-items:center;gap:10px;font-size:7px;box-shadow:0 10px 35px #0007}.cookie span{flex:1}.cookie button{border:0;background:#111;color:#fff;border-radius:4px;padding:7px 12px;font-size:7px}.cookie .settings{background:#e5e5e5;color:#222}
footer{padding:25px 4vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:7px;letter-spacing:.15em;color:#777}

.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform 1s}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.site-nav{height:62px}.site-nav nav,.site-nav .order{display:none}.hamburger{display:block}.site-nav.open nav{display:flex;position:absolute;left:0;right:0;top:62px;padding:25px;background:#0b0a11f7;flex-direction:column;gap:20px}.side-label{display:none}.scroll-line{right:16px}.scene{min-height:680px}.scene-copy,.combo .scene-copy{left:7vw;right:7vw;top:auto;bottom:12%;transform:none;text-align:left}.hero h1,.scene h2{font-size:clamp(62px,18vw,105px)}.stamp{left:7vw;bottom:30px}.hero-bottom{left:7vw;bottom:30px}.lineup{padding:100px 7vw}.lineup-top{grid-template-columns:1fr;gap:25px}.lineup-top>p:last-child{margin:0}.cards{grid-template-columns:1fr;margin-top:50px}.product-photo{height:430px}.social{flex-direction:column;gap:8px}.cookie{font-size:6.5px}.cookie button{padding:6px 8px}footer{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-image,.final-image{transform:none!important}.reveal{transition:none}video{display:none}.marquee div{animation:none}.product-photo{transition:none!important}}