.mocota-ritual{--ritual-unit: 100vh;--ritual-ink: #ffffff;--ritual-ease: cubic-bezier(.22, .61, .36, 1);display:block}@supports (height: 100svh){.mocota-ritual{--ritual-unit: 100svh}}.mocota-ritual__intro{display:flex;flex-direction:column;align-items:center;gap:1.6rem;max-width:62rem;margin-inline:auto;text-align:center}.mocota-ritual__title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(calc(var(--font-heading-scale) * 3.2rem),4.2vw,calc(var(--font-heading-scale) * 5.4rem));line-height:1.06;letter-spacing:-.01em}.mocota-ritual__lede{margin:0;max-width:44rem;color:rgba(var(--color-foreground),.68);font-family:var(--font-body-family);font-size:1.7rem;line-height:1.6}.mocota-ritual__stack{position:relative;display:block;height:calc((var(--ritual-count, 4) + var(--ritual-hold, .5)) * var(--ritual-unit))}.mocota-ritual__sentinels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mocota-ritual__sentinel{position:absolute;left:0;width:100%;top:calc(var(--i) * var(--ritual-unit));height:var(--ritual-unit)}.mocota-ritual__slide{position:sticky;top:0;display:block;height:var(--ritual-unit);overflow:hidden;background-color:#0d0b0a;cursor:pointer}.mocota-ritual__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;display:block;cursor:pointer;pointer-events:auto!important;text-decoration:none}.mocota-ritual__picture{display:block;width:100%;height:100%;pointer-events:none}.mocota-ritual__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;transition:transform 1s var(--ritual-ease),filter .9s ease;pointer-events:none}.mocota-ritual__media--product .mocota-ritual__image{object-fit:contain;padding:8vh 6vw;background-color:#f4ece6}.mocota-ritual__image--placeholder{display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.06)}.mocota-ritual__image--placeholder svg{width:100%;height:100%}.mocota-ritual__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--ritual-overlay, .45)),rgba(0,0,0,calc(var(--ritual-overlay, .45) * .4)) 38%,#0000 70%),linear-gradient(to right,rgba(0,0,0,calc(var(--ritual-overlay, .45) * .7)),#0000 58%)}.mocota-ritual__content-wrap{position:relative;z-index:6;display:flex;height:100%;padding-top:12vh;padding-bottom:12vh;pointer-events:none}.mocota-ritual__slide--lower-left .mocota-ritual__content-wrap{align-items:flex-end}.mocota-ritual__slide--center-left .mocota-ritual__content-wrap{align-items:center}.mocota-ritual__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;max-width:52rem;color:var(--ritual-ink);text-shadow:0 .1rem 3rem rgba(0,0,0,.35);transition:opacity .7s var(--ritual-ease),transform .7s var(--ritual-ease)}.mocota-ritual__content a,.mocota-ritual__content button,.mocota-ritual__product{pointer-events:auto;position:relative;z-index:7}.mocota-ritual__step{display:flex;align-items:center;gap:1rem;margin:0;color:#c89e47;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.22em}.mocota-ritual__step-rule{width:2.4rem;height:.1rem;background:#c89e47}.mocota-ritual__step-current,.mocota-ritual__step-total{transform:translateY(.25rem)}.mocota-ritual__time{display:inline-flex;align-items:center;min-height:2.8rem;margin:0;padding:.45rem 1rem;border:.1rem solid rgba(255,255,255,.45);border-radius:999px;color:#fffffff0;background:#12160e52;backdrop-filter:blur(.8rem);-webkit-backdrop-filter:blur(.8rem);font-size:1.05rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.mocota-ritual__step-total{color:#c89e47b3}.mocota-ritual__slide-title{margin:0;color:var(--ritual-ink);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(4.2rem,8vw,9.6rem);line-height:.98;letter-spacing:.01em;text-transform:uppercase}.mocota-ritual__slide-text{margin:0;max-width:40rem;color:#ffffffe0;font-family:var(--font-body-family);font-size:clamp(1.6rem,1.4vw,1.9rem);line-height:1.6}.mocota-ritual__product{display:inline-flex;align-items:center;gap:.9rem;margin:1rem 0 0;color:#c89e47;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.mocota-ritual__product-name{position:relative}a.mocota-ritual__product .mocota-ritual__product-name:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:.1rem;background:currentColor;opacity:.5;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ritual-ease),opacity .45s ease}a.mocota-ritual__product:hover .mocota-ritual__product-name:after{opacity:1;transform:scaleX(1)}.mocota-ritual__product-arrow{display:inline-block;transition:transform .45s var(--ritual-ease)}a.mocota-ritual__product:hover .mocota-ritual__product-arrow{transform:translate(.5rem)}a.mocota-ritual__product:focus-visible{outline:.2rem solid rgba(255,255,255,.9);outline-offset:.6rem}.mocota-ritual__product--static{color:#ffffffc7}.mocota-ritual__slide.is-behind .mocota-ritual__image{transform:scale(1.06);filter:brightness(.6)}.mocota-ritual__slide.is-behind .mocota-ritual__content{opacity:0;transform:translateY(-2rem)}.mocota-ritual__slide.is-ahead .mocota-ritual__image{transform:scale(1.03)}.mocota-ritual__slide.is-active .mocota-ritual__image{transform:scale(1);filter:brightness(1)}.mocota-ritual__slide.is-active .mocota-ritual__content{opacity:1;transform:none}@media screen and (max-width:989px){.mocota-ritual__content-wrap{padding-top:10vh;padding-bottom:10vh}.mocota-ritual__slide-title{font-size:clamp(4rem,9vw,7.2rem)}}@media screen and (max-width:749px){.mocota-ritual__intro{gap:1.2rem}.mocota-ritual__lede{font-size:1.5rem}.mocota-ritual__content-wrap{padding-top:14vh;padding-bottom:calc(9vh + env(safe-area-inset-bottom,0px))}.mocota-ritual__content{gap:1.1rem;max-width:100%}.mocota-ritual__step{font-size:1.1rem;letter-spacing:.18em}.mocota-ritual__slide-title{font-size:clamp(3.6rem,14vw,5.6rem);line-height:1}.mocota-ritual__slide-text{max-width:32rem;font-size:1.5rem}.mocota-ritual__product{margin-top:.6rem;font-size:1.3rem}.mocota-ritual__scrim{background:linear-gradient(to top,rgba(0,0,0,calc(var(--ritual-overlay, .45) + .2)),rgba(0,0,0,calc(var(--ritual-overlay, .45) * .5)) 48%,#0000000d 78%)}.mocota-ritual__image{transition:filter .6s ease}.mocota-ritual__media--product .mocota-ritual__image{padding:10vh 12vw}.mocota-ritual__slide.is-behind .mocota-ritual__image,.mocota-ritual__slide.is-ahead .mocota-ritual__image,.mocota-ritual__slide.is-active .mocota-ritual__image{transform:none}.mocota-ritual__slide.is-behind .mocota-ritual__image{filter:brightness(.55)}}@media(prefers-reduced-motion:reduce){.mocota-ritual__stack{height:auto}.mocota-ritual__sentinels{display:none}.mocota-ritual__slide{position:relative;top:auto}.mocota-ritual__image,.mocota-ritual__content,.mocota-ritual__product-arrow,a.mocota-ritual__product .mocota-ritual__product-name:after{transition:none}.mocota-ritual__slide.is-behind .mocota-ritual__image,.mocota-ritual__slide.is-ahead .mocota-ritual__image{transform:none;filter:none}.mocota-ritual__slide.is-behind .mocota-ritual__content{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mocota-ritual.css.map */