.ds-hero{--ds-hero-hairline: color-mix(in srgb, var(--text-on-brand) 35%, transparent);--ds-hero-overlay: linear-gradient( to right, color-mix(in srgb, var(--surface-brand) 90%, transparent) 0%, color-mix(in srgb, var(--surface-brand) 62%, transparent) 63%, color-mix(in srgb, var(--surface-brand) 35%, transparent) 90%, color-mix(in srgb, var(--surface-brand) 18%, transparent) 100% );--ds-hero-overlay-mobile: linear-gradient( to right, color-mix(in srgb, var(--surface-brand) 90%, transparent) 0%, color-mix(in srgb, var(--surface-brand) 62%, transparent) 63%, color-mix(in srgb, var(--surface-brand) 60%, transparent) 100% );border-block-start:1px solid var(--ds-hero-hairline);position:relative;isolation:isolate;overflow:hidden;min-block-size:520px;display:flex;align-items:flex-end;padding-block:var(--space-7) 32px;padding-inline:max(var(--ds-section-gutter),calc((100% - var(--ds-section-max)) / 2));color:var(--text-on-brand)}@media screen and (min-width:990px){.ds-hero{min-block-size:680px;padding-block:var(--space-8) 88px}}.ds-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.ds-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.ds-hero__img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 40%}.ds-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ds-hero-scrim, var(--ds-hero-overlay))}@media screen and (max-width:989.98px){.ds-hero__media{--ds-hero-scrim: var(--ds-hero-overlay-mobile)}}.ds-hero__inner{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-inline:0 auto 0 0;max-inline-size:620px;inline-size:100%;gap:var(--space-4)}@media screen and (min-width:990px){.ds-hero__inner{gap:28px;max-inline-size:820px}}.ds-hero__inner>*{margin:0}.ds-hero{--ds-hero-badge-w: min(103.72px, 26.6%);--ds-hero-badge-right: 12.28px;--ds-hero-badge-h: calc(var(--ds-hero-badge-w) / .70663)}@media screen and (min-width:990px){.ds-hero{--ds-hero-badge-w: 138.3px;--ds-hero-badge-right: 39.7px}}@media screen and (max-width:1093.98px){.ds-hero{padding-block-start:calc(var(--ds-hero-badge-h) + var(--space-4))}}.ds-hero-badge{position:absolute;top:0;right:var(--ds-hero-badge-right);inline-size:var(--ds-hero-badge-w);block-size:auto;z-index:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ds-hero.css.map */