/* The reference is measured off screen without changing the visible page. */
.banner-reference-measure{position:fixed;left:0;top:0;width:100%;visibility:hidden;pointer-events:none;z-index:-1000}
/* Banner dimensions follow Socioanalysis at the same viewport and language. */
body main > [data-shared-banner]{box-sizing:border-box;height:var(--reference-banner-height,auto);min-height:var(--reference-banner-height,0);aspect-ratio:auto}
body main > .hero[data-shared-banner]{min-height:var(--reference-banner-height,690px)}
body main > .hero[data-shared-banner] .hero-copy{min-height:0;padding-top:2rem;padding-bottom:2rem}
body main > .hero[data-shared-banner] .hero-art{min-height:0;height:100%}
body main > .hero[data-shared-banner] h1{font-size:clamp(2.5rem,4vw,4rem)}
body main > .work-hero[data-shared-banner]{background-size:cover}
body main > .events-lead[data-shared-banner]{background-size:cover,cover}
body[data-section="glossary"] main > .glossary-lead[data-shared-banner]{background-size:contain;background-position:left center;padding-top:2rem;padding-bottom:2rem}
body main > .territory-brand-banner[data-shared-banner]{align-items:center}
@media(max-width:600px){
 body main > .hero[data-shared-banner] .hero-copy{height:100%}
 body main > .hero[data-shared-banner] .hero-art{display:none}
 body main > .hero[data-shared-banner] h1{font-size:clamp(2.15rem,8vw,2.65rem)}
}