.yw-studio{--studio-ink: #2f2a95;--studio-cream: #efdbb2;--studio-cyan: #41b6e6;display:block;isolation:isolate;position:relative;overflow:hidden;color:var(--studio-cream);background:#252175}.yw-studio__ribs{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#211e69,#2f2a95ee 37%,#2f2a9500 76%),linear-gradient(0deg,#171449 0%,transparent 38%,#26216d88 100%),repeating-linear-gradient(90deg,#242074,#5955b3 15px,#3c389b 37px,#242074 45px,#19164f,#272374 51px)}.yw-studio__inner{position:relative;max-width:1480px;margin:auto;padding:76px 6% 35px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.yw-studio__copy{z-index:3;padding-bottom:34px}.yw-studio__eyebrow{font-size:10px;letter-spacing:.19em;line-height:1.7;margin:0 0 28px}.yw-studio h1{color:inherit;font-size:clamp(44px,5.1vw,78px);font-weight:500;line-height:1.04;letter-spacing:-.025em;margin:0 0 30px;max-width:12ch}.yw-studio__description{font-size:15px;line-height:1.85;max-width:37ch;margin:0}.yw-studio__actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.yw-studio__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:19px 24px;border-radius:4px;background:var(--studio-cream);color:#252175;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.1em;min-height:54px;transition:background .2s}.yw-studio__cta:hover{background:#fff2d7}.yw-studio__cta span{font-size:24px;line-height:.7}.yw-studio__link{font-size:10px;letter-spacing:.12em;color:inherit;text-underline-offset:6px}.yw-studio__detail{font-size:11px;margin-top:28px;line-height:1.8}.yw-studio__stage{position:relative;height:550px;min-width:0;overflow:hidden;border-radius:6px}.yw-studio__controls{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid #efdbb244;padding-top:22px;gap:16px 30px;z-index:4}.yw-studio__controls[hidden]{display:none}.yw-studio__control-label{grid-column:1;font-size:9px;letter-spacing:.2em}.yw-studio__buttons{grid-column:1;display:flex;flex-wrap:wrap;gap:10px}.yw-studio__buttons button{background:transparent;color:inherit;border:1px solid #efdbb266;border-radius:3px;padding:13px 17px;min-height:44px;font:inherit;font-size:11px;cursor:pointer;transition:background .25s,color .25s}.yw-studio__buttons button[aria-pressed=true]{background:var(--studio-cream);color:#252175;border-color:var(--studio-cream)}.yw-studio__number{font-size:9px;margin-right:12px}.yw-studio__caption{grid-column:2;grid-row:1 / 3;max-width:27ch;text-align:right;margin:0;font-size:13px;line-height:1.7}.yw-studio__facts{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;background:var(--studio-cream);color:#252175;padding:21px 5%;font-size:10px;letter-spacing:.16em;font-weight:600}.yw-studio :is(a,button):focus-visible{outline:3px solid #fff;outline-offset:5px}body:has(yawana-studio) .yw-offer{border-radius:5px;box-shadow:none}body:has(yawana-studio) .yw-offer__visual{background:radial-gradient(ellipse at 50% 100%,#b9dce9,#eee9dc 70%)}body:has(yawana-studio) .yw-offer__visual img{mix-blend-mode:normal;width:235px;height:235px;filter:drop-shadow(8px 12px 6px #2f2a9524)}body:has(yawana-studio) .yw-offer__visual--2 img{width:205px;margin-inline:-25px}body:has(yawana-studio) .yw-offer__visual--3 img{width:185px;margin-inline:-37px}body:has(yawana-studio) .yw-offer .yw-button{border-radius:4px}@media(min-width:1600px){.yw-studio__inner{padding-inline:80px}}@media(max-width:989px){.yw-studio__inner{padding:48px 28px 28px}.yw-studio__stage{height:430px}}@media(max-width:989px){.yw-studio__inner{grid-template-columns:1fr;padding:36px 22px 24px}.yw-studio__ribs{background:linear-gradient(180deg,#252175,#2f2a95f5 35%,#2f2a9533 65%,#211d69),repeating-linear-gradient(90deg,#242074,#5955b3 15px,#3c389b 37px,#19164f 48px,#272374 51px)}.yw-studio__eyebrow{font-size:8px;margin-bottom:20px}.yw-studio h1{font-size:clamp(34px,9.4vw,54px);max-width:16ch;margin-bottom:20px}.yw-studio__copy{padding:0}.yw-studio__description{font-size:13px;max-width:38ch}.yw-studio__actions{gap:19px;margin-top:24px}.yw-studio__cta{padding:15px 19px;font-size:10px}.yw-studio__link{font-size:9px}.yw-studio__detail{font-size:10px;margin-block:20px 0}.yw-studio__stage{width:min(100%,480px);height:min(109vw,500px);justify-self:center;margin-top:24px}.yw-studio__controls{display:flex;flex-direction:column;align-items:stretch;gap:15px}.yw-studio__buttons{gap:6px}.yw-studio__buttons button{padding:12px 10px;flex:1;font-size:10px}.yw-studio__number{display:none}.yw-studio__caption{text-align:left;max-width:none;min-height:22px;font-size:11px}.yw-studio__facts{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:16px 10px;font-size:8px;padding:22px 12px}}@media(prefers-reduced-motion:reduce){.yw-studio *{transition:none!important;will-change:auto}}.yw-studio{overflow:visible;background:#252175}.yw-studio__frame{position:relative;isolation:isolate;overflow:hidden;background:#252175}.yw-studio--scroll{height:auto}.yw-studio--scroll .yw-studio__frame{position:relative}body:has(yawana-studio) .yw-offer__visual{background:radial-gradient(ellipse at 50% 100%,#dac8ab,#f6f1e6 70%)}body:has(yawana-studio) .yw-offer__visual img.yw-offer__shared-duo{width:100%;height:100%;max-height:300px;margin:0;object-fit:cover;filter:none}body:has(yawana-studio) .yw-home-routine{background:#f4ede1;color:#2f2a95}body:has(yawana-studio) .yw-home-routine :is(h2,h3,a,.yw-eyebrow,.yw-small,figcaption){color:#2f2a95}body:has(yawana-studio) .yw-routine-path li{border-color:#2f2a9526}body:has(yawana-studio) .yw-routine-path li>span{color:#2f2a95;border-color:#41b6e6}.yw-shared-ingredients{display:block;margin-top:32px}.yw-shared-ingredients img{display:block;width:100%;height:auto;border-radius:4px}.yw-moments{background:#fffaf0;color:#2f2a95}.yw-moments h2{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 35px}.yw-moments__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:35px}.yw-moments figure{margin:0}.yw-moments img{display:block;width:100%;height:auto;border-radius:4px}.yw-moments figcaption{padding-top:22px;border-top:2px solid #41b6e6;margin-top:18px}.yw-moments figcaption span{font-size:9px;letter-spacing:.14em}.yw-moments h3{font-size:18px;line-height:1.35;letter-spacing:0;margin:12px 0}.yw-moments p{font-size:13px;line-height:1.8}@media(min-width:990px)and (max-height:850px){.yw-studio--scroll .yw-studio__inner{padding-top:28px}.yw-studio--scroll .yw-studio__stage{height:380px}.yw-studio--scroll h1{font-size:clamp(38px,4.8vw,64px)}}@media(max-width:989px){.yw-studio--scroll .yw-studio__stage{height:min(90vw,38svh);margin-top:12px}.yw-studio--scroll .yw-studio__inner{padding-top:24px}.yw-moments__grid{grid-template-columns:1fr;gap:36px}.yw-shared-ingredients img{aspect-ratio:3/4}}@media(max-width:989px){.yw-studio--scroll .yw-studio__inner{padding:20px 22px 18px}.yw-studio--scroll .yw-studio__eyebrow{margin-bottom:12px}.yw-studio--scroll h1{font-size:clamp(28px,7.8vw,36px);margin-bottom:14px}.yw-studio--scroll .yw-studio__description{font-size:17px;line-height:1.7}.yw-studio--scroll .yw-studio__actions{gap:14px;margin-top:16px}.yw-studio--scroll .yw-studio__cta{padding:15px 19px;gap:20px;font-size:13px}.yw-studio--scroll .yw-studio__link{font-size:13px}.yw-studio--scroll .yw-studio__detail{display:none}.yw-studio--scroll .yw-studio__stage{height:min(75vw,30svh)}.yw-studio--scroll .yw-studio__controls{padding-top:14px;gap:10px}.yw-studio--scroll .yw-studio__facts{padding:16px 12px}}body:has(yawana-studio){--yw-canvas:#faf5e9;background:var(--yw-canvas)}body:has(yawana-studio) :is(#MainContent,.yw-label,.yw-moments,.yw-family,.yw-journal,.yw-offers){background:#faf5e9;color:#2f2a95}body:has(yawana-studio) #MainContent>.shopify-section{--color-background:#faf5e9}body:has(yawana-studio) :is(header-component,.header__row){--color-background:#efdbb2;background:#efdbb2;color:#2f2a95}.yw-studio,.yw-studio__frame{background:#faf5e9;color:#2f2a95}.yw-studio__ribs{background:linear-gradient(110deg,#faf5e9 5%,#faf5e9e6 45%,#faf5e900 75%),repeating-linear-gradient(115deg,#ece3d2 0,#faf5e9 95px,#e4d8c1 100px,#faf5e9 155px)}.yw-studio h1{font-weight:600;letter-spacing:-.045em}.yw-studio__cta,.yw-studio__buttons button[aria-pressed=true]{background:#2f2a95;color:#faf5e9;border-color:#2f2a95}.yw-studio__cta:hover{background:#211e69}.yw-studio__controls{border-color:#ded1b3}.yw-studio :is(a,button):focus-visible{outline-color:#2f2a95}body:has(yawana-studio) :is(.yw-label h2,.yw-section-heading h2,.yw-home-routine h2,.yw-moments h2){font-weight:600;letter-spacing:-.02em}body:has(yawana-studio) :is(.header__underlay,.menu-drawer){background:#efdbb2}body:has(yawana-studio) #MainContent :is(.section-background,.section){--color-background:#faf5e9;background-color:#faf5e9}body:has(yawana-studio) .header__underlay{--color-background-top-row:#efdbb2;--color-background-bottom-row:#efdbb2;--color-submenu:#faf5e9}.yw-studio__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .35s ease,transform .35s ease}.yw-studio__scene--0{object-position:78% center}.yw-studio[data-scene="0"] .yw-studio__scene--0,.yw-studio[data-scene="1"] .yw-studio__scene--1,.yw-studio[data-scene="2"] .yw-studio__scene--2{opacity:1;transform:scale(1)}@media(min-width:990px){.yw-studio__inner{column-gap:36px}.yw-studio__stage{height:auto;aspect-ratio:4/3}}.yw-studio__buttons button{border-color:#2f2a9544}.yw-studio__buttons button[aria-pressed=true]{border-color:#2f2a95}body:has(yawana-studio) :is(.yw-piece-story,.yw-everyday-story){background:#faf5e9;color:#2f2a95}body:has(yawana-studio) :is(.yw-piece-story,.yw-everyday-story) h2{font-weight:600;letter-spacing:-.02em}.yw-studio__animated-pouch{position:absolute;top:8%;right:8%;bottom:8%;left:8%;transform:translateY(0) rotate(-7deg);transition:transform .35s cubic-bezier(.22,.8,.22,1);filter:drop-shadow(14px 22px 18px #5d4a362e)}.yw-studio__animated-pouch img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.yw-studio[data-scene="1"] .yw-studio__animated-pouch{transform:translateY(-22px) rotate(6deg) scale(.96)}.yw-studio[data-scene="2"] .yw-studio__animated-pouch{transform:translate(24px,8px) rotate(-3deg) scale(.93)}@media(max-width:989px){.yw-studio[data-scene="1"] .yw-studio__animated-pouch{transform:translateY(-10px) rotate(6deg) scale(.96)}.yw-studio[data-scene="2"] .yw-studio__animated-pouch{transform:translate(10px,4px) rotate(-3deg) scale(.93)}}@media(prefers-reduced-motion:reduce){.yw-studio__animated-pouch{transition:none}.yw-studio[data-scene] .yw-studio__animated-pouch{transform:none}}.yw-studio__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none}.yw-studio__inner{min-height:620px;padding:55px 6% 24px}.yw-studio h1{font-weight:800;font-size:clamp(42px,5.4vw,78px);max-width:12ch}.yw-studio__stage{height:480px;aspect-ratio:auto;overflow:visible}.yw-studio__animated-pouch{top:0;right:0;bottom:0;left:0}.yw-studio__controls{background:#faf5e9d9;padding:16px;border-radius:4px}@media(min-width:990px)and (max-height:850px){.yw-studio--scroll .yw-studio__stage{height:440px}}@media(max-width:989px){.yw-studio__backdrop{object-position:75% bottom}.yw-studio__inner,.yw-studio--scroll .yw-studio__inner{min-height:0;padding:28px 22px 18px}.yw-studio__copy{background:#faf5e9db;padding:18px;border-radius:4px}.yw-studio h1,.yw-studio--scroll h1{font-size:clamp(30px,8.2vw,44px);font-weight:800}.yw-studio__stage,.yw-studio--scroll .yw-studio__stage{height:280px;margin-top:0}.yw-studio__animated-pouch{top:0;right:6%;bottom:0;left:6%}.yw-studio__controls{margin-top:16px}}.yw-studio__inner{z-index:1}.yw-studio__facts{position:relative;z-index:1}.yw-studio__backdrop{object-position:center bottom}.yw-studio__inner{padding-bottom:100px}.yw-studio__copy .yw-studio__controls{display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;padding:0;margin:0 0 28px;gap:10px}.yw-studio__copy .yw-studio__controls[hidden]{display:none}.yw-studio__copy .yw-studio__caption{text-align:left;max-width:42ch;font-size:11px;min-height:38px}.yw-studio__copy .yw-studio__buttons{gap:7px}.yw-studio__copy .yw-studio__buttons button{padding:10px 12px}.yw-studio__copy .yw-studio__number{margin-right:6px}.yw-studio__stage{align-self:start;margin-top:65px}@media(max-width:989px){.yw-studio__backdrop{top:auto;bottom:65px;height:370px;object-position:56% bottom}.yw-studio__copy{background:transparent;padding:0}.yw-studio__copy .yw-studio__controls{margin-bottom:20px}.yw-studio__copy .yw-studio__buttons{width:100%}.yw-studio__copy .yw-studio__buttons button{padding:10px 6px}.yw-studio__copy .yw-studio__caption{min-height:36px}.yw-studio__inner,.yw-studio--scroll .yw-studio__inner{padding-bottom:115px}.yw-studio__stage,.yw-studio--scroll .yw-studio__stage{margin-top:20px}.yw-studio__animated-pouch{top:0;right:0;bottom:0;left:30%}}.yw-studio[data-scene] .yw-studio__animated-pouch{transform:translateY(25px) rotate(0);filter:drop-shadow(4px 7px 5px #5d4a3626);transition:transform .55s cubic-bezier(.22,.8,.22,1)}.yw-studio[data-scene="1"] .yw-studio__animated-pouch{transform:translateY(0) rotate(1deg)}.yw-studio[data-scene="2"] .yw-studio__animated-pouch{transform:translateY(-30px) rotate(2deg)}@media(min-width:990px){.yw-studio__stage{position:absolute;right:6%;bottom:40px;width:42%;margin-top:0}}@media(max-width:989px){.yw-studio[data-scene] .yw-studio__animated-pouch{transform:translateY(75px)}.yw-studio[data-scene="1"] .yw-studio__animated-pouch{transform:translateY(50px) rotate(1deg)}.yw-studio[data-scene="2"] .yw-studio__animated-pouch{transform:translateY(25px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.yw-studio[data-scene] .yw-studio__animated-pouch{transform:translateY(25px);transition:none}}@media(max-width:989px)and (prefers-reduced-motion:reduce){.yw-studio[data-scene] .yw-studio__animated-pouch{transform:translateY(75px)}}.yw-studio__actions{flex-direction:column;align-items:flex-start;gap:16px}.yw-studio__eyebrow{font-size:13px;letter-spacing:.14em}.yw-studio__control-label{font-size:12px;letter-spacing:.14em}.yw-studio__buttons button{font-size:14px;line-height:1.45}.yw-studio__number{font-size:12px}.yw-studio__copy .yw-studio__caption{font-size:15px;line-height:1.6}.yw-studio__description{font-size:18px;line-height:1.7}.yw-studio__cta,.yw-studio__link{font-size:13px;letter-spacing:.08em}.yw-studio__detail{font-size:14px;line-height:1.65}.yw-studio__facts{font-size:12px;line-height:1.5;letter-spacing:.1em}@media(max-width:989px){.yw-studio__eyebrow,.yw-studio__control-label{font-size:12px;letter-spacing:.1em}.yw-studio__description{font-size:17px}.yw-studio__copy .yw-studio__buttons{gap:6px}.yw-studio__copy .yw-studio__buttons button{flex:1 1 90px;padding:10px 8px}.yw-studio__facts{font-size:11px;letter-spacing:.07em}}.yw-studio{background:#faf5e9}.yw-studio__frame{max-width:1480px;margin-inline:auto}.yw-studio__inner{padding-inline:clamp(28px,5vw,80px)}.yw-studio__copy{min-width:0}.yw-studio__facts span{overflow-wrap:break-word}.yw-studio__link{display:inline-flex;align-items:center;min-height:44px}@media(max-width:989px){.yw-studio__inner,.yw-studio--scroll .yw-studio__inner{padding-inline:24px}.yw-studio__copy{max-width:620px;width:100%;justify-self:center}.yw-studio h1,.yw-studio--scroll h1{font-size:clamp(30px,7.6vw,54px)}.yw-studio__backdrop{height:370px;object-fit:cover}}@media(max-width:749px){.yw-studio__copy .yw-studio__controls{margin-bottom:22px;gap:0}.yw-studio__control-label{display:none}.yw-studio__copy .yw-studio__caption{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.yw-studio__copy .yw-studio__buttons{gap:12px;flex-wrap:nowrap}.yw-studio__copy .yw-studio__buttons button{flex:1 1 auto;min-width:0;min-height:44px;padding:8px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--studio-ink);font-size:12px;line-height:1.4}.yw-studio__copy .yw-studio__buttons button[aria-pressed=true]{border-bottom-color:currentColor;font-weight:700}}@media(min-width:1481px){.yw-studio{background:radial-gradient(ellipse at 95% 5%,#cbb08b80,transparent 55%),linear-gradient(120deg,#fbead4 20%,#f8e4c8 65%,#ead1ad)}.yw-studio__frame{background:transparent}.yw-studio__backdrop{-webkit-mask-image:linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(to right,transparent,#000 80px,#000 calc(100% - 80px),transparent)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/yawana-studio.css.map */