.klassy-coll-hero{--kch-text-color: #ffffff;--kch-inner: 20px;--kch-outer: 34px;--kch-content-max: calc(66% - var(--kch-outer));position:relative;display:block;width:100%;color:var(--kch-text-color);overflow:hidden}.klassy-coll-hero__inner{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--kch-ratio-desktop);min-height:var(--kch-min-height)}.klassy-coll-hero__inner:before{content:"";position:absolute;top:50%;left:50%;z-index:2;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(#000 0% 50%);opacity:var(--kch-overlay-opacity);pointer-events:none}.klassy-coll-hero__image-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;max-width:100%}.klassy-coll-hero__image-pane{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.klassy-coll-hero__image-scale{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform 1.1s ease-out}.klassy-coll-hero__image-scale img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.klassy-coll-hero__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:flex-start;text-align:start;padding-top:var(--kch-inner);padding-bottom:var(--kch-inner)}.klassy-coll-hero__content{max-width:min(2000px,var(--kch-content-max));width:100%;margin:var(--kch-inner);padding:var(--kch-outer);color:var(--kch-text-color)}.klassy-coll-hero__text{position:relative;color:var(--kch-text-color)}.klassy-coll-hero__rating{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;font-family:NeueHaasDisplayExtraLight,sans-serif;font-weight:100;font-size:14.5px;line-height:21.75px;letter-spacing:normal;color:var(--kch-text-color)}.klassy-coll-hero__rating-stars{display:flex;align-items:center;gap:4px}.klassy-coll-hero__star{width:13px;height:13px;display:block;object-fit:contain}.klassy-coll-hero__rating-text{display:inline-block}.klassy-coll-hero__rating+.klassy-coll-hero__title,.klassy-coll-hero__title+.klassy-coll-hero__description{margin-top:10px}.klassy-coll-hero__title{margin:0;padding:0;font-family:NeueHaasDisplayRoman,sans-serif;font-weight:400;font-size:32px;line-height:40px;letter-spacing:normal;color:var(--kch-text-color);text-indent:0}.klassy-coll-hero__title p{font:inherit;margin:0;padding:0}.klassy-coll-hero__title p{margin:0}.klassy-coll-hero__description{font-family:NeueHaasDisplayLight,sans-serif;font-weight:300;font-size:17.5px;line-height:24px;letter-spacing:normal;color:var(--kch-text-color);max-width:560px}.klassy-coll-hero__description p{margin:0;color:inherit}.klassy-coll-hero__description p+p{margin-top:8px}.klassy-coll-hero .visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}@media screen and (min-width:768px)and (max-width:1099px){.klassy-coll-hero{--kch-outer: 27.2px;--kch-content-max: 66%}.klassy-coll-hero__title{font-size:28px;line-height:34px}.klassy-coll-hero__description{font-size:16.5px;line-height:22.5px;max-width:560px}}@media screen and (max-width:767px){.klassy-coll-hero__inner{aspect-ratio:var(--kch-ratio-mobile);min-height:0}.klassy-coll-hero__content-wrapper{padding-top:16px;padding-bottom:0}.klassy-coll-hero__content{margin:0;padding:16px;max-width:100%}.klassy-coll-hero__text{padding-top:10px;padding-bottom:10px}.klassy-coll-hero__title{font-size:23.5px;line-height:29.4px}.klassy-coll-hero__description{font-size:15.5px;line-height:21.3px;max-width:100%}.klassy-coll-hero__rating{font-size:13px;line-height:19.5px}.klassy-coll-hero__spacer{height:8px}}@media screen and (min-width:480px)and (max-width:767px){.klassy-coll-hero__content{padding:20.4px}.klassy-coll-hero__title{font-size:25px;line-height:31.25px}.klassy-coll-hero__description{font-size:16px;line-height:22px;max-width:560px}.klassy-coll-hero__rating{font-size:13.5px;line-height:20.25px}}.klassy-coll-hero--no-image .klassy-coll-hero__inner{aspect-ratio:auto;min-height:0}.klassy-coll-hero--no-image .klassy-coll-hero__inner:before{display:none}.klassy-coll-hero--no-image .klassy-coll-hero__content-wrapper{position:static}@media screen and (max-width:767px){.klassy-coll-hero--mobile-center .klassy-coll-hero__text,.klassy-coll-hero--mobile-center .klassy-coll-hero__title,.klassy-coll-hero--mobile-center .klassy-coll-hero__description{text-align:center}.klassy-coll-hero--mobile-center .klassy-coll-hero__rating{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-klassy-collection-hero.css.map */