@layer components{.ui-cta{position:relative;overflow:hidden;text-align:center;& .ui-cta__photo{position:absolute;inset:0;opacity:.2;& .photo__frame{block-size:100%;border-radius:0;aspect-ratio:auto}& .photo__alt, & .photo__note, & .photo__icon{display:none}}& .ui-cta__scrim{position:absolute;inset:0;display:block;background:linear-gradient(to top,var(--color-band-shade),transparent);opacity:.75}& .ui-cta__inner{position:relative;padding-block:var(--space-2xl)}& .ui-cta__heading{max-inline-size:20ch;margin-inline:auto;font-size:var(--size-step-4)}& .ui-cta__kicker{margin-block-end:var(--space-s)}& .ui-cta__lead{max-inline-size:42ch;margin:var(--space-m)auto 0;font-size:var(--size-step-1)}& .ui-cta__button{margin-block-start:var(--space-l)}& .ui-cta__note{margin-block-start:var(--space-s);font-size:var(--size-step--1);opacity:.75}}}