.kys-hero{--kys-hero-display-family: var(--font-heading--family, sans-serif);--kys-hero-display-style: var(--font-heading--style, normal);--kys-hero-display-weight: var(--font-heading--weight, 400);--kys-hero-text-family: var(--font-body--family, sans-serif);--kys-hero-text-style: var(--font-body--style, normal);--kys-hero-text-weight: var(--font-body--weight, 400);position:relative;display:grid;min-height:100svh;overflow:hidden;isolation:isolate;background:var(--color-background)}.kys-hero:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#000000a6);content:"";pointer-events:none}.kys-hero--overlay-0:after{opacity:.25}.kys-hero--overlay-10:after{opacity:.1}.kys-hero--overlay-20:after{opacity:.2}.kys-hero--overlay-30:after{opacity:.3}.kys-hero--overlay-40:after{opacity:.4}.kys-hero--overlay-50:after{opacity:.5}.kys-hero--overlay-60:after{opacity:.6}.kys-hero--overlay-70:after{opacity:.7}.kys-hero--overlay-80:after{opacity:.8}.kys-hero--overlay-90:after{opacity:.9}.kys-hero__media,.kys-hero__media picture,.kys-hero__image{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kys-hero__media{overflow:hidden}.kys-hero__image{object-fit:cover}.kys-hero--focus-center .kys-hero__image{object-position:center}.kys-hero--focus-top .kys-hero__image{object-position:center top}.kys-hero--focus-bottom .kys-hero__image{object-position:center bottom}.kys-hero--focus-left .kys-hero__image{object-position:left center}.kys-hero--focus-right .kys-hero__image{object-position:right center}.kys-hero__content{z-index:2;display:flex;flex-direction:column;align-items:center;width:min(100% - 3rem,30rem);margin:auto;padding:2.5rem 0;color:inherit;text-align:center}.kys-hero--text-light{color:var(--palette-lightest)}.kys-hero--text-dark{color:var(--palette-darkest)}.kys-hero__collection-label,.kys-hero__brand-name,.kys-hero__supporting-line{max-width:100%;margin:0}.kys-hero__collection-label{font-family:var(--kys-hero-text-family);font-style:var(--kys-hero-text-style);font-weight:var(--kys-hero-text-weight);font-size:.6875rem;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}.kys-hero__brand-name{margin-top:1.25rem;font-family:var(--kys-hero-display-family);font-style:var(--kys-hero-display-style);font-weight:var(--kys-hero-display-weight);font-size:clamp(2.75rem,8.5vw,4.5rem);line-height:.94;letter-spacing:-.04em;text-wrap:balance}.kys-hero__supporting-line{max-width:24rem;margin-top:1.5rem;font-family:var(--kys-hero-text-family);font-style:var(--kys-hero-text-style);font-weight:var(--kys-hero-text-weight);font-size:.75rem;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;text-wrap:balance}.kys-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;margin-top:2.25rem;padding:.875rem 1.75rem;border:1px solid currentcolor;border-radius:0;font-family:var(--kys-hero-text-family);font-size:.6875rem;font-style:var(--kys-hero-text-style);font-weight:var(--kys-hero-text-weight);line-height:1;letter-spacing:.24em;text-align:center;text-decoration:none;text-transform:uppercase;box-shadow:0 4px 16px #0000001f;transition:transform .2s ease-out,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.kys-hero__button:focus-visible{outline:2px solid currentcolor;outline-offset:4px}.kys-hero__button--solid{border-color:currentcolor;background:currentcolor}.kys-hero--text-light .kys-hero__button--solid{background:#fff;border-color:#fff;color:#000}.kys-hero--text-dark .kys-hero__button--solid{background:#000;border-color:#000;color:#fff}@media(hover:hover){.kys-hero--text-light .kys-hero__button--solid:hover{background:#fff;border-color:#fff;color:#000;transform:translateY(-2px);box-shadow:0 8px 24px #00000040;opacity:1}.kys-hero--text-dark .kys-hero__button--solid:hover{background:#000;border-color:#000;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00000059;opacity:1}}@media(min-width:750px){.kys-hero__content{align-self:end;align-items:flex-start;width:min(34vw,32rem);margin:0;padding:0 0 clamp(4rem,7vw,7rem) clamp(2.5rem,6vw,7.5rem);text-align:left}.kys-hero__brand-name{font-size:clamp(3.75rem,6.5vw,6.5rem)}.kys-hero__supporting-line{margin-top:1.5rem}.kys-hero__button{margin-top:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/kys-hero.css.map */