@font-face{font-family:"Anton";src:url(/anton.woff2) format("woff2");font-display:swap}
:root{--bg:#0c0c0c;--panel:#161616;--line:#2a2a2a;--ink:#f4f1e8;--mute:#9a978e;--volt:#d7ff3a;--red:#ff4d3a;--tile:#f2f0ea;
--display:"Anton",Impact,"Haettenschweiler","Arial Narrow Bold","Franklin Gothic Bold",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.ticker{background:var(--volt);color:#000;font:700 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.ticker div{display:inline-block;padding:7px 0;animation:tick 40s linear infinite}
.ticker span{margin:0 22px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker div{animation:none}}
header.site{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(12,12,12,.94);backdrop-filter:blur(6px);z-index:5}
header.site .wrap{display:flex;align-items:center;gap:16px;height:56px}
.logo{font:400 26px/1 var(--display);letter-spacing:.02em;text-decoration:none;text-transform:uppercase;display:flex;align-items:center}
.logo img{height:30px;width:auto}
nav.top{margin-left:auto;display:flex;gap:14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
nav.top a{text-decoration:none;color:var(--mute)}nav.top a:hover,nav.top a.on{color:var(--ink)}
.hero{padding:34px 0 18px}
.hero h1{font:400 clamp(40px,9vw,84px)/.92 var(--display);text-transform:uppercase;margin:0 0 12px;letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--volt)}
.hero p{color:var(--mute);max-width:640px;margin:0 0 18px}
form.sku{display:flex;gap:0;max-width:640px;border:2px solid var(--ink);border-radius:4px;overflow:hidden;background:#000}
form.sku input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font:600 18px var(--mono);padding:14px;text-transform:uppercase;outline:none}
form.sku input::placeholder{color:#555}
form.sku button{background:var(--volt);color:#000;border:0;font:400 20px var(--display);padding:0 22px;text-transform:uppercase;cursor:pointer}
.hint{font-size:12px;color:var(--mute);margin-top:8px}.hint code{font-family:var(--mono);color:var(--ink)}
h2.sec{font:400 30px/1 var(--display);text-transform:uppercase;margin:34px 0 6px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
h2.sec small{font:500 12px var(--mono);color:var(--mute);text-transform:none}
.chips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 14px;scrollbar-width:none}
.chip{flex:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:6px 12px;font:600 12px system-ui;cursor:pointer;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.chip.on,.chip:hover{background:var(--ink);color:#000;border-color:var(--ink)}
ol.board{list-style:none;margin:0;padding:0;counter-reset:r}
ol.board li{counter-increment:r}
.row{display:grid;grid-template-columns:34px 76px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none}
.row:hover{background:#121212}
.row .rk{font:400 26px var(--display);color:#444;text-align:right}
.row .rk::before{content:counter(r)}
.tile{background:var(--tile);border-radius:6px;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center}
.tile img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.row .nm{font-weight:700;line-height:1.2;font-size:15px}
.row .meta{font-size:12px;color:var(--mute);margin-top:3px}
.code{font:600 11px var(--mono);background:#222;color:var(--ink);padding:2px 6px;border-radius:3px;letter-spacing:.03em}
.px{text-align:right;white-space:nowrap}
.px .now{font:400 24px/1 var(--display)}
.px .was{color:var(--mute);text-decoration:line-through;text-decoration-color:var(--red);font-size:13px}
.stamp{display:inline-block;background:var(--volt);color:#000;font:400 17px/1 var(--display);padding:5px 7px 4px;border-radius:3px;transform:rotate(-3deg);margin-top:4px}
.stamp.big{font-size:34px;padding:8px 12px 6px}
@media (max-width:560px){.row{grid-template-columns:22px 60px 1fr;}.row .px{grid-column:3;text-align:left;display:flex;gap:10px;align-items:center}.row .rk{font-size:18px}}
.cta{display:inline-block;margin:16px 0;color:var(--volt);font-weight:700;text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:.05em}
/* shoe page */
.crumbs{font-size:12px;color:var(--mute);padding:14px 0}.crumbs a{color:var(--mute)}
.shoe{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:800px){.shoe{grid-template-columns:1.05fr 1fr;align-items:start}}
.shoe .tile{aspect-ratio:4/3;border-radius:10px}
.shoe h1{font:400 clamp(30px,6vw,48px)/.98 var(--display);text-transform:uppercase;margin:0 0 10px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:16px 0}
.facts div{padding:12px;border-right:1px solid var(--line)}.facts div:last-child{border:0}
.facts b{display:block;font:400 26px/1 var(--display)}.facts span{font-size:11px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.facts .hot b{color:var(--volt)}
table.offers{width:100%;border-collapse:collapse;margin:8px 0 24px}
table.offers th{text-align:left;font:600 11px var(--mono);color:var(--mute);text-transform:uppercase;padding:8px 6px;border-bottom:1px solid var(--line)}
table.offers td{padding:12px 6px;border-bottom:1px solid var(--line);vertical-align:top}
table.offers tr.best td{background:rgba(215,255,58,.06)}
.store{font-weight:700}.oos{color:var(--mute)}
.sizes{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.sizes span{font:600 11px var(--mono);border:1px solid var(--line);padding:2px 5px;border-radius:3px;color:#ddd}
.shop{display:inline-block;background:var(--ink);color:#000;font:700 12px system-ui;padding:8px 12px;border-radius:4px;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.best .shop{background:var(--volt)}
.note{font-size:12px;color:var(--mute)}
.resale{border:1px dashed var(--line);border-radius:8px;padding:14px;margin:12px 0;color:var(--mute);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.card{text-decoration:none;background:var(--panel);border-radius:8px;padding:8px;border:1px solid var(--line)}
.card .nm{font-size:13px;font-weight:600;margin:8px 0 4px;line-height:1.2}
/* shared form bits */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pill{display:inline-block;vertical-align:middle;font:700 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px;border-radius:999px;background:#222;color:var(--ink);border:1px solid var(--line)}
.pill.soon{background:transparent;color:var(--volt);border-color:var(--volt)}
.fine{font-size:12px;color:var(--mute);margin:10px 0 0;line-height:1.45}
.fmsg{margin-top:10px;font-size:14px;padding:10px 12px;border-radius:6px;border:1px solid var(--line);background:#111}
.fmsg.soon{border-color:var(--volt);color:var(--ink)}.fmsg.soon b{color:var(--volt)}
.fmsg.ok{border-color:var(--volt);background:rgba(215,255,58,.08)}.fmsg.err{border-color:var(--red);color:#ffb3a8}
.fmsg .dev{display:block;font-size:12px;color:var(--mute);margin-top:4px}.fmsg a{color:var(--volt)}
form.done .af,form.done .nlrow,form.done .modes{opacity:.45;pointer-events:none}
[aria-invalid=true]{border-color:var(--red)!important;box-shadow:0 0 0 2px rgba(255,77,58,.35)}
input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--volt);outline-offset:2px}
/* newsletter */
.news{margin:40px 0;border:2px solid var(--volt);border-radius:10px;padding:22px;background:linear-gradient(135deg,#141a00,#0c0c0c 60%);display:grid;gap:14px}
@media (min-width:800px){.news{grid-template-columns:1fr 1.1fr;align-items:center;gap:28px}}
.news h3{font:400 32px/1 var(--display);text-transform:uppercase;margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.news-copy p{margin:0;color:#cfcbc0}
.nlrow{display:flex;gap:8px;flex-wrap:wrap}
.nlrow input{flex:1;min-width:0;flex-basis:200px;padding:13px 12px;border-radius:4px;border:1px solid #3a3a3a;background:#000;color:var(--ink);font-size:16px}
.nlrow button,.alertform button[type=submit]{padding:12px 20px;border:0;border-radius:4px;background:var(--volt);color:#000;font:400 20px/1 var(--display);text-transform:uppercase;cursor:pointer;letter-spacing:.02em}
.nlrow button:hover,.alertform button[type=submit]:hover{filter:brightness(1.08)}
button[disabled]{opacity:.6;cursor:progress}
.news.compact{margin:0 0 22px;padding:16px;border-width:1px;background:#111}
.news.compact h3{font-size:22px}.news.compact .news-copy p{font-size:13px}
/* price alert (shoe page) */
.alert-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 4px}
.bellbtn{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--volt);border:2px solid var(--volt);border-radius:6px;padding:11px 16px;font:400 19px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer}
.bellbtn:hover,.bellbtn[aria-expanded=true]{background:var(--volt);color:#000}
@media (max-width:560px){.bellbtn{width:100%;justify-content:center}}
.alertbox{margin:12px 0;border:1px solid var(--line);border-top:3px solid var(--volt);border-radius:10px;background:var(--panel);padding:18px}
.alertbox .ah{display:flex;align-items:center;gap:10px;justify-content:space-between}
.alertbox h2{font:400 28px/1 var(--display);text-transform:uppercase;margin:0}
.alertbox .sub{color:var(--mute);font-size:13px;margin:6px 0 14px}
.alertform{display:grid;gap:14px}
.af{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0;min-width:0}
.af>label,.af legend{font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);padding:0}
.af legend{margin-bottom:6px}
.mode>span{white-space:nowrap}
.af>label small{font-weight:500;text-transform:none;letter-spacing:0;color:#77746c}
.alertform select,.alertform input[type=email],.alertform input[type=number]{background:#000;color:var(--ink);border:1px solid #3a3a3a;border-radius:4px;font-size:16px;padding:12px}
.alertform select{appearance:none;background:#000 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='%23d7ff3a'/></svg>") no-repeat right 12px center;padding-right:32px}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mode{display:flex;align-items:center;gap:8px;border:1px solid #3a3a3a;border-radius:6px;padding:10px 12px;cursor:pointer;background:#0f0f0f;font-weight:700;font-size:14px;min-width:0}
.mode input[type=radio]{accent-color:var(--volt);width:18px;height:18px;margin:0;flex:none}
.mode small{color:var(--mute);font-weight:500}
.mode:has(input[type=radio]:checked){border-color:var(--volt);background:rgba(215,255,58,.07)}
.mode.tgt input[type=number]{width:100%;min-width:0;padding:6px 8px;font:600 16px var(--mono);margin-left:-4px}
.af.email .row{display:flex;gap:8px;flex-wrap:wrap}.af.email input{flex:1;flex-basis:200px;min-width:0}
@media (max-width:420px){.modes{grid-template-columns:1fr}.af.email button{width:100%}}
/* search */
.results .row{grid-template-columns:60px 1fr auto}
.empty{padding:20px;border:1px dashed var(--line);border-radius:8px;color:var(--mute)}
footer.site{border-top:1px solid var(--line);margin-top:50px;padding:26px 0 40px;color:var(--mute);font-size:12px}
footer.site .disc{border-left:3px solid var(--volt);padding-left:12px;margin-bottom:14px;color:#bbb}
footer.site a{color:#bbb}
@media (max-width:560px){.logo img{height:24px}nav.top{gap:10px;font-size:11px}header.site .wrap{gap:8px}}