.vr-hero{position:relative;padding-top:var(--vr-hero-pt, 0px);padding-bottom:var(--vr-hero-pb, 0px);background:var(--vr-white);color:var(--vr-text)}.vr-hero__panel{--hero-a: #deedfb;--hero-b: #a9cff0;--hero-c: #7db6e6;--hero-d: #4a92d8;position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 clamp(2.4rem,1.2rem + 2.6vw,5.6rem) clamp(2.4rem,1.2rem + 2.6vw,5.6rem);background:radial-gradient(46% 62% at 76% 40%,#ffffff8c,#fff0),linear-gradient(112deg,var(--hero-a) 0%,#c6dff5 30%,var(--hero-b) 58%,var(--hero-c) 82%,var(--hero-d) 100%);box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 2px #244f730f,0 3.2rem 6.4rem -3.6rem #1f5e9c73}.vr-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.vr-hero__glow{position:absolute;border-radius:50%}.vr-hero__glow--a{width:72rem;height:72rem;left:-24rem;top:-34rem;background:radial-gradient(closest-side,#fff9,#fff0 70%)}.vr-hero__glow--b{width:80rem;height:80rem;right:-20rem;bottom:-46rem;background:radial-gradient(closest-side,#2478c86b,#2478c800 70%)}.vr-hero__bg:before{content:"";position:absolute;top:-30%;right:-10%;bottom:10%;left:40%;background:radial-gradient(50% 50% at 62% 34%,#ffffff8c,#fff0)}.vr-hero__bg:after{content:"";position:absolute;inset:auto 0 0 0;height:26%;background:linear-gradient(180deg,#3c82d200,#286ec857)}.vr-hero__waves{position:absolute;left:0;bottom:-1px;z-index:1;width:200%;height:22%;fill:none;stroke:#ffffffd9;stroke-width:1.2;opacity:.6;-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 20%,#000 80%,transparent 98%);mask-image:linear-gradient(90deg,transparent 2%,#000 20%,#000 80%,transparent 98%)}.vr-hero__waves path{vector-effect:non-scaling-stroke}.vr-hero__waves path:nth-child(2){stroke:#ffffff8c}.vr-hero__waves path:nth-child(3){opacity:.6}.vr-hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.vr-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .9s var(--vr-ease)}.vr-hero[data-hero-scene=ready] .vr-hero__canvas,.vr-hero[data-hero-scene=static] .vr-hero__canvas,.vr-hero[data-hero-scene=paused] .vr-hero__canvas{opacity:1}.vr-hero[data-hero-scene=ready] .vr-hero__stage,.vr-hero[data-hero-scene=static] .vr-hero__stage,.vr-hero[data-hero-scene=paused] .vr-hero__stage{opacity:0;transition:opacity .6s var(--vr-ease) .25s}.vr-hero__grid{position:relative;z-index:1;display:grid;align-items:center;gap:clamp(2.4rem,1.6rem + 2vw,4rem);width:100%;max-width:var(--vr-max);margin-inline:auto;padding:clamp(3.2rem,2.4rem + 2.4vw,5.6rem) var(--vr-gutter) clamp(2.4rem,1.6rem + 2vw,4.8rem)}@media screen and (min-width:990px){.vr-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(3.2rem,2rem + 3vw,7.2rem);min-height:min(78vh,70rem);padding-block:clamp(4rem,3rem + 2.4vw,6.4rem)}}.vr-hero__eyebrow{display:flex;align-items:center;gap:1.4rem;margin:0 0 2.4rem;font-family:var(--vr-sans);font-size:1.2rem;font-weight:700;line-height:1.4;letter-spacing:.22em;text-transform:uppercase;color:var(--vr-navy)}.vr-hero__rule{flex:none;width:4rem;height:1px;background:var(--vr-aqua-lo)}.vr-hero__title{margin:0;font-family:var(--vr-display);font-size:clamp(4.2rem,2rem + 5.2vw,9rem);font-weight:600;line-height:1;letter-spacing:-.04em;text-transform:none;text-wrap:balance;color:var(--vr-text)}.vr-hero__line{display:block}.vr-hero__line--accent{font-style:normal;color:var(--vr-cobalt)}.vr-hero__lead{margin:2.4rem 0 0;max-width:44ch;font-size:clamp(1.6rem,1.4rem + .5vw,2rem);line-height:1.6;color:#2f3d5e;text-wrap:pretty}.vr-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 3.2rem;margin-top:2.4rem}.vr-hero__primary{min-height:4.4rem;max-width:100%;font-size:1.5rem;line-height:2.4rem;color:var(--vr-text)}.vr-hero__media{position:relative;justify-self:center;width:min(100%,56rem);margin:0}.vr-hero__stage{position:relative;aspect-ratio:1;container-type:inline-size}.vr-hero__halo{position:absolute;left:50%;top:50%;width:92%;aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(closest-side,#ffffffeb,#ffffff73 42%,#fff0 74%)}.vr-hero__shadow{position:absolute;left:50%;bottom:5%;width:78%;height:8%;border-radius:50%;translate:-50% 0;background:radial-gradient(closest-side,#0a13474d,#0a134700 72%);filter:blur(.5rem)}.vr-hero__shot{position:absolute;left:50%;bottom:12%;width:44%;translate:-50% 0}.vr-hero__photo{display:block;width:100%;height:auto;filter:drop-shadow(0 2.4rem 2.4rem rgba(10,19,71,.28))}.vr-hero__shot--original{aspect-ratio:438 / 802;overflow:hidden;filter:drop-shadow(0 2.4rem 2.4rem rgba(10,19,71,.28))}.vr-hero__shot--original .vr-hero__photo{position:absolute;top:-14.2145%;left:-65.7534%;width:233.78995%;height:127.6808%;max-width:none;filter:none}.vr-hero__companion{position:absolute;bottom:8%;z-index:1;filter:drop-shadow(0 1.8rem 2rem rgba(10,19,71,.26))}.vr-hero__companion--bath{left:5%;width:32%}.vr-hero__companion--box{right:1%;width:35%}.vr-hero__companion-photo{display:block;width:100%;height:auto}.vr-hero__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vr-hero__bubbles span{position:absolute;left:var(--x);bottom:9%;width:var(--s);aspect-ratio:1;border-radius:50%;border:1px solid rgba(36,79,115,.3);background:radial-gradient(circle at 30% 26%,#fffffff2,#ffffff59 36%,#ffffff0a 66%);box-shadow:inset 0 0 .5rem #ffffffb3;opacity:0}.vr-hero__play{position:static;flex:none;display:grid;place-items:center;width:5.6rem;height:5.6rem;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:#fff9;box-shadow:0 1.6rem 4rem -1.6rem #0a28648c;color:#fff;cursor:pointer;transition:background-color .3s ease}html:not(.vr-js) .vr-hero__play{display:none}.vr-hero__play-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--vr-ink);transition:background-color .3s ease}.vr-hero__play-icon svg{width:2.6rem;height:2.6rem;margin-left:.3rem}.vr-hero__play:hover{background:#ffffffb8}.vr-hero__play:hover .vr-hero__play-icon{background:var(--vr-cobalt)}.vr-hero__play:focus-visible{outline:3px solid var(--vr-focus, var(--vr-electric));outline-offset:4px}.vr-hero__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.vr-hero__lightbox::backdrop{background:#040e2cd6}.vr-hero__lightbox[open]{display:grid;place-items:center}.vr-hero__lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.vr-hero__lightbox-content{position:relative;width:min(100% - 3.2rem,112rem,(100vh - 14rem) * 16 / 9)}.vr-hero__lightbox-video{aspect-ratio:16 / 9;overflow:hidden;border-radius:clamp(1.2rem,2vw,2.4rem);background:#000;box-shadow:0 3.2rem 8rem -2.4rem #0009}.vr-hero__lightbox-video iframe{display:block;width:100%;height:100%;border:0}.vr-hero__lightbox-close{position:absolute;right:0;bottom:calc(100% + 1.2rem);display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:#fff;color:var(--vr-text);cursor:pointer}.vr-hero__lightbox-close svg{width:2.2rem;height:2.2rem}.vr-hero__lightbox-close:focus-visible{outline:3px solid var(--vr-aqua, #8fd3ee);outline-offset:3px}@media screen and (max-width:989px){.vr-hero__media{width:min(100%,44rem);margin-top:1.2rem}.vr-hero__stage{aspect-ratio:1 / .92}.vr-hero__shot{bottom:10%;width:42%}.vr-hero__companion{bottom:4%}.vr-hero__companion--bath{width:33%}.vr-hero__companion--box{width:36%}}@media screen and (max-width:749px){.vr-hero__stage{aspect-ratio:1 / .84}.vr-hero__shot{width:40%}.vr-hero__companion--bath{left:4%;width:32%}.vr-hero__companion--box{right:2%;width:36%}.vr-hero__eyebrow{margin-bottom:2rem;letter-spacing:.18em}.vr-hero__play-icon svg{width:2.2rem;height:2.2rem}}@media(min-width:990px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.vr-hero__waves{animation:vr-hero-waves 40s linear infinite}}@keyframes vr-hero-waves{to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.vr-hero__bubbles{display:none}.vr-hero__canvas,.vr-hero[data-hero-scene] .vr-hero__stage{transition:none}}.shopify-design-mode .vr-hero *,.shopify-design-mode .vr-hero *:before,.shopify-design-mode .vr-hero *:after{animation:none!important}.shopify-design-mode .vr-hero__bubbles span{opacity:.6}.vr-hero{padding-inline:clamp(1rem,1.7vw,2.4rem);background:var(--vr-paper)}.vr-hero__panel{margin-top:1.2rem;border-radius:clamp(2.4rem,3vw,4.4rem);background:radial-gradient(ellipse at 86% 32%,#d4edfb 0%,transparent 54%),linear-gradient(118deg,#fff 8%,#edf5fc 50%,#badcf3);box-shadow:inset 0 0 0 1px #fff,0 2rem 5rem -4rem #18365359}.vr-hero__grid{padding:clamp(3.2rem,5vw,7.2rem) clamp(2rem,3.2vw,4.8rem)}.vr-hero__bg:after{height:16%;opacity:.32}.vr-hero__waves{height:15%;opacity:.25}.vr-hero__eyebrow{font-size:1.1rem;letter-spacing:.16em;margin-bottom:2.4rem}.vr-hero__title{font-size:clamp(4rem,2.1rem + 4.25vw,8.2rem);line-height:.98;letter-spacing:-.055em}.vr-hero__lead{max-width:43ch;font-size:clamp(1.6rem,1.3rem + .4vw,1.9rem)}.vr-hero[data-vr-hero] .vr-hero__cta{display:flex;margin-top:3.2rem;gap:1.6rem;flex-direction:row;flex-wrap:nowrap;align-items:center}.vr-hero .vr-hero__primary{gap:2.2rem;min-height:5.6rem;padding:1.4rem 2.2rem;border:1px solid var(--vr-navy);border-radius:1.6rem;background:var(--vr-navy);color:#fff;text-decoration:none;box-shadow:0 .8rem 1.6rem -.8rem #18365373}.vr-hero .vr-hero__primary:after{display:none}.vr-hero .vr-hero__primary:hover{background:var(--vr-cobalt);color:#fff}.vr-hero .vr-hero__primary:focus-visible{outline:3px solid var(--vr-cobalt);outline-offset:4px}.vr-hero__stage{isolation:isolate}.vr-hero__stage:before{content:"";position:absolute;top:1%;right:0;bottom:4%;left:0;z-index:-1;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff,#eef9ff 18%,#c5e7f7 56%,#83b8d8);box-shadow:inset 1rem 1rem 3rem #ffffffe6,inset -1.2rem -1.2rem 3rem #4c8ab521,0 2rem 5rem -3rem #18365380}.vr-hero__stage:after{content:"";position:absolute;left:8%;right:8%;bottom:1%;z-index:-1;height:19%;border:1px solid rgba(255,255,255,.95);border-radius:50%;background:linear-gradient(174deg,#fff 12%,#e4f2fa 54%,#b8d7eb 57%,#93bdd8);box-shadow:0 2.2rem 2.5rem -1.5rem #18365347}.vr-hero__halo{width:80%;top:40%}.vr-hero__shot{width:43%;bottom:12%}.vr-hero__companion--bath{left:3%;bottom:8%;width:30%;rotate:-6deg}.vr-hero__companion--box{right:3%;bottom:6%;width:34%;rotate:4deg}.vr-hero__play{background:#ffffffe0}.vr-hero__bubbles{display:none}@media(min-width:990px){.vr-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(76vh,73rem);gap:clamp(3.2rem,4vw,6.4rem)}.vr-hero__media{width:100%;max-width:57rem}}@media(max-width:989px){.vr-hero__grid{gap:3.2rem}.vr-hero__media{width:min(100%,42rem);margin-top:0}.vr-hero__stage{aspect-ratio:1}}@media(max-width:749px){.vr-hero__grid{padding:3.2rem 1.8rem 2.4rem;gap:2.4rem}.vr-hero__eyebrow{font-size:1rem;letter-spacing:.14em;gap:1rem;margin-bottom:1.8rem}.vr-hero__rule{width:2.4rem}.vr-hero__title{font-size:clamp(3.7rem,9.7vw,5.6rem)}.vr-hero__lead{margin-top:1.8rem;font-size:1.5rem;line-height:1.6}.vr-hero[data-vr-hero] .vr-hero__cta{margin-top:2.4rem}.vr-hero__stage{aspect-ratio:1 / .9}.vr-hero__shot{width:38%;bottom:13%}.vr-hero__companion--bath{width:29%;bottom:9%}.vr-hero__companion--box{width:33%;bottom:8%}}@media(prefers-reduced-motion:reduce){.vr-hero *,.vr-hero *:before,.vr-hero *:after{animation:none;transition:none}}vr-hero-motion{display:block}.vr-hero__bg{container-type:size}.vr-hero__panel{background:radial-gradient(ellipse at 83% 24%,var(--vr-aqua-hi),transparent 58%),linear-gradient(118deg,var(--vr-white) 6%,var(--vr-ice) 60%,var(--vr-aqua) 120%)}.vr-hero__title{max-width:12ch;line-height:1.1;letter-spacing:-.03em}.vr-hero__lead{max-width:46ch;margin-top:2.8rem}.vr-hero__bg:after{opacity:.2}.vr-hero--range .vr-hero__stage:before{top:3%;right:0;bottom:4%;left:0;border-color:color-mix(in srgb,var(--vr-white) 65%,transparent);background:radial-gradient(circle at 38% 30%,var(--vr-white),color-mix(in srgb,var(--vr-aqua-hi) 65%,transparent) 48%,transparent 75%);box-shadow:inset 0 0 5rem color-mix(in srgb,var(--vr-white) 55%,transparent)}.vr-hero--range .vr-hero__stage:after{display:none}.vr-hero--range .vr-hero__shadow{bottom:4%;opacity:.5}.vr-hero--range .vr-hero__shot{width:66%;left:33%;bottom:6%;z-index:2}.vr-hero--range .vr-hero__shot--composition{width:min(86%,48rem);height:auto;aspect-ratio:3 / 2;left:50%;bottom:50%;translate:-50% 50%}.vr-hero__shot--composition .vr-hero__photo{height:100%;object-fit:contain}@media(min-width:990px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.vr-hero--range .vr-hero__shot--composition .vr-hero__photo,.vr-hero--range .vr-hero__halo,.vr-hero--range .vr-hero__shadow,.vr-hero--range .vr-hero__stage:before{transition:transform .32s ease-out}.vr-hero--range [data-hero-depth-active] .vr-hero__shot--composition .vr-hero__photo{transform:perspective(1100px) translate3d(calc(var(--hero-pointer-x) * 4px),calc(var(--hero-pointer-y) * 3px),0) rotateX(calc(var(--hero-pointer-y) * -3deg)) rotateY(calc(var(--hero-pointer-x) * 4deg)) scale(1.035);transition-duration:.14s}.vr-hero--range [data-hero-depth-active] .vr-hero__halo{transform:translate(calc(var(--hero-pointer-x) * -6px),calc(var(--hero-pointer-y) * -4px))}.vr-hero--range [data-hero-depth-active] .vr-hero__stage:before{transform:translate(calc(var(--hero-pointer-x) * -3px),calc(var(--hero-pointer-y) * -2px))}.vr-hero--range [data-hero-depth-active] .vr-hero__shadow{transform:translate(calc(var(--hero-pointer-x) * 2px)) scaleX(1.025)}}.vr-hero--range .vr-hero__photo{filter:drop-shadow(0 1.4rem 1.4rem rgba(24,54,83,.16))}.vr-hero--range .vr-hero__companion{bottom:auto;rotate:none;z-index:1;filter:drop-shadow(0 1rem 1.2rem rgba(24,54,83,.12))}.vr-hero--range .vr-hero__companion--bath{left:0;top:2%;width:50%}.vr-hero--range .vr-hero__companion--box{right:0;top:22%;width:50%}.vr-hero--range .vr-hero__companion--sachets{right:0;bottom:4.5%;width:44%;z-index:3}.vr-hero .vr-hero__bubbles{display:block}.vr-hero__bubbles span{top:var(--y);bottom:auto;opacity:.82;border:1px solid rgba(70,132,176,.26);background:radial-gradient(circle at 29% 25%,#fff,#ffffffa6 19%,#c2e7f633 56%,#5aa0ca2e);box-shadow:inset -.4rem -.5rem 1rem #3d79a530,inset .3rem .4rem .7rem #fffffff2,0 .5rem 1rem -.7rem #244f7366}.vr-hero__waves{animation:none}@media(prefers-reduced-motion:no-preference){.vr-hero--range .vr-hero__companion{animation:vr-range-arrive 4.5s ease-out 1 both paused}.vr-hero__bubbles span{animation:vr-range-bubble 10s ease-in-out -4s infinite alternate paused}.vr-hero__bubbles span:nth-child(2n){animation-duration:13s;animation-delay:-9s}.vr-hero__bubbles span:nth-child(3n){animation-duration:8s;animation-delay:-5s}.vr-hero [data-motion-running] :is(.vr-hero__shot,.vr-hero__companion,.vr-hero__bubbles span){animation-play-state:running}}@keyframes vr-range-arrive{0%{transform:translateY(.6rem)}to{transform:translateY(0)}}@keyframes vr-range-bubble{0%{transform:translate3d(-.8rem,2.4rem,0) scale(.94)}50%{transform:translate3d(1.2rem,-.4rem,0) scale(1)}to{transform:translate3d(-.4rem,-3.2rem,0) scale(1.04)}}@media(max-width:989px){.vr-hero__title{max-width:17ch}.vr-hero--range .vr-hero__media{width:min(100%,44rem)}}@media(max-width:749px){.vr-hero__title{max-width:14ch;font-size:clamp(3.6rem,9.7vw,5.6rem)}.vr-hero--range .vr-hero__stage{aspect-ratio:1}.vr-hero__bubbles span{width:calc(var(--s) * .7)}.vr-hero__bubbles span:nth-child(1){left:5%;top:58%}.vr-hero__bubbles span:nth-child(2){left:94%;top:18%}.vr-hero__bubbles span:nth-child(4){left:86%;top:39%}}@media(prefers-reduced-motion:reduce){.vr-hero .vr-hero__bubbles{display:block}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vr-hero.css.map */