.hero{gap:var(--khefa-space-7xl);flex-direction:column;padding-block-start:var(--khefa-space-7xl);display:flex}.hero__content{max-inline-size:var(--khefa-max-width);inline-size:100%;padding-inline:var(--khefa-gutter);align-items:flex-start;gap:var(--khefa-space-xl);flex-direction:column;margin-inline:auto;display:flex}.hero__eyebrow{font-family:var(--khefa-font-display);font-size:var(--khefa-text-sm);font-weight:var(--khefa-weight-semibold);letter-spacing:var(--khefa-tracking-caps);text-transform:uppercase;color:var(--khefa-brand);margin:0}.hero__heading{font-family:var(--khefa-font-display);font-size:clamp(var(--khefa-display-md), 1.5rem + 3.6vw, var(--khefa-display-2xl));line-height:var(--khefa-leading-tight);letter-spacing:var(--khefa-tracking-tight);text-wrap:balance;max-inline-size:16ch;margin:0}.hero__supporting{max-inline-size:var(--khefa-measure-prose);font-size:var(--khefa-text-lg);font-weight:var(--khefa-weight-light);line-height:var(--khefa-leading-lg);color:var(--khefa-text-muted);margin:0}.hero__actions{gap:var(--khefa-space-xl);flex-wrap:wrap;margin-block-start:var(--khefa-space-xl);display:flex}.hero__action{padding:var(--khefa-space-lg) var(--khefa-space-3xl);font-family:var(--khefa-font-display);font-size:var(--khefa-text-sm);font-weight:var(--khefa-weight-semibold);letter-spacing:var(--khefa-tracking-caps);text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.hero__action--primary{background:var(--khefa-text);color:var(--khefa-surface)}.hero__action--primary:hover{background:var(--khefa-brand)}.hero__action--secondary{background:var(--khefa-surface);color:var(--khefa-text);box-shadow:inset 0 0 0 1px var(--khefa-border-strong)}.hero__action--secondary:hover{color:var(--khefa-brand);box-shadow:inset 0 0 0 1px var(--khefa-brand)}.hero__media{aspect-ratio:375/360;max-block-size:34rem;inline-size:100%;position:relative}.hero__image{object-fit:cover}.hero__scrim{display:none}@media (min-width:48rem){.hero__media{aspect-ratio:1440/670;max-block-size:none}.hero--overlay .hero__scrim{opacity:.45;background:linear-gradient(90deg,#000 19.965%,#0000 69.479%);display:block;position:absolute;inset:0}.hero--overlay>.hero__content{position:relative}.hero--overlay>.hero__content:before{content:"";z-index:-1;pointer-events:none;background:#000000ed;position:absolute;inset:-8rem 20% -8rem -50vw;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 14rem),#0000 100%),linear-gradient(#0000 0,#000 6rem calc(100% - 6rem),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 14rem),#0000 100%),linear-gradient(#0000 0,#000 6rem calc(100% - 6rem),#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@supports ((-webkit-backdrop-filter:brightness(0.8)) or (backdrop-filter:brightness(0.8))){.hero--overlay>.hero__content:before{-webkit-backdrop-filter:brightness(.8)blur(6px);backdrop-filter:brightness(.8)blur(6px);background:#00000040}}.hero--overlay .hero__eyebrow,.hero--overlay .hero__heading,.hero--overlay .hero__supporting{text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000,0 0 4px #000,0 0 4px #000,0 0 8px #000}.hero--overlay{grid-template-columns:minmax(0,1fr);gap:0;padding-block-start:0;display:grid;overflow:clip}.hero--overlay>.hero__content,.hero--overlay>.hero__media{grid-area:1/1;min-inline-size:0}.hero--overlay>.hero__media{min-block-size:100%}.hero--overlay>.hero__content{z-index:1;align-self:center}.hero--overlay .hero__eyebrow,.hero--overlay .hero__heading,.hero--overlay .hero__supporting{color:var(--khefa-text-on-media)}.hero--overlay .hero__heading,.hero--overlay .hero__supporting{max-inline-size:52.8%}.hero--overlay.hero--dark .hero__scrim{background:linear-gradient(90deg,#fff 19.965%,#fff0 69.479%)}.hero--overlay.hero--dark>.hero__content:before{background:#ffffffed}@supports ((-webkit-backdrop-filter:brightness(1.25)) or (backdrop-filter:brightness(1.25))){.hero--overlay.hero--dark>.hero__content:before{-webkit-backdrop-filter:brightness(1.25)blur(6px);backdrop-filter:brightness(1.25)blur(6px);background:#fff9}}.hero--overlay.hero--dark .hero__eyebrow,.hero--overlay.hero--dark .hero__heading,.hero--overlay.hero--dark .hero__supporting{color:var(--khefa-text-on-media-dark);text-shadow:none}}