/* Homepage only. The shared header, page content and other routes are unchanged. */
.home-video-hero{isolation:isolate;background:#27323a;min-height:max(400px,calc(50svh - 132px))}
.home-video-hero>.wrap{min-height:inherit;z-index:2}
.home-video-media,.home-video-shade{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.home-video-media{z-index:0;background:#27323a}
.home-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.home-video-frame{position:absolute;top:50%;left:50%;border:0;max-width:none;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.home-video-hero[data-video-state="playing"] .home-video-frame{opacity:1}
.home-video-shade{z-index:1;background:rgba(5,13,18,.3)}
.home-video-hero .hero-text{max-width:575px;padding:34px 0 43px}
.home-video-hero .eyebrow{color:#f1f4f5;text-shadow:0 1px 5px #0008}
.home-video-hero h1{color:#fff;font-size:48px;text-shadow:0 2px 10px #0007}
.home-video-hero .hero-description{color:#fff;max-width:460px;text-shadow:0 1px 6px #000b}
.home-video-hero .btn{background:var(--blue);border-color:#8caec6}
.home-video-hero .btn:hover{background:#14547e}
.home-video-hero .btn.light{color:var(--blue);background:#fff;border-color:#fff}
.home-video-hero .btn.light:hover{background:#edf3f7}
.home-video-hero .hero-caption{z-index:3;background:rgba(0,0,0,.28);color:#fff;line-height:1.4;font-size:10px;max-width:calc(100% - 30px)}
@media(max-width:800px){
 .home-video-hero,.home-video-hero>.wrap{min-height:440px}
 .home-video-hero .hero-text{max-width:100%;padding:38px 0 54px}
 .home-video-hero h1{font-size:42px;max-width:520px}
 .home-video-hero .hero-description{font-size:16px;max-width:420px}
}
@media(max-width:480px){
 .home-video-hero,.home-video-hero>.wrap{min-height:440px}
 .home-video-hero h1{font-size:36px;line-height:1.16;letter-spacing:.1px}
 .home-video-hero .eyebrow{font-size:11px;letter-spacing:1.3px;max-width:300px}
 .home-video-hero .hero-description{font-size:15px;max-width:315px}
 .home-video-hero .actions{margin-top:22px}
 .home-video-hero .hero-caption{font-size:9px;bottom:10px;right:12px}
}
/* Full opening screen, with a brand-led text hierarchy inspired by the reference. */
.home-video-hero{--home-header-height:133px;min-height:calc(100svh - var(--home-header-height))}
.home-video-hero>.wrap{min-height:inherit;max-width:1400px;width:100%;padding:0 56px}
.home-video-hero .hero-text{max-width:650px;padding:64px 0 125px}
.home-video-hero .hero-brand-lockup{margin:0 0 28px;text-transform:none;letter-spacing:0;line-height:1}
.hero-brand-name{display:block;font-family:var(--font-body);font-size:clamp(72px,6.5vw,112px);font-weight:700;letter-spacing:2px;line-height:.96}
.hero-brand-descriptor{display:block;font-family:var(--font-body);font-size:clamp(24px,2.2vw,36px);font-weight:400;letter-spacing:.3px;margin-top:12px}
.home-video-hero h1{font-size:clamp(44px,4vw,64px);line-height:1.08;max-width:650px;margin-bottom:22px}
.home-video-hero .hero-description{max-width:550px;font-size:18px;line-height:1.65;border-top:1px solid #ffffff55;padding-top:17px;margin-bottom:0}
.home-video-hero .actions{margin-top:25px}
.home-video-hero .hero-scroll-link{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);color:white;font-size:12px;font-weight:600;letter-spacing:1.5px;text-align:center;line-height:1.4;padding:10px 16px 0;text-decoration:none;text-shadow:0 1px 5px #0008}
.hero-scroll-link:after{content:'';display:block;width:1px;height:48px;background:#ffffff80;margin:13px auto 0}
.home-video-hero .hero-scroll-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){
 .home-video-hero{--home-header-height:116px}
 .home-video-hero,.home-video-hero>.wrap{min-height:calc(100svh - var(--home-header-height))}
 .home-video-hero>.wrap{padding:0 28px}
 .home-video-hero .hero-text{max-width:570px;padding:48px 0 110px}
 .home-video-hero .hero-brand-lockup{max-width:none;margin-bottom:24px}
 .hero-brand-name{font-size:76px}
 .hero-brand-descriptor{font-size:28px}
 .home-video-hero h1{font-size:48px}
 .home-video-hero .hero-description{font-size:17px;max-width:470px}
 .home-video-hero .hero-caption{bottom:9px;font-size:9px}
}
@media(max-width:480px){
 .home-video-hero>.wrap{padding:0 24px}
 .home-video-hero .hero-text{padding:34px 0 105px;max-width:100%}
 .home-video-hero .hero-brand-lockup{margin-bottom:22px}
 .hero-brand-name{font-size:62px}
 .hero-brand-descriptor{font-size:23px;margin-top:9px}
 .home-video-hero h1{font-size:39px;line-height:1.1;max-width:100%;margin-bottom:18px}
 .home-video-hero .hero-description{font-size:15px;line-height:1.55;max-width:100%;padding-top:15px}
 .home-video-hero .actions{gap:10px;margin-top:23px}
 .home-video-hero .actions .btn{padding:12px 16px;font-size:13px;gap:12px}
 .home-video-hero .hero-scroll-link{font-size:10px;bottom:20px}
 .hero-scroll-link:after{height:24px;margin-top:9px}
 .home-video-hero .hero-caption{font-size:8px;right:8px;bottom:4px}
}
@media(min-width:801px) and (max-height:800px){
 .home-video-hero .hero-text{padding:30px 0 86px}
 .home-video-hero .hero-brand-lockup{margin-bottom:19px}
 .hero-brand-name{font-size:66px}
 .hero-brand-descriptor{font-size:25px;margin-top:8px}
 .home-video-hero h1{font-size:46px;margin-bottom:17px}
 .home-video-hero .hero-description{font-size:16px;max-width:520px;padding-top:13px}
 .home-video-hero .actions{margin-top:20px}
 .hero-scroll-link:after{height:32px;margin-top:9px}
}