/* SolariaTheme overrides for OrchardCore-specific markup.
   OrchardCore renders a LandingPage's FlowPart inside <section class="flow">, which
   inherits Solaria's default <section> padding (~100px). That pushed the hero down
   and left a white band under the transparent header. Zero it so full-bleed sections
   sit flush; each inner Solaria section supplies its own vertical spacing. */
section.flow {
    padding-top: 0;
    padding-bottom: 0;
}

/* Video/jarallax hero heading. The source design hard-codes a 150px heading sized for a
   short 1–2 word tagline; the hero content is anchored to the bottom (.abs.bottom-10) with
   the subtitle ABOVE the heading. A long CMS heading (e.g. the IEK home page, "Bridging
   Korea and the Philippines") wrapped to several 150px lines, growing the block tall enough
   that the subtitle overflowed upward into the transparent header. Scale the heading
   responsively so any heading length stays within the hero; short headings still render
   large. Scoped to .jarallax so the slider hero (fs-84) is unaffected. */
.jarallax h1 {
    font-size: clamp(2.25rem, 6vw, 96px);
}