.outer-container{width:100%;height:auto;position:relative}.image-container{aspect-ratio:21/9;opacity:0;width:100%;animation:.6s forwards fade-in;display:block;position:relative;overflow:hidden}.hero-image{animation:20s ease-out forwards hero-zoom}@keyframes hero-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.overlay-text{color:#fff;padding:48px max(24px, calc((100% - var(--max-width)) / 2 + 24px)) 40px;text-align:left;background:linear-gradient(#0f1a1200 0%,#0f1a1299 55%,#0f1a12e6 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:20px;animation:.6s forwards fade-in;display:flex;position:absolute;inset:30% 0 0}.overlay-text h1{color:#fff;text-shadow:0 1px 4px #0000004d;max-width:16ch;margin:0;font-size:clamp(1.9rem,1.2rem + 3vw,3.2rem);line-height:1.1}.overlay-subtitle{color:#ffffffe6;text-shadow:0 1px 4px #0000004d;max-width:46ch;margin:-8px 0 0;font-size:clamp(.95rem,.85rem + .4vw,1.15rem);line-height:1.6}.overlay-actions{flex-wrap:wrap;gap:12px;display:flex}@media (min-width:901px){.outer-container{height:100%}.image-container{aspect-ratio:auto;height:100%}}@media (max-width:900px){.image-container{aspect-ratio:auto;height:calc(100svh - 72px)}.overlay-text{gap:16px;padding:32px 20px 28px;top:40%}.overlay-subtitle{margin-top:0}}
.main{flex-direction:column;flex:1;align-items:center;width:100%;min-height:100vh;display:flex}.footer{width:100%;margin-top:auto}.hero-viewport{width:100%}.hero-banner{background-color:var(--color-bg);justify-content:center;width:100%;display:flex}@media (min-width:901px){.hero-viewport{flex-direction:column;height:100dvh;display:flex}.hero-banner{flex:1;min-height:0}}