.ritual-story{--rs-ease: cubic-bezier(.22, .61, .36, 1);--rs-ease-out: cubic-bezier(.16, 1, .3, 1);--rs-dur: .8s;--rs-p: .5;position:relative;background:var(--cream)}.ritual-story :where(h1,h2,p,figure){margin:0}.ritual-story__sticky{position:relative;background:radial-gradient(ellipse 60% 55% at 32% 42%,#ffffff8c,#fff0 70%),linear-gradient(180deg,#dce7d1,#e9ebda 48%,#f6f1e8)}.rs-bg{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;pointer-events:none}.rs-bg img{position:absolute;top:50%;right:clamp(16px,2.5vw,48px);width:min(56%,900px);height:auto;max-height:86%;object-fit:contain;object-position:100% 50%;transform:translateY(-50%);filter:drop-shadow(0 24px 36px rgba(38,38,31,.1))}.rs-bg:before{content:"";position:absolute;top:50%;right:calc(clamp(16px,2.5vw,48px) + min(56%,900px)*.53 - (min(54%,860px)/2));width:min(54%,860px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffc4709e,#ffd08c6b 34%,#ffdeaa29 54%,#f6f1e800 70%);transform:translateY(-50%);animation:rs-sun-rise 1.8s cubic-bezier(.16,1,.3,1) .15s both}@keyframes rs-sun-rise{0%{opacity:0;transform:translateY(-38%) scale(.7)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes rs-sun-rise-sm{0%{opacity:0;transform:translate(-50%,4%) scale(.7)}to{opacity:1;transform:translate(-50%,-12%) scale(1)}}@media(prefers-reduced-motion:reduce){.rs-bg:before,.rs-intro__media:before{animation:none}}@media(min-width:1001px)and (max-width:1200px){.rs-bg img{width:48%}.rs-bg:before{right:calc(clamp(16px,2.5vw,48px) + 48% * .53 - 46% / 2);width:46%}.rs-motion .ritual-story .rs-copy--intro{width:min(470px,45vw)}}.ritual-story__inner{position:relative;z-index:1}.ritual-story__inner{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);grid-template-areas:"copy visual";align-items:center;column-gap:clamp(24px,4vw,64px)}.ritual-story__copy{grid-area:copy}.ritual-story__visual{grid-area:visual;position:relative}.hero__eyebrow{font:600 12px/1.4 var(--sans, "Inter", system-ui, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 20px}.hero__title{font:400 clamp(40px,5.4vw,72px)/1.04 var(--serif);letter-spacing:-.02em}.hero__title em{font-style:italic;color:var(--green)}.hero__text{max-width:420px;color:var(--muted);margin:20px 0 32px}.rs-strip{background:none}.rs-motion .rs-strip{position:absolute;left:0;right:0;bottom:calc(var(--header-group-height, var(--header-height, 64px)) - var(--header-height, 64px));z-index:3;transition:transform .5s var(--rs-ease),opacity .5s var(--rs-ease),visibility 0s}.rs-motion .ritual-story.has-started .rs-strip{transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .5s var(--rs-ease),opacity .5s var(--rs-ease),visibility 0s linear .5s}.rs-copy__title{font:400 clamp(44px,6vw,84px)/1 var(--serif);letter-spacing:-.02em;margin:0 0 20px}.rs-copy__text{max-width:400px;color:var(--muted);font-size:17px}.rs-copy__static-img,.rs-intro__media{display:none}.rs-visual{margin:0}.rs-visual--product img{width:100%;height:100%;object-fit:contain}.rs-visual__frame{height:100%;width:100%;margin:0 auto;overflow:hidden}.rs-visual__frame img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%}html:not(.rs-motion) .ritual-story__inner{grid-template-areas:"copy visual" "rituals rituals";padding-top:calc(var(--header-h, 68px) + clamp(32px,5vw,56px));padding-bottom:clamp(48px,6vw,80px)}html:not(.rs-motion) .ritual-story__copy{display:contents}html:not(.rs-motion) .rs-copy--intro{grid-area:copy}html:not(.rs-motion) .rs-bg{display:none}html:not(.rs-motion) .ritual-story__visual{aspect-ratio:1;border-radius:28px;overflow:hidden}html:not(.rs-motion) .rs-visual--product,html:not(.rs-motion) .rs-visual--product img{height:100%}html:not(.rs-motion) .rs-visual--product img{object-fit:contain;object-position:50% 50%}html:not(.rs-motion) .rs-visual:not(.rs-visual--product),html:not(.rs-motion) .rs-indicator{display:none}html:not(.rs-motion) .rs-rituals{grid-area:rituals;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;padding-top:40px;border-top:1px solid var(--line)}html:not(.rs-motion) .rs-copy__static-img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:contain;object-position:50% 100%;margin-bottom:16px}html:not(.rs-motion) .rs-copy--ritual .rs-copy__title{font-size:28px;margin:0 0 8px}html:not(.rs-motion) .rs-copy--ritual .rs-copy__text{font-size:15px}.rs-motion .ritual-story{height:300vh}.rs-motion .ritual-story__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}.rs-motion .ritual-story__inner{width:100%;height:100%;padding-right:calc(var(--gutter) + 40px)}.rs-motion .ritual-story__copy{align-self:center}.rs-motion .rs-copy--intro{width:min(560px,58vw)}.rs-motion .rs-visual__frame img{object-position:100% 100%}.rs-motion .ritual-story__copy{display:grid;align-items:center}.rs-motion .rs-rituals{display:contents}.rs-motion .rs-copy{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s linear,transform .5s var(--rs-ease),visibility 0s linear .5s}.rs-motion .rs-copy>*{transform:translate3d(0,16px,0);transition:transform var(--rs-dur) var(--rs-ease-out)}.rs-motion .rs-copy.is-past>*{transform:translate3d(0,-16px,0)}.rs-motion .rs-copy.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .5s linear,visibility 0s}.rs-motion .rs-copy.is-active>*{transform:none;transition-delay:0s}.rs-motion .rs-copy.is-active>:nth-child(2){transition-delay:.05s}.rs-motion .rs-copy.is-active>:nth-child(3){transition-delay:.1s}.rs-motion .rs-copy.is-active>:nth-child(4){transition-delay:.15s}.rs-motion .rs-copy--ritual.is-active{transform:translate3d(0,calc((.5 - var(--rs-p)) * 20px),0)}.rs-motion .rs-visual__frame{transition:transform .7s var(--rs-ease)}.rs-motion .rs-visual__frame{transform-origin:100% 100%}.rs-motion .rs-visual.is-active .rs-visual__frame{transform:scale(calc(1.03 - var(--rs-p) * .03));transition:none}.rs-motion .ritual-story__visual{display:grid;grid-template:100% / 100%;align-self:end;height:min(94vh,94svh,1000px)}.rs-motion .rs-visual{grid-area:1 / 1;height:100%;min-width:0;opacity:0;visibility:hidden;transition:opacity .7s var(--rs-ease),visibility 0s linear .7s;will-change:opacity}.rs-motion .rs-visual.is-active{opacity:1;visibility:visible;transition:opacity .7s var(--rs-ease),visibility 0s}.rs-motion .rs-visual__frame{will-change:transform}.rs-motion .rs-visual--product{display:none}.rs-motion .rs-bg{opacity:0;visibility:hidden;transition:opacity .9s var(--rs-ease),visibility 0s linear .9s;will-change:opacity}.rs-motion .rs-bg.is-active{opacity:1;visibility:visible;transition:opacity .9s var(--rs-ease),visibility 0s}.rs-indicator{position:absolute;top:50%;right:var(--gutter);transform:translateY(-50%);display:flex;gap:12px;opacity:0;visibility:hidden;transition:opacity .8s var(--rs-ease),visibility 0s linear .8s}.ritual-story.has-started .rs-indicator{opacity:1;visibility:visible;transition:opacity .8s var(--rs-ease),visibility 0s}.rs-indicator ol{display:grid;gap:14px}.rs-indicator button{position:relative;background:none;border:0;padding:4px 2px;font:400 12px/1 var(--serif);letter-spacing:.08em;color:var(--muted);cursor:pointer;text-underline-offset:4px;transition:color .5s var(--rs-ease)}.rs-indicator button:before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}.rs-indicator button:hover{color:var(--ink)}.rs-indicator button[aria-current=step]{color:var(--green);font-weight:600;text-decoration:underline}.rs-indicator__track{position:relative;width:1px;background:var(--line)}.rs-indicator__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform-origin:top;transform:scaleY(var(--rs-fill, 0))}@media(min-width:1001px){.rs-motion .ritual-story__inner{position:static;padding-right:var(--gutter)}.rs-motion .ritual-story__copy{position:relative;z-index:1}.rs-motion .ritual-story__visual{position:absolute;z-index:1;right:0;bottom:0;width:min(64vw,1150px);height:min(calc(100% - 56px),1000px)}.rs-motion .rs-indicator{z-index:2;top:auto;right:auto;bottom:40px;left:max(var(--gutter),calc((100% - 1200px)/2));transform:none}.rs-motion .rs-indicator ol{display:flex;gap:18px}.rs-motion .rs-indicator__track{display:none}}@media(max-width:1000px){.ritual-story__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual";row-gap:24px}.hero__title{font-size:clamp(36px,10vw,48px)}.hero__eyebrow{margin-bottom:12px}.hero__text{margin:16px 0 24px;font-size:15px}.rs-copy__title{font-size:clamp(40px,12vw,56px);margin:0 0 12px}.rs-copy__text{font-size:15px}html:not(.rs-motion) .ritual-story__inner{grid-template-areas:"copy" "visual" "rituals"}html:not(.rs-motion) .ritual-story__visual{max-width:440px;width:100%;justify-self:center}html:not(.rs-motion) .rs-rituals{grid-template-columns:minmax(0,1fr);gap:20px}html:not(.rs-motion) .rs-copy--ritual{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-content:start}html:not(.rs-motion) .rs-copy__static-img{grid-row:1 / 3;margin:0}.rs-motion .ritual-story{height:240vh}.rs-motion .ritual-story__sticky{height:100vh;height:100svh;height:100dvh}.rs-motion .ritual-story__inner{display:block;height:100%;padding:52px var(--gutter) 0}.rs-motion .ritual-story__copy{height:100%;display:grid;align-items:stretch}.rs-motion .rs-copy{display:flex;flex-direction:column;height:100%;min-height:0}.rs-motion .rs-copy--intro{width:auto}.rs-motion .rs-copy--intro .btn{align-self:flex-start}.rs-motion .ritual-story__visual,.rs-motion .rs-bg{display:none}.rs-motion .rs-copy--ritual .rs-copy__static-img{display:block;order:3;flex:1 1 0;min-height:180px;width:100%;height:auto;object-fit:cover;object-position:50% 100%;margin-top:24px;transform-origin:50% 100%}.rs-motion .rs-copy--ritual.is-active{transform:none}.rs-motion .rs-copy--ritual.is-active .rs-copy__static-img{transform:scale(calc(1.04 - var(--rs-p) * .04));transition:none}.rs-motion .rs-intro__media{display:block;flex:1 1 0;min-height:180px;width:100%;margin-top:28px;overflow:hidden;border-radius:20px}.rs-motion .rs-intro__media{position:relative}.rs-motion .rs-intro__media:before{content:"";position:absolute;left:50%;top:0;width:min(92%,52svh);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffce8080,#ffd69647,#f6f1e800 68%);transform:translate(-50%,-12%);animation:rs-sun-rise-sm 1.8s cubic-bezier(.16,1,.3,1) .15s both;pointer-events:none}.rs-motion .rs-intro__media img{position:relative}.rs-motion .rs-intro__media img{width:100%;height:100%;max-width:none;object-fit:cover;object-fit:contain;object-position:50% 0%}.rs-indicator{top:18px;transform:none}.rs-indicator ol{display:flex;gap:14px}.rs-indicator__track{display:none}}@media(max-width:1000px)and (max-height:640px){.rs-motion .ritual-story__inner{padding-top:44px}.rs-motion .hero__title{font-size:34px}.rs-motion .hero__text{margin:12px 0 20px;font-size:14px}.rs-motion .rs-intro__media{margin-top:20px;min-height:140px}.rs-motion .rs-copy--ritual .rs-copy__static-img{margin-top:16px;min-height:140px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/ritual-story.css.map */