/* The Events and Insights headers (src/content/resource-hero.mjs; owner, 1 October 2026), as About opens: the label,
   headline and introduction on the left, and one real picture on the right with a single caption line and its link,
   on white. The picture fills the site's cover frame (1200 × 630); event banners are baked whole into it. Under the
   Insights header, its three kinds of reading as a row of links. Labels 13px in 600, as on the organisation pages. */
main section[data-resource-hero]{background:#fff;padding:24px 0 56px}
main [data-resource-hero] :is(.ev-list-hero-grid,.in-intro-grid){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(32px,5vw,76px);align-items:center;margin-top:30px}
main [data-resource-hero] :is(.ev-eyebrow,.in-eyebrow){font-size:13px;font-weight:600;line-height:1.5;margin:0 0 16px}
main [data-resource-hero] :is(.ev-lead,.in-intro-grid>div>p:not(.in-eyebrow)){max-width:34em;margin:24px 0 0;padding:0}
main .rh-figure{margin:0;min-width:0}
main .rh-picture{display:block;overflow:hidden;aspect-ratio:1200/630;border-radius:10px;background:#244140}
/* The picture link is hidden from keyboards and screen readers, so it takes none of the phone tap padding
   (site-polish.css), which would show forest strips above and below the cover. */
main section[data-resource-hero] a.rh-picture{padding:0}
main .rh-picture img{display:block;width:100%;height:100%;object-fit:cover}
main .rh-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 18px;margin-top:12px;font-size:13px;line-height:1.5;color:#526b64}
main .rh-figure figcaption .brand-link{font-size:14px;font-weight:600}
main .rh-anchors>div{display:flex;flex-wrap:wrap;gap:10px 40px;padding:15px 0;border-block:1px solid #d6e0d7;font-size:14px;line-height:1.5}
main .rh-anchors a{color:#203432;text-decoration:none}
main .rh-anchors a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
main .rh-anchors a span{margin-right:10px;font-size:12px;color:#526d64}
@media(max-width:800px){
 main section[data-resource-hero]{padding:16px 0 40px}
 main [data-resource-hero] :is(.ev-list-hero-grid,.in-intro-grid){grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px}
 main .rh-anchors>div{flex-direction:column;gap:12px}
}