/* Keep the previous 1312px content floor, grow to 80% on wide screens.
   Viewport gutters take priority on smaller screens. No forced min-width. */
.v5{--page-gutter:64px;--content-width:min(calc(100% - 2 * var(--page-gutter)),max(1312px,80%))}
.v5 main>.wrap,.v5 .site-footer>.wrap{width:var(--content-width);max-width:none;padding-inline:0;margin-inline:auto}
/* The hero is a direct child of main, not a viewport-width breakout. */
.v5 main>.corporate-hero{width:100%;border-radius:0;margin:0}
.v5 .corporate-hero .hero-content{width:var(--content-width);max-width:none;margin-inline:auto;padding:87px 0 95px}
.v5 .corporate-hero .hero-content h1{max-width:680px}
.v5 .corporate-hero .hero-caption{right:var(--page-gutter)}
@media(max-width:1150px){
 .v5{--page-gutter:36px}
 .v5 .corporate-hero .hero-content{padding-block:65px 85px}
 .v5 .corporate-hero .hero-content h1{max-width:610px}
}
@media(max-width:680px){
 .v5{--page-gutter:24px}
 .v5 .corporate-hero .hero-content{padding-block:43px 75px}
 .v5 .corporate-hero .hero-caption{left:var(--page-gutter);right:var(--page-gutter)}
}