.hero-section{flex-direction:column;align-items:center;gap:2rem;width:100%;height:100%;padding:1rem 2rem;display:flex}.hero-image{aspect-ratio:5/4;width:min(100%,1000px);max-height:calc(100vh - var(--nav-height));box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.desktop-img,.mobile-img{object-fit:contain}.desktop-img{border-radius:var(--radius-s)}.mobile-img{display:none}@media (max-width:580px){.hero-section{padding:0}.hero-image{aspect-ratio:9/16;border-radius:0;width:100%;height:100%}.desktop-img{display:none}.mobile-img{display:block}}