.skincare-hero{position:relative;width:100%;min-height:var(--sh-height-desktop, 640px);display:flex;align-items:center;overflow:hidden}.skincare-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.skincare-hero__poster,.skincare-hero__video,.skincare-hero__video video,.skincare-hero__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;border:0;display:block}.skincare-hero__video.is-mobile-video{display:none}.skincare-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--sh-overlay-color, #0a0a0a);opacity:var(--sh-overlay-opacity, .2);pointer-events:none}.skincare-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0%,transparent 40%),linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 45%)}.skincare-hero__content{position:relative;z-index:2;width:100%;max-width:var(--sh-content-max-width, 1280px);margin:0 auto;padding:48px 5vw}.skincare-hero__showcase{position:absolute;z-index:2;right:5vw;bottom:40px;left:auto;display:flex}.glass-stack-root{position:relative}.skincare-hero__text{flex:0 0 var(--sh-text-width, 45%);max-width:var(--sh-text-width, 45%);display:flex;flex-direction:column;gap:16px;text-align:var(--sh-text-align, left)}.skincare-hero__text{align-items:var(--sh-align-items, flex-start)}.skincare-hero__subheading{margin:0;font-family:var(--sh-body-font-family, inherit);font-size:var(--sh-subheading-size, 14px);color:var(--sh-subheading-color, #f2f2f2);text-transform:uppercase;letter-spacing:.14em;opacity:.9}.skincare-hero__heading{margin:0;font-family:var(--sh-heading-font-family, inherit);font-size:var(--sh-heading-size, 48px);font-weight:var(--sh-heading-weight, 700);color:var(--sh-heading-color, #fff);line-height:1.1;letter-spacing:-.01em}.skincare-hero__description{margin:0;font-family:var(--sh-body-font-family, inherit);font-size:var(--sh-desc-size, 17px);color:var(--sh-desc-color, #eaeaea);line-height:1.55;max-width:46ch}.skincare-hero__description p{margin:0}.skincare-hero__description p+p{margin-top:10px}.skincare-hero__buttons{display:flex;align-items:center;justify-content:var(--sh-align-items, flex-start);gap:14px;flex-wrap:wrap;margin-top:6px;width:100%}.skincare-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:.93em 2em;font-family:var(--sh-body-font-family, inherit);font-size:var(--sh-btn-font-size, 15px);font-weight:600;text-decoration:none;border-radius:var(--sh-btn-radius, 24px);transition:transform .25s ease,opacity .25s ease,background-color .25s ease,font-size .15s ease;white-space:nowrap}.skincare-hero__btn:hover{transform:translateY(-1px)}.skincare-hero__btn--primary{background:var(--sh-primary-bg, #fff);color:var(--sh-primary-color, #111);border:1px solid transparent}.skincare-hero__btn--primary:hover{opacity:.92}.skincare-hero__btn--secondary{background:var(--sh-secondary-bg, transparent);color:var(--sh-secondary-color, #fff);border:1px solid var(--sh-secondary-border, #fff)}.skincare-hero__btn--secondary:hover{background:color-mix(in srgb,var(--sh-secondary-color, #fff) 12%,transparent)}.glass-stack{position:relative;width:var(--gc-card-width, 340px);height:var(--gc-card-height, 150px)}.glass-flip-stage{position:relative;width:100%;height:100%;perspective:1400px}.glass-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;gap:14px;padding:clamp(12px,2vw,18px) clamp(14px,2.4vw,20px);text-align:left;font-family:var(--gc-card-font-family, inherit);border-radius:var(--gc-radius, 22px);background:linear-gradient(color-mix(in srgb,var(--gc-glass-bg, #fff) calc(var(--gc-glass-opacity, .14) * 100%),transparent),color-mix(in srgb,var(--gc-glass-bg, #fff) calc(var(--gc-glass-opacity, .14) * 100%),transparent)),#00000038;border:var(--gc-border-width, 1px) solid color-mix(in srgb,var(--gc-border-color, #fff) calc(var(--gc-border-opacity, .35) * 100%),transparent);backdrop-filter:blur(var(--gc-glass-blur, 16px));-webkit-backdrop-filter:blur(var(--gc-glass-blur, 16px));box-shadow:0 calc(16px * var(--gc-shadow-intensity, .35) + 4px) calc(40px * var(--gc-shadow-intensity, .35) + 8px) rgba(0,0,0,calc(var(--gc-shadow-intensity, .35) * .5));overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity;transform-origin:50% 50%;transition:transform var(--gc-anim-duration, .7s) cubic-bezier(.22,1,.36,1),opacity calc(var(--gc-anim-duration, .7s) * .9) ease}.glass-card.stack-pos-0{transform:translateZ(0) scale(1) rotateY(0);opacity:1;z-index:5;pointer-events:auto}.glass-card.stack-pos-1{transform:translate3d(var(--gc-stack-offset-x, 12px),var(--gc-stack-offset-y, 8px),calc(var(--gc-stack-depth, 20px) * -1)) scale(calc(1 - var(--gc-stack-scale-step, .06))) rotateY(0);opacity:calc(1 - var(--gc-stack-opacity-step, .16));z-index:4;pointer-events:none}.glass-card.stack-pos-2{transform:translate3d(calc(var(--gc-stack-offset-x, 12px) * 2),calc(var(--gc-stack-offset-y, 8px) * 2),calc(var(--gc-stack-depth, 20px) * -2)) scale(calc(1 - var(--gc-stack-scale-step, .06) * 2)) rotateY(0);opacity:calc(1 - var(--gc-stack-opacity-step, .16) * 2);z-index:3;pointer-events:none}.glass-card.stack-pos-3{transform:translate3d(calc(var(--gc-stack-offset-x, 12px) * 3),calc(var(--gc-stack-offset-y, 8px) * 3),calc(var(--gc-stack-depth, 20px) * -3)) scale(calc(1 - var(--gc-stack-scale-step, .06) * 3)) rotateY(0);opacity:calc(1 - var(--gc-stack-opacity-step, .16) * 3);z-index:2;pointer-events:none}.glass-card.stack-pos-hidden{transform:translate3d(calc(var(--gc-stack-offset-x, 12px) * 3),calc(var(--gc-stack-offset-y, 8px) * 3),calc(var(--gc-stack-depth, 20px) * -4)) scale(calc(1 - var(--gc-stack-scale-step, .06) * 3)) rotateY(0);opacity:0;z-index:1;pointer-events:none}.glass-card.is-leaving{transform:translate3d(calc(var(--gc-stack-offset-x, 12px) * 3),calc(var(--gc-stack-offset-y, 8px) * 3),calc(var(--gc-stack-depth, 20px) * -3)) scale(calc(1 - var(--gc-stack-scale-step, .06) * 3)) rotateY(var(--gc-flip-angle, -115deg));opacity:0;z-index:6;pointer-events:none}[data-no-3d=true] .glass-card{transform:none!important;opacity:0}[data-no-3d=true] .glass-card.is-active{opacity:1;z-index:5;pointer-events:auto}.glass-card__reflection{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,calc(var(--gc-reflection-intensity, .3) * .9)),#fff0 35% 70%,rgba(255,255,255,calc(var(--gc-reflection-intensity, .3) * .4)))}.glass-card__media{flex:0 0 var(--gc-image-col, 38%);height:100%;display:flex;align-items:center;justify-content:center}.glass-card__image-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.glass-card__image{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.2));display:block}.glass-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.glass-card__subtitle{margin:0;font-family:var(--gc-subtitle-font-family, inherit);font-size:var(--gc-subtitle-font-size, 12px);color:var(--gc-subtitle-color, #f2f2f2);text-transform:uppercase;letter-spacing:.08em;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-card__name{margin:0;font-family:var(--gc-name-font-family, inherit);font-size:var(--gc-name-font-size, 18px);font-weight:var(--gc-name-weight, 600);color:var(--gc-name-color, #fff);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.glass-card__desc{margin:0;font-family:var(--gc-desc-font-family, inherit);font-size:var(--gc-desc-font-size, 13px);color:var(--gc-desc-color, #e8e8e8);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.glass-card__btn{margin-top:4px;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;font-size:12px;font-weight:600;color:#111;background:#fff;border-radius:18px;text-decoration:none;transition:transform .25s ease,opacity .25s ease}.glass-card__btn:hover{transform:translateY(-1px);opacity:.92}[data-float=true] .glass-card.is-active{animation:glass-card-float var(--gc-float-speed, 5s) ease-in-out infinite}@keyframes glass-card-float{0%,to{margin-top:0}50%{margin-top:calc(-1 * var(--gc-float-intensity, 8px))}}.glass-stack__dots{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);display:flex;gap:8px}.glass-stack__dot{width:6px;height:6px;border-radius:50%;border:none;padding:0;background:#ffffff73;cursor:pointer;transition:transform .3s ease,background .3s ease}.glass-stack__dot.is-active{background:#fff;transform:scale(1.35)}@media screen and (max-width:749px){.skincare-hero{flex-direction:column;justify-content:flex-end;min-height:var(--sh-height-mobile, 760px);padding-top:40px;padding-bottom:var(--sh-mobile-bottom-spacing, 28px);gap:16px}.skincare-hero__video.is-desktop-video{display:none}.skincare-hero__video.is-mobile-video{display:block}.skincare-hero__content{padding:0 20px}.skincare-hero__text{max-width:100%;align-items:flex-end;text-align:right}.skincare-hero__subheading{font-size:var(--sh-subheading-size-mobile, 12px);color:var(--sh-subheading-color-mobile, var(--sh-subheading-color, #f2f2f2))}.skincare-hero__description{max-width:34ch;margin-left:auto;font-size:var(--sh-desc-size-mobile, 14px);color:var(--sh-desc-color-mobile, var(--sh-desc-color, #eaeaea))}.skincare-hero__buttons{justify-content:flex-end}.skincare-hero__btn{font-size:var(--sh-btn-font-size-mobile, 14px)}.skincare-hero__heading{font-size:var(--sh-heading-size-mobile, 32px);color:var(--sh-heading-color-mobile, var(--sh-heading-color, #fff))}.skincare-hero__showcase{position:static;right:auto;bottom:auto;justify-content:flex-end;width:100%;margin-top:0;padding:0 20px}.glass-stack{width:min(var(--gc-card-width-mobile, 300px),88vw);height:min(var(--gc-card-height-mobile, 132px),40vw)}.glass-card__name{font-size:var(--gc-name-font-size-mobile, 15px)}.glass-card__subtitle{font-size:var(--gc-subtitle-font-size-mobile, 10px)}.glass-card__desc{font-size:var(--gc-desc-font-size-mobile, 11px)}}@media screen and (max-width:480px){.glass-stack{width:min(var(--gc-card-width-mobile, 300px),90vw)!important;height:min(var(--gc-card-height-mobile, 132px),40vw)!important}.glass-card{padding:12px 14px;gap:10px}.skincare-hero__showcase{--gc-stack-offset-x: calc(var(--gc-stack-offset-x, 12px) * .6) !important;--gc-stack-offset-y: calc(var(--gc-stack-offset-y, 8px) * .6) !important;--gc-stack-depth: calc(var(--gc-stack-depth, 20px) * .6) !important}}@media(prefers-reduced-motion:reduce){.glass-card{transition:opacity .4s ease!important;transform:none!important;animation:none!important}.glass-card:not(.is-active){opacity:0}.skincare-hero__btn{transition:opacity .25s ease,background-color .25s ease}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-skincare-hero-video.css.map */