.abroll-home .hero{isolation:isolate;background:#fff}
.abroll-home .hero::before{z-index:1}
.hero-background{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-background picture,.hero-background img,.hero-background video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
/* Video32 contains a pale blue white point; lift only the media to blend into white. */
.hero-background img,.hero-background video{filter:brightness(1.1)}
.hero-background video{opacity:0;transition:opacity .35s}
.hero-background video[data-playing]{opacity:1}
.abroll-home .hero .hero-inner{z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(570px,41.67vw,800px)}
.abroll-home .hero-copy{grid-column:1;min-width:0;text-shadow:0 1px 8px #ffffff80}
.hero-motion{position:absolute;right:22px;bottom:18px;z-index:3;border:1px solid #20407040;background:#ffffffd9;color:#204070;width:42px;height:42px;border-radius:50%;font-size:16px}
.hero-motion:hover{background:#204070;color:#fff}
.hero-motion[hidden]{display:none}
@media(max-width:760px){
 .abroll-home .hero .hero-inner{display:block;min-height:0;padding-top:34px;padding-bottom:62vw}
 .hero-background{top:auto;height:85vw;bottom:0;mask-image:linear-gradient(transparent,#000 25%)}
 .hero-background img,.hero-background video{object-fit:contain}
 .abroll-home .hero{background:#fff}
 .abroll-home .hero-copy{max-width:none}
 .hero-motion{bottom:12px;left:14px;right:auto}
}
@media(prefers-reduced-motion:reduce){.hero-background video{transition:none}}
/* Fit the complete introduction and divider within the initial desktop viewport. */
@media(min-width:901px){
 .abroll-home .hero .hero-inner{min-height:var(--hero-available,calc(100svh - 256px));padding-block:12px}
 .abroll-home .hero h1{font-size:clamp(34px,calc(var(--hero-available,440px) * .115),64px);line-height:1.08;margin-bottom:16px}
 .abroll-home .hero h1>span{margin-top:5px;padding-bottom:7px}
 .abroll-home .hero-copy>p:not(.eyebrow){font-size:clamp(15px,calc(var(--hero-available,440px) * .038),18px);line-height:1.5;margin-bottom:12px}
 .abroll-home .hero-copy .actions{margin-top:16px;gap:10px}
 .abroll-home .hero-copy .home-configurator-launch{padding-block:12px}
 .abroll-home .trust-grid>div{padding-block:18px}
 .abroll-home .trust-grid>div::before{top:21px}
}