.oji-v4 .ritual{background:var(--oji-v4-cream)}.oji-v4 .ritual__pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 6vw 4rem}.oji-v4 .ritual__head{max-width:1240px;margin:0 auto 3rem;width:100%}.oji-v4 .ritual__hint,.oji-v4 .ritual__dots{display:none}.oji-v4 .ritual__steps{list-style:none;max-width:1240px;margin:0 auto;width:100%;display:grid;grid-template-columns:.9fr 1.1fr;column-gap:4.5rem;align-items:center}.oji-v4 .ritual__step{display:contents}.oji-v4 .ritual__media{grid-column:1;grid-row:1 / span 4;aspect-ratio:4 / 5;max-height:62vh;width:100%;border-radius:var(--oji-v4-radius-lg);overflow:hidden;box-shadow:0 40px 80px -40px #20261a73;opacity:0;transition:opacity .7s var(--oji-v4-ease-out)}.oji-v4 .ritual__media img{width:100%;height:100%;object-fit:cover}.oji-v4 .ritual__step.is-active .ritual__media{opacity:1}.oji-v4 .ritual__body{grid-column:2;padding:1.5rem 0;border-bottom:1px solid var(--oji-v4-paper-line);opacity:.32;transition:opacity .6s var(--oji-v4-ease-out)}.oji-v4 .ritual__step:first-child .ritual__body{border-top:1px solid var(--oji-v4-paper-line)}.oji-v4 .ritual__step.is-active .ritual__body{opacity:1}.oji-v4 .ritual__num{font-family:var(--oji-v4-mono);font-size:11.5px;letter-spacing:.24em;color:var(--oji-v4-matcha)}.oji-v4 .ritual__body h3{font-family:var(--oji-v4-serif);font-weight:400;font-size:27px;margin:.3rem 0 .4rem}.oji-v4 .ritual__body p{font-size:13px;opacity:.8;max-width:26rem}@media(max-width:860px){.oji-v4 .ritual__pin{min-height:0;padding:5.5rem 5vw 3.5rem}.oji-v4 .ritual__head{margin-bottom:2rem}.oji-v4 .ritual__hint{display:block;margin-top:.6rem;font-family:var(--oji-v4-mono);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--oji-v4-olive-soft)}.oji-v4 .ritual__steps{width:auto;max-width:none;display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -5vw;padding:.5rem 5vw 1.2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.oji-v4 .ritual__steps::-webkit-scrollbar{display:none}.oji-v4 .ritual__step{display:flex;flex-direction:column;flex:0 0 min(76vw,330px);scroll-snap-align:center;background:var(--oji-v4-mint);border-radius:var(--oji-v4-radius-lg);overflow:hidden;box-shadow:inset 0 0 0 1px #8a9a5b2e,0 18px 40px -24px #20261a59}.oji-v4 .ritual__media{grid-column:auto;grid-row:auto;aspect-ratio:4 / 3.4;max-height:none;border-radius:0;box-shadow:none;opacity:1}.oji-v4 .ritual__body{padding:1.2rem 1.3rem 1.5rem;border:none!important;opacity:1}.oji-v4 .ritual__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.2rem}.oji-v4 .ritual__dots span{width:.45rem;height:.45rem;border-radius:999px;background:#3b4a2f2e;transition:background .4s var(--oji-v4-ease-press),transform .4s var(--oji-v4-ease-press)}.oji-v4 .ritual__dots span.is-active{background:var(--oji-v4-matcha);transform:scale(1.25)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/oji-v4-ritual.css.map */