/* Shared layouts for the public sales-funnel pages. */
.page-hero{background:var(--cream-2);border-bottom:1px solid var(--line)}
.page-hero .container{padding-block:clamp(2rem,1.5rem + 2.5vw,3.5rem)}
.page-hero h1{font-size:var(--fs-h1)}
.page-hero .lead{margin-top:var(--s-3);max-width:60ch}
.page-hero.media-hero{position:relative;overflow:hidden;color:#fff;background:var(--green-800)}
.page-hero.media-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero.media-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,52,32,.86),rgba(19,52,32,.45))}
.page-hero.media-hero .container{position:relative;z-index:1}.page-hero.media-hero h1{color:#fff}.page-hero.media-hero .lead{color:rgba(255,255,255,.9)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.split-media{aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md)}
.split-media img{width:100%;height:100%;object-fit:cover}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}
.gallery-grid .media{aspect-ratio:1/1}.gallery-grid .span-2{grid-row:span 2;aspect-ratio:auto}
.notfound{min-height:calc(100dvh - var(--header-h));display:grid;place-items:center;text-align:center;padding:var(--s-9) var(--gutter)}
.notfound img{height:110px;margin:0 auto var(--s-5)}.notfound .code{font-size:clamp(4rem,3rem + 6vw,7rem);font-weight:var(--fw-x);color:var(--green);line-height:1}
@media (max-width:860px){.split{grid-template-columns:1fr}}
@media (max-width:680px){.gallery-grid{grid-template-columns:1fr 1fr}}

/* Inline body-copy links (legal pages, 404, FAQ answers) rendered 18-22px tall.
   WCAG 2.5.8 exempts inline targets, but that is still tight for a thumb.
   Vertical padding on a non-replaced inline element grows the hit box without
   changing line-box height, so the text layout is untouched. */
main p a:not([class]),main li a:not([class]),main dd a:not([class]){padding-block:.35rem}