.hero-container{--swiper-pagination-bullet-inactive-color: var(--bs-white);--swiper-pagination-color: var(--bs-tint);--swiper-pagination-bullets-bottom-padding: 4px;--swiper-pagination-bullets-container-height: 26px;--banner-container-message-bg-opacity: 1;--banner-container-message-bg-rgb: 0, 0, 102;--hero-banner-image-height: 56.25vw ;--swiper-pagination-bottom: auto;--swiper-pagination-top: calc(var(--hero-banner-image-height) - var(--swiper-pagination-bullets-container-height) - var(--swiper-pagination-bullets-bottom-padding));position:relative;width:100vw;max-height:calc(100vh - var(--navbar-height));box-sizing:content-box}.hero-container .swiper-wrapper{display:flex;align-items:stretch}.hero-container .swiper-slide{display:flex;flex-direction:column;height:auto}.hero-container .banner-wrapper{width:100vw;aspect-ratio:16 / 9;height:auto;display:block;background-color:#000;margin:0;padding:0;flex-shrink:0}.hero-container .swiper-button-prev,.hero-container .swiper-button-next{top:calc(var(--hero-banner-image-height) / 2);margin-top:0;transform:translateY(-50%)}.hero-container .banner{width:100%;max-height:100%;object-fit:cover;border:none;outline:none}.hero-container>img{width:100%;height:100%;border:none;outline:none}.hero-container .banner-container-message{width:100%;min-height:var(--hero-banner-container-message-height);position:relative;margin-top:10px;background-color:rgba(var(--banner-container-message-bg-rgb),var(--banner-container-message-bg-opacity, .9));flex-grow:1}.hero-container .banner-container-message img.inline-logo{height:1.25em;width:auto;flex-shrink:0;vertical-align:middle;object-fit:contain;display:inline-block;aspect-ratio:auto}@media (min-width: 768px){.hero-container{--swiper-pagination-top: auto;--swiper-pagination-bottom: 8px}.hero-container .banner-container-message{--banner-container-message-bg-opacity: .8;position:absolute;bottom:20px;left:30px;width:auto;height:auto;min-height:auto;max-width:400px;border-radius:8px}.swiper.hero-swiper{height:100%}}@media (min-width: 1200px){.hero-container .banner-container-message{bottom:30px;left:50px}}@media (min-width: 768px) and (orientation: landscape){.hero-container{position:relative}}@media (min-width: 1200px) and (min-aspect-ratio: 16/10){.hero-container{aspect-ratio:auto;height:calc(100vh - var(--navbar-height));--hero-banner-image-height: calc(100vh - var(--navbar-height))}.hero-container .banner-wrapper{aspect-ratio:auto;height:calc(100vh - var(--navbar-height))}}