@layer components{.page-hero{padding-block:var(--space-xl);background-color:var(--color-surface-sunken);border-block-end:var(--border-width-hairline)solid var(--color-border);& .page-hero__text{--stack-space:var(--space-s);& > *{max-inline-size:var(--measure-wide)}}& .page-hero__lead{color:var(--color-text-muted);font-size:var(--size-step-1)}& .page-hero__actions{--cluster-space:var(--space-s);padding-block-start:var(--space-2xs)}&[data-media] .page-hero__inner{display:grid;gap:var(--space-l);@media(width >= 48rem){grid-template-columns: minmax(0,7fr) minmax(0,5fr); align-items: center;}}& .page-hero__media{border-block-start:var(--border-width-thick)solid var(--color-accent);border-radius:var(--radius-s);overflow:hidden;& img{inline-size:100%;block-size:auto}}}}