/* Homepage-only: one continuous opening (offer -> Hear my work). Linked only from index.html. */
.offer{min-height:auto;padding-bottom:72px}
@media (min-width:961px){.offer{min-height:min(88svh,820px)}}
.hero.hear{padding-top:0;padding-bottom:88px}
.hear-head{max-width:720px;margin:0 0 28px;padding-top:56px;border-top:1px solid rgba(255,255,255,.08)}
.hear-head .eyebrow{margin:0 0 12px}
.hear-h{font-size:clamp(30px,3.6vw,48px);font-weight:900;letter-spacing:-.02em;line-height:1.04;margin:0 0 12px}
.hear-h em{font-style:normal;background:var(--candy);-webkit-background-clip:text;background-clip:text;color:transparent}
.hear-sub{color:var(--muted);font-size:17px;max-width:600px;margin:0}
@media (max-width:960px){.offer{padding-bottom:48px}.hear-head{padding-top:44px;margin-bottom:22px}.hero.hear{padding-bottom:64px}}
/* Sample player: its own aligned row under the CTA, left-aligned with the text column */
.offer-cta{grid-template-columns:1fr;gap:28px;align-items:start;max-width:600px}
.offer-primary{justify-items:start;padding-top:0;gap:12px}
.offer-sample{width:100%}
.offer-sample .sample-card{width:100%;box-sizing:border-box}
.offer-cta + .get-h{margin-top:34px}
@media (max-width:600px){.offer-cta{gap:18px;max-width:none}.offer-primary{justify-items:stretch}.offer-cta + .get-h{margin-top:28px}}