.hero-skincare-banner{position:relative;width:100%}.hero-skincare-banner__inner{position:relative;min-height:clamp(45rem,60vh,60rem);display:flex;overflow:hidden}.hero-skincare-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-skincare-banner__media img,.hero-skincare-banner__media svg{width:100%;height:100%;object-fit:cover;object-position:center}.hero-skincare-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-skincare-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,2vw,1.2rem);padding:clamp(2rem,5vw,3.2rem);max-width:min(129.6rem,calc(100% - 4rem));margin:0 auto;text-align:center;width:100%;min-height:100%}.hero-skincare-banner__content--top{justify-content:flex-start}.hero-skincare-banner__content--center{justify-content:center}.hero-skincare-banner__content--bottom{justify-content:flex-end}.hero-skincare-banner__text-wrapper{display:flex;flex-direction:column;gap:clamp(.6rem,1.5vw,.8rem);width:100%}.hero-skincare-banner__heading{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;line-height:1.2;color:#fff;margin:0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-skincare-banner__description{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:500;line-height:1.4;color:#fff;word-wrap:break-word}.hero-skincare-banner__description p{margin:0}.hero-skincare-banner__button-wrapper{display:flex;justify-content:center;margin-top:clamp(.4rem,1vw,.8rem)}.hero-skincare-banner__button{font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:.3rem;transition:opacity .2s ease;display:inline-block;padding:.8rem 1.6rem}.hero-skincare-banner__button:hover{opacity:.8}@media screen and (max-width: 374px){.hero-skincare-banner__content{padding:2rem 1.6rem}.hero-skincare-banner__heading{font-size:1.8rem}.hero-skincare-banner__description{font-size:1.3rem}.hero-skincare-banner__button{font-size:1.5rem;padding:.6rem 1.2rem}}@media screen and (min-width: 375px) and (max-width: 749px){.hero-skincare-banner__inner{min-height:max(45rem,50vh)}}@media screen and (min-width: 750px) and (max-width: 989px){.hero-skincare-banner__inner{min-height:max(50rem,55vh)}}@media screen and (min-width: 990px){.hero-skincare-banner__inner{min-height:60rem}.hero-skincare-banner__content{padding:3.2rem}}.section-hero-skincare-banner.header-is-transparent{margin-block-start:calc(-1 * var(--header-height, 0px))}.section-hero-skincare-banner.header-is-transparent .hero-skincare-banner__inner{padding-block-start:calc(var(--header-height, 0px) + var(--spacing-6))}@media (prefers-reduced-motion: no-preference){.hero-skincare-banner__content{animation:fade-in-up .6s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-skincare-banner.css.map */