.ow-serum__scene{--track: 260vh;--in: clamp(0, calc(var(--p) / .5), 1);--dp: clamp(0, calc((var(--p) - .36) / .2), 1);--rp: clamp(0, calc((var(--p) - .55) / .22), 1)}.ow-serum__stage{min-height:max(100svh,640px);background:radial-gradient(ellipse 80% 70% at 64% 55%,#7a1e22,#4a1014 58%,#2a080b)}.ow-serum__pattern{opacity:calc(.05 + var(--p) * .1);transform:scale(calc(1.25 - var(--p) * .25));transform-origin:64% 50%}.ow-serum__pattern:after{opacity:.8}.ow-serum__glow{position:absolute;left:64%;top:56%;width:70vh;height:70vh;transform:translate(-50%,-50%) scale(calc(.8 + var(--in) * .3));border-radius:50%;background:radial-gradient(circle,rgba(225,187,171,.32),transparent 66%);pointer-events:none}.ow-serum__copy{position:absolute;z-index:3;top:50%;left:0;transform:translateY(-50%);display:grid;gap:clamp(18px,2.6vh,30px);justify-items:start;max-width:calc(var(--ow-gutter) * 2 + min(40vw,640px))}.ow-serum__object{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ow-serum__bottle{position:absolute;left:64%;bottom:6vh;height:min(82vh,70vw);width:calc(min(82vh,70vw)*.3056);transform-origin:50% 100%;transform:translate(-50%) scale(calc(.84 + var(--in) * .16)) rotate(calc((1 - var(--in)) * -3deg))}.ow-serum__bottle .ow-render{--shade-x: calc(var(--p) * 26px - 13px);filter:drop-shadow(0 40px 40px rgba(0,0,0,.45)) drop-shadow(0 0 60px rgba(225,187,171,.12))}.ow-serum__pipette{position:absolute;left:calc(64% + min(18vh,15vw));top:0;width:26px;height:34vh;transform:translateY(calc(-100% + var(--in) * 100%))}.ow-serum__pipette svg{width:100%;height:100%;display:block}.ow-serum__drop{position:absolute;left:50%;top:100%;width:9px;height:12px;margin-left:-4.5px;border-radius:50%/62% 62% 40% 40%;background:radial-gradient(circle at 35% 35%,#fff,#ffece4b3 40%,#e1bbab80);box-shadow:0 0 12px #ffe6dc80;transform:translateY(calc(var(--dp) * 38vh)) scale(calc(.4 + min(var(--in),1)*.6));opacity:calc(1 - var(--rp) * 4)}.ow-serum__ripple{position:absolute;left:calc(64% + min(18vh,15vw) + 13px);top:calc(72vh + 12px);width:120px;height:22px;margin-left:-60px;border-radius:50%;border:1px solid rgba(255,236,228,.7);transform:scale(calc(var(--rp) * 1.6));opacity:calc(1 - var(--rp))}.ow-serum__notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;list-style:none;margin:0;padding:0;pointer-events:none}.ow-serum__note{position:absolute;display:grid;gap:6px;max-width:220px;opacity:clamp(0,calc((var(--p) - var(--at)) * 8),1);transform:translate3d(0,calc((1 - clamp(0,calc((var(--p) - var(--at)) * 8),1))*12px),0)}.ow-serum__note .ow-caption{font-size:13px;letter-spacing:.14em;line-height:1.5}.ow-serum__leader{position:absolute;top:8px;right:100%;width:9vw;height:1px;margin-right:14px;background:currentColor;opacity:.6;transform-origin:right;transform:scaleX(clamp(0,calc((var(--p) - var(--at)) * 6),1))}.ow-serum__note--1{left:calc(64% + 12vw);top:22%}.ow-serum__note--2{left:calc(64% + 11vw);top:52%}.ow-serum__note--3{left:calc(64% + 9vw);bottom:14%}.ow-serum__why{padding-top:clamp(72px,8vw,140px);padding-bottom:clamp(88px,10vw,180px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,96px);align-items:start}.ow-serum__reasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.ow-serum__reasons li{display:grid;gap:12px;align-content:start;padding-top:18px;border-top:1px solid rgba(239,232,220,.4)}@media screen and (max-width:989px){.ow-serum__why,.ow-serum__reasons{grid-template-columns:1fr}.ow-serum__stage{min-height:max(100svh,760px)}.ow-serum__copy{top:clamp(84px,11svh,120px);transform:none;max-width:none;right:0}.ow-serum__copy .ow-display{font-size:clamp(50px,14vw,96px)}.ow-serum__bottle{left:40%;height:min(44svh,84vw);width:calc(min(44svh,84vw)*.3056);bottom:4svh}.ow-serum__glow{left:40%;top:72%;width:70vw;height:70vw}.ow-serum__pipette{left:calc(40% + 22vw);top:34svh;height:22svh;transform:translateY(calc(-30svh + var(--in) * 30svh));opacity:var(--in)}.ow-serum__drop{transform:translateY(calc(var(--dp) * 22svh)) scale(.8)}.ow-serum__ripple{left:calc(40% + 22vw + 13px);top:calc(78svh + 10px);width:80px;margin-left:-40px}.ow-serum__notes,.ow-serum__pipette,.ow-serum__ripple{display:none}.ow-serum__copy .ow-body{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ow-serum.css.map */