.ow-hero__stage{position:relative;overflow:hidden;height:calc(100vh - var(--ow-header-h, 72px));height:calc(100svh - var(--ow-header-h, 72px));min-height:620px;max-height:1100px;--plinth: 17vh;--h: min(52vh, 36vw)}.ow-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ow-hero__bg--wall{background:linear-gradient(100deg,transparent 0 54%,rgba(44,31,20,.3) 54% 63%,transparent 63% 72%,rgba(44,31,20,.22) 72% 76%,transparent 76%),radial-gradient(ellipse 70% 90% at 18% 20%,rgba(255,244,222,.55),transparent 60%),linear-gradient(180deg,#bcab90,#a9967a 60%,#96836a)}.ow-hero__sun{position:absolute;top:-10%;right:-20%;bottom:-10%;left:-20%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,238,204,.42) 48%,transparent 58%);mix-blend-mode:soft-light}.ow-hero__plinth{position:absolute;z-index:1;left:0;right:0;bottom:0;height:var(--plinth);box-shadow:inset 0 1px #fffaee99,inset 0 18px 30px -18px #fff6e4b3}.ow-hero__plinth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0 52%,rgba(44,31,20,.24) 52% 66%,transparent 66%)}.ow-hero__night{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse 42% 36% at 80% 18%,rgba(140,160,220,.32),transparent 70%),linear-gradient(180deg,#1d2a52,#141d3a 62%,#0f1630);-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 36%,#000 60%);mask-image:linear-gradient(90deg,transparent 0%,transparent 36%,#000 60%)}.ow-hero__weave{opacity:.16;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.5) 60%,transparent 100%)}.ow-hero__moon{position:absolute;top:12%;right:12%;width:clamp(40px,3.8vw,60px);aspect-ratio:1;border-radius:50%;background:repeating-linear-gradient(45deg,rgba(196,158,156,.35) 0 3px,transparent 3px 7px),repeating-linear-gradient(-45deg,rgba(27,37,71,.12) 0 2px,transparent 2px 6px),radial-gradient(circle at 38% 38%,#f6f1e8,#e2dbcd 60%,#c9c0b0);box-shadow:0 0 44px 12px #c8d2ff38,inset -6px -6px 12px #1b254740}.ow-hero__copy{position:absolute;z-index:4;left:var(--ow-gutter);top:50%;width:min(42vw,640px);transform:translate3d(0,-54%,0)}.ow-hero__eyebrow{margin-bottom:clamp(18px,2.6vh,30px)}.ow-hero__title{margin-bottom:clamp(18px,3vh,34px);font-size:clamp(40px,4.4vw,80px);line-height:.98}.ow-hero__text{margin-bottom:clamp(24px,3.8vh,40px);max-width:46ch}.ow-hero__price{margin:0 0 clamp(14px,2.2vh,22px);opacity:.85}.ow-hero__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px 32px}.ow-hero__set{position:absolute;z-index:3;top:0;bottom:0;right:0;width:56%;pointer-events:none}.ow-hero__products{position:absolute;left:0;right:0;bottom:calc(var(--plinth) - 1.4vh);height:var(--h);display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,2.4vw,44px);transform:translate3d(calc(var(--mx, 0) * -22px),calc(var(--my, 0) * -12px),0)}.ow-hero__item{position:relative;height:100%;display:flex;align-items:flex-end}.ow-hero__item--night{z-index:1}.ow-hero__item--serum{z-index:2}.ow-hero__float,.ow-hero__lit{height:100%;display:flex;align-items:flex-end;justify-content:center;transform-origin:50% 100%}.ow-hero__shadow{position:absolute;left:8%;right:8%;bottom:-1.1vh;height:2.4vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(20,14,8,.45),transparent 70%);opacity:.55}.ow-hero__clock{position:absolute;z-index:2;left:50%;bottom:14px;width:min(320px,70%);transform:translate(-50%);color:var(--ow-ink);display:grid;justify-items:center;gap:10px}.ow-hero__phase{grid-area:1 / 1;margin:0;display:flex;align-items:baseline;gap:12px}.ow-hero__phase-name{font-family:var(--font-heading-family);font-size:clamp(22px,1.8vw,30px);font-style:italic}.ow-hero__phase--night{opacity:0}.ow-hero__track{position:relative;width:100%;height:1px;background:currentColor;opacity:.5}.ow-hero__dot{position:absolute;top:50%;left:0;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:currentColor}.ow-hero__minerals{position:absolute;z-index:2;left:34%;right:6%;bottom:var(--plinth);height:70%;opacity:0}.ow-hero__minerals span{position:absolute;bottom:0;left:calc(var(--i) * 6%);width:7px;height:7px;background:#e6ecfff2;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0}.ow-hero__minerals span:nth-child(3n){width:5px;height:5px}.ow-hero__minerals span:nth-child(4n){width:9px;height:9px;background:#c8d6ffd9}.ow-hero__seal{position:absolute;z-index:3;width:clamp(92px,8.4vw,128px);right:9%;bottom:calc(var(--plinth) + var(--h) * .9);color:var(--ow-cream);transform:rotate(-8deg)}.ow-hero__seal svg{display:block;width:100%;height:auto;overflow:visible;transform-origin:50% 50%}.ow-hero__seal-bg{fill:var(--ow-midnight)}.ow-hero__seal-ring{font-family:var(--font-body-family);font-size:8.2px;letter-spacing:.2em;fill:currentColor}.ow-hero__seal-name{font-family:var(--font-heading-family);font-size:21px;fill:currentColor}.ow-hero__seal-sub{font-family:var(--font-body-family);font-size:7px;letter-spacing:.3em;fill:currentColor;opacity:.8}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item{animation:ow-hero-rise 1.5s var(--ow-ease) both}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--night{animation-delay:.14s}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--serum{animation-delay:.28s}.ow-hero__brush{position:absolute;z-index:3;left:46%;bottom:calc(var(--plinth) * .3);width:min(74%,calc(var(--h) * 1.12));transform:translate(-50%) rotate(-3deg);transform-origin:50% 100%;pointer-events:none}.ow-brush{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 10px 12px rgba(20,14,8,.18))}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__brush{animation:ow-hero-brush-in 1.4s var(--ow-ease) .5s both}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-brush__gel,.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-brush__shine{stroke-dasharray:100;animation:ow-hero-squeeze 1.3s cubic-bezier(.5,0,.2,1) 1.5s both}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-brush{animation:ow-hero-brush-night var(--cycle) var(--ow-ease-io) infinite}@keyframes ow-hero-brush-night{0%,32%{filter:drop-shadow(0 10px 12px rgba(20,14,8,.18)) brightness(1)}46%,82%{filter:drop-shadow(0 10px 12px rgba(0,0,0,.3)) brightness(.62) saturate(.8)}96%,to{filter:drop-shadow(0 10px 12px rgba(20,14,8,.18)) brightness(1)}}@keyframes ow-hero-brush-in{0%{opacity:0;transform:translate(-42%,4vh) rotate(-8deg)}to{opacity:1;transform:translate(-50%) rotate(-3deg)}}@keyframes ow-hero-squeeze{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes ow-hero-rise{0%{opacity:0;transform:translate3d(0,34vh,0) rotate(4deg)}to{opacity:1;transform:none}}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__float{animation:ow-hero-hover 6.2s var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--night .ow-hero__float{animation-duration:7.4s;animation-delay:-2.4s}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--serum .ow-hero__float{animation-duration:5.6s;animation-delay:-4.1s}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__shadow{animation:ow-hero-shadow 6.2s var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--night .ow-hero__shadow{animation-duration:7.4s;animation-delay:-2.4s}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--serum .ow-hero__shadow{animation-duration:5.6s;animation-delay:-4.1s}@keyframes ow-hero-hover{0%,to{transform:translateZ(0) rotate(-1.4deg)}50%{transform:translate3d(0,-2.2vh,0) rotate(1.2deg)}}@keyframes ow-hero-shadow{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.78);opacity:.3}}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__night{animation:ow-hero-night var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__sun{animation:ow-hero-sun var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__moon{animation:ow-hero-moon var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--day .ow-hero__lit{animation:ow-hero-lit-day var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--night .ow-hero__lit,.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__item--serum .ow-hero__lit{animation:ow-hero-lit-night var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__minerals{animation:ow-hero-night var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__minerals span{animation:ow-hero-mineral 4.6s linear infinite;animation-delay:calc(var(--i) * -.29s)}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__minerals span:nth-child(odd){animation-duration:6.1s}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__clock{animation:ow-hero-ink var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__phase--day{animation:ow-hero-show-day var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__phase--night{animation:ow-hero-show-night var(--cycle) var(--ow-ease-io) infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__dot{animation:ow-hero-dot var(--cycle) linear infinite}.ow-js:not(.ow-static) .ow-hero:not(.ow-hero--still) .ow-hero__seal svg{animation:ow-hero-spin 40s linear infinite}@keyframes ow-hero-night{0%,32%{opacity:0}46%,82%{opacity:1}96%,to{opacity:0}}@keyframes ow-hero-sun{0%{opacity:1;transform:translate3d(-4vw,0,0)}32%{opacity:1;transform:translate3d(4vw,0,0)}46%,82%{opacity:0;transform:translate3d(6vw,0,0)}96%,to{opacity:1;transform:translate3d(-4vw,0,0)}}@keyframes ow-hero-moon{0%,36%{transform:translate3d(0,30px,0)}50%{transform:translateZ(0)}82%{transform:translate3d(-24px,-10px,0)}to{transform:translate3d(-24px,30px,0)}}@keyframes ow-hero-lit-day{0%,32%{filter:brightness(1);transform:translate3d(0,-1vh,0) scale(1.04)}46%,82%{filter:brightness(.5) saturate(.7);transform:scale(.96)}96%,to{filter:brightness(1);transform:translate3d(0,-1vh,0) scale(1.04)}}@keyframes ow-hero-lit-night{0%,32%{filter:brightness(.96);transform:scale(.98)}46%,82%{filter:brightness(1.06) drop-shadow(0 0 22px rgba(160,180,255,.4));transform:translate3d(0,-1vh,0) scale(1.04)}96%,to{filter:brightness(.96);transform:scale(.98)}}@keyframes ow-hero-mineral{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.6)}15%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translate3d(12px,-42vh,0) rotate(120deg) scale(1)}}@keyframes ow-hero-ink{0%,34%{color:var(--ow-ink)}44%,84%{color:var(--ow-cream)}94%,to{color:var(--ow-ink)}}@keyframes ow-hero-show-day{0%,34%{opacity:1;transform:none}42%,88%{opacity:0;transform:translate3d(0,-8px,0)}96%,to{opacity:1;transform:none}}@keyframes ow-hero-show-night{0%,38%{opacity:0;transform:translate3d(0,8px,0)}46%,84%{opacity:1;transform:none}92%,to{opacity:0;transform:translate3d(0,8px,0)}}@keyframes ow-hero-dot{0%{left:0}to{left:100%}}@keyframes ow-hero-spin{to{transform:rotate(360deg)}}.ow-hero.is-paused *,.ow-hero.is-paused *:before,.ow-hero.is-paused *:after{animation-play-state:paused!important}.ow-static .ow-hero__phase--night,.ow-hero--still .ow-hero__phase--night{opacity:1}.ow-static .ow-hero__clock,.ow-hero--still .ow-hero__clock{display:flex;justify-content:center;gap:28px}.ow-static .ow-hero__phase,.ow-hero--still .ow-hero__phase{grid-area:auto}.ow-static .ow-hero__track,.ow-hero--still .ow-hero__track{display:none}.ow-hero__steps{list-style:none;margin:0 0 clamp(22px,3.2vh,34px);padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}.ow-hero__steps li{display:flex;align-items:center;gap:10px;font-size:13.5px;letter-spacing:.02em}.ow-hero__steps b{font-weight:500;letter-spacing:.14em;font-size:11px;margin-right:4px}.ow-hero__step-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--ow-cream)}.ow-hero__step-icon .ow-icon{width:18px;height:18px;stroke-width:2}.ow-hero__step-icon--day{background:var(--ow-forest)}.ow-hero__step-icon--night{background:var(--ow-midnight)}.ow-hero__step-icon--serum{background:var(--ow-oxblood)}.ow-hero__proof{list-style:none;margin:clamp(22px,3vh,32px) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}.ow-hero__proof li{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.ow-hero__proof .ow-icon{width:15px;height:15px;stroke-width:2.4}@media screen and (min-width:990px)and (max-width:1279px){.ow-hero__stage{--h: min(50vh, 34vw)}.ow-hero__copy{width:min(46vw,540px)}.ow-hero__set{width:52%}}@media screen and (max-width:989px){.ow-hero__stage{--plinth: 9vh;--h: min(31svh, 44vw);max-height:none}.ow-hero__steps,.ow-hero__proof{display:none}.ow-hero__copy{top:clamp(84px,12vh,124px);right:var(--ow-gutter);width:auto;transform:none}.ow-hero__title{font-size:clamp(42px,8vw,80px)}.ow-hero__text{max-width:40ch}.ow-hero__set{width:100%}.ow-hero__night{-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 46%,#000 64%);mask-image:linear-gradient(180deg,transparent 0%,transparent 46%,#000 64%)}.ow-hero__moon{top:auto;bottom:calc(var(--plinth) + var(--h) + 2vh);right:10%}.ow-hero__minerals{left:30%;right:10%;height:calc(var(--h) * 1.15)}.ow-hero__seal{width:80px;right:var(--ow-gutter);bottom:calc(var(--plinth) + var(--h) * .92)}.ow-hero__clock{bottom:8px}.ow-hero__phase-name{font-size:22px}}@media screen and (max-width:749px){.ow-hero__stage{--h: min(30svh, 58vw);--plinth: 10svh;min-height:660px}.ow-hero__copy{top:clamp(26px,5svh,56px)}.ow-hero__eyebrow{margin-bottom:12px}.ow-hero__title{font-size:clamp(36px,10.4vw,54px);margin-bottom:14px}.ow-hero__price{display:none}.ow-hero__text{font-size:14.5px;margin-bottom:20px}.ow-hero__ctas{gap:14px 24px}.ow-hero__ctas .ow-btn{width:100%}.ow-hero__products{gap:12px}.ow-hero__clock{width:78%;gap:6px}.ow-hero__phase-name{font-size:19px}}@media screen and (max-height:700px)and (max-width:749px){.ow-hero__text{display:none}}@media screen and (max-width:989px){.ow-hero__brush{bottom:calc(var(--plinth) * .5);width:min(86%,460px)}}@media screen and (max-width:749px){.ow-hero__brush{bottom:calc(var(--plinth) * .48);width:84%}.ow-hero__clock{bottom:6px}.ow-hero__track{display:none}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ow-hero.css.map */