.ritual-steps{--rs-dot: 2.6rem;display:block}.ritual-steps__sticky{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "media" "timeline";gap:2.4rem}.ritual-steps__heading{grid-area:heading;margin:0}.ritual-steps__media{grid-area:media;position:sticky;top:0;z-index:2;height:40vh;background-color:rgb(var(--color-background))}.ritual-steps__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.ritual-steps__media-item.is-active{opacity:1}.ritual-steps__image,.ritual-steps__video{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.ritual-steps__media .placeholder-svg{background:transparent;fill:rgba(var(--color-foreground),.3)}.ritual-steps__timeline{grid-area:timeline;position:relative;padding-block:1.6rem}.ritual-steps__timeline:before,.ritual-steps__timeline:after,.ritual-steps__line-fill{content:"";position:absolute;top:0;left:calc(var(--rs-dot) / 2);transform:translate(-50%)}.ritual-steps__timeline:before{bottom:0;width:.2rem;background-color:rgba(var(--color-foreground),.35)}.ritual-steps__timeline:after{width:.2rem;height:9rem;bottom:0;background:linear-gradient(90deg,#939290,#93929000)}.ritual-steps__line-fill{width:.2rem;height:0;background-color:rgba(var(--clr-yellow),1);transition:height .2s linear}.ritual-steps__list{display:flex;flex-direction:column;height:100%;justify-content:space-between}.ritual-steps__step{position:relative;display:grid;grid-template-columns:var(--rs-dot) minmax(0,1fr);column-gap:2rem;row-gap:.8rem;padding-block:2.4rem;opacity:1;transition:opacity .4s ease}.ritual-steps__step.is-reached{opacity:1}.ritual-steps__dot{grid-column:1;grid-row:1;align-self:center;position:relative;z-index:1;width:var(--rs-dot);height:var(--rs-dot);border:.15rem solid rgba(var(--color-foreground),.35);border-radius:50%;background-color:rgb(var(--color-background));transition:var(--transition)}.ritual-steps__step.is-active .ritual-steps__dot,.ritual-steps__step.is-reached .ritual-steps__dot{border-color:rgba(var(--clr-yellow),1);background-color:rgba(var(--clr-yellow),1);box-shadow:inset 0 0 0 .3rem rgb(var(--color-background)),0 0 0 1rem rgba(var(--clr-yellow),0)}.ritual-steps__title{grid-column:2;margin:0;color:rgba(var(--clr-yellow),1);margin-bottom:-.4rem}.ritual-steps__text{grid-column:2;line-height:normal;max-width:46.9rem;color:rgba(var(--color-foreground),.75)}.ritual-steps__text p{margin:0}@media screen and (min-width:750px){.ritual-steps__sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"heading timeline" "media timeline";column-gap:6rem;row-gap:3.2rem}.ritual-steps__heading{max-width:44rem}.ritual-steps__media{top:8rem;align-self:start;height:60vh;background-color:transparent}.ritual-steps__image,.ritual-steps__video{object-position:left bottom}.ritual-steps__step{column-gap:4rem;padding-block:3.2rem}.ritual-steps--pin .ritual-steps__track{height:calc(100vh + var(--steps) * 70vh)}.ritual-steps--pin .ritual-steps__sticky{position:sticky;top:0;height:100vh;padding-top:10rem;padding-bottom:10rem}.ritual-steps--pin .ritual-steps__media{position:relative;top:auto;align-self:stretch;height:auto;min-height:0;margin-bottom:-10.1rem}.ritual-steps__text{font-size:2rem}}@media screen and (max-width:749px){.ritual-steps__sticky{grid-template-areas:"heading" "timeline" "media";gap:3.1rem}.ritual-steps__text{font-size:1.4rem}.ritual-steps__list li.ritual-steps__step:last-child{padding-bottom:0}.ritual-steps{--rs-dot: 2rem}}@media(prefers-reduced-motion:reduce){.ritual-steps__media-item,.ritual-steps__line-fill,.ritual-steps__step,.ritual-steps__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/section-ritual-steps.css.map */