@layer karibu.components{.k-hero{--hero-bg:var(--color-text);--hero-color:var(--color-text-on-media);--hero-scrim:linear-gradient(to top,color-mix(in srgb,var(--color-black) 56%,transparent) 0%,color-mix(in srgb,var(--color-black) 46%,transparent) 50%,color-mix(in srgb,var(--color-black) 55%,transparent) 100%);--hero-content-gap:var(--space-6);--hero-padding-block:var(--space-8);--hero-padding-inline:var(--space-5);--hero-title-measure:51.25rem;--hero-text-measure:44rem;--hero-footer-measure:28rem;--hero-media-opacity:1;--hero-eyebrow-dot:var(--color-success-solid);--hero-text-color:var(--color-text-on-media);color:var(--hero-color);background-color:var(--hero-bg);position:relative;overflow:hidden}.k-hero:after{content:"";z-index:var(--z-base);background:var(--hero-scrim);pointer-events:none;position:absolute;inset:0}.k-hero__media{opacity:var(--hero-media-opacity);position:absolute;inset:0}.k-hero__media>:is(img,picture,video,canvas,svg),.k-hero__media>picture>img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.k-hero__inner{z-index:var(--z-raised);align-items:center;gap:var(--hero-content-gap);padding-block:var(--hero-padding-block);padding-inline:var(--hero-padding-inline);text-align:center;flex-direction:column;margin-inline:auto;display:flex;position:relative}.k-hero__eyebrow{align-items:center;gap:var(--space-2);letter-spacing:.05em;text-transform:uppercase;display:inline-flex}.k-hero__eyebrow-dot{background-color:var(--hero-eyebrow-dot);border-radius:var(--radius-full);width:.5rem;height:.5rem;position:relative}.k-hero__eyebrow-dot:before{content:"";background-color:inherit;border-radius:inherit;animation:k-hero-ping 1.5s var(--ease-decelerate) infinite;position:absolute;inset:0}.k-hero__title{max-inline-size:var(--hero-title-measure)}.k-hero__text{max-inline-size:var(--hero-text-measure);color:var(--hero-text-color)}.k-hero__footer{inline-size:100%;max-inline-size:var(--hero-footer-measure)}@media (width>=768px){.k-hero{--hero-padding-block:var(--space-10);--hero-padding-inline:var(--space-6)}}}@keyframes k-hero-ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2.5)}}@media (prefers-reduced-motion:reduce){.k-hero__eyebrow-dot:before{animation:none}}