/* ============================================================
   Savory Marketing — pages/home.css
   Home hero (home page only). Tokens only.
   ============================================================ */
.hero{padding-top:calc(var(--nav-h) + 72px);padding-bottom:64px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 62%,var(--canvas)),var(--canvas) 85%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.hero__title{font-size:clamp(34px,4.6vw,52px);font-weight:700;letter-spacing:-.025em;line-height:1.08;
  text-wrap:balance}
.hero__title em{font-style:normal;color:var(--accent)}
.hero__sub{font-size:17px;color:var(--ink-secondary);line-height:1.62;margin-top:20px;max-width:44ch}
.hero__ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
@media (max-width:980px){.hero__grid{grid-template-columns:1fr;gap:44px}}