@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500&display=swap");:root{--color-void:#000000;--color-ink:#0A0A0A;--color-charcoal:#1A1A1A;--color-smoke:#2A2A2A;--color-steel:#4A4A4A;--color-silver:#8A8A8A;--color-bone:#E5E5E5;--color-white:#FFFFFF;--color-nike-orange:#FA5C2A;--color-jordan-red:#CE1141;--color-adidas-blue:#005BBF;--color-yeezy-cream:#F5F1EB;--color-neon-green:#39FF14;--font-display:"Oswald",sans-serif;--font-mono:"Space Mono",monospace;--font-body:"Inter",sans-serif;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.4,0,0.2,1)}.sneaker-container *{margin:0;padding:0;box-sizing:border-box}.sneaker-container{font-family:var(--font-body);background:var(--color-void);color:var(--color-white);overflow-x:hidden;font-size:16px;line-height:1.6}.sneaker-container .progress-line{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-nike-orange),var(--color-jordan-red),var(--color-adidas-blue),var(--color-neon-green));background-size:400% 100%;z-index:1000;transition:width .05s linear;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.sneaker-container .hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-void)}.sneaker-container .hero-bg{position:absolute;inset:0;overflow:hidden}.sneaker-container .hero-grid{position:absolute;inset:-50%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:60px 60px;transform:perspective(500px) rotateX(60deg);animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(60px)}}.sneaker-container .hero-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(250,92,42,.15) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(60px);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.sneaker-container .hero-content{position:relative;z-index:2;text-align:center;max-width:1200px;padding:2rem}.sneaker-container .hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.4em;text-transform:uppercase;color:var(--color-nike-orange);margin-bottom:2rem;opacity:0;animation:fade-in 1s var(--ease-out-expo) .3s forwards}.sneaker-container .hero-title{font-family:var(--font-display);font-size:clamp(4rem,15vw,12rem);font-weight:700;line-height:.9;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1rem}.sneaker-container .hero-title .line{display:block;overflow:hidden}.sneaker-container .hero-title .line span{display:inline-block;opacity:0;transform:translateY(100%);animation:slide-up .8s var(--ease-out-expo) forwards}.sneaker-container .hero-title .line:first-child span{animation-delay:.4s}.sneaker-container .hero-title .line:nth-child(2) span{animation-delay:.5s}.sneaker-container .hero-title .accent{background:linear-gradient(135deg,var(--color-nike-orange),var(--color-jordan-red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}@keyframes fade-in{to{opacity:1}}.sneaker-container .hero-stats-bar{display:flex;justify-content:center;gap:4rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-smoke);opacity:0;animation:fade-in 1s var(--ease-out-expo) 1s forwards}.sneaker-container .hero-stat{text-align:center}.sneaker-container .hero-stat-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-white)}.sneaker-container .hero-stat-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-silver);margin-top:.25rem}.sneaker-container .scroll-prompt{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;opacity:0;animation:fade-in 1s var(--ease-out-expo) 1.5s forwards}.sneaker-container .scroll-prompt span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-silver)}.sneaker-container .scroll-line-anim{width:1px;height:60px;background:linear-gradient(to bottom,var(--color-nike-orange),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.5);opacity:.5}}.sneaker-container .evolution-section{position:relative;min-height:300vh;background:var(--color-ink)}.sneaker-container .evolution-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.sneaker-container .evolution-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1400px;padding:2rem;width:100%}.sneaker-container .evolution-visual{position:relative;display:flex;align-items:center;justify-content:center}.sneaker-container .sneaker-morph-svg{width:100%;max-width:500px;height:auto}.sneaker-container .sneaker-morph-svg path{fill:none;stroke:var(--color-white);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:all .8s var(--ease-out-expo)}.sneaker-container .sneaker-morph-svg .sole{stroke:var(--color-nike-orange)}.sneaker-container .sneaker-morph-svg .detail{stroke:var(--color-silver);stroke-width:1}.sneaker-container .evolution-info{display:flex;flex-direction:column;justify-content:center}.sneaker-container .evolution-era{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-nike-orange);margin-bottom:1rem}.sneaker-container .evolution-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:1.5rem}.sneaker-container .evolution-text{font-size:1.125rem;color:var(--color-bone);line-height:1.8;max-width:500px}.sneaker-container .evolution-progress{display:flex;gap:.5rem;margin-top:3rem}.sneaker-container .evolution-dot{width:40px;height:4px;background:var(--color-smoke);border-radius:2px;transition:all .4s var(--ease-out-expo)}.sneaker-container .evolution-dot.active{background:var(--color-nike-orange);width:60px}.sneaker-container .data-explosion{position:relative;padding:8rem 2rem;background:var(--color-void);overflow:hidden}.sneaker-container .data-bg{position:absolute;inset:0;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 100px,var(--color-white) 100px,var(--color-white) 101px)}.sneaker-container .data-header{text-align:center;margin-bottom:6rem}.sneaker-container .data-header h2{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:700;text-transform:uppercase;line-height:.9}.sneaker-container .data-header h2 .highlight{color:var(--color-nike-orange)}.sneaker-container .data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto 6rem}.sneaker-container .data-card{background:var(--color-charcoal);border:1px solid var(--color-smoke);padding:2.5rem;text-align:center;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.sneaker-container .data-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-nike-orange),var(--color-jordan-red));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out-expo)}.sneaker-container .data-card.visible:before,.sneaker-container .data-card:hover:before{transform:scaleX(1)}.sneaker-container .data-number{font-family:var(--font-mono);font-size:clamp(3rem,6vw,5rem);font-weight:700;color:var(--color-white);line-height:1;margin-bottom:.5rem}.sneaker-container .data-unit{font-family:var(--font-mono);font-size:1.5rem;color:var(--color-nike-orange)}.sneaker-container .data-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-silver);margin-top:1rem}.sneaker-container .data-chart-container{max-width:1000px;margin:0 auto;padding:3rem;background:var(--color-charcoal);border:1px solid var(--color-smoke)}.sneaker-container .chart-title{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-silver);margin-bottom:2rem}.sneaker-container .chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:250px;gap:1rem;padding:0 1rem}.sneaker-container .chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sneaker-container .chart-bar{width:100%;max-width:60px;background:linear-gradient(to top,var(--color-nike-orange),var(--color-jordan-red));border-radius:4px 4px 0 0;transition:height 1.5s var(--ease-out-expo)}.sneaker-container .chart-bar-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-silver)}.sneaker-container .chart-bar-value{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--color-white)}.sneaker-container .gallery-section{position:relative;height:100vh;overflow:hidden;background:var(--color-ink)}.sneaker-container .gallery-header{position:absolute;top:2rem;left:2rem;z-index:10}.sneaker-container .gallery-header h2{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-transform:uppercase}.sneaker-container .gallery-track{display:flex;height:100%;transition:transform .05s linear}.sneaker-container .gallery-item{flex-shrink:0;width:80vw;max-width:600px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative}.sneaker-container .gallery-item-image{width:100%;height:60%;object-fit:contain;filter:grayscale(100%) contrast(1.1);transition:filter .6s var(--ease-out-expo)}.sneaker-container .gallery-item:hover .gallery-item-image{filter:grayscale(0) contrast(1)}.sneaker-container .gallery-item-info{margin-top:2rem}.sneaker-container .gallery-item-year{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.3em;color:var(--color-nike-orange);margin-bottom:.5rem}.sneaker-container .gallery-item-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.sneaker-container .gallery-item-desc{font-size:.9rem;color:var(--color-silver);max-width:400px}.sneaker-container .timeline-section{position:relative;padding:8rem 2rem;background:var(--color-void)}.sneaker-container .timeline-header{text-align:center;margin-bottom:6rem}.sneaker-container .timeline-header h2{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;text-transform:uppercase}.sneaker-container .timeline-path{position:relative;max-width:1200px;margin:0 auto}.sneaker-container .timeline-line-svg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;pointer-events:none}.sneaker-container .timeline-line-svg line{stroke:var(--color-smoke);stroke-width:4}.sneaker-container .timeline-line-svg .timeline-progress-line{stroke:var(--color-nike-orange);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.sneaker-container .timeline-events{position:relative;z-index:1}.sneaker-container .timeline-event{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;margin-bottom:6rem;align-items:center;opacity:0;transform:translateY(30px);transition:all .8s var(--ease-out-expo)}.sneaker-container .timeline-event.visible{opacity:1;transform:translateY(0)}.sneaker-container .timeline-event:nth-child(odd) .timeline-event-content{grid-column:1;text-align:right}.sneaker-container .timeline-event:nth-child(2n) .timeline-event-content,.sneaker-container .timeline-event:nth-child(odd) .timeline-event-visual{grid-column:3}.sneaker-container .timeline-event:nth-child(2n) .timeline-event-visual{grid-column:1;text-align:right}.sneaker-container .timeline-marker{grid-column:2;width:20px;height:20px;background:var(--color-void);border:3px solid var(--color-nike-orange);border-radius:50%;position:relative;z-index:2}.sneaker-container .timeline-marker:after{content:"";position:absolute;inset:4px;background:var(--color-nike-orange);border-radius:50%;transform:scale(0);transition:transform .4s var(--ease-elastic)}.sneaker-container .timeline-event.visible .timeline-marker:after{transform:scale(1)}.sneaker-container .timeline-year{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--color-nike-orange);margin-bottom:.5rem}.sneaker-container .timeline-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;text-transform:uppercase;margin-bottom:.75rem}.sneaker-container .timeline-text{font-size:.95rem;color:var(--color-bone);line-height:1.7;max-width:400px}.sneaker-container .timeline-event:nth-child(odd) .timeline-text{margin-left:auto}.sneaker-container .timeline-event-visual img{max-width:200px;filter:grayscale(100%);transition:filter .4s ease}.sneaker-container .timeline-event:hover .timeline-event-visual img{filter:grayscale(0)}.sneaker-container .quote-takeover{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-void);overflow:hidden}.sneaker-container .quote-bg-text{position:absolute;font-family:var(--font-display);font-size:30vw;font-weight:700;color:var(--color-charcoal);white-space:nowrap;user-select:none;opacity:.3}.sneaker-container .quote-content{position:relative;z-index:1;max-width:900px;padding:2rem;text-align:center}.sneaker-container .quote-marks{font-family:var(--font-display);font-size:8rem;line-height:0;color:var(--color-nike-orange);opacity:.5}.sneaker-container .quote-text{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:500;text-transform:uppercase;line-height:1.2;margin:2rem 0}.sneaker-container .quote-author{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-silver)}.sneaker-container .sources-section{padding:6rem 2rem;background:var(--color-charcoal);border-top:1px solid var(--color-smoke)}.sneaker-container .sources-content{max-width:800px;margin:0 auto}.sneaker-container .sources-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;text-transform:uppercase;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-smoke)}.sneaker-container .sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sneaker-container .sources-grid a{font-family:var(--font-mono);font-size:.8rem;color:var(--color-silver);text-decoration:none;padding:1rem;background:var(--color-ink);border:1px solid var(--color-smoke);transition:all .3s ease}.sneaker-container .sources-grid a:hover{color:var(--color-nike-orange);border-color:var(--color-nike-orange)}.sneaker-container .sources-note{font-size:.75rem;color:var(--color-steel);margin-top:2rem;font-style:italic}.sneaker-container .footer{padding:6rem 2rem;background:var(--color-void);text-align:center}.sneaker-container .footer-icon{font-size:3rem;margin-bottom:2rem;filter:grayscale(100%)}.sneaker-container .footer-text{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-silver)}.sneaker-container .fade-in-up{opacity:0;transform:translateY(40px);transition:all .8s var(--ease-out-expo)}.sneaker-container .fade-in-up.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.sneaker-container .evolution-content{grid-template-columns:1fr;text-align:center}.sneaker-container .data-grid{grid-template-columns:repeat(2,1fr)}.sneaker-container .timeline-event{grid-template-columns:auto 1fr;gap:1.5rem}.sneaker-container .timeline-event:nth-child(2n) .timeline-event-content,.sneaker-container .timeline-event:nth-child(odd) .timeline-event-content{grid-column:2;text-align:left}.sneaker-container .timeline-event-visual{display:none}.sneaker-container .timeline-marker{grid-column:1}.sneaker-container .timeline-line-svg{left:10px;transform:none}}@media (max-width:768px){.sneaker-container .hero-stats-bar{flex-wrap:wrap;gap:2rem}.sneaker-container .data-grid,.sneaker-container .sources-grid{grid-template-columns:1fr}.sneaker-container .chart-bars{height:180px}}@media (prefers-reduced-motion:reduce){.sneaker-container .hero-grid,.sneaker-container .progress-line,.sneaker-container .scroll-line-anim{animation:none}.sneaker-container .fade-in-up,.sneaker-container .timeline-event{opacity:1;transform:none;transition:none}}