.product-stage{container-type:size}.product-stage__canvas{position:absolute;left:50%;top:50%;width:max(100cqw,150cqh);aspect-ratio:3 / 2;translate:-50% -50%}.product-stage__canvas>img{object-fit:fill}.product-stage__item--left{clip-path:polygon(31% 24.3%,45.6% 20.9%,50.5% 53.2%,35.3% 57.3%);transform-origin:41.5% 38%}.product-stage__item--right{clip-path:polygon(55.3% 32.3%,70.4% 37.4%,66.5% 72.6%,50.7% 67.4%);transform-origin:58.6% 69.6%}@media(prefers-reduced-motion:no-preference){@keyframes product-float{0%{translate:0 .4%}to{translate:0 -1.2%}}.product-stage__item--left{animation:product-float 3.8s cubic-bezier(.37,0,.63,1) infinite alternate}.product-stage__item--right{animation:product-float 4.4s cubic-bezier(.37,0,.63,1) -2.2s infinite alternate}@keyframes motion-glint{0%{translate:-120% 0;opacity:0}6%{opacity:1}28%{translate:120% 0;opacity:0}to{translate:120% 0;opacity:0}}.motion-glint{position:relative;isolation:isolate}.motion-glint:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgb(255 255 255 / .1) 44%,rgb(190 240 255 / .32) 50%,rgb(255 255 255 / .1) 56%,transparent 65%);mix-blend-mode:screen;animation:motion-glint 5.5s ease-in-out 1.2s infinite;translate:-120% 0}}.product-stage--low .product-stage__canvas{top:50%;translate:-50% -41%}.apart__pill{display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:999px;background:#ffffffb3;border:1px solid rgb(15 27 42 / .08);box-shadow:0 6px 16px -10px #0f1b2a4d;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#0f1b2a}.apart__title{color:#0f1b2a}.apart__title-soft{color:#0f1b2a52}.apart__item{display:flex;flex-direction:column;gap:0;min-height:20rem}.apart__icon{display:flex;flex:1;align-items:center;justify-content:center;padding-block:2.5rem;color:#a9b6c6;transition:color .4s cubic-bezier(.16,1,.3,1),translate .4s cubic-bezier(.16,1,.3,1)}.apart__icon svg{width:6.5rem;height:6.5rem}@media(hover:hover){.apart__item:hover .apart__icon{color:#1f7cf2}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.apart__item:hover .apart__icon{translate:0 -6px}}@media(max-width:767px){.apart__item{min-height:0;align-items:center;text-align:center}.apart__icon{padding-block:1.5rem}.apart__icon svg{width:4.5rem;height:4.5rem}}.apart__icon--solid svg{width:5.75rem;height:5.75rem;opacity:.85}@media(max-width:767px){.apart__icon--solid svg{width:4rem;height:4rem}}.apart__icon{flex:none;height:13rem;padding-block:0}.apart__icon svg,.apart__icon--solid svg,.apart__icon--wide svg{width:6.5rem;height:6.5rem;opacity:1}@media(max-width:767px){.apart__icon{height:8rem}.apart__icon svg,.apart__icon--solid svg,.apart__icon--wide svg{width:4.75rem;height:4.75rem}}.apart__item{align-items:center;text-align:center}.apart__title{display:flex;flex-direction:column;gap:.3em}.apart__title>*{line-height:1.1}.ing-card{transition:translate .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}.ing-card img{transition:scale .9s cubic-bezier(.16,1,.3,1)}.ing-card h3{transition:color .3s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.ing-card:hover{box-shadow:0 24px 48px -28px #1f5cdc73}.ing-card:hover h3{color:#1f7cf2}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ing-card:hover{translate:0 -6px}.ing-card:hover img{scale:1.06}}.ritual-row__rule{position:absolute;left:0;bottom:-1px;width:3.5rem;height:2px;background:linear-gradient(90deg,#2a3bd9,#1f7cf2 55%,#1fd6ee);transition:width .6s cubic-bezier(.16,1,.3,1)}.ritual-row__mark{position:absolute;top:1.85rem;right:0;width:1.1rem;height:1.1rem;color:#1fd6ee;opacity:.55;transition:opacity .3s cubic-bezier(.16,1,.3,1),translate .4s cubic-bezier(.16,1,.3,1)}.ritual-row__mark svg{width:100%;height:100%}.ritual-row__num{transition:color .3s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.ritual-row:hover .ritual-row__rule{width:100%}.ritual-row:hover .ritual-row__mark{opacity:1}.ritual-row:hover .ritual-row__num{color:#1fd6ee;opacity:1}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.ritual-row:hover .ritual-row__mark{translate:2px -2px}}@media(prefers-reduced-motion:reduce){.ritual-row__rule{transition:none}}.deck{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;min-height:40rem}.deck__title{position:absolute;inset:50% 0 auto 0;translate:0 -55%;margin:0;text-align:center;font-weight:500;font-size:clamp(3rem,10.5vw,9.5rem);line-height:.95;letter-spacing:-.045em;pointer-events:none}.deck__title-soft{color:#0f1b2a80}.deck__title-strong{color:#0f1b2a}.deck__stage{position:relative;z-index:2;align-self:center;width:min(19rem,62vw);aspect-ratio:3 / 4;margin-top:3.5rem}.deck__card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:1.5rem;background:linear-gradient(160deg,#2a3bd9,#1f7cf2 60%,#1fd6ee);box-shadow:0 30px 60px -30px #0f1b2a8c;transition:rotate .75s cubic-bezier(.16,1,.3,1),translate .75s cubic-bezier(.16,1,.3,1),scale .75s cubic-bezier(.16,1,.3,1),opacity .5s ease}.deck__card img{width:100%;height:100%;object-fit:cover}.deck__card[data-pos="0"]{z-index:3;rotate:-7deg;translate:0 0;scale:1}.deck__card[data-pos="1"]{z-index:2;rotate:6deg;translate:2.25rem -.75rem;scale:.95}.deck__card[data-pos="2"]{z-index:1;rotate:14deg;translate:3.75rem .5rem;scale:.9;opacity:.85}.deck__bubble{position:absolute;z-index:3;top:0;left:4%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:9.5rem;aspect-ratio:1;border-radius:999px;background:#fff;box-shadow:0 18px 40px -24px #0f1b2a66;text-align:center}.deck__value{font-size:2.25rem;font-weight:600;letter-spacing:-.03em;color:#0f1b2a;font-variant-numeric:tabular-nums}.deck__caption{font-size:.7rem;color:#0f1b2a99}.deck__note{position:absolute;z-index:3;top:0;right:2%;width:min(21rem,30vw);padding:1.25rem 1.5rem;border-radius:1.25rem;background:#fff;box-shadow:0 18px 40px -24px #0f1b2a66}.deck__result{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:1rem}.deck__index{font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:#0f1b2a}.deck__label{margin:0;font-weight:600;line-height:1.3;color:#0f1b2a}.deck__source{margin:.6rem 0 0;font-size:.75rem;color:#0f1b2a8c}.deck__swap{display:grid}.deck__swap>*{grid-area:1 / 1;opacity:0;translate:0 6px;transition:opacity .45s cubic-bezier(.16,1,.3,1),translate .45s cubic-bezier(.16,1,.3,1)}.deck__swap>.is-active{opacity:1;translate:0 0}.deck__bubble .deck__swap{justify-items:center}.deck__controls{position:relative;z-index:3;display:flex;align-items:center;gap:1rem;margin-top:2.5rem}.deck__btn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;cursor:pointer;transition:scale .16s cubic-bezier(.16,1,.3,1),background-color .22s ease}.deck__btn svg{width:1.1rem;height:1.1rem}.deck__btn--prev{background:#ffffffbf;border:1px solid rgb(15 27 42 / .12);color:#0f1b2a}.deck__btn--next{background:#0f1b2a;border:1px solid #0F1B2A;color:#fff}@media(hover:hover){.deck__btn--prev:hover{background:#fff}.deck__btn--next:hover{background:#1f7cf2;border-color:#1f7cf2}}.deck__btn:active{scale:.93}.deck__btn:focus-visible{outline:2px solid #1F7CF2;outline-offset:3px}.deck__dots{display:flex;gap:.35rem}.deck__dots span{width:.4rem;height:.4rem;border-radius:999px;background:#0f1b2a33;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s ease}.deck__dots span.is-active{width:1.25rem;background:#0f1b2a}@media(max-width:1023px){.deck{min-height:0;gap:1.5rem}.deck__title{position:static;translate:none;font-size:clamp(2.75rem,15vw,4.5rem);order:1}.deck__stage{order:2;margin-top:.5rem;width:min(15rem,62vw)}.deck__bubble{position:static;order:3;width:7.5rem;margin-top:1.5rem}.deck__note{position:static;order:4;width:100%}.deck__controls{order:5;margin-top:.5rem}}@media(prefers-reduced-motion:reduce){.deck__card,.deck__swap>*,.deck__dots span{transition:none}}.deck__title>*{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;font-weight:inherit!important}.deck__note,.deck__note *{text-align:left}@media(max-width:1023px){.deck__stage{translate:-1.25rem 0}.deck__card[data-pos="1"]{translate:1.5rem -.5rem}.deck__card[data-pos="2"]{translate:2.5rem .4rem}}@media(min-width:1024px){.deck__title{inset:52% 3% auto 3%;font-size:clamp(4rem,6.5vw,6.5rem)}.deck__title-soft{text-align:left}.deck__title-strong{text-align:right}}@media(hover:none){.apart__item.is-touch-active .apart__icon{color:#1f7cf2}.ing-card.is-touch-active{box-shadow:0 24px 48px -28px #1f5cdc73}.ing-card.is-touch-active h3{color:#1f7cf2}.ritual-row.is-touch-active .ritual-row__rule{width:100%}.ritual-row.is-touch-active .ritual-row__mark{opacity:1}.ritual-row.is-touch-active .ritual-row__num{color:#1fd6ee;opacity:1}}@media(hover:none)and (prefers-reduced-motion:no-preference){.apart__item.is-touch-active .apart__icon,.ing-card.is-touch-active{translate:0 -6px}.ing-card.is-touch-active img{scale:1.06}.ritual-row.is-touch-active .ritual-row__mark{translate:2px -2px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/motion-effects.css.map */