.rosayaa-banner .rosayaa-banner__products{mix-blend-mode:multiply}.rosayaa-banner .koko-campaign-texture{position:absolute;right:-3%;top:-9%;width:65%;height:118%;object-fit:contain;pointer-events:none;mix-blend-mode:multiply;animation:koko-texture-drift 11s ease-in-out infinite alternate}.rosayaa-banner .koko-campaign-brand{margin:0 0 12px;color:#111;font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:0}.rosayaa-banner .rosayaa-banner__heading{max-width:12ch;font-size:48px;line-height:1.08;letter-spacing:0}.rosayaa-banner .rosayaa-banner__subtext{max-width:29ch}koko-ritual.rosayaa-banner.is-carousel .rosayaa-banner__product{width:min(100%,680px)}koko-ritual.rosayaa-banner.is-carousel .rosayaa-banner__product img{animation-name:koko-campaign-float}@keyframes koko-campaign-float{0%,to{transform:translateY(3px) rotate(-10deg)}50%{transform:translateY(-16px) rotate(-5deg)}}@media(max-width:749px){koko-ritual.rosayaa-banner.is-ready.is-carousel .rosayaa-banner__products{height:280px}koko-ritual.rosayaa-banner.is-ready.is-carousel .rosayaa-banner__product{width:min(100%,290px)}}@keyframes koko-texture-drift{0%{transform:translateY(8px) rotate(-4deg) scale(.96)}to{transform:translateY(-10px) rotate(3deg) scale(1.02)}}.rosayaa-banner.is-motion-paused .koko-campaign-texture{animation-play-state:paused}@media(max-width:1024px){koko-ritual.rosayaa-banner{display:flex;flex-direction:column;height:auto;min-height:0;padding:26px 0 12px}.rosayaa-banner .koko-campaign-brand{font-size:14px;margin-bottom:12px}koko-ritual.rosayaa-banner .rosayaa-banner__heading{font-size:30px;max-width:none;margin-bottom:12px}.rosayaa-banner .rosayaa-banner__content{position:relative;top:auto;left:auto;width:calc(100% - 40px);max-width:440px;margin:0 auto;transform:none}.rosayaa-banner .rosayaa-banner__subtext{max-width:34ch;margin:0 auto 14px;font-size:15px;line-height:1.5;text-wrap:balance}.rosayaa-banner .koko-campaign-texture{top:auto;bottom:0;right:0;width:100%;height:340px}koko-ritual.rosayaa-banner.is-carousel .rosayaa-banner__products{position:relative;flex:none;top:auto;bottom:auto;left:auto;right:auto;width:100%;height:340px;margin-top:18px}koko-ritual.rosayaa-banner.is-carousel .rosayaa-banner__product{width:min(100%,350px)}koko-ritual.rosayaa-banner.is-transitioning .rosayaa-banner__product img,koko-ritual.rosayaa-banner.is-transitioning .rosayaa-banner__product:after{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.rosayaa-banner .koko-campaign-texture{animation:none}koko-ritual.rosayaa-banner.is-carousel .rosayaa-banner__product img{animation:none}}.rosayaa-banner .rosayaa-banner__grid,.rosayaa-banner .rosayaa-banner__lens,.rosayaa-banner .rosayaa-banner__wordmark,.rosayaa-banner .rosayaa-banner__phases{display:none}.rosayaa-banner .rosayaa-banner__heading,.rosayaa-banner .rosayaa-banner__subtext{opacity:1;transform:none}.rosayaa-banner .rosayaa-banner__products{width:58%}.rosayaa-banner .rosayaa-banner__product{transform:translate(-50%,-50%);will-change:auto;mix-blend-mode:multiply}.rosayaa-banner .rosayaa-banner__product--eye{left:20%}.rosayaa-banner .rosayaa-banner__product--balm{left:50%}.rosayaa-banner .rosayaa-banner__product--ampoule{left:80%}.rosayaa-banner .rosayaa-banner__product img{mix-blend-mode:normal;transform-origin:50% 85%}.rosayaa-banner .rosayaa-banner__eyebrow{letter-spacing:0}@media(max-width:1024px){.rosayaa-banner .rosayaa-banner__products{width:100%;top:49%;bottom:3%}.rosayaa-banner .rosayaa-banner__product{width:min(68vw,360px)}}@media(max-width:430px){.rosayaa-banner .rosayaa-banner__heading{font-size:38px}}.rosayaa-banner.is-carousel .rosayaa-banner__products{overflow:hidden}.rosayaa-banner.is-carousel .rosayaa-banner__product{left:50%;width:min(100%,570px);max-height:100%;aspect-ratio:1}.koko-carousel-controls{position:absolute;bottom:16px;right:25%;z-index:9;display:flex;gap:8px}.koko-carousel-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:#fff;border:1px solid #ddd;border-radius:50%;color:#26191d;cursor:pointer;font-size:16px}.koko-carousel-controls button:hover{background:#f3f3f3}.koko-carousel-controls button:focus-visible{outline:2px solid #7b123e;outline-offset:3px}.koko-carousel-controls button:disabled{opacity:.4;cursor:default}@media(max-width:1024px){.rosayaa-banner.is-carousel .rosayaa-banner__products{bottom:9%}.rosayaa-banner.is-carousel .rosayaa-banner__product{width:min(100%,340px)}.koko-carousel-controls{right:50%;transform:translate(50%);bottom:10px}}@keyframes koko-hover{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes koko-hover-shadow{0%,to{transform:translate(-50%) scaleX(.9);opacity:.17}50%{transform:translate(-50%) scaleX(1.16);opacity:.09}}.rosayaa-banner.is-carousel .rosayaa-banner__product:after{content:"";position:absolute;top:94%;left:50%;width:23%;height:2.5%;border-radius:50%;background:#454545;filter:blur(5px);transform:translate(-50%) scaleX(.9);opacity:.17;pointer-events:none;animation:koko-hover-shadow 4.2s ease-in-out infinite}.rosayaa-banner.is-carousel .rosayaa-banner__product--eye:after{width:18%}.rosayaa-banner.is-carousel .rosayaa-banner__product img{animation:koko-hover 4.2s ease-in-out infinite;transform-origin:50% 50%}.rosayaa-banner.is-motion-paused .rosayaa-banner__product img,.rosayaa-banner.is-motion-paused .rosayaa-banner__product:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.rosayaa-banner.is-carousel .rosayaa-banner__product:after{animation:none}.rosayaa-banner.is-carousel .rosayaa-banner__product img{animation:none;transform:none}}.section-rosayaa-banner{display:block;background:var(--koko-canvas, #f1e7e9)}.section-rosayaa-banner .columns{padding:0}.rosayaa-banner{--koko-pointer-x: 0px;--koko-pointer-y: 0px;--koko-eye-x: -34px;--koko-eye-y: 24px;--koko-eye-r: -7deg;--koko-balm-x: 0px;--koko-balm-y: 42px;--koko-balm-r: 2deg;--koko-ampoule-x: 38px;--koko-ampoule-y: -18px;--koko-ampoule-r: 7deg;--koko-lens-x: 14%;--koko-lens-y: 53%;position:relative;isolation:isolate;display:block;width:100%;height:min(var(--desktop-height, 760px),82svh);min-height:610px;overflow:hidden;color:var(--koko-ink, #26191d);background:var(--koko-canvas, #f1e7e9)}.rosayaa-banner:after{position:absolute;right:0;bottom:0;left:0;z-index:8;height:1px;background:color-mix(in srgb,var(--koko-ink) 18%,transparent);content:""}.rosayaa-banner__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.42;background-image:linear-gradient(90deg,transparent 49.9%,rgba(38,25,29,.08) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(38,25,29,.06) 50%,transparent 50.1%);background-size:25% 100%,100% 50%}.rosayaa-banner__wordmark{position:absolute;top:47%;left:50%;z-index:0;color:#ffffff7a;font-family:Arial,Helvetica,sans-serif;font-size:clamp(150px,23vw,390px);font-weight:700;line-height:.72;letter-spacing:0;white-space:nowrap;transform:translate3d(calc(-50% + var(--koko-wordmark-x, 0px)),-50%,0);-webkit-user-select:none;user-select:none}.rosayaa-banner__content{position:absolute;top:50%;left:clamp(24px,6vw,104px);z-index:6;width:min(38vw,580px);text-align:left;transform:translateY(-51%)}.rosayaa-banner__eyebrow{margin:0 0 22px;color:var(--koko-accent, #7b123e);font-size:11px;font-weight:700;line-height:1;letter-spacing:.14em}.rosayaa-banner__heading{max-width:9.5ch;margin:0 0 22px;color:var(--koko-ink, #26191d);font-size:clamp(48px,var(--heading-size, 68px),82px);font-weight:500;line-height:.98;letter-spacing:0;text-wrap:balance;opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.23,1,.32,1),transform .62s cubic-bezier(.23,1,.32,1)}.rosayaa-banner__subtext{max-width:42ch;margin:0 0 30px;color:color-mix(in srgb,var(--koko-ink) 76%,transparent);font-size:var(--subtext-size, 18px);line-height:1.55;letter-spacing:0;text-wrap:pretty;opacity:0;transform:translateY(14px);transition:opacity .62s 90ms cubic-bezier(.23,1,.32,1),transform .62s 90ms cubic-bezier(.23,1,.32,1)}.rosayaa-banner.is-ready .rosayaa-banner__heading,.rosayaa-banner.is-ready .rosayaa-banner__subtext{opacity:1;transform:translateY(0)}.rosayaa-banner__button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;color:#111;background:transparent;box-shadow:none;font-size:15px;font-weight:650;line-height:1;letter-spacing:0;text-decoration:none;transition:background-color .15s cubic-bezier(.23,1,.32,1),color .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1)}.rosayaa-banner__button span{display:none}.rosayaa-banner__button:hover{color:var(--koko-ink, #26191d);background:transparent;transform:translateY(-2px)}.rosayaa-banner__button:active{transform:translateY(1px)}.rosayaa-banner__button:focus-visible,.rosayaa-banner__product:focus-visible{outline:2px solid var(--koko-accent, #7b123e);outline-offset:4px}.rosayaa-banner__products{position:absolute;top:7%;right:0;bottom:7%;z-index:3;width:62%;pointer-events:none}.rosayaa-banner__product{position:absolute;top:50%;width:clamp(330px,31vw,560px);aspect-ratio:1;pointer-events:auto;will-change:transform}.rosayaa-banner__product img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;mix-blend-mode:multiply;transition:filter .18s cubic-bezier(.23,1,.32,1)}.rosayaa-banner__product:hover img{filter:saturate(1.08) contrast(1.04)}.rosayaa-banner__product--eye{left:-5%;z-index:2;transform:translate3d(calc(-50% + var(--koko-eye-x) + var(--koko-pointer-x)),calc(-50% + var(--koko-eye-y) + var(--koko-pointer-y)),0) rotate(var(--koko-eye-r)) scale(.92)}.rosayaa-banner__product--balm{left:35%;z-index:4;transform:translate3d(calc(-50% + var(--koko-balm-x) + var(--koko-pointer-x)),calc(-50% + var(--koko-balm-y)),0) rotate(var(--koko-balm-r)) scale(1.06)}.rosayaa-banner__product--ampoule{left:73%;z-index:3;transform:translate3d(calc(-50% + var(--koko-ampoule-x)),calc(-50% + var(--koko-ampoule-y) - var(--koko-pointer-y)),0) rotate(var(--koko-ampoule-r))}.rosayaa-banner__lens{position:absolute;top:var(--koko-lens-y);left:var(--koko-lens-x);z-index:5;width:clamp(150px,17vw,280px);aspect-ratio:.8;border:1px solid rgba(255,255,255,.78);border-radius:53% 47% 58% 42%/42% 56% 44% 58%;background:#ffffff29;box-shadow:inset 18px 14px 34px #ffffff5c,inset -15px -18px 32px #7b123e14,0 24px 54px #481c301f;-webkit-backdrop-filter:saturate(1.22) contrast(1.04);backdrop-filter:saturate(1.22) contrast(1.04);transform:translate3d(-50%,-50%,0) rotate(var(--koko-lens-r, -12deg)) scale(var(--koko-lens-scale, .82));opacity:var(--koko-lens-opacity, .3);pointer-events:none;will-change:transform,left,top,opacity}.rosayaa-banner__lens span{position:absolute;top:13%;left:18%;width:38%;height:17%;border-top:2px solid rgba(255,255,255,.88);border-radius:50%;transform:rotate(-24deg)}.rosayaa-banner__phases{position:absolute;right:clamp(24px,4vw,72px);bottom:25px;left:clamp(24px,6vw,104px);z-index:7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--koko-ink) 19%,transparent);list-style:none}.rosayaa-banner__phases li{position:relative;padding-top:13px;color:color-mix(in srgb,var(--koko-ink) 45%,transparent);font-size:11px;font-weight:650;line-height:1;letter-spacing:.08em;text-transform:uppercase;transition:color .18s ease-out}.rosayaa-banner__phases li:before{position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--koko-accent, #7b123e);content:"";transition:width .36s cubic-bezier(.23,1,.32,1)}.rosayaa-banner__phases li.is-active{color:var(--koko-ink, #26191d)}.rosayaa-banner__phases li.is-active:before{width:42px}.rosayaa-banner__rating{display:none}@media screen and (max-width:1024px){.rosayaa-banner{height:min(var(--mobile-height, 620px),82svh);min-height:560px}.rosayaa-banner__content{top:10%;left:50%;width:calc(100% - 44px);text-align:center;transform:translate(-50%)}.rosayaa-banner__eyebrow{margin-bottom:12px}.rosayaa-banner__heading{max-width:13ch;margin:0 auto 12px;font-size:var(--heading-size-mobile, 42px);line-height:1}.rosayaa-banner__subtext{max-width:38ch;margin:0 auto 18px;font-size:var(--subtext-size-mobile, 15px);line-height:1.45}.rosayaa-banner__button{min-height:44px;padding:12px 24px;border:0;border-radius:24px;background:#111;color:#fff;font-size:14px;font-weight:500;justify-content:center;max-width:100%;line-height:1.3}.rosayaa-banner__button:hover{background:#2b2b2b;color:#fff;transform:none}.rosayaa-banner__products{top:39%;right:0;bottom:8%;left:0;width:100%}.rosayaa-banner__product{width:min(61vw,340px)}.rosayaa-banner__product--eye{left:16%}.rosayaa-banner__product--balm{left:50%}.rosayaa-banner__product--ampoule{left:84%}.rosayaa-banner__lens{width:clamp(108px,31vw,160px)}.rosayaa-banner__wordmark{top:65%;font-size:clamp(108px,37vw,180px)}.rosayaa-banner__phases{right:20px;bottom:17px;left:20px}}@media screen and (max-width:430px){.rosayaa-banner{min-height:540px}.rosayaa-banner__content{top:7%}.rosayaa-banner__products{top:42%;bottom:9%}.rosayaa-banner__heading{font-size:min(var(--heading-size-mobile, 42px),10.5vw)}.rosayaa-banner__phases li{font-size:10px}}@media(prefers-reduced-motion:reduce){.rosayaa-banner{--koko-eye-x: 0px !important;--koko-eye-y: 0px !important;--koko-eye-r: -2deg !important;--koko-balm-x: 0px !important;--koko-balm-y: 8px !important;--koko-balm-r: 0deg !important;--koko-ampoule-x: 0px !important;--koko-ampoule-y: 0px !important;--koko-ampoule-r: 2deg !important;--koko-pointer-x: 0px !important;--koko-pointer-y: 0px !important;--koko-lens-opacity: 0 !important}.rosayaa-banner__heading,.rosayaa-banner__subtext{opacity:1;transform:none;transition:opacity .16s ease-out}.rosayaa-banner__product,.rosayaa-banner__product img,.rosayaa-banner__phases li:before{transition:opacity .16s ease-out}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/rosayaa-banner.css.map */