@layer vendor, core, helpers, components, blocks;@layer components{.hero{--focus-color:var(--color-white);align-items:flex-end;block-size:auto;color:var(--color-white);display:flex;inline-size:100%;max-block-size:50rem;min-block-size:22.5rem;position:relative;text-shadow:0 2px 24px rgba(0,0,0,.25)}.hero:has(.hero__image){min-block-size:clamp(22.5rem,72svh,44rem)}.hero:has(.hero__image):before{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.475) 55%,transparent),linear-gradient(90deg,rgba(0,0,0,.3),transparent 70%);content:"";inset:0;position:absolute;z-index:1}.hero:is(.bg-pattern-1,.bg-pattern-2){--focus-color:currentColor;min-block-size:15rem;text-shadow:none}.hero.bg-pattern-1{color:var(--color-on-secondary)}.hero .brand__logo{background:#fff;border:var(--border-subtle);border-radius:var(--radius);padding:1rem}.hero__image{block-size:100%;inline-size:100%;inset:0;object-fit:cover;object-position:var(--hero-img-x,50%) var(--hero-img-y,50%);position:absolute}.hero__content{align-content:flex-end;block-size:100%;position:relative;z-index:2}.hero__content>*{animation:rise-in .9s var(--transition-ease) both}.hero__content>:nth-child(2){animation-delay:.12s}.hero__content>:nth-child(3){animation-delay:.24s}.hero__content:has(.brand__logo){align-items:center;display:flex;gap:1rem}.hero__excerpt{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);max-inline-size:40ch}}