.section-koko-essentials{padding:12px 24px 36px;background:#fff}.koko-essentials{--scene-height: min(70svh, 680px);display:block;position:relative;height:var(--scene-height)}.koko-essentials__stage{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;height:var(--scene-height);background:#f6f4f0;color:#343331;border-radius:8px}.koko-essentials.is-reveal-ready:not(.is-revealed) .koko-essentials__plane{opacity:0}.koko-essentials__art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.koko-essentials__plane{position:absolute;aspect-ratio:1;mix-blend-mode:multiply;pointer-events:none}.koko-essentials__plane img{display:block;width:100%;height:100%;object-fit:contain}.koko-essentials__product--mask{height:70%;top:-17%;left:-6%;rotate:-16deg}.koko-essentials__product--eye{height:74%;top:-27%;left:5%;rotate:-19deg}.koko-essentials__product--balm{height:76%;bottom:-24%;left:-5%;rotate:18deg}.koko-essentials__product--serum{height:78%;top:-24%;right:-2%;rotate:16deg}.koko-essentials__product--mask-repeat{height:65%;bottom:-9%;right:-11%;rotate:16deg}.koko-essentials__product--balm-repeat{height:69%;bottom:-31%;right:8%;rotate:-16deg}.koko-essentials__copy{position:relative;z-index:1;width:42%;max-width:530px;text-align:center;padding:32px 0}.koko-essentials__copy h2{font-size:34px;font-weight:600;line-height:1.2;letter-spacing:0;margin:0 0 24px;text-wrap:balance}.koko-essentials__copy p{font-size:18px;line-height:1.65;margin:0 0 32px;text-wrap:pretty}.koko-essentials__link{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 28px;border:1px solid currentColor;border-radius:24px;color:inherit;font-size:14px;line-height:1.3;text-transform:uppercase;letter-spacing:0;transition:color .18s ease,background-color .18s ease}.koko-essentials__link:hover{color:#fff;background:#343331;border-color:#343331}.koko-essentials__link:focus-visible{outline:2px solid #343331;outline-offset:5px}@media(min-width:750px)and (max-width:1050px){.koko-essentials{--scene-height: 440px}.koko-essentials__copy{width:43%}.koko-essentials__copy h2{font-size:28px}.koko-essentials__copy p{font-size:16px}}@media(max-width:749px){.section-koko-essentials{padding:8px 12px 24px}.koko-essentials{--scene-height: 460px;--scene-rest-gap: clamp(30px, calc(180px - 20svh) , 65px);height:var(--scene-height)}.koko-essentials__product--mask{height:44%;top:-20%;left:-12%}.koko-essentials__product--eye{height:48%;top:-22%;bottom:auto;left:auto;right:-21%;rotate:-18deg}.koko-essentials__product--balm{height:48%;bottom:-20%;right:auto;left:-24%;rotate:16deg}.koko-essentials__product--serum{height:46%;top:auto;bottom:-18%;right:-21%;rotate:-14deg}.koko-essentials__product--mask-repeat{height:36%;bottom:-25%;right:10%;rotate:18deg}.koko-essentials__product--balm-repeat{height:39%;top:-26%;bottom:auto;left:35%;right:auto;rotate:15deg}.koko-essentials__copy{width:calc(100% - 44px);max-width:300px;padding:0}.koko-essentials__copy h2{font-size:23px;margin-bottom:16px}.koko-essentials__copy p{font-size:15px;line-height:1.55;margin-bottom:24px}.koko-essentials__link{font-size:12px;padding:10px 24px}}@media(prefers-reduced-motion:reduce){.koko-essentials.is-reveal-ready .koko-essentials__plane{opacity:1}.koko-essentials__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-essentials-scene.css.map */