.sneaker-atmosphere{--sneaker-ember:#c45c26;--sneaker-ink:#0c1220;--sneaker-fog:#c45c261f}.sneaker-hero{border:1px solid var(--line);background:radial-gradient(ellipse 80% 60% at 85% 20%, var(--sneaker-fog), transparent 55%), radial-gradient(ellipse 50% 40% at 10% 90%, #d4af3714, transparent 50%), linear-gradient(165deg, #141a2a 0%, #0c1220 48%, #1a1220 100%);border-radius:1.5rem;position:relative;overflow:hidden}.sneaker-grid-floor{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.sneaker-stagger>*{animation:.7s cubic-bezier(.22,1,.36,1) both sneakerRise}.sneaker-stagger>:first-child{animation-delay:50ms}.sneaker-stagger>:nth-child(2){animation-delay:.12s}.sneaker-stagger>:nth-child(3){animation-delay:.2s}.sneaker-stagger>:nth-child(4){animation-delay:.28s}.sneaker-stagger>:nth-child(5){animation-delay:.36s}@keyframes sneakerRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.sneaker-svg-wrap{place-items:center;min-height:220px;display:grid;position:relative}.sneaker-svg{filter:drop-shadow(0 18px 40px #c45c2640);width:min(100%,340px);height:auto}.sneaker-outline{fill:none;stroke:var(--gold);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520px;animation:1.8s cubic-bezier(.4,0,.2,1) .2s forwards sneakerDraw}.sneaker-sole{fill:none;stroke:var(--sneaker-ember);stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:180;stroke-dashoffset:180px;animation:1.4s cubic-bezier(.4,0,.2,1) .55s forwards sneakerDraw}.sneaker-swoosh{fill:none;stroke:#ffffff8c;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:80;stroke-dashoffset:80px;animation:.9s ease-out 1.1s forwards sneakerDraw}.sneaker-float{animation:5.5s ease-in-out 1.6s infinite sneakerFloat}@keyframes sneakerDraw{to{stroke-dashoffset:0}}@keyframes sneakerFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(1deg)}}.sneaker-pulse-ring{aspect-ratio:1;pointer-events:none;border:1px solid #c45c2659;border-radius:50%;width:70%;animation:3.2s ease-out infinite sneakerRing;position:absolute}@keyframes sneakerRing{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}.sneaker-chip{transition:transform .15s,border-color .15s}.sneaker-chip:hover{transform:translateY(-1px)}.sneaker-rail{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.sneaker-rail a{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1.15rem 1.25rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.sneaker-rail a:hover{border-color:#d4af3773;transform:translateY(-2px)}.sneaker-rail a:after{content:"";background:radial-gradient(circle, var(--sneaker-fog), transparent 70%);pointer-events:none;border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -20% -40% auto}@media (prefers-reduced-motion:reduce){.sneaker-stagger>*,.sneaker-outline,.sneaker-sole,.sneaker-swoosh,.sneaker-float,.sneaker-pulse-ring{animation:none!important}.sneaker-outline,.sneaker-sole,.sneaker-swoosh{stroke-dashoffset:0}}