.nuve-banner-container{order:-1;margin-top:100px}
.nuve-home-carousel{position:relative;background:#ded3c6;border-radius:12px;overflow:hidden;isolation:isolate}
.nuve-home-carousel picture{display:block;width:100%}
.nuve-home-carousel img{display:block;width:100%;height:auto;aspect-ratio:1920/824}
/* The hero follows the carousel and no longer needs a full viewport or header offset. */
.home-banners-page .cms-page-layout>.hero{min-height:0;padding-top:56px;padding-bottom:72px;align-items:flex-start;background:var(--cream)}
/* Keep the backdrop continuous between the carousel and the hero. */
.home-banners-page .cms-page-layout>.hero>.hero-glow{display:none}
@media(max-width:767px){
 .nuve-banner-container{margin-top:80px}
 .nuve-home-carousel img{aspect-ratio:3/4}
 .home-banners-page .cms-page-layout>.hero{padding-top:32px;padding-bottom:48px}
}
@media(prefers-reduced-motion:reduce){.nuve-home-carousel .carousel-item{transition:none}}

/* Keep the introductory heading proportionate to its text column. */
.home-banners-page .hero #hero-title{font-size:clamp(44px,9vw,64px);line-height:1.02;letter-spacing:-.025em;margin-bottom:28px;overflow-wrap:break-word}
@media(min-width:992px){
 .home-banners-page .hero #hero-title{font-size:clamp(60px,5.8vw,80px);line-height:.98}
 .home-banners-page .hero.cms-layout-image-right .hero-copy{padding-right:40px}
 .home-banners-page .hero.cms-layout-image-left .hero-copy{padding-left:40px}
}