.hero{container-name:hero;container-type:inline-size}.hero .gridRow{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.hero .gridColumn{align-self:center}@container hero (max-width: 768px){.hero .gridRow{gap:1.5rem;grid-template-columns:1fr}.hero .gridColumn{align-self:stretch}}section.hero{background-attachment:var(--bg-attachment,scroll);background-image:var(--bg-image,none);background-position:var(--bg-position,center center);background-repeat:var(--bg-repeat,no-repeat);background-size:var(--bg-size,cover);margin:var(--m-t,0) var(--m-r,0) var(--m-b,0) var(--m-l,0);padding:var(--p-t,0) var(--p-r,0) var(--p-b,0) var(--p-l,0)}