:host{--cream:#f4dfc6;--clay:#a94b29;--deep:#1d0d08;--line:rgba(255,230,203,.32)}*{box-sizing:border-box}:host{margin:0;width:100%;height:100%;overflow:hidden;background:#1e0b06;color:var(--cream);font-family:Arial,Helvetica,sans-serif}button{font:inherit;color:inherit}#sanctuary{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:default}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.brand{position:absolute;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:10px;letter-spacing:.26em}.brand button{border:0;background:none;padding:0;font-family:Georgia,serif;font-size:24px;letter-spacing:.14em;cursor:pointer}.brand span{opacity:.62}.sound{position:absolute;right:34px;bottom:31px;z-index:6;border:0;background:none;font-size:9px;letter-spacing:.2em;opacity:.74;cursor:pointer}.sound-mark{display:inline-grid;place-items:center;border:1px solid var(--line);width:20px;height:20px;border-radius:50%;margin-right:7px}.primary-nav{position:absolute;z-index:10;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:end;gap:clamp(36px,7vw,108px);padding:0 30px}.primary-nav button{border:0;border-bottom:1px solid transparent;background:none;padding:12px 5px 9px;min-width:74px;cursor:pointer;font-family:Georgia,serif;font-size:17px;letter-spacing:.12em;opacity:.68;transition:.5s}.primary-nav button span{display:block;font:8px Arial,sans-serif;letter-spacing:.18em;margin-bottom:6px;opacity:.55}.primary-nav button:hover,.primary-nav button.active,.primary-nav button.station-hover{opacity:1;border-color:var(--cream);transform:translateY(-3px)}.hint{position:absolute;bottom:77px;left:50%;transform:translate(-50%);z-index:4;font-size:8px;letter-spacing:.23em;opacity:.5;white-space:nowrap;transition:.5s}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#52200f;z-index:30;display:grid;place-content:center;gap:14px;text-align:center;transition:opacity 1.2s,visibility 1.2s}.loading span{display:block;width:180px;height:1px;background:#fff3;position:relative}.loading span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cream);transform-origin:left;animation:load 1.4s ease both}.loading em{font-size:8px;font-style:normal;letter-spacing:.28em}.loading.done{opacity:0;visibility:hidden}@keyframes load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ritual-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;display:grid;grid-template-columns:minmax(270px,1fr) minmax(320px,520px);align-items:center;gap:7vw;padding:86px 7vw 110px;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s}.ritual-panel.visible{opacity:1;visibility:visible}.ritual-panel.visible button{pointer-events:auto}.ritual-copy{max-width:420px;text-shadow:0 2px 20px #35140d}.overview-link{border:0;background:none;padding:0 0 27px;font-size:9px;letter-spacing:.19em;cursor:pointer;opacity:.65}.eyebrow{font-size:9px;letter-spacing:.26em;margin:0 0 14px;opacity:.7}.ritual-copy h1{font:italic clamp(42px,5.5vw,78px)/.92 Georgia,serif;font-weight:400;letter-spacing:-.03em;margin:0 0 32px}.routine-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:18px}.routine-tabs button{border:0;border-bottom:1px solid transparent;background:none;padding:9px 0;font-size:9px;letter-spacing:.19em;opacity:.52;cursor:pointer}.routine-tabs button.active{opacity:1;border-color:var(--cream)}.step{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,230,203,.17);align-items:center;cursor:pointer;transition:.25s}.step:hover,.step.active{padding-left:7px}.step span,.step b{font-size:9px;letter-spacing:.15em;font-weight:400;opacity:.55}.step p{margin:0;font:16px Georgia,serif}.step.active p{font-style:italic}.demo-card{align-self:center;justify-self:end;width:min(34vw,460px);filter:drop-shadow(0 20px 50px rgba(24,5,0,.32))}.demo-media{aspect-ratio:1;position:relative;overflow:hidden;background:#6e321f}.demo-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(.98);transition:transform 1s}.demo-media:hover video{transform:scale(1.018)}.play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#2f11082e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;opacity:0;transition:opacity .3s}.play.paused{opacity:1}.play span{font-size:12px}.video-progress{position:absolute;left:18px;right:18px;bottom:17px;height:1px;background:#ffffff52}.video-progress i{display:block;width:28%;height:1px;background:#fff}.demo-caption{display:grid;grid-template-columns:28px 1fr auto;gap:15px;border-top:1px solid var(--line);padding-top:13px}.demo-caption span,.demo-caption b{font-size:9px;letter-spacing:.12em;font-weight:400;opacity:.7}.demo-caption p{margin:0;font:14px/1.35 Georgia,serif}@media(max-width:760px){.brand{top:20px;left:20px;right:20px}.brand span,.sound{display:none}.primary-nav{bottom:15px;gap:20px;width:100%;justify-content:center}.primary-nav button{font-size:14px;min-width:66px}.hint{bottom:70px}.ritual-panel{grid-template-columns:1fr;align-content:center;padding:80px 20px 100px;gap:18px}.ritual-copy{max-width:100%;display:grid;grid-template-columns:1fr auto;column-gap:15px}.overview-link,.eyebrow,.ritual-copy h1,.routine-tabs,.steps{grid-column:1}.overview-link{padding-bottom:15px}.ritual-copy h1{font-size:48px;margin-bottom:16px}.routine-tabs{margin-bottom:8px}.steps .step:not(.active){display:none}.demo-card{position:absolute;right:20px;top:94px;width:38vw;min-width:142px}.demo-caption{display:none}.ritual-panel.visible .ritual-copy{padding-top:26vh}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@font-face{font-family:Jost;src:url(ritual-jost-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Jost;src:url(ritual-jost-italic.woff2) format("woff2");font-style:italic;font-display:swap}@font-face{font-family:SpaceMono;src:url(ritual-space-mono.woff2) format("woff2");font-display:swap}:host,button{font-family:Jost,Arial,sans-serif}.brand{justify-content:center;left:0;right:0;top:23px}.brand button{width:165px;display:block}.brand button img{width:100%;height:auto;display:block;filter:invert(1);opacity:.93}.brand span{position:absolute;right:34px;font-family:SpaceMono,monospace;font-size:9px}.primary-nav button,.step p,.demo-caption p{font-family:Jost,Arial,sans-serif}.ritual-copy h1{font-family:Jost,Arial,sans-serif;font-style:italic;font-weight:400}.eyebrow,.overview-link,.routine-tabs button,.step span,.step b,.hint,.demo-caption span,.demo-caption b,.sound{font-family:SpaceMono,monospace}.sound{display:inline-flex;align-items:center;gap:7px;color:var(--cream);transition:opacity .25s ease}.sound:hover,.sound:focus-visible{opacity:1}.sound.sound-loading{z-index:31;pointer-events:none}.sound-mark{width:34px;height:34px;margin-right:0;overflow:hidden}.sound-mark svg{width:28px;height:28px;overflow:hidden;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}@media(max-width:760px){.sound{display:inline-flex;left:50%;right:auto;bottom:108px;transform:translate(-50%);z-index:10}.sound.sound-loading{z-index:31}.sound-label{display:none}}@media(max-width:760px){.brand{top:20px;left:0;right:0}.brand button{width:135px}.brand span{display:none}}@font-face{font-family:Amarante;src:url(ritual-amarante-regular.ttf) format("truetype");font-weight:400;font-display:swap}.ritual-panel[data-station=face] .ritual-copy h1{font-family:Amarante,Georgia,serif;font-style:normal;letter-spacing:-.025em;line-height:1.03}.product-info{position:absolute;z-index:11;left:50%;bottom:100px;transform:translate(-50%,8px);display:flex;align-items:center;gap:18px;padding:10px 15px;border:1px solid rgba(255,230,203,.42);background:#1b100dc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:11px SpaceMono,monospace;letter-spacing:.1em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.product-info.visible{opacity:1;visibility:visible;transform:translate(-50%);pointer-events:auto}.product-info a{color:var(--cream);text-decoration:none;border-left:1px solid var(--line);padding-left:18px}.product-info a:hover{text-decoration:underline}.product-info a:not([href]){display:none}@media(max-width:760px){.product-info{bottom:78px;max-width:calc(100vw - 30px);font-size:10px;gap:10px;padding:9px}.product-info a{padding-left:10px}}.ritual-panel{grid-template-columns:minmax(340px,520px) minmax(240px,360px);justify-content:space-between;gap:5vw;background:linear-gradient(90deg,#140d0bd6,#140d0b8f 50%,#140d0b1f)}.ritual-copy{max-width:520px;max-height:calc(100vh - 190px);overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 12px 0;pointer-events:auto;scrollbar-color:rgba(244,223,198,.35) transparent;scrollbar-width:thin}.ritual-copy h1{margin-bottom:14px}.ritual-intro{font:16px/1.45 Jost,Arial,sans-serif;margin:0 0 24px;max-width:38ch;color:#fff2e2}.ritual-stage{border-top:1px solid var(--line);pointer-events:auto}.ritual-stage:last-child{border-bottom:1px solid var(--line)}.ritual-stage summary{list-style:none;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:12px;cursor:pointer;padding:16px 3px}.ritual-stage summary::-webkit-details-marker{display:none}.ritual-stage summary span,.ritual-stage summary b{font:11px SpaceMono,monospace;opacity:.68}.ritual-stage summary b{font-size:19px;font-weight:400;text-align:right}.ritual-stage[open] summary b{transform:rotate(45deg)}.ritual-stage summary strong{font:16px Jost,Arial,sans-serif;letter-spacing:.12em;font-weight:400}.ritual-stage summary{transition:background-color .5s cubic-bezier(.55,0,.25,1)}.ritual-stage summary strong{transition:transform .5s cubic-bezier(.55,0,.25,1);display:inline-block}.ritual-stage summary:focus-visible{outline:1px solid rgba(255,230,203,.5);outline-offset:-1px;background-color:#ffe6cb0f}@media(hover:hover){.ritual-stage summary:hover{background-color:#ffe6cb0f}.ritual-stage summary:hover strong{transform:translate(5px)}}.stage-body{padding:0 4px 19px 44px}.stage-intro,.ritual-product p{font:15px/1.45 Jost,Arial,sans-serif;margin:0 0 10px}.stage-intro{font-style:italic;margin-bottom:17px}.ritual-product+.ritual-product{border-top:1px solid rgba(255,230,203,.2);margin-top:18px;padding-top:18px}.ritual-product h3{font:18px Jost,Arial,sans-serif;letter-spacing:.04em;margin:0 0 8px}.ritual-product h3 em{display:block;font-size:13px;font-weight:400;font-style:normal;letter-spacing:0;opacity:.75;margin-top:3px}.ritual-product .ritual-fact{font-size:13px;line-height:1.4;color:#ead9c5}.ritual-fact span{font:10px SpaceMono,monospace;letter-spacing:.13em;margin-right:10px;color:#fff2df}.ritual-shop{display:inline-block;margin-top:4px;color:var(--cream);font:11px SpaceMono,monospace;letter-spacing:.12em;text-decoration:underline;text-underline-offset:4px}.ritual-sequence{align-self:end;justify-self:end;width:min(30vw,360px);padding:24px;background:#1e120ec2;border:1px solid rgba(255,230,203,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.sequence-kicker{font:10px SpaceMono,monospace;letter-spacing:.16em;margin:0 0 15px}.ritual-sequence #ritualSequence{font:16px/1.65 Jost,Arial,sans-serif;margin:0}.ritual-sequence strong{font-weight:400;color:#fff4e6;letter-spacing:.05em}.ritual-sequence i{font-style:normal;padding:0 4px;opacity:.65}@media(max-width:760px){.ritual-panel{display:block;padding:80px 18px 92px;background:#170e0bdb;overflow-y:auto}.ritual-copy{max-height:none;overflow:visible;padding:0;display:block}.ritual-copy h1{font-size:44px}.ritual-intro{font-size:15px}.ritual-sequence{width:100%;margin-top:24px;padding:18px}.stage-body{padding-left:35px}.ritual-panel.visible .ritual-copy{padding-top:0}}.ritual-side{align-self:end;justify-self:end;width:min(30vw,360px);display:grid;gap:16px;pointer-events:auto}.ritual-side .demo-card{width:100%;justify-self:stretch}.ritual-side .demo-media{aspect-ratio:16/9;border:1px solid rgba(255,230,203,.25)}.ritual-side .play{opacity:.65;width:44px;height:44px}.ritual-side .ritual-sequence{width:100%}@media(max-width:760px){.ritual-side{width:100%;margin-top:22px;gap:12px}.ritual-side .demo-card{position:static;width:100%;min-width:0}.ritual-side .ritual-sequence{margin-top:0}}:host{display:block;position:relative;isolation:isolate;width:100%;height:calc(100svh - 116px);min-height:620px;overflow:hidden;background:#1e0b06}@media(max-width:760px){:host{height:calc(100svh - 76px);min-height:520px}}.brand{display:none}.ritual-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.ritual-cart{background:none;border:1px solid currentColor;color:inherit;padding:8px 11px;font:inherit;letter-spacing:.14em;cursor:pointer}.ritual-cart:disabled{opacity:.5;cursor:wait}@media(max-width:760px){:host{height:calc(100dvh - 107px);min-height:0}.ritual-panel{bottom:0}.primary-nav{bottom:8px}.hint{bottom:62px}}.ritual-panel.visible{pointer-events:auto}.ritual-panel .demo-media video{pointer-events:none}@media(max-width:760px){.ritual-panel{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.ritual-copy,.ritual-side{touch-action:pan-y}}.ritual-panel{transition:opacity .6s ease,visibility .6s}.ritual-copy h1{font-family:Amarante,Georgia,serif;font-style:normal;letter-spacing:-.025em;line-height:1.03}.ritual-side .demo-media{aspect-ratio:1}.ritual-side .play{opacity:0;pointer-events:none}.ritual-side .play.paused,.ritual-side .play:focus-visible{opacity:1;pointer-events:auto}@media(hover:hover){.ritual-side .demo-media:hover .play{opacity:1;pointer-events:auto}}.overview-link{display:inline-flex;align-items:center;gap:11px;opacity:1;padding:10px 14px;margin:0 0 23px;border:1px solid rgba(255,230,203,.62);border-radius:999px;background:#1d0d08ad;font-size:11px;letter-spacing:.16em;text-shadow:none;transition:background .2s,border-color .2s}.overview-link:hover{background:#4a2619d9;border-color:var(--cream)}.overview-link span:first-child{font:22px/1 Jost,Arial,sans-serif}.primary-nav button{-webkit-tap-highlight-color:transparent}.primary-nav button:focus:not(:focus-visible){outline:none}.primary-nav button:focus-visible{outline:2px solid var(--cream);outline-offset:5px}@media(max-width:760px){.ritual-panel{padding-top:52px;overscroll-behavior-y:auto;align-content:start}.ritual-copy{overflow:visible}.overview-link{margin-bottom:20px}.ritual-side .demo-media{aspect-ratio:1}}@media(max-width:760px){:host(.ritual-open) .ritual-panel{background:linear-gradient(to bottom,#170e0bfc 0,#170e0bf7 105px,#170e0bad 230px)}}.ritual-bottom-feather{display:none}@media(max-width:760px){.ritual-panel{background:#170e0bad;transition:opacity .65s ease,visibility .65s}.ritual-bottom-feather{display:block;position:absolute;left:0;right:0;bottom:0;height:142px;z-index:8;pointer-events:none;opacity:0;background:linear-gradient(to top,#110907f7,#110907e6 50%,#11090700 80%);transition:opacity .65s ease}.ritual-panel.visible+.ritual-bottom-feather{opacity:1}}.ritual-panel{align-items:start;overflow-anchor:none}.ritual-copy{overflow-anchor:none}.ritual-intro{font:14px/1.38 SpaceMono,monospace;letter-spacing:0;max-width:46ch;color:var(--cream)}.ritual-stage[open] summary{border-bottom:1px solid rgba(255,230,203,.28);margin-bottom:0}.ritual-stage summary b{display:inline-block;transform:rotate(0);transform-origin:center;transition:transform .72s cubic-bezier(.55,0,.25,1)}.ritual-stage[data-expanded=true] summary b{transform:rotate(45deg)}.ritual-stage[data-expanded=false] summary b{transform:rotate(0)}.stage-body{padding:0;overflow:hidden;font-family:SpaceMono,monospace}.stage-inner{padding:20px 4px 25px 44px}@media(prefers-reduced-motion:reduce){.ritual-stage summary b{transition:none}}.stage-intro{font:italic 13px/1.4 SpaceMono,monospace;margin:0 0 24px;max-width:43ch}.ritual-product{padding:0 0 4px}.ritual-product+.ritual-product{margin-top:27px;padding-top:24px;border-top:1px solid rgba(255,230,203,.3)}.ritual-product h3{font:400 14px/1.5 SpaceMono,monospace;letter-spacing:0;margin:0 0 15px;color:#fff0dc}.ritual-product h3:before{content:"|";margin-right:.65em;opacity:.72}.ritual-product h3 em{display:inline;font:italic 13px/1.5 SpaceMono,monospace;letter-spacing:0;opacity:.88}.ritual-product h3 em:before{content:"|";font-style:normal;margin:0 .65em 0 .45em;opacity:.72}.ritual-product>p:not(.ritual-fact){font:13px/1.42 SpaceMono,monospace;letter-spacing:0;margin:0 0 19px;max-width:49ch;color:#f4e1cc}.ritual-product .ritual-fact{font:12px/1.4 SpaceMono,monospace;letter-spacing:0;color:#ead9c5;border-top:1px solid rgba(255,230,203,.21);padding:12px 0;margin:0;max-width:49ch}.ritual-product .ritual-fact span{display:block;font:11px/1.4 SpaceMono,monospace;letter-spacing:.08em;margin:0 0 5px;color:#fff2df}.ritual-product .ritual-fact span:before{content:"|";margin-right:.6em;opacity:.72}.ritual-product .ritual-fact span:after{content:"|";margin-left:.6em;opacity:.72}.ritual-actions{margin-top:13px}.ritual-cart{background-image:linear-gradient(var(--cream),var(--cream));background-repeat:no-repeat;background-size:0 100%;background-position:left center;transition:background-size .45s cubic-bezier(.785,.135,.15,.86),color .35s ease,transform .35s ease}.ritual-shop{transition:color .3s ease,transform .3s ease,text-decoration-color .3s ease}@media(hover:hover){.ritual-cart:not(:disabled):hover{background-size:100% 100%;color:var(--deep);transform:translateY(-1px)}.ritual-shop:hover{color:#fff;transform:translate(4px);text-decoration-color:#fff}}.ritual-cart:focus-visible{background-size:100% 100%;color:var(--deep);outline:2px solid var(--cream);outline-offset:3px}.ritual-shop:focus-visible{color:#fff;outline:2px solid var(--cream);outline-offset:4px}@media(max-width:760px){.ritual-intro{font-size:13px;line-height:1.4}.stage-inner{padding:16px 2px 23px 35px}.ritual-product h3,.ritual-product h3 em{font-size:12px}.ritual-product>p:not(.ritual-fact){font-size:12px;line-height:1.42}.ritual-product .ritual-fact{font-size:11px;line-height:1.4;padding:11px 0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ritual-styles.css.map */