section.how-to{display:grid;grid-template-columns:1fr;position:relative}figure.how-to__media{width:100%;height:auto;grid-row:1;aspect-ratio:1/1;overflow:hidden}figure.how-to__media.is-playing .how-to__media__icon,figure.how-to__media.is-playing .how-to__media__icon path,figure.how-to__media.is-playing .how-to__title{opacity:0!important}.how-to__title{position:absolute;top:1rem;left:1rem;transition:opacity .24s ease-in-out;margin-bottom:1rem}video.how-to__media__video{object-fit:cover;height:100%}svg.icon-play.how-to__media__icon{max-width:none;width:4rem;cursor:pointer;transition:opacity .25s ease-in-out}svg.icon-play.how-to__media__icon path{transition:opacity .25s ease-in-out}.how-to__content{grid-row:2;height:fit-content}.how-to__content__item{padding:1rem;border-bottom:var(--rule-white)}.ritual .how-to__content__item{border-bottom:none}.how-to__content__item:last-child{padding-bottom:2rem;margin-bottom:0}main:has(section.testimonials) .how-to__content__item:last-child{border-bottom:none}.how-to__content__item__title{margin-bottom:1rem}.how-to__content__item__content p:last-child{margin-bottom:0}.how-to__content__item__content ol{padding-left:2rem}.how-to__content__item__content ol li{list-style-type:decimal;margin-bottom:1rem}.how-to.observed video{opacity:0}.how-to.observed .how-to__media__icon,.how-to.observed .how-to__media__icon path{opacity:0}.how-to.observed .how-to__title,.how-to.observed .how-to__content__item{opacity:0}.how-to.in-view video,.how-to.in-view .how-to__media__icon,.how-to.in-view .how-to__media__icon path,.how-to.in-view .how-to__title{animation:blurIn .25s ease-in-out forwards}.how-to.in-view .how-to__media__icon,.how-to.in-view .how-to__media__icon path{animation-delay:.25s;z-index:100}.how-to.in-view .how-to__title{animation-delay:.25s;z-index:100}.how-to.in-view .how-to__content__item{animation:fadeIn .25s ease-in-out forwards;animation-delay:.8s}.how-to.in-view .how-to__content__item:nth-child(2){animation-delay:.5s}.how-to.in-view .how-to__content__item:nth-child(3){animation-delay:.75s}@media screen and (min-width:1084px){.how-to__content__item:last-child{margin-bottom:2rem}section.how-to{display:grid;grid-template-columns:repeat(3,1fr);position:relative;grid-auto-flow:dense;max-width:var(--max-width-inner);margin:0 auto}section.how-to.ritual{display:flex;flex-direction:column-reverse}figure.how-to__media{grid-column:2 / span 2;aspect-ratio:auto}video.how-to__media__video{object-fit:cover;width:100%;height:100%;cursor:pointer}.how-to__content{grid-row:1;height:fit-content}.how-to__title{position:relative;top:auto;left:auto;padding:3rem;border-bottom:var(--rule-white)}.ritual .how-to__title{position:sticky;top:var(--header-height);left:0;padding:3rem;border-bottom:none;font-size:var(--font-heading-iv-size)}.ritual figure.how-to__media{overflow:visible;position:sticky;top:var(--header-height);z-index:1;height:66svh}.show-banner .ritual figure.how-to__media,.show-banner .ritual .how-to__title{top:var(--header-height-banner)}.ritual .how-to__content{z-index:2}.ritual video.how-to__media__video{position:absolute;top:0;left:0;width:100%;height:100%}.how-to__content__item{padding:1rem 3rem}.how-to__content__item .how-to__content__item__content:last-child{padding-bottom:2rem}.how-to__content__item :has(+.how-to__content__item){margin-bottom:0}.ritual .how-to__content__item:last-child{margin:0}.ritual .how-to__content__item{padding:3rem}.ritual .how-to__content__item__content{max-width:35em}.ritual .how-to__content__item__content p:last-child{margin-bottom:0;padding-bottom:0}}@media screen and (min-width:1440px){section.how-to{border-left:var(--rule)}section.ritual.how-to{border-left:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-how-to.css.map */