.apc-spray{--apc-header: 64px;--apc-bottom: 0px;--apc-pin-h: calc(100dvh - var(--apc-header) - var(--apc-bottom));--apc-scene-w: 60vw;--apc-seg-vh: 70;--apc-total: 5.4;--apc-bg: #fff;--apc-wall: #EDE8E0;--apc-ink: #201F1D;--apc-ink-soft: #5b5752;--apc-shadow: 40, 30, 20;position:relative;z-index:0;background:var(--apc-bg);color:var(--apc-ink);font-family:Suisse Intl,sans-serif}.apc-spray .apc-spray__slide,.apc-spray .apc-spray__band,.apc-spray .apc-spray__safe{display:block}.apc-spray__track{height:calc(100vh - var(--apc-header) + var(--apc-total) * var(--apc-seg-vh) * 1vh);height:calc(100dvh - var(--apc-header) + var(--apc-total) * var(--apc-seg-vh) * 1vh)}.apc-spray__pin{position:sticky;top:var(--apc-header);height:calc(100vh - var(--apc-header) - var(--apc-bottom));height:calc(100dvh - var(--apc-header) - var(--apc-bottom));overflow:hidden;background:var(--apc-bg)}.apc-spray__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(28rem,1fr);column-gap:6rem;align-items:center;padding-top:2rem;padding-bottom:2rem}.apc-spray__scene{--bottle-h: min(calc(var(--apc-pin-h) * .68), calc(var(--apc-scene-w) * .58));--wall-h: calc(var(--bottle-h) * 1.12);position:relative;display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--bottle-h) * .16);width:100%;height:var(--wall-h)}.apc-spray__bottle{position:relative;z-index:3;flex:none;height:var(--bottle-h);aspect-ratio:661 / 1400}.apc-spray__bottle:before,.apc-spray__concentrate:before{content:"";position:absolute;z-index:0;pointer-events:none;left:-14%;right:-14%;bottom:-2.5%;height:8%;background:radial-gradient(ellipse at center,rgba(var(--apc-shadow),.3),rgba(var(--apc-shadow),.12) 42%,rgba(var(--apc-shadow),0) 72%)}.apc-spray__concentrate{position:absolute;z-index:4;left:54%;bottom:0;height:54%;width:auto;aspect-ratio:297 / 720;pointer-events:none}.apc-spray__concentrate:before{left:-22%;right:-22%;bottom:-4%;height:10%}.apc-spray__concentrate img{position:relative;z-index:1;display:block;width:100%;height:100%}.apc-spray__bottle-inner{position:relative;z-index:1;width:100%;height:100%;transform-origin:40% 88%}.apc-spray__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.apc-spray__trigger{transform-origin:73.68% 7.76%}.is-spraying .apc-spray__trigger{animation:apc-squeeze 1.05s cubic-bezier(.4,0,.3,1) both}.is-spraying .apc-spray__bottle-inner{animation:apc-kick 1.05s cubic-bezier(.4,0,.3,1) both}@keyframes apc-squeeze{0%{transform:rotate(0)}11%{transform:rotate(-12deg)}28%{transform:rotate(-12deg)}46%{transform:rotate(0)}54%{transform:rotate(0)}64%{transform:rotate(-12deg)}80%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes apc-kick{0%{transform:none}11%{transform:translate(-1.2%,.3%) rotate(-1.6deg)}30%{transform:translate(-1.2%,.3%) rotate(-1.6deg)}48%{transform:none}64%{transform:translate(-1.2%,.3%) rotate(-1.6deg)}82%{transform:translate(-1.2%,.3%) rotate(-1.6deg)}to{transform:none}}.apc-spray__wall{position:relative;z-index:1;flex:none;height:var(--wall-h);width:calc(var(--wall-h) * .74);overflow:hidden;background:var(--apc-wall);transform:perspective(1600px) rotateY(-6deg);transform-origin:0% 50%;box-shadow:0 46px 70px -24px #281e1447,0 10px 22px #281e1412,inset 1px 0 #ffffff80}.apc-spray__strip{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.apc-spray__slide{position:absolute;left:0;width:100%;height:100%;top:calc(var(--k) * 100%);background:var(--img) center / cover no-repeat}.apc-spray__slide--sampler{background:var(--apc-wall)}.apc-spray__bands{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.apc-spray__band{flex:1 1 0;min-height:0;background:var(--img) center / cover no-repeat}.apc-spray__mist{position:absolute;left:92.76%;top:4.66%;width:140%;height:auto;aspect-ratio:1.4;transform:translateY(-30%);overflow:visible;pointer-events:none}.apc-spray__mist circle{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center}.is-spraying .apc-spray__mist circle{animation:apc-drop var(--dur) cubic-bezier(.12,.55,.3,1) var(--delay) both}@keyframes apc-drop{0%{transform:translate(0) scale(.35);opacity:0}9%{opacity:var(--o)}70%{opacity:calc(var(--o) * .55)}to{transform:translate(var(--dx),var(--dy)) scale(1.35);opacity:0}}.apc-spray__cone{opacity:0;transform-box:view-box;transform-origin:0px 30px;filter:blur(1.4px)}.is-spraying .apc-spray__cone{animation:apc-cone .75s cubic-bezier(.15,.6,.3,1) var(--delay) both}@keyframes apc-cone{0%{transform:scale(.12,.5);opacity:0}22%{opacity:.55}to{transform:scale(1.02,1.1);opacity:0}}.apc-spray__splash{position:absolute;z-index:2;left:var(--splash-x, 40%);top:var(--splash-y, 30%);width:26vmin;aspect-ratio:1.55;transform:translate(-50%,-50%);pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#ffffff80,#fff3 42%,#fff0 70%)}.apc-spray[data-tone=light] .apc-spray__splash{background:radial-gradient(ellipse at center,#5f564e38,#5f564e17 42%,#5f564e00 70%)}.is-spraying .apc-spray__splash{animation:apc-splash 2.4s ease-out .4s both}@keyframes apc-splash{0%{transform:translate(-50%,-50%) scale(.45);opacity:0}14%{opacity:1}40%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}to{transform:translate(-50%,-50%) scale(1.12);opacity:0}}.apc-spray__drip{position:absolute;left:calc(50% + var(--x));top:48%;width:2px;height:5vmin;opacity:0;background:linear-gradient(#ffffffd9,#fff0)}.apc-spray[data-tone=light] .apc-spray__drip{background:linear-gradient(#5f564e80,#5f564e00)}.is-spraying .apc-spray__drip{animation:apc-drip 1.6s cubic-bezier(.5,0,.8,.6) var(--delay) both}@keyframes apc-drip{0%{transform:translateY(0) scaleY(.2);opacity:0}20%{opacity:1}to{transform:translateY(9vmin) scaleY(1);opacity:0}}.apc-spray__copy{grid-column:2;position:relative;align-self:stretch;justify-self:start;width:min(100%,36rem)}.apc-spray__cards{position:absolute;left:0;right:0;top:42%}.apc-spray__card{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}.apc-spray__card.is-active{position:relative;opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}.apc-spray__h{margin:0 0 1.2rem;font-family:Suisse Intl,sans-serif;font-weight:400;font-size:3rem;line-height:1.2;letter-spacing:normal;text-transform:uppercase;max-width:34rem;color:var(--apc-ink)}.apc-spray__p{margin:0;font-family:Suisse Intl,sans-serif;font-size:1.5rem;font-weight:300;line-height:1.5;max-width:34rem;color:var(--apc-ink-soft)}.apc-spray__safe{margin:0 0 .4rem;min-height:2.25rem;font-family:Suisse Intl,sans-serif;font-size:1.5rem;font-weight:300;line-height:1.5;color:var(--apc-ink-soft)}.apc-spray__name{margin:0 0 .8rem;font-family:Suisse Intl,sans-serif;font-weight:400;font-size:3rem;line-height:1.2;letter-spacing:normal;text-transform:uppercase;color:var(--apc-ink)}.apc-spray__where{margin:0;font-family:Suisse Intl,sans-serif;font-size:1.5rem;font-weight:300;line-height:1.5;max-width:34rem;color:var(--apc-ink-soft)}.apc-spray__card--surface .apc-spray__name{transform:translateY(.3em);opacity:0;transition:transform .6s cubic-bezier(.2,.7,.2,1) .3s,opacity .5s ease .3s}.apc-spray__card--surface.is-active .apc-spray__name{transform:none;opacity:1}.apc-spray__static{display:none;padding:6rem 0}.apc-spray__list{list-style:none;margin:3.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}.apc-spray__swatch{display:block;aspect-ratio:4 / 3;background:var(--img) center / cover;margin-bottom:1.2rem}.apc-spray__item-name{display:block;font-weight:400;font-size:1.6rem;text-transform:uppercase}.apc-spray__item-where{display:block;font-size:1.4rem;font-weight:300;color:var(--apc-ink-soft)}.apc-spray--static .apc-spray__track,html.no-js .apc-spray__track{display:none}.apc-spray--static .apc-spray__static,html.no-js .apc-spray__static{display:block}.apc-spray--debug .apc-spray__splash{outline:1px dashed #e0413a;opacity:1!important}.apc-spray--debug:after{content:attr(data-stage) " " attr(data-key);position:fixed;left:8px;bottom:8px;z-index:99;font:12px/1 monospace;background:#000;color:#fff;padding:6px 8px}@media(max-width:989px){.apc-spray__stage{display:block;padding:0}.apc-spray__copy{position:absolute;left:1.6rem;right:1.6rem;top:2.4rem;bottom:auto;width:auto}.apc-spray__cards{position:relative;top:auto}.apc-spray__h,.apc-spray__name{font-size:2.2rem}.apc-spray__p,.apc-spray__where,.apc-spray__safe{font-size:1.4rem}.apc-spray__safe{min-height:2.1rem}.apc-spray__scene{--bottle-h: var(--apc-bottle-h, min(calc(var(--apc-pin-h) * .4), calc(var(--apc-scene-w) * .8)));--wall-h: calc(var(--bottle-h) * 1.3);position:absolute;left:1.2rem;right:1.2rem;bottom:auto;width:auto;top:var(--apc-scene-top, calc(max(calc(var(--apc-pin-h) * .3), 22rem) + 2rem) );justify-content:center;gap:calc(var(--bottle-h) * .14)}.apc-spray__wall{width:calc(var(--wall-h) * .48);transform:perspective(1200px) rotateY(-5deg)}.apc-spray__splash{width:34vmin}.apc-spray__list{grid-template-columns:1fr 1fr}.apc-spray__static{padding:4rem 0}}@media(prefers-reduced-motion:reduce){.apc-spray .is-spraying .apc-spray__trigger,.apc-spray .is-spraying .apc-spray__bottle-inner,.apc-spray .is-spraying .apc-spray__mist circle,.apc-spray .is-spraying .apc-spray__cone,.apc-spray .is-spraying .apc-spray__splash,.apc-spray .is-spraying .apc-spray__drip{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/section-pdp-surface-spray.css.map */