/* =====================================================================
   HOME HERO — the ORIGINAL home hero, on the fold.
   Matches the live hero's balance: BIG Iowan headline that fills top→bottom
   (text-dominant), SMALLER portrait. The live version overflows the fold
   because of the announcement bar + 14vh padding on top of that big text —
   so here we keep the big text, shrink the image, and tighten the padding
   so it lands on one screen. "Global home…" stays the quiet eyebrow (no
   heavy third element). Scoped under .home-hero.
   ===================================================================== */

.home-hero { background: var(--surface-base); color: var(--ink); }
.home-hero .site-header { position: static; }

/* tight padding so the big text fits the fold (live uses 14vh — too much) */
.home-hero .section-open { padding-block: var(--space-4) var(--space-6); }

/* OG-big headline — text dominant, fills top→bottom (live caps at 7rem) */
.home-hero .quiet-headline { font-size: clamp(2.75rem, 7.5vw, 6.25rem); }

/* text dominant, portrait smaller (the OG balance) */
@media (min-width: 1024px) {
    .home-hero .hero-grid { grid-template-columns: 1.25fr 0.75fr; }
}
.home-hero .hero-photo-wrap { max-width: 340px; margin-left: auto; }