/* Home (minimal theme, 3 Oct 2026). Layout only; components live in components.css. */
.hero{padding-block:var(--s-5) var(--s-8)}
.hero__grid{display:grid;gap:var(--s-6);align-items:center}
.hero__kicker{margin-bottom:var(--s-3)}
.hero__title{font-size:var(--fs-h1);margin-bottom:var(--s-4);max-width:13ch}
.hero__title [data-hook-variant]:not([data-hook-variant="default"]){display:none}
html[data-hook] .hero__title [data-hook-variant="default"]{display:none}
html[data-hook="creatine"] .hero__title [data-hook-variant="creatine"],
html[data-hook="shaker"] .hero__title [data-hook-variant="shaker"],
html[data-hook="vitd"] .hero__title [data-hook-variant="vitd"]{display:inline}
.hero__lede{font-size:var(--fs-lede);line-height:1.45;color:var(--muted);max-width:34ch;margin-bottom:var(--s-4)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--s-5);padding:0;list-style:none}
.chips li{border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font-size:var(--fs-small);background:var(--card)}
.chips b{font-weight:600}
.hero__form .join__label{font-size:var(--fs-small);font-weight:500;letter-spacing:0}
.hero__figure{margin:0}
.home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap}
.home-head h2{max-width:22ch}
.home-note{margin-top:var(--s-4)}
@media (max-width:767px){
  .hero{padding-top:var(--s-4)}
  .hero__title{margin-bottom:var(--s-3)}
  .hero__lede{font-size:var(--fs-body);margin-bottom:var(--s-3)}
  .chips{margin-bottom:var(--s-4)}
  .chips li{padding:4px 10px;font-size:.8125rem}
}
@media (min-width:1120px){
  .hero{padding-block:var(--s-7) var(--s-9)}
  .hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
  .hero__copy{grid-column:1 / span 5}
  .hero__figure{grid-column:6 / span 7}
}