@scope(.hero-with-image) to ([class*=loam-]){@layer loamui.components{:scope{font-size:var(--loam-text-md);align-items:center;gap:var(--loam-space-l);padding-block:var(--loam-space-l);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid;container-type:inline-size}.copy{gap:var(--loam-space-s);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);display:grid}h1,p{margin-block:0}p.eyebrow{--loam-context:primary;color:var(--loam-color-fg-muted);font-size:var(--loam-text-sm);align-items:center;gap:var(--loam-space-2xs);flex-wrap:wrap;display:flex}h1{max-inline-size:18ch}p.lede{color:var(--loam-color-fg-muted);font-size:var(--loam-text-lg);max-inline-size:var(--loam-measure)}div.actions{align-items:center;gap:var(--loam-space-xs);flex-wrap:wrap;display:flex}div.actions>a{align-items:center;gap:var(--loam-space-3xs);display:inline-flex}div.actions>a svg{flex:none;block-size:1em;inline-size:1em}img{border-radius:var(--loam-radius-lg);inline-size:100%}}}