.banner-hero{position:relative;margin-bottom:3rem}
.banner-hero .banner-hero-desc{margin-top:20px}
.banner-hero .banner-hero-btn a{padding:18px 28px;font-weight:600}
.banner-hero .banner-hero-img-wrap img{-o-object-fit:cover;object-fit:cover}
.banner-hero .banner-hero-img-wrap video{-o-object-fit:cover;object-fit:cover}
.banner-hero.hero-default .banner-hero-img-wrap img,.banner-hero.hero-default .banner-hero-img-wrap video{height:270px}
@media(min-width:576px){.banner-hero.hero-default .banner-hero-img-wrap img,.banner-hero.hero-default .banner-hero-img-wrap video{height:340px}
}
@media(min-width:768px){.banner-hero.hero-default .banner-hero-img-wrap img,.banner-hero.hero-default .banner-hero-img-wrap video{height:435px}
}
@media(min-width:992px){.banner-hero.hero-default .banner-hero-img-wrap img,.banner-hero.hero-default .banner-hero-img-wrap video{height:480px}
}
@media(min-width:1200px){.banner-hero.hero-default .banner-hero-img-wrap img,.banner-hero.hero-default .banner-hero-img-wrap video{height:590px}
}
.banner-hero.hero-default .banner-hero-content-wrap-inner{display:flex;justify-content:center}
@media(min-width:768px){.banner-hero.hero-default .banner-hero-content-wrap-inner{justify-content:flex-end}
}
@media(min-width:768px){.banner-hero.hero-default.hero-default-left .banner-hero-content-wrap-inner{justify-content:flex-start}
}
.banner-hero.hero-default .banner-hero-title{font-size:30px;font-weight:700;line-height:1.2}
@media(min-width:992px){.banner-hero.hero-default .banner-hero-title{font-size:36px}
}
.banner-hero.hero-default .banner-hero-content-wrap{display:flex;align-items:center}
@media(min-width:768px){.banner-hero.hero-default .banner-hero-content-wrap{position:absolute;left:0;bottom:0;top:0;right:0}
}
.banner-hero.hero-default .banner-hero-content-wrap-inner-inner{max-width:510px}
@media(min-width:768px){.banner-hero.hero-default .banner-hero-content-wrap-inner-inner{background-color:var(--frosted-glass-bg-color);box-shadow:0 0 10px 5px var(--frosted-glass-boxshadow-color);border-radius:3px;padding:28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
}
.banner-hero.hero-default .banner-hero-desc{font-size:18px;color:var(--grayer-gray)}
@media(min-width:992px){.banner-hero.hero-default .banner-hero-desc{font-size:20px}
}
.banner-hero.hero-default .banner-hero-btn{text-align:center;display:flex;justify-content:center;gap:.5rem}
.banner-hero.hero-default .banner-hero-btn a,.banner-hero.hero-default .banner-hero-btn button{font-size:14px;padding:11px 24px}
.banner-hero.hero-default .btn-primary:focus,.banner-hero.hero-default .btn-primary:active,.banner-hero.hero-default .btn-primary:active:focus{box-shadow:inset 0 0 0 2px var(--extreme-lightnessdarkness)}
.banner-hero.hero-light,.banner-hero.hero-dark{color:#222}
.banner-hero.hero-light .banner-hero-img-wrap,.banner-hero.hero-dark .banner-hero-img-wrap{background-color:#fff}
.banner-hero.hero-light .banner-hero-img-wrap img,.banner-hero.hero-light .banner-hero-img-wrap video,.banner-hero.hero-dark .banner-hero-img-wrap img,.banner-hero.hero-dark .banner-hero-img-wrap video{height:600px;opacity:.2}
.banner-hero.hero-light .banner-hero-content-wrap,.banner-hero.hero-dark .banner-hero-content-wrap{max-width:800px;margin:0 auto;text-align:center}
.banner-hero.hero-light .banner-hero-content-wrap,.banner-hero.hero-dark .banner-hero-content-wrap{display:flex;align-items:center;position:absolute;left:0;bottom:0;top:0;right:0}
.banner-hero.hero-light .banner-hero-title,.banner-hero.hero-dark .banner-hero-title{font-size:34px;font-weight:600}
@media(min-width:576px){.banner-hero.hero-light .banner-hero-title,.banner-hero.hero-dark .banner-hero-title{font-size:44px}
}
@media(min-width:992px){.banner-hero.hero-light .banner-hero-title,.banner-hero.hero-dark .banner-hero-title{font-size:54px}
}
.banner-hero.hero-light .banner-hero-btn,.banner-hero.hero-dark .banner-hero-btn{margin-top:20px;display:flex;gap:1rem;justify-content:center}
.banner-hero.hero-light .btn-primary:focus,.banner-hero.hero-light .btn-primary:active,.banner-hero.hero-light .btn-primary:active:focus,.banner-hero.hero-dark .btn-primary:focus,.banner-hero.hero-dark .btn-primary:active,.banner-hero.hero-dark .btn-primary:active:focus{box-shadow:inset 0 0 0 2px #fff}
.banner-hero.hero-dark{color:#fff}
.banner-hero.hero-dark .banner-hero-img-wrap{background-color:#000}
.banner-hero.hero-dark .btn-primary:focus,.banner-hero.hero-dark .btn-primary:active,.banner-hero.hero-dark .btn-primary:active:focus{box-shadow:inset 0 0 0 2px #222}
.banner-hero-video-playpause-btn{display:flex;align-items:center;gap:.2rem}
.banner-hero-video-playpause-btn:focus,.banner-hero-video-playpause-btn:active,.banner-hero-video-playpause-btn:active:focus{box-shadow:inset 0 0 0 2px var(--extreme-lightnessdarkness),inset 0 0 0 4px var(--btn-secondary-outline-color-1)}
.banner-hero-video-playpause-btn:hover:focus{box-shadow:inset 0 0 0 2px var(--extreme-lightnessdarkness),inset 0 0 0 4px var(--btn-secondary-color-1)}
.banner-hero-video-playpause-span-icon svg{--svg-hw:20px;width:var(--svg-hw);height:var(--svg-hw);fill:var(--btn-secondary-color-1);display:block;transition:fill .15s ease-in-out}