.cl-hero{--cl-hero-pad-y:clamp(2.5rem, 6vw, 5.125rem);z-index:2;isolation:isolate;padding:var(--cl-hero-pad-y) 0 clamp(2rem, 4vw, 3.5rem);color:var(--foreground);background:var(--background);position:relative}.cl-hero__copy.section-frame{width:min(var(--section-max-width), calc(100% - 2 * var(--page-gutter-bleed)));flex-direction:column;display:flex}.cl-hero__breadcrumb{opacity:0;margin-bottom:clamp(1.25rem,3vw,2rem);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(.75rem)}.cl-hero__title-track,.cl-hero__subtitle-track{will-change:auto;width:100%}.cl-hero__title{letter-spacing:-.03em;opacity:0;max-width:none;margin:0;font-size:clamp(2.5rem,7vw,5.25rem);font-weight:500;line-height:.98;transition:opacity 1s cubic-bezier(.16,1,.3,1) 80ms,transform 1s cubic-bezier(.16,1,.3,1) 80ms;transform:translateY(1.25rem)}.cl-hero__title-muted{color:var(--muted-foreground)}.cl-hero__title-gap{margin-left:.22em}.cl-hero__media{padding-inline:var(--section-side-space);opacity:0;margin-top:clamp(1.75rem,4vw,3rem);transition:opacity 1s cubic-bezier(.16,1,.3,1) .16s,transform 1s cubic-bezier(.16,1,.3,1) .16s;overflow:visible;transform:translateY(1.5rem)}.cl-hero__subtitle{max-width:54ch;color:color-mix(in srgb, var(--foreground) 72%, transparent);text-align:center;opacity:0;margin:clamp(1.75rem,3.5vw,2.75rem) auto 0;font-size:clamp(.9375rem,1.35vw,1.125rem);line-height:1.55;transition:opacity .85s cubic-bezier(.16,1,.3,1) .24s,transform .85s cubic-bezier(.16,1,.3,1) .24s;transform:translateY(1rem)}.cl-hero[data-ready=true] :is(.cl-hero__breadcrumb,.cl-hero__title,.cl-hero__media,.cl-hero__subtitle){opacity:1;transform:none}.cl-hero :is(a):focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.cl-hero__breadcrumb,.cl-hero__title,.cl-hero__media,.cl-hero__subtitle,.cl-hero[data-ready=true] :is(.cl-hero__breadcrumb,.cl-hero__title,.cl-hero__media,.cl-hero__subtitle){opacity:1;transition:none;transform:none}.cl-hero__title-track,.cl-hero__subtitle-track{transform:none!important}}@media (scripting:none){.cl-hero__breadcrumb,.cl-hero__title,.cl-hero__media,.cl-hero__subtitle{opacity:1;transform:none}}