:root{--section-max-width: 1920px;--section-grid-gap: 20px}.ui-hero{container-type:inline-size;width:100%;max-width:var(--section-max-width);margin:0 auto;padding-top:150px}.ui-hero-grid{display:grid;grid-template-columns:1fr;gap:var(--section-grid-gap)}.ui-hero-text{display:flex;flex-direction:column;justify-content:center}.ui-hero-media{position:relative;padding-top:98.5%}.ui-hero-media>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}@container (min-width: 600px){.ui-hero-grid{grid-template-columns:4fr 8fr}.ui-hero-text{min-height:calc(100lvh - 60px);padding-bottom:120px}.ui-hero-media{padding-top:0}.ui-hero-media>*{object-fit:contain;object-position:bottom}}