/* ==========================================================================
   Varsity Supreme — home.css  (loads only on the front page)
   ========================================================================== */

.vs-block{padding:clamp(52px,8vw,96px) 0}
.vs-block--soft{background:var(--soft)}

.vs-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,4vw,46px);flex-wrap:wrap}
.vs-sec-head .vs-eyebrow{margin-bottom:12px}
.vs-sec-head p{color:var(--grey);max-width:320px;font-size:14.5px}
.vs-more{font-family:'Space Mono',monospace;font-size:13px;color:var(--red);white-space:nowrap;font-weight:700}

/* Hero */
.vs-hero{padding:clamp(40px,7vw,86px) 0 clamp(36px,5vw,64px)}
.vs-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,56px);align-items:center}
.vs-hero-h1{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(2.9rem,9vw,6.4rem);line-height:.86}
.vs-hero-h1 em{font-style:normal;color:var(--red)}
.vs-hero-lead{font-size:clamp(15px,1.7vw,17.5px);color:#2c2c2c;max-width:440px;margin:clamp(18px,2.6vw,28px) 0 clamp(22px,3vw,32px)}
.vs-hero-eyebrow{margin-bottom:20px;display:flex;align-items:center;gap:12px}
.vs-hero-ln{height:1px;width:46px;background:var(--red)}
.vs-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.vs-hero-stats{display:flex;gap:clamp(18px,3vw,34px);margin-top:clamp(26px,3.5vw,40px);flex-wrap:wrap}
.vs-stat b{font-family:'Archivo';font-weight:900;font-size:22px;display:block;letter-spacing:-.02em}
.vs-stat span{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--grey)}
.vs-hero-vis{position:relative;display:grid;place-items:center;min-height:300px}
.vs-hero-bigltr{position:absolute;font-family:'Archivo';font-weight:900;font-size:clamp(16rem,30vw,26rem);color:var(--soft);line-height:1;z-index:0;user-select:none}
.vs-hero-vis .vs-jacket{position:relative;z-index:1}

/* Trust strip */
.vs-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.vs-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.vs-strip-i{padding:20px clamp(14px,2vw,24px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.vs-strip-i:last-child{border-right:none}
.vs-strip-k{font-family:'Space Mono',monospace;font-size:11px;color:var(--red);letter-spacing:.08em}
.vs-strip-i h4{font-size:15px;font-weight:600}

/* Builder */
.vs-builder{background:var(--ink);color:var(--paper)}
.vs-builder .vs-eyebrow{color:var(--red)}
.vs-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px);align-items:center}
.vs-builder-h2{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.4rem);line-height:.92;margin:14px 0 16px}
.vs-builder-p{color:rgba(244,242,236,.74);max-width:430px;margin-bottom:26px;font-size:15.5px}
.vs-swatch{margin-bottom:18px}
.vs-swatch label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;color:rgba(244,242,236,.6);display:block;margin-bottom:9px}
.vs-builder .vs-chip{border-color:rgba(255,255,255,.22)}
.vs-builder .vs-chip--sel{border-color:#fff;box-shadow:0 0 0 3px rgba(225,40,38,.55)}
.vs-preview{background:#191919;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:clamp(24px,4vw,40px);display:grid;place-items:center}

/* Categories */
.vs-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.vs-cat{position:relative;border-radius:var(--r);overflow:hidden;min-height:clamp(200px,26vw,260px);display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;background:var(--ink);border:1px solid var(--line);transition:transform .18s}
.vs-cat:hover{transform:translateY(-6px)}
.vs-cat:nth-child(1){background:#101010}
.vs-cat:nth-child(2){background:var(--red)}
.vs-cat:nth-child(3){background:#1c1c1c}
.vs-cat:nth-child(4){background:#2a2a28}
.vs-cat-k{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.12em;opacity:.78}
.vs-cat h3{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(22px,2.4vw,28px);line-height:.95;margin:6px 0 4px}
.vs-cat p{font-size:12.5px;opacity:.82}

/* Products — card + grid styles now live in base.css (shared with collection) */

/* Factory */
.vs-factory{background:var(--ink);color:var(--paper)}
.vs-factory .vs-h2{color:var(--paper)}
.vs-factory .vs-sec-head p{color:rgba(244,242,236,.6)}
.vs-fac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.vs-ftile{border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:clamp(22px,3vw,30px)}
.vs-ftile-n{font-family:'Space Mono',monospace;font-size:12px;color:var(--red);letter-spacing:.08em;margin-bottom:14px}
.vs-ftile h4{font-family:'Archivo';font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:19px;margin-bottom:8px}
.vs-ftile p{font-size:13.5px;color:rgba(244,242,236,.72)}

/* Reviews */
.vs-rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,22px)}
.vs-rev{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,28px)}
.vs-stars{color:var(--red);letter-spacing:2px;margin-bottom:13px;font-size:14px}
.vs-rev p{font-size:14.5px;margin-bottom:15px}
.vs-rev-who{font-family:'Space Mono',monospace;font-size:12px;color:var(--grey)}
.vs-step-n{font-family:'Space Mono',monospace;font-weight:700;color:var(--red);font-size:12px;letter-spacing:.08em;margin-bottom:12px}
.vs-step-h{font-family:'Archivo',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:18px;margin-bottom:8px}

/* Homepage SEO content block */
.vs-home-seo{background:var(--paper);border-top:1px solid var(--line)}
.vs-home-seo .vs-prose{max-width:820px}
.vs-home-seo .vs-prose h2{font-family:'Archivo';font-weight:800;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:14px}
.vs-home-seo-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.vs-home-seo-links a{font-family:'Space Mono',monospace;font-size:12.5px;border:1.5px solid var(--line);border-radius:100px;padding:9px 16px;color:var(--ink) !important;text-decoration:none !important;transition:border-color .15s,color .15s}
.vs-home-seo-links a:hover{border-color:var(--red);color:var(--red) !important}

/* Big CTA */
.vs-bigcta{background:var(--red);color:#fff;text-align:center}
.vs-bigcta-h2{font-family:'Archivo';font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2.2rem,6vw,4rem);line-height:.92}
.vs-bigcta p{margin:16px auto 26px;font-size:15.5px;opacity:.92}
.vs-bigcta .vs-btn{border-color:#fff;background:#fff;color:var(--ink)}
.vs-bigcta .vs-btn:hover{background:var(--ink);color:#fff;border-color:#fff}

/* Responsive */
@media(max-width:900px){
  .vs-hero-grid{grid-template-columns:1fr}
  .vs-hero-vis{order:-1;min-height:auto}
  .vs-hero-bigltr{font-size:46vw}
  .vs-builder-grid{grid-template-columns:1fr}
  .vs-preview{order:-1}
  .vs-cat-grid,.vs-prod-grid{grid-template-columns:1fr 1fr}
  .vs-fac-grid,.vs-rev-grid{grid-template-columns:1fr}
  .vs-strip-grid{grid-template-columns:1fr 1fr}
  .vs-strip-i:nth-child(2){border-right:none}
  .vs-strip-i{border-bottom:1px solid var(--line)}
}
@media(max-width:520px){
  .vs-cat-grid,.vs-prod-grid,.vs-strip-grid{grid-template-columns:1fr}
  .vs-sec-head{flex-direction:column;align-items:flex-start}
  .vs-hero-stats{gap:24px}
}