@layer component{.website-hero__copy{--stack-gap:var(--s-block-gap-sm);text-align:left}.website-hero__title{max-width:17ch;font-family:var(--s-font-heading);font-weight:var(--s-weight-heading);line-height:var(--s-leading-heading);letter-spacing:var(--s-tracking-heading);text-wrap:balance;margin:0}.website-hero__title span{color:var(--s-accent-text)}.website-hero__description{max-width:50ch;color:var(--s-text-2);font-size:var(--s-text-lg);line-height:var(--s-leading-body);margin:0}.website-hero__highlights{gap:var(--s-block-gap-sm);font-size:var(--s-text-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.website-hero__highlights li{border-inline-start:2px solid var(--s-accent-text);padding-inline-start:var(--s-card-pad-sm)}.website-hero__actions{align-items:center;gap:var(--s-block-gap-sm);margin-top:var(--s-block-gap-xs);flex-wrap:wrap;display:flex}.website-hero__note{font-size:var(--s-text-sm);color:var(--s-text-2);margin:0}.website-hero__visual{min-width:0;margin:0}.website-hero__previews{position:relative}.website-hero__previews[data-mobile-preview=true]{padding-block-end:var(--s-block-gap-xl);padding-inline-end:var(--s-block-gap-xl)}.website-hero__mobile-preview{width:28%;padding:var(--s-card-pad-xs);position:absolute;bottom:0;right:0}.website-hero__visual figcaption{justify-content:space-between;gap:var(--s-card-gap-xs);padding-block:var(--s-card-pad-sm);color:var(--s-text-2);font-size:var(--s-text-sm);flex-wrap:wrap;display:flex}.website-hero__placeholder{aspect-ratio:36/25;padding:var(--s-card-pad-lg);border:1px dashed var(--s-border-2);border-radius:var(--s-radius-card);color:var(--s-text-2);justify-content:center}}