.outer-container{height:auto;position:relative}.image-container{opacity:0;animation:.6s forwards fade-in;display:block;position:relative}.image-container.fill{aspect-ratio:21/9;width:100%;max-width:1440px;margin:0 auto;overflow:hidden}.hero-image{animation:20s ease-out forwards hero-zoom}@keyframes hero-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.image-container.fill .overlay-text{padding:48px max(24px, calc((100% - var(--max-width)) / 2 + 24px)) 40px;font-size:2.4rem}.overlay-text h1{font:inherit;color:inherit;text-align:inherit;margin:0}@media (max-width:900px){.image-container.fill{aspect-ratio:16/9}.image-container.fill .overlay-text{padding:32px 24px 28px;font-size:1.8rem}}.overlay-text{color:#fff;text-align:left;text-shadow:0 1px 4px #0000004d;background:linear-gradient(#0f1a1200 0%,#0f1a128c 55%,#0f1a12e0 100%);align-items:flex-end;padding:28px 24px 20px;font-size:1.5rem;font-weight:700;line-height:1.3;animation:.6s forwards fade-in;display:flex;position:absolute;inset:45% 0 0}
.main{flex-direction:column;flex:1;align-items:center;width:100%;min-height:100vh;display:flex}.footer{width:100%;margin-top:auto}.hero-banner{background-color:var(--color-bg);justify-content:center;width:100%;display:flex}@media (max-width:767px){.mobile-only{display:block}.desktop-only{display:none}}@media (orientation:landscape){.mobile-only{display:none}.desktop-only{display:block}}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}