.hero{--hero-floor-mobile: 540px;--hero-floor-desktop: 620px}.hero__slide{position:relative;z-index:1;display:flex;height:100%;min-height:var(--hero-floor-mobile);box-sizing:border-box;overflow:hidden;background-color:#2d2027}.hero--boxed .hero__slide{border-radius:var(--border-radius-main)}.hero__slide:before{content:"";display:block;width:0;padding-bottom:var(--hero-pb-mobile)}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero__media img,.hero__media svg{width:100%;height:100%;object-fit:cover;object-position:var(--focal_point_mobile, center)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#140a10;opacity:var(--hero-overlay-mobile, 0);transition:opacity var(--duration-default);pointer-events:none}.hero__slide>.container{position:relative;z-index:2;display:flex;align-items:flex-end;width:100%;box-sizing:border-box}.hero__content{margin-top:2.4rem;margin-bottom:2.4rem;max-width:40.8rem}.hero__content--large{max-width:62.2rem}.hero__rating{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem;color:var(--hero-text, #F7F4EF)}.hero__stars{position:relative;display:inline-block;font-size:1.4rem;line-height:1;letter-spacing:.15em;white-space:nowrap}.hero__stars-base{opacity:.3}.hero__stars-fill{position:absolute;left:0;top:0;width:var(--hero-star-fill, 96%);overflow:hidden;color:var(--hero-star-color, #FFBC13)}.hero__rating-val{font-size:1.3rem}.hero__rating-sep{opacity:.5}.hero__rating-count{font-size:1.3rem;opacity:.78}.hero__title{margin:0;font-weight:400;color:var(--hero-text, #F7F4EF)}.hero__title em{color:rgb(var(--kinn-amber));font-style:italic}.hero__title:not(:last-child){margin-bottom:1.2rem}.hero__desc{margin:0}.hero__desc:not(:last-child){margin-bottom:2.4rem}.hero .hero__desc,.hero .hero__desc p{color:color-mix(in srgb,var(--hero-text, #F7F4EF) 78%,black)}.hero__button-wrap{display:block}.hero__cta{width:100%;justify-content:center;--color-button: 255, 255, 255;--color-button-text: 62, 44, 54;background-color:#fff}.hero__subline{margin:1.4rem 0 0;font-size:1.3rem;line-height:1.5;color:var(--hero-text, #F7F4EF);opacity:.78}.hero__subline--center{text-align:center}.hero__klaviyo{margin-top:.8rem}.hero__klaviyo .klaviyo-form{opacity:1}.hero__klaviyo-empty{border:1px dashed rgba(var(--color-foreground),.35);border-radius:var(--border-radius-main);padding:1.6rem;text-align:center;font-size:1.3rem;color:rgb(var(--color-foreground));opacity:.7}@media screen and (max-width:749px){.hero__slide--mobile-top-left>.container{align-items:flex-start}.hero__slide--mobile-top-center>.container{align-items:flex-start;justify-content:center;text-align:center}.hero__slide--mobile-top-center .hero__rating{justify-content:center}.hero--transparent .hero__slide--mobile-top-left .hero__content,.hero--transparent .hero__slide--mobile-top-center .hero__content{margin-top:calc(var(--header-height, 60px) + 2rem)}}@media screen and (min-width:750px){.hero__slide{min-height:var(--hero-floor-desktop)}.hero__slide:before{padding-bottom:var(--hero-pb-desktop)}.hero__media img{object-position:var(--focal_point_desktop, center)}.hero__overlay{opacity:var(--hero-overlay, 0)}.hero__content{margin-top:5.2rem;margin-bottom:5.2rem}.hero__slide--v-middle>.container{align-items:center}.hero__slide--center>.container{justify-content:center}.hero__slide--center .hero__content{text-align:center}.hero__slide--center .hero__rating,.hero__slide--center .hero__button-wrap{justify-content:center}.hero__slide--center .hero__subline{text-align:center}.hero__cta{width:auto}.hero__klaviyo{max-width:34rem}.hero__slide--center .hero__klaviyo{margin-left:auto;margin-right:auto}.hero__slide:not(.hero__slide--center) .hero__subline--center{text-align:left}}@media screen and (min-width:1100px){.hero:not(.hero--boxed) .hero__content{padding-left:4.8rem}.hero:not(.hero--boxed) .hero__slide--center .hero__content{padding-left:0}}@media screen and (min-width:1360px){.hero:not(.hero--boxed) .hero__content{padding-left:8.8rem}.hero:not(.hero--boxed) .hero__slide--center .hero__content{padding-left:0}}@media(prefers-reduced-motion:reduce){.hero__overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-hero.css.map */