.page-section-hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(2rem,5vw,4rem);min-block-size:clamp(18rem,35vh,26rem);display:grid}@media (min-width:56rem){.page-section-hero-grid{grid-auto-columns:1fr;grid-auto-flow:column}}.page-section-hero-image>img{aspect-ratio:3/2;border-radius:var(--border-radius-xsmall);object-fit:cover;width:100%;height:auto}.page-section-hero-image.natural>img{aspect-ratio:auto}
.page-section-hero-text{flex-direction:column;align-items:flex-start;gap:1rem;max-width:48rem;display:flex}