.section-skinveil-hero{margin:0!important}.skinveil-hero{--sk-ease: cubic-bezier(.22, .72, .18, 1);position:relative;width:100%;height:auto;aspect-ratio:16 / 9;min-height:0;max-height:none;overflow:hidden;isolation:isolate;z-index:1;background:#eee}.skinveil-hero__viewport,.skinveil-hero__slides,.skinveil-hero__slide,.skinveil-hero__media,.skinveil-hero__content{position:absolute;top:0;right:0;bottom:0;left:0}.skinveil-hero__viewport{overflow:hidden;outline:none;touch-action:pan-y}.skinveil-hero__slides{overflow:hidden}.skinveil-hero__slide{z-index:1;overflow:hidden;visibility:hidden;pointer-events:none;transform:translateZ(0);opacity:1;will-change:transform;transition:visibility 0s linear var(--sk-transition-duration)}.skinveil-hero__slide.is-active{z-index:2;visibility:visible;pointer-events:auto;transform:translateZ(0);transition:none}.skinveil-hero__slide.is-leaving{z-index:3;visibility:visible;pointer-events:none;transform:translate3d(0,-100%,0);transition:transform var(--sk-transition-duration) var(--sk-ease),visibility 0s linear var(--sk-transition-duration)}.skinveil-hero__media{overflow:hidden;background:#ece8e2}.skinveil-hero__image,.skinveil-hero__placeholder,.skinveil-hero__media picture{display:block;width:100%;height:100%}.skinveil-hero__image,.skinveil-hero__placeholder{object-fit:cover;object-position:var(--sk-image-position, center);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.skinveil-hero__placeholder{background:linear-gradient(135deg,#ebe4da,#f7f2ea)}.skinveil-hero__placeholder .placeholder-svg{width:100%;height:100%}.skinveil-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 42%,#00000075),rgba(0,0,0,var(--sk-overlay-opacity))}.skinveil-hero__image-link{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;border:0;outline:0}.skinveil-hero__content{z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;padding:28px 28px clamp(88px,var(--sk-content-bottom),24%) clamp(28px,var(--sk-content-left),12%);color:var(--sk-text-color);pointer-events:none}.skinveil-hero__copy{max-width:var(--sk-content-max);margin:0;pointer-events:none;transform:translateZ(0)}.skinveil-hero__slide:not(.is-active) .skinveil-hero__copy{opacity:0}.skinveil-hero__slide.is-active .skinveil-hero__eyebrow,.skinveil-hero__slide.is-active .skinveil-hero__heading,.skinveil-hero__slide.is-active .skinveil-hero__description{animation-duration:var(--sk-text-duration, .65s);animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,.72,.18,1);animation-delay:var(--sk-text-delay, .12s)}.skinveil-hero__slide.is-active .skinveil-hero__eyebrow{animation-name:skinveilHeroTextIn;animation-delay:var(--sk-text-delay, .12s)}.skinveil-hero__slide.is-active .skinveil-hero__heading{animation-name:skinveilHeroTextIn;animation-delay:calc(var(--sk-text-delay, .12s) + 70ms)}.skinveil-hero__slide.is-active .skinveil-hero__description{animation-name:skinveilHeroTextIn;animation-delay:calc(var(--sk-text-delay, .12s) + .15s)}.skinveil-hero[data-text-animation=fade-in] .skinveil-hero__slide.is-active .skinveil-hero__eyebrow,.skinveil-hero[data-text-animation=fade-in] .skinveil-hero__slide.is-active .skinveil-hero__heading,.skinveil-hero[data-text-animation=fade-in] .skinveil-hero__slide.is-active .skinveil-hero__description{animation-name:skinveilHeroFadeIn}.skinveil-hero[data-text-animation=slide-left] .skinveil-hero__slide.is-active .skinveil-hero__eyebrow,.skinveil-hero[data-text-animation=slide-left] .skinveil-hero__slide.is-active .skinveil-hero__heading,.skinveil-hero[data-text-animation=slide-left] .skinveil-hero__slide.is-active .skinveil-hero__description{animation-name:skinveilHeroSlideLeft}.skinveil-hero[data-text-animation=scale] .skinveil-hero__slide.is-active .skinveil-hero__eyebrow,.skinveil-hero[data-text-animation=scale] .skinveil-hero__slide.is-active .skinveil-hero__heading,.skinveil-hero[data-text-animation=scale] .skinveil-hero__slide.is-active .skinveil-hero__description{animation-name:skinveilHeroScaleIn}.skinveil-hero__eyebrow{margin:0 0 12px;font-family:var(--sk-eyebrow-font-family, inherit);font-style:var(--sk-eyebrow-font-style, normal);font-weight:var(--sk-eyebrow-font-weight, 500);font-size:12px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 18px rgba(0,0,0,.12)}.skinveil-hero__heading{max-width:12ch;margin:0;font-family:var(--sk-heading-font-family, inherit);font-style:var(--sk-heading-font-style, normal);font-weight:var(--sk-heading-font-weight, 400);font-size:var(--sk-heading-size);line-height:var(--sk-heading-line-height);letter-spacing:-.035em;text-wrap:balance;text-shadow:0 2px 28px rgba(0,0,0,.14)}.skinveil-hero__description{max-width:560px;margin:18px 0 0;font-size:15px;line-height:1.55;text-wrap:pretty;text-shadow:0 1px 18px rgba(0,0,0,.1)}.skinveil-hero__description p{margin:0}.skinveil-hero__hover-button{position:absolute;z-index:4;left:0;top:0;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 17px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:#fff;background:#12121242;box-shadow:0 16px 34px #00000029;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-decoration:none;font-size:12px;line-height:1;letter-spacing:.06em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%,-50%,0) scale(.92);transition:opacity .18s ease,visibility .18s ease,transform .18s cubic-bezier(.22,.72,.18,1),background-color .18s ease;will-change:left,top,transform}.skinveil-hero__hover-button.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,-50%,0) scale(1)}.skinveil-hero__hover-button:hover{background:#12121270;transform:translate3d(-50%,-50%,0) scale(1.03)}.skinveil-hero__hover-arrow{display:inline-block;transition:transform .18s ease}.skinveil-hero__hover-button:hover .skinveil-hero__hover-arrow{transform:translate(2px,-2px)}.skinveil-hero__bottom-ui{position:absolute;z-index:20;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 clamp(22px,4vw,64px) 20px;pointer-events:none}.skinveil-hero__progress-wrap{position:relative;flex:1 1 auto;height:2px;overflow:hidden;border-radius:999px;background:#ffffff4d;pointer-events:none}.skinveil-hero__progress-track,.skinveil-hero__progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.skinveil-hero__progress-fill{width:0;transform-origin:left center;background:var(--sk-progress-color);will-change:width}.skinveil-hero.is-playing .skinveil-hero__progress-fill{animation-name:skinveilHeroProgress;animation-duration:var(--sk-progress-duration, 6s);animation-timing-function:linear;animation-fill-mode:both;animation-iteration-count:1}.skinveil-hero.is-paused .skinveil-hero__progress-fill{animation-play-state:paused}.skinveil-hero__controls{position:relative;z-index:2;display:inline-flex;align-items:center;gap:14px;pointer-events:auto}.skinveil-hero__control,.skinveil-hero__dot{appearance:none;-webkit-appearance:none;border:0;padding:0;color:var(--sk-control-color);background:none;cursor:pointer}.skinveil-hero__playpause{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:color-mix(in srgb,var(--sk-control-bg) 55%,transparent);box-shadow:0 10px 30px #0000001f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .22s ease,background-color .22s ease}.skinveil-hero__playpause:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--sk-control-bg) 78%,#fff 22%)}.skinveil-hero__icon{width:18px;height:18px}.skinveil-hero__icon--play{display:none;margin-left:2px}.skinveil-hero.is-paused .skinveil-hero__icon--pause{display:none}.skinveil-hero.is-paused .skinveil-hero__icon--play{display:block}.skinveil-hero__dots{display:inline-flex;align-items:center;gap:8px}.skinveil-hero__dot{position:relative;width:10px;height:22px;display:grid;place-items:center}.skinveil-hero__dot span{display:block;width:6px;height:6px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:transparent;transition:width .2s ease,height .2s ease,background-color .2s ease}.skinveil-hero__dot.is-active span{width:8px;height:8px;border-color:var(--sk-progress-color);background:var(--sk-progress-color)}.skinveil-hero__dot:focus-visible,.skinveil-hero__playpause:focus-visible,.skinveil-hero__hover-button:focus-visible,.skinveil-hero__viewport:focus-visible{outline:2px solid currentColor;outline-offset:4px}.skinveil-hero.is-reduced-motion .skinveil-hero__slide,.skinveil-hero.is-reduced-motion .skinveil-hero__slide.is-active,.skinveil-hero.is-reduced-motion .skinveil-hero__slide.is-leaving{transition:none!important;transform:none!important}.skinveil-hero.is-reduced-motion .skinveil-hero__hover-button{transition:none!important}@keyframes skinveilHeroTextIn{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skinveilHeroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes skinveilHeroSlideLeft{0%{opacity:0;transform:translate3d(34px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes skinveilHeroScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes skinveilHeroProgress{0%{width:0}to{width:100%}}@media screen and (max-width:749px){.skinveil-hero{aspect-ratio:9 / 16}.skinveil-hero__image,.skinveil-hero__placeholder{object-position:var(--sk-image-position-mobile, center)}.skinveil-hero__content{padding:24px 20px 94px;align-items:flex-end}.skinveil-hero__heading{max-width:10ch;font-size:var(--sk-heading-size-mobile)}.skinveil-hero__description{font-size:14px;max-width:90%}.skinveil-hero__hover-button{display:none}.skinveil-hero__bottom-ui{gap:18px;padding:0 18px 16px}.skinveil-hero__progress-wrap{height:2px}.skinveil-hero__playpause{width:42px;height:42px}.skinveil-hero__controls{gap:10px}.skinveil-hero__dot{width:9px}}@media(hover:none),(pointer:coarse){.skinveil-hero__hover-button{display:none!important}}@media(prefers-reduced-motion:reduce){.skinveil-hero__slide,.skinveil-hero__slide.is-active,.skinveil-hero__slide.is-leaving,.skinveil-hero__hover-button,.skinveil-hero__hover-arrow,.skinveil-hero__dot span,.skinveil-hero__playpause{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/skinveil-hero-slideshow.css.map */