@layer components{body{position:relative;overflow-y:clip}.hero{margin-block:var(--space-xxl);font-size:clamp(3.6em,8vw,7em);line-height:1;font-weight:var(--font-weight-xs);color:var(--color-accent);z-index:var(--z-2);position:relative}.goose-marks{pointer-events:none;z-index:-1;opacity:1;inline-size:100%;display:none;position:absolute;inset-inline-start:-80rem;rotate:-8deg;.js &{display:block}&>*{border-width:0;border-block-start-width:10rem;border-style:solid;border-color:light-dark(oklch(from var(--color-accent) var(--100)),oklch(from var(--color-accent) var(--700) / 15%));mix-blend-mode:soft-light;border-radius:100%;block-size:300rem;inline-size:300rem;position:absolute;inset-block-start:0;inset-inline-start:0;.high-contrast &{display:none}}}}