@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink: #0a0a0a;--paper: #f4f2ed;--acid: #d7ff3a;--rust: #ff5a2a;--mute: #8a8a8a}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;background:var(--ink);color:var(--paper)}a{color:inherit}header{position:fixed;top:0;left:0;width:100vw;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;z-index:1000;mix-blend-mode:difference;color:var(--paper)}.logo{font-family:Archivo Black,sans-serif;font-size:22px;letter-spacing:.12em}.logo span{color:var(--acid)}.top-nav{display:flex;gap:28px;font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.18em}.top-nav a{text-decoration:none;opacity:.85;transition:opacity .2s}.top-nav a:hover{opacity:1}section{position:relative;width:100vw;height:180vh;overflow:hidden}section:first-of-type{height:200vh}.parent{position:absolute;top:0;right:0;bottom:0;left:0;clip:rect(0,auto,auto,0)}.child{position:fixed;top:0;left:0;width:100%;height:150%;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0a8c,#0a0a0a33 40%,#0a0a0abf);pointer-events:none}.scrim.light{background:linear-gradient(180deg,#f4f2ed33,#f4f2ed99)}.fg{position:fixed;z-index:15;pointer-events:none;will-change:transform,opacity}.fg img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}.fg-1{right:4%;bottom:10%;width:30vw;max-width:420px}.fg-2{left:3%;bottom:8%;width:38vw;max-width:560px}.fg-3{right:6%;top:28%;width:24vw;max-width:340px}.fg-4{right:5%;top:6%;width:28vw;max-width:400px}.fg-5{right:6%;bottom:12%;width:30vw;max-width:420px}@media (max-width: 1000px){.fg-1,.fg-2,.fg-3,.fg-4,.fg-5{width:55vw;opacity:.35}.fg-2{left:auto;right:4%}}.content{position:absolute;z-index:10;padding:20px}.eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--acid);margin-bottom:28px}.eyebrow.dark{color:var(--ink)}#hero{top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 24px}#hero h1{font-family:Archivo Black,sans-serif;font-size:clamp(3.5rem,10vw,9rem);line-height:.92;letter-spacing:-.02em;color:var(--paper)}.play-btn{display:inline-flex;align-items:center;gap:14px;margin-top:40px;padding:14px 22px;border:1px solid var(--paper);border-radius:100px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;transition:all .3s}.play-btn:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.play-triangle{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}.left-block{top:14%;left:8%;width:44%;max-width:640px}.right-block{top:14%;right:8%;width:44%;max-width:640px}.left-block h1,.right-block h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.02em;margin-bottom:28px;color:var(--paper)}#shoe h1{color:var(--ink)}.left-block h2,.right-block h2{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;color:var(--acid)}#shoe h2{color:var(--rust)}.left-block p,.right-block p{font-size:15px;line-height:1.65;max-width:420px;color:var(--paper);opacity:.88}#shoe p{color:var(--ink);opacity:.8}.left-block a,.right-block a{display:inline-block;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--acid);padding-bottom:2px;color:var(--acid)}#shoe a{border-bottom-color:var(--rust);color:var(--rust)}.slider-section{background:var(--ink);height:160vh}.slider{position:absolute;top:20%;left:10%;width:80%;height:440px;overflow:hidden}.slide{position:absolute;top:0;left:0;height:440px;width:100%}.slide h1{font-family:Archivo Black,sans-serif;font-size:clamp(2.4rem,5.8vw,5rem);line-height:.9;letter-spacing:-.02em;color:var(--paper);margin-bottom:24px;text-transform:uppercase;max-width:62%}.slide.quote h1{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic;text-transform:none;color:var(--acid)}.slide p{font-size:15px;line-height:1.65;max-width:460px;opacity:.85;color:var(--paper)}.more{position:absolute;top:calc(20% + 490px);left:10%;cursor:pointer;z-index:20}.more-inner{display:inline-flex;align-items:center;gap:14px;padding:14px 24px;border:1px solid var(--paper);border-radius:100px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;background:transparent;color:var(--paper)}.more-inner:hover{background:var(--acid);color:var(--ink);border-color:var(--acid)}.more-arrow{display:inline-block;transition:transform .5s}.more-inner:hover .more-arrow{transform:rotate(-180deg)}.final{height:100vh;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10%}.sm-logo{font-family:Archivo Black,sans-serif;font-size:18px;letter-spacing:.12em;margin-bottom:40px;color:var(--paper)}.sm-logo span{color:var(--acid)}.stats{font-family:"Instrument Serif",serif;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.5;max-width:720px;color:var(--paper)}.stats .scroll{font-family:Archivo Black,sans-serif;font-size:clamp(3rem,8vw,7rem);color:var(--acid);display:inline-block;line-height:.9;vertical-align:middle;margin:0 8px}.stats a{color:var(--acid);text-decoration:none;border-bottom:1px dashed var(--acid);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding-bottom:2px;margin-left:6px}.fine-print{position:absolute;bottom:40px;left:10%;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--mute);line-height:1.8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.popup{width:85%;max-width:1000px;background:var(--ink);border:1px solid rgba(244,242,237,.15)}.close-bar{display:flex;justify-content:flex-end;padding:14px 18px;border-bottom:1px solid rgba(244,242,237,.1)}.close-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--paper);background:transparent;color:var(--paper);font-size:22px;line-height:1;cursor:pointer;transition:all .2s}.close-icon:hover{background:var(--rust);border-color:var(--rust)}.video-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#141414,#2a2a2a);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;text-align:center}.vp-label{font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.2em;color:var(--acid)}.vp-title{font-family:"Instrument Serif",serif;font-size:clamp(1.6rem,3vw,2.6rem);color:var(--paper);line-height:1.1;max-width:600px}.vp-sub{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--mute);letter-spacing:.12em}.nav-dots{position:fixed;z-index:1000;top:50%;right:24px;transform:translateY(-50%)}.dot-container{padding:6px 2px;position:relative;cursor:pointer}.dot{width:8px;height:8px;border-radius:50%;background:#f4f2ed59;transition:all .3s}.dot-container:hover .dot,.dot-container.active .dot{background:var(--acid);transform:scale(1.4)}.dot-container:after{content:attr(data-label);position:absolute;right:24px;top:50%;transform:translateY(-50%) translate(10px);opacity:0;background:var(--acid);color:var(--ink);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;white-space:nowrap;transition:all .25s;pointer-events:none}.dot-container:hover:after{opacity:1;transform:translateY(-50%) translate(0)}@media (max-width: 1000px){header{padding:18px 24px}.top-nav{display:none}.left-block,.right-block{left:8%;right:8%;width:84%}.nav-dots{display:none}.slider{left:8%;width:84%}.more,.fine-print{left:8%}.final{padding:0 8%}}@media (max-width: 600px){#hero h1{font-size:3rem}.left-block h1,.right-block h1{font-size:2.6rem}.slide h1{font-size:2.2rem}section{height:140vh}}