/* Elsewise Streetwear — shared styles */
:root{
  --ink:#141210; --ink-2:#2a2621; --paper:#f4efe6; --paper-2:#ebe3d4; --line:#d6c9b3; --muted:#6f6553;
  --accent:#c1502e; --gold:#e8b04a; --ok:#3f7d54; --err:#a8321c;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --street:"Anton","Impact","Arial Narrow Bold",sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px;}
@media(max-width:600px){.wrap{padding:0 16px;}}
.display{font-family:var(--street);text-transform:uppercase;font-weight:400;letter-spacing:.01em;line-height:.92;}

/* header */
header.sw{background:var(--ink);color:var(--paper);}
header.sw .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;}
header.sw .logo{font-family:var(--street);text-transform:uppercase;font-size:22px;letter-spacing:.04em;text-decoration:none;line-height:1;}
header.sw .logo small{font-family:var(--sans);font-size:10px;letter-spacing:.24em;font-weight:700;color:var(--gold);display:block;margin-top:4px;}
header.sw nav{display:flex;gap:20px;flex-wrap:wrap;}
header.sw nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,239,230,.7);padding:4px 0;border-bottom:2px solid transparent;}
header.sw nav a:hover{color:var(--paper);}
header.sw nav a[aria-current="page"]{color:var(--paper);border-bottom-color:var(--accent);}

/* status ticker */
.ticker{background:var(--accent);color:#fff;font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:9px 12px;}
.ticker .num{font-variant-numeric:tabular-nums;}
.ticker.closed{background:var(--ink-2);}
.ticker.upcoming{background:var(--gold);color:var(--ink);}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:var(--paper);border:0;
  font-family:var(--street);text-transform:uppercase;font-size:22px;letter-spacing:.06em;padding:16px 28px 14px;text-decoration:none;cursor:pointer;
  transition:transform .15s ease, background .15s ease;}
.btn:hover{background:#000;transform:translateY(-1px);}
.btn:disabled{background:#8a8276;cursor:not-allowed;transform:none;}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink);}
.btn.ghost:hover{background:var(--ink);color:var(--paper);}
.btn.block{width:100%;}

/* footer */
footer.sw{background:var(--ink);color:rgba(244,239,230,.65);font-size:13px;padding:34px 0;margin-top:70px;}
footer.sw a{color:var(--paper);text-decoration:none;font-weight:600;}
footer.sw .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}

/* section label */
.label{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--accent);margin:0 0 10px;}

/* the cycle — used on drop + how-it-works */
.cycle{display:grid;grid-template-columns:3fr 1fr;border:3px solid var(--ink);}
.cycle .seg{padding:14px 16px;}
.cycle .seg + .seg{border-left:3px solid var(--ink);background:var(--ink);color:var(--paper);}
.cycle .seg b{display:block;font-family:var(--street);text-transform:uppercase;font-size:22px;letter-spacing:.03em;font-weight:400;line-height:1;}
.cycle .seg span{font-size:13px;color:var(--muted);}
.cycle .seg + .seg span{color:rgba(244,239,230,.7);}
.cycle .weeks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;}
.cycle .weeks i{height:8px;background:var(--line);}
.cycle .weeks i.on{background:var(--accent);}
@media(max-width:520px){.cycle .seg b{font-size:18px;}}

@media(max-width:600px){
  header.sw .wrap{gap:10px;}
  header.sw nav{width:100%;justify-content:space-between;gap:8px;flex-wrap:nowrap;}
  header.sw nav a{font-size:11px;letter-spacing:.05em;white-space:nowrap;}
  .ticker{font-size:11px;letter-spacing:.06em;}
}