@media (min-width:64rem){.hero-surface-host{column-gap:var(--gap);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 17.5rem;align-items:start;display:grid}.hero-surface-host>.surface{grid-area:1/2/span 2;align-self:center}}@media not (min-width:64rem){.hero-surface-host>.surface{max-width:18rem;margin-top:2rem}}