/* =========================================================================
   Anabolic Store — Homepage hero (TAS "industrial / push the limits").
   The site header/nav now lives in the shared partial + theme.css (loaded
   site-wide); this file only styles the hero/stage/spec strip.
   ========================================================================= */
:root{
  --ana-page:#0c0c0b;
  --ana-surface:#131312;
  --ana-surface2:#1b1b1a;
  --ana-surface3:#232322;
  --ana-line:#2c2c2a;
  --ana-line-soft:rgba(243,242,236,0.07);
  --ana-ink:#f3f2ec;
  --ana-muted:#8f8e86;
  --ana-faint:#6a6962;
  --ana-accent:#ff6b35;
  --ana-accent-ink:#fbfbf6;
  --ana-sans:'Archivo','Helvetica Neue',Helvetica,Arial,sans-serif;
  --ana-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}

body.ana-home{margin:0;padding:0;background:var(--ana-page);color:var(--ana-ink);
  font-family:var(--ana-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  min-height:100vh;overflow-x:hidden;}
body.ana-home *{box-sizing:border-box;}

.ana-stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;isolation:isolate;}

.ana-stage::before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 50% -12%, #1d1d1a 0%, #0c0c0b 58%);z-index:-3;}

.ana-grid-bg{position:absolute;inset:0;z-index:-2;
  background-image:linear-gradient(var(--ana-line-soft) 1px, transparent 1px),
    linear-gradient(90deg, var(--ana-line-soft) 1px, transparent 1px);
  background-size:64px 64px;background-position:center top;
  -webkit-mask-image:radial-gradient(100% 80% at 50% 30%, #000 35%, transparent 78%);
          mask-image:radial-gradient(100% 80% at 50% 30%, #000 35%, transparent 78%);
  pointer-events:none;}

.ana-grain{position:absolute;inset:0;z-index:-1;opacity:0.05;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

.ana-reg{position:fixed;width:26px;height:26px;z-index:30;pointer-events:none;opacity:0.45;}
.ana-reg::before,.ana-reg::after{content:"";position:absolute;background:var(--ana-accent);}
.ana-reg::before{width:100%;height:1.5px;top:50%;transform:translateY(-50%);}
.ana-reg::after{height:100%;width:1.5px;left:50%;transform:translateX(-50%);}
.ana-reg.tl{top:18px;left:18px;}.ana-reg.tr{top:18px;right:18px;}
.ana-reg.bl{bottom:18px;left:18px;}.ana-reg.br{bottom:18px;right:18px;}

/* ---------- Hero ---------- */
.ana-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:clamp(48px,9vh,120px) clamp(20px,5vw,40px) clamp(70px,10vh,120px);position:relative;}
.ana-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--ana-mono);font-size:11px;font-weight:600;
  letter-spacing:0.26em;text-transform:uppercase;color:var(--ana-muted);margin-bottom:clamp(26px,4vh,40px);}
.ana-kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--ana-accent);box-shadow:0 0 0 4px rgba(255,107,53,0.16);}
.ana-kicker .rule{width:34px;height:1px;background:var(--ana-line);}
h1.ana-headline{font-family:'Space Grotesk','Archivo',sans-serif;font-weight:800;font-size:clamp(40px,8.2vw,104px);line-height:0.96;
  letter-spacing:-0.03em;max-width:14ch;text-wrap:balance;margin:0 auto;}
h1.ana-headline .accent{color:var(--ana-accent);}
.ana-subline{margin-top:clamp(22px,3.4vh,30px);max-width:46ch;color:var(--ana-muted);
  font-size:clamp(15px,1.5vw,18px);line-height:1.55;text-wrap:pretty;}
.ana-cta-row{margin-top:clamp(34px,5vh,52px);display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.ana-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;min-width:188px;
  padding:0 30px;border-radius:13px;font-family:var(--ana-sans);font-size:16px;font-weight:700;letter-spacing:0.01em;
  text-decoration:none;cursor:pointer;border:1.5px solid transparent;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;}
.ana-btn .tag{font-family:var(--ana-mono);font-size:10px;font-weight:700;letter-spacing:0.18em;opacity:0.6;}
.ana-btn-primary{background:var(--ana-accent);color:#000;box-shadow:0 14px 34px -16px rgba(255,107,53,0.7);}
.ana-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -16px rgba(255,107,53,0.85);}
.ana-btn-ghost{background:var(--ana-surface2);color:var(--ana-ink);border-color:var(--ana-line);}
.ana-btn-ghost:hover{transform:translateY(-2px);border-color:#3d3d39;background:var(--ana-surface3);}

/* ---------- Spec footer strip ---------- */
.ana-spec{position:relative;z-index:10;max-width:1280px;margin:0 auto;width:100%;
  padding:16px clamp(16px,4vw,40px) 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  font-family:var(--ana-mono);font-size:10.5px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--ana-faint);}
.ana-spec .line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ana-line),transparent);}
.ana-spec span{white-space:nowrap;}
.ana-spec .hl{color:var(--ana-muted);}

@media (max-width:760px){
  .ana-spec .mid{display:none;}
}

@media (prefers-reduced-motion: no-preference){
  .ana-reveal{opacity:0;transform:translateY(16px);animation:ana-rise .8s cubic-bezier(.2,.7,.2,1) forwards;}
  .ana-d1{animation-delay:.05s;}.ana-d2{animation-delay:.16s;}.ana-d3{animation-delay:.28s;}.ana-d4{animation-delay:.4s;}
  @keyframes ana-rise{to{opacity:1;transform:translateY(0);}}
}

/* Heading colour: outrank Blocksy's bare `h1{color:...}` and inherit the cream body ink. */
.ana-home h1,.ana-home h2,.ana-home h3,.ana-home h4,.ana-home h5,.ana-home h6{color:inherit;}