/* FOURTWENTYSTREET V37 — editorial platform polish
   FTS style: black / cream / CDXX / refined streetwear / magazine dashboard */
:root{
  --v37-black:#050505;
  --v37-ink:#0a0a0a;
  --v37-panel:#0d0d0b;
  --v37-card:#10100d;
  --v37-paper:#f2efe8;
  --v37-cream:#ded3be;
  --v37-muted:rgba(242,239,232,.58);
  --v37-faint:rgba(242,239,232,.10);
  --v37-line:rgba(242,239,232,.145);
  --v37-sage:#a8b98a;
  --v37-rust:#a36b45;
  --v37-shadow:0 28px 80px rgba(0,0,0,.38);
}
html{font-size:15px;}
body{
  background:
    radial-gradient(circle at 4% 0%, rgba(168,185,138,.11), transparent 26%),
    radial-gradient(circle at 96% 8%, rgba(163,107,69,.105), transparent 22%),
    linear-gradient(180deg,#050505 0%,#090908 54%,#050505 100%) !important;
  letter-spacing:-.002em;
}
body:after{opacity:.28 !important;background-size:64px 64px !important;}
body.v37-editorial-ready:before{opacity:.7;}
.topbar{
  border-bottom:1px solid rgba(242,239,232,.105) !important;
  background:rgba(5,5,5,.82) !important;
}
.top-inner{height:64px !important;width:min(1440px,calc(100vw - 72px)) !important;}
.brand{font-size:21px !important;letter-spacing:.20em !important;}
.brand small{font-size:8px !important;opacity:.75;}
.mainnav{gap:28px !important;}
.mainnav a{font-size:9.5px !important;letter-spacing:.20em !important;padding:25px 0 22px !important;}
.iconlink{width:32px !important;height:32px !important;background:transparent !important;}
.wrap{width:min(1440px,calc(100vw - 72px)) !important;}
.layout{
  grid-template-columns:190px minmax(0,1fr) !important;
  gap:42px !important;
  padding:38px 0 52px !important;
}
.rail{
  top:88px !important;
  padding-right:22px !important;
  border-right:1px solid rgba(242,239,232,.105) !important;
}
.rail-title{font-size:9px !important;letter-spacing:.24em !important;color:rgba(242,239,232,.34) !important;}
.rail a{
  font-size:9.5px !important;
  padding:10px 0 !important;
  letter-spacing:.14em !important;
  color:rgba(242,239,232,.62) !important;
}
.rail a span{font-size:8.5px !important;color:rgba(242,239,232,.30) !important;}
.rail a:hover,.rail a.active{color:var(--v37-paper) !important;}
.hero-slim{
  min-height:290px;
  padding:18px 0 34px !important;
  border-bottom:1px solid rgba(242,239,232,.12) !important;
  position:relative;
}
.hero-slim:before{
  content:'FOURTWENTYSTREET / PRIVATE PLATFORM / CDXX';
  position:absolute;top:0;right:0;
  font-size:8px;letter-spacing:.24em;text-transform:uppercase;color:rgba(242,239,232,.28);
}
.kicker,.eyebrow,.small{
  font-size:9px !important;
  letter-spacing:.27em !important;
  color:var(--v37-sage) !important;
}
.hero-slim h1{
  font-size:clamp(52px,6.4vw,108px) !important;
  line-height:.82 !important;
  letter-spacing:-.055em !important;
  max-width:900px;
}
.hero-slim p,.quiet,p{
  font-size:12px !important;
  line-height:1.75 !important;
}
.passport-chip{
  min-width:260px !important;
  border-color:rgba(242,239,232,.16) !important;
  background:linear-gradient(180deg,rgba(242,239,232,.055),rgba(242,239,232,.018)) !important;
  box-shadow:var(--v37-shadow);
}
.passport-chip strong{font-size:32px !important;letter-spacing:-.035em !important;}
.section{margin-top:32px !important;}
.section-head{margin-bottom:16px !important;}
.section-head h2{
  font-size:27px !important;
  letter-spacing:.02em !important;
  border-left:2px solid var(--v37-paper);
  padding-left:12px;
}
.grid{gap:18px !important;}
.panel,.studio-card,.stat,.action-card,.mission,.daily-card,.reward-card,.box-card,.shop-card,.community-card{
  border-color:rgba(242,239,232,.14) !important;
  background:
    linear-gradient(180deg,rgba(242,239,232,.052),rgba(242,239,232,.022)),
    linear-gradient(90deg,rgba(242,239,232,.025),transparent 42%) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.28) !important;
}
.panel.pad,.studio-card{padding:24px !important;}
.stat{padding:16px !important;min-height:108px;}
.stat b{font-size:38px !important;}
.stat span{font-size:8.5px !important;letter-spacing:.19em !important;}
.action-card{min-height:136px !important;padding:18px !important;}
.action-card strong{font-size:26px !important;}
.action-card span{font-size:11px !important;color:rgba(242,239,232,.54) !important;}
.btn,.pill,button,input[type="submit"]{
  border-radius:0 !important;
  font-size:9px !important;
  letter-spacing:.18em !important;
  padding:10px 12px !important;
  box-shadow:none !important;
}
.btn.primary,.pill.primary,button.primary{
  background:var(--v37-paper) !important;color:#050505 !important;border-color:var(--v37-paper) !important;
}
.studio-strip{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr) !important;gap:22px !important;}
.studio-card h2{font-size:30px !important;letter-spacing:-.015em !important;}
.mini-list a{font-size:9.5px !important;letter-spacing:.16em !important;}
.footer{
  border-top:1px solid rgba(242,239,232,.12) !important;
  background:linear-gradient(180deg,rgba(242,239,232,.025),rgba(0,0,0,.0)) !important;
}
.footer .wrap{width:min(1440px,calc(100vw - 72px)) !important;}
.footlinks a{font-size:9.5px !important;letter-spacing:.16em !important;}
/* Magazine-style additions */
.v37-dispatch{
  width:min(1440px,calc(100vw - 72px));margin:18px auto 0;
  display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:18px;align-items:center;
  border-top:1px solid rgba(242,239,232,.10);border-bottom:1px solid rgba(242,239,232,.10);
  color:rgba(242,239,232,.58);font-size:9px;letter-spacing:.19em;text-transform:uppercase;padding:10px 0;
}
.v37-dispatch b{color:var(--v37-paper);font-weight:700;}
.v37-dispatch span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v37-tagline{color:var(--v37-sage) !important;}
.v37-card-label{
  display:inline-flex;align-items:center;gap:8px;
  font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,239,232,.42);
  border-bottom:1px solid rgba(242,239,232,.16);padding-bottom:8px;margin-bottom:14px;
}
.v37-card-label:before{content:'//';color:var(--v37-sage);}
.v37-index-line{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  color:rgba(242,239,232,.38);font-size:8.5px;letter-spacing:.20em;text-transform:uppercase;margin-top:14px;
}
.v37-index-line:before,.v37-index-line:after{content:'';height:1px;background:rgba(242,239,232,.105);}
/* Passport builder tightening */
.profile-builder{grid-template-columns:minmax(300px,380px) minmax(0,1fr) !important;gap:42px !important;}
.avatar-stage{min-height:420px !important;background:linear-gradient(180deg,rgba(242,239,232,.035),rgba(242,239,232,.012)) !important;border:1px solid rgba(242,239,232,.12);}
.avatar-preview{width:255px !important;}
.form-grid{gap:14px !important;}
.field label{font-size:9px !important;letter-spacing:.20em !important;}
input,select,textarea{
  background:rgba(242,239,232,.045) !important;
  border:1px solid rgba(242,239,232,.14) !important;
  color:var(--v37-paper) !important;
  border-radius:0 !important;
}
/* Shop/boxes editorial feel */
.shop-hero,.box-hero,.supply-hero{border-bottom:1px solid rgba(242,239,232,.12) !important;}
.box-card,.shop-card{position:relative;overflow:hidden;}
.box-card:after,.shop-card:after,.panel:after{
  content:'CDXX';position:absolute;right:14px;bottom:8px;font-family:var(--display,Arial);font-weight:900;font-size:42px;letter-spacing:-.08em;color:rgba(242,239,232,.025);pointer-events:none;
}
/* Cleaner dashboard on larger screens */
@media(min-width:1180px){
  .cols-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .cols-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:1050px){
  .top-inner,.wrap,.footer .wrap,.v37-dispatch{width:min(100% - 34px,1440px) !important;}
  .layout{grid-template-columns:1fr !important;gap:24px !important;}
  .rail{position:relative !important;top:auto !important;min-height:0 !important;border-right:0 !important;padding:0 !important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(242,239,232,.08);border-bottom:1px solid rgba(242,239,232,.08);}
  .rail-title{grid-column:1/-1;margin:0;padding:10px 0 0;}
  .rail a{padding:10px 0 !important;}
  .studio-strip{grid-template-columns:1fr !important;}
  .profile-builder{grid-template-columns:1fr !important;}
  .avatar-stage{position:relative !important;top:auto !important;}
}
@media(max-width:720px){
  .top-inner,.wrap,.footer .wrap,.v37-dispatch{width:min(100% - 26px,1440px) !important;}
  .top-inner{height:auto !important;min-height:64px;align-items:flex-start;padding:15px 0;flex-direction:column;gap:12px;}
  .mainnav{display:grid !important;grid-template-columns:repeat(3,auto);gap:14px 18px !important;}
  .mainnav a{padding:0 !important;border:0 !important;}
  .v37-dispatch{grid-template-columns:1fr;gap:6px;}
  .hero-slim{min-height:auto;grid-template-columns:1fr !important;}
  .hero-slim h1{font-size:46px !important;}
  .cols-4,.cols-3,.cols-2{grid-template-columns:1fr !important;}
  .rail{grid-template-columns:repeat(2,minmax(0,1fr));}
}