/* Section artwork has intentional space on the left for live, accessible copy. */
.hero,.page-hero{isolation:isolate;background:#06101f}
.hero:before,.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(4,10,20,.78),rgba(4,10,20,.72) 42%,rgba(4,10,20,.08) 66%,transparent 78%),var(--section-hero);background-size:cover;background-position:center right;background-repeat:no-repeat;pointer-events:none}
.hero,.hero-inner{min-height:660px}
.hero-inner{display:flex;align-items:center;padding:75px 0}
.hero-copy{width:51%;max-width:700px}
.hero-art{display:none}
.hero h1{font-size:clamp(52px,5.5vw,83px)}
.hero-copy>p{max-width:540px;color:#d1d9e8}
.hero .eyebrow{max-width:540px}
.page-hero{min-height:590px;display:flex;align-items:center;padding:48px 0 60px}
.page-hero>.wrap{position:relative}
.page-hero h1{max-width:52%;font-size:clamp(42px,4.5vw,68px);text-wrap:balance}
.page-hero p{max-width:49%;font-size:17px;line-height:1.75;color:#d1d9e8}
.page-hero .eyebrow,.page-hero .breadcrumbs,.page-hero .article-meta{max-width:53%}
.page-hero .breadcrumbs{flex-wrap:wrap;margin-bottom:32px}
.page-hero .eyebrow{line-height:1.8}
.page-hero .hero-actions,.hero .hero-actions{flex-wrap:wrap}
.page-hero .text-link,.hero .text-link{color:#f1f5fc}
@media(min-width:1700px){.hero:before,.page-hero:before{background-size:cover,auto 100%}}
@media(min-width:761px) and (max-width:1000px){.page-hero h1{max-width:56%;font-size:48px}.page-hero p{max-width:53%;font-size:16px}.hero-copy{width:57%}.hero h1{font-size:55px}.hero,.hero-inner{min-height:620px}.hero:before,.page-hero:before{background-position:center,62% center}}
/* On small screens reserve a clear artwork area below the text. */
@media(max-width:760px){
 .hero,.hero-inner{min-height:0}
 .hero-inner{display:block;padding:44px 0 320px}
 .hero-copy{width:100%;max-width:none}
 .hero h1{font-size:clamp(44px,9.8vw,64px);margin:24px 0}
 .hero-copy>p{font-size:16px;line-height:1.75}
 .hero .hero-note{line-height:1.6;margin-top:25px}
 .hero:before,.page-hero:before{background-image:linear-gradient(180deg,#06101f 0%,#06101f calc(100% - 330px),rgba(6,16,31,.15) calc(100% - 230px),transparent),var(--section-hero);background-size:100% 100%,auto 330px;background-position:center,bottom right}
 .page-hero{min-height:0;display:block;padding:32px 0 320px}
 .page-hero h1{max-width:none;font-size:clamp(38px,9vw,56px);margin:24px 0}
 .page-hero p,.page-hero .eyebrow,.page-hero .breadcrumbs,.page-hero .article-meta{max-width:none}
 .page-hero p{font-size:16px}
 .page-hero .breadcrumbs{margin-bottom:26px}
 .page-hero .hero-actions,.hero .hero-actions{gap:16px}
}

/* Let prose tables scroll within their grid column at phone widths. */
.content-layout>*{min-width:0}