.sp-reveal{--pa: 0;--l1: 0;--l2: 0;--q1: 0;--q3a: 0;--q3b: 0;--q3c: 0;--fe: 0;--fc: 0;--fan: 0;--s1: 0;--s2: 0;--s3: 0;--wx: 58deg;--wz: calc(-34deg + var(--pa) * 22deg);position:relative;height:var(--len,425vh);background:var(--surface)}.sp-reveal--sunken{background:var(--surface-sunken)}.sp-reveal__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:0 clamp(16px,3vw,48px);padding:var(--header-height) clamp(20px,5vw,80px) 0;box-sizing:border-box}.sp-reveal__sticky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 68% 52%,color-mix(in oklab,var(--ritual-sleep) calc(10% + var(--pa) * 16%),transparent) 0%,transparent 70%)}.sp-reveal__copy{position:relative;z-index:2;display:grid;gap:22px;max-width:460px}.sp-reveal__steps{position:relative;display:grid}.sp-reveal__step{grid-area:1 / 1;opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease-soft),transform .8s var(--ease);pointer-events:none}.sp-reveal[data-step="0"] .sp-reveal__step[data-i="0"],.sp-reveal[data-step="1"] .sp-reveal__step[data-i="1"],.sp-reveal[data-step="2"] .sp-reveal__step[data-i="2"],.sp-reveal[data-step="3"] .sp-reveal__step[data-i="3"]{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}.sp-reveal__h{margin:0;font-family:var(--font-display);font-size:clamp(40px,4.6vw,68px);font-weight:400;line-height:.98;letter-spacing:-.015em;text-wrap:balance}.sp-reveal__h em{font-style:italic;color:var(--sage-deep)}.sp-reveal__p{margin:16px 0 0;max-width:38ch;font-size:16px;line-height:1.6;color:var(--ink-muted)}.sp-reveal__num{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.sp-reveal__num span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--surface);letter-spacing:0}.sp-reveal__cue{display:inline-flex;align-items:center;gap:12px;margin-top:28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.sp-reveal__cue i{position:relative;width:22px;height:34px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--line-strong)}.sp-reveal__cue i:after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--ink);animation:rv-cue 1.8s var(--ease-soft) infinite}@keyframes rv-cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(10px)}}.sp-reveal__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:26px}.sp-reveal__cta form{margin:0}.sp-reveal__rail{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:260px;margin:8px 0 0;padding:0}.sp-reveal__rail li{height:3px;border-radius:3px;background:var(--line);overflow:hidden}.sp-reveal__rail span{display:block;height:100%;width:calc(var(--f) * 100%);background:var(--ink);border-radius:inherit}.sp-reveal__stage{position:relative;z-index:1;height:100%;--u: min(.56vw,.8svh)}.rv-glow{position:absolute;left:50%;top:46%;width:calc(var(--u) * 90);height:calc(var(--u) * 90);margin:calc(var(--u) * -45) 0 0 calc(var(--u) * -45);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--strip-b) 55%,var(--ritual-sleep)) 0%,transparent 62%);opacity:calc(var(--fan) * .16 + var(--q1) * .25 + var(--q3c) * .45);filter:blur(calc(var(--u) * 3));pointer-events:none}.rv-zs{position:absolute;left:50%;top:22%;width:calc(var(--u) * 40);height:calc(var(--u) * 26);margin-left:calc(var(--u) * -4);opacity:var(--q3c);pointer-events:none}.rv-zs span{position:absolute;font-family:var(--font-display);font-style:italic;color:var(--sage-deep);opacity:.6;animation:rv-z 5s ease-in-out infinite}.rv-zs span:nth-child(1){left:58%;top:52%;font-size:calc(var(--u) * 3.2)}.rv-zs span:nth-child(2){left:70%;top:30%;font-size:calc(var(--u) * 4.4);animation-delay:-1.6s}.rv-zs span:nth-child(3){left:84%;top:6%;font-size:calc(var(--u) * 5.8);animation-delay:-3.2s}@keyframes rv-z{0%,to{transform:translate(0) rotate(-6deg);opacity:.25}50%{transform:translate(calc(var(--u) * 1.2),calc(var(--u) * -2.4)) rotate(4deg);opacity:.7}}.rv-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(var(--u) * 210);perspective-origin:50% 35%}.rv-float{position:absolute;left:50%;top:54%;transform-style:preserve-3d;animation:rv-bob 7s ease-in-out infinite}@keyframes rv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -1.2))}}.rv-move{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(0,calc(var(--u) * (max(var(--fan) * 6,var(--q1) * 11) + var(--q3c) * 3)),0) scale(calc(1 - var(--q1) * .06 - var(--fan) * .04))}.rv-world{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:rotateX(var(--wx)) rotate(var(--wz))}.rv-world>*{position:absolute;transform-style:preserve-3d}.rv-world{--W: calc(var(--u) * 40);--H: calc(var(--u) * 9);--R: calc(var(--u) * 8.4);--LW: calc(var(--u) * 41.2);--LH: calc(var(--u) * 3.6);--P: calc(var(--u) * 29);--PR: calc(var(--u) * 5);--lx: -26;--ly: -30;--lz: 8;--lrx: -24deg;--lry: 10deg;--lrz: -18deg}.rv-shadow{left:calc(var(--W) * -.7);top:calc(var(--W) * -.62);width:calc(var(--W) * 1.4);height:calc(var(--W) * 1.4);border-radius:50%;background:radial-gradient(closest-side,rgba(27,32,26,.42),rgba(27,32,26,.14) 55%,transparent);transform:translate3d(calc(var(--u) * 2),calc(var(--u) * 4),-1px);filter:blur(calc(var(--u) * 1.6))}.rv-lid-shadow{left:calc(var(--W) * -.55);top:calc(var(--W) * -.55);width:calc(var(--W) * 1.1);height:calc(var(--W) * 1.1);border-radius:30%;background:radial-gradient(closest-side,rgba(27,32,26,.3),transparent);opacity:calc((1 - var(--l2)) * var(--l1) * .9);transform:translate3d(calc(var(--l2) * var(--u) * var(--lx)),calc(var(--l2) * var(--u) * var(--ly)),0) scale(calc(1 + var(--l1) * .25));filter:blur(calc(var(--u) * 2))}.rv-floor,.rv-ring{left:calc(var(--W) / -2);top:calc(var(--W) / -2);width:var(--W);height:var(--W);border-radius:var(--R);box-sizing:border-box}.rv-floor{display:grid;place-items:center;background:radial-gradient(90% 90% at 38% 30%,#232822,#0c0e0c 70%);box-shadow:inset 0 0 calc(var(--u) * 5) #000c;transform:translateZ(1px)}.rv-floor span{font-family:var(--font-sans);font-weight:600;font-size:calc(var(--u) * 1.8);letter-spacing:.34em;color:#efe9dd14}.rv-ring{border:calc(var(--u) * 1.9) solid color-mix(in srgb,#2b312a calc(var(--k) * 6%),#050605);transform:translateZ(calc(var(--H) * var(--k) / 14))}.rv-ring--rim{border-color:#30362f;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #ffffff0d}.rv-lid{left:0;top:0;will-change:transform;transform:translate3d(calc(var(--l2) * var(--u) * var(--lx)),calc(var(--l2) * var(--u) * var(--ly)),calc(var(--H) + var(--l1) * var(--u) * 12 + var(--l2) * var(--u) * (var(--lz) - 12))) rotateX(calc(var(--l2) * var(--lrx))) rotateY(calc(var(--l2) * var(--lry))) rotate(calc(var(--l2) * var(--lrz)))}.rv-lid>*{position:absolute;left:calc(var(--LW) / -2);top:calc(var(--LW) / -2);width:var(--LW);height:var(--LW);border-radius:calc(var(--R) + var(--u) * .6);box-sizing:border-box}.rv-lid__layer{background:color-mix(in srgb,#262b25 calc(var(--k) * 12%),#080908);transform:translateZ(calc(var(--LH) * var(--k) / 7))}.rv-lid__layer[style="--k:0"]{background:#0d0f0d;box-shadow:inset 0 0 0 calc(var(--u) * 1.4) #181c17}.rv-lid__top{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#353b33,#1c201b 52%,#0f120e);box-shadow:inset 0 0 0 calc(var(--u) * .35) #ffffff0d,inset 0 0 0 calc(var(--u) * .9) #00000040;transform:translateZ(var(--LH));color:#efe9dd}.rv-lid__brand{margin-top:calc(var(--u) * 3);font-family:var(--font-sans);font-weight:600;font-size:calc(var(--u) * 3.8);letter-spacing:.3em;padding-left:.3em}.rv-lid__label{margin-top:calc(var(--u) * .9);font-family:var(--font-sans);font-size:calc(var(--u) * 2.1);opacity:.72}.rv-lid__line{width:calc(var(--u) * 5.6);height:calc(var(--u) * .34);margin-top:calc(var(--u) * 1.4);border-radius:2px;background:var(--tin-accent)}.rv-lid__count{margin-top:calc(var(--u) * 9);font-family:var(--font-mono);font-size:calc(var(--u) * 1.25);letter-spacing:.26em;opacity:.5}.rv-lid__sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 46%,transparent 60%);transform:translate(calc(-70% + var(--l1) * 140%))}.rv-stack{left:0;top:0}.rv-sachet{position:absolute;left:calc(var(--P) / -2);top:calc(var(--P) / -2);width:var(--P);height:var(--P);border-radius:var(--PR);box-sizing:border-box;background:linear-gradient(180deg,color-mix(in oklab,var(--sachet) 78%,#fff) 0 21.6%,rgba(255,255,255,.7) 21.6% 22.2%,transparent 22.2%),radial-gradient(120% 90% at 20% 20%,rgba(255,255,255,.22),transparent 55%),linear-gradient(160deg,color-mix(in oklab,var(--sachet) 94%,#fff),color-mix(in oklab,var(--sachet) calc(68% + var(--i) * 1.1%),#5a1430));box-shadow:inset 0 0 0 1px #ffffff42,0 calc(var(--u) * .3) calc(var(--u) * .8) #460c2247;transform:translate3d(calc(var(--u) * (var(--jx) * .14 + var(--fan) * var(--i) * .35)),calc(var(--u) * var(--jy) * .14),calc(var(--u) * (.6 + var(--i) * 7.6 / (var(--n) + 1)) + var(--fan) * var(--i) * var(--u) * 1.2)) rotate(calc(var(--jr) * .5deg + var(--fan) * (var(--i) - var(--n)) * 3.2deg))}.rv-sachet:before{content:"";position:absolute;inset:calc(var(--P) * .22 + var(--u) * .8) calc(var(--u) * .8) calc(var(--u) * .8);border:1px dashed rgba(255,255,255,.34);border-radius:0 0 calc(var(--PR) * .8) calc(var(--PR) * .8)}.rv-count{position:absolute;left:4%;bottom:12%;z-index:2;display:flex;align-items:center;gap:14px;opacity:var(--fan);transform:translate3d(0,calc((1 - var(--fan)) * 14px),0);pointer-events:none}.rv-count b{font-family:var(--font-display);font-size:clamp(56px,calc(var(--u) * 13),104px);font-weight:400;line-height:.8;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}.rv-count span{max-width:11em;font-family:var(--font-mono);font-size:11px;line-height:1.55;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.rv-pouch{--P: calc(var(--u) * 29);--PR: calc(var(--u) * 5);left:0;top:0;will-change:transform;--tw: calc(var(--fe) * (1 - var(--q1)));transform:translate3d(calc(var(--tw) * var(--n) * var(--u) * .35),calc(var(--u) * (1 - var(--q1) * 9)),calc(var(--u) * 8.2 + var(--tw) * var(--n) * var(--u) * 1.2 + var(--q1) * var(--u) * 24)) rotate(calc(var(--wz) * -1 * var(--q1))) rotateX(calc(var(--wx) * -.88 * var(--q1))) translate3d(0,calc(var(--q3c) * var(--u) * 15),calc(var(--q3c) * var(--u) * -12)) scale(calc(1 + var(--q1) * .22 - var(--q3c) * .14))}.rv-pouch>*{position:absolute;transform-style:preserve-3d}.rv-pouch__back,.rv-pouch__front,.rv-pouch__flap{left:calc(var(--P) / -2);width:var(--P);box-sizing:border-box}.rv-pouch__back{top:calc(var(--P) / -2);height:var(--P);border-radius:var(--PR);background:color-mix(in oklab,var(--sachet) 82%,#7a1f3c);opacity:calc(1 - var(--q3c) * .16)}.rv-pouch__front{top:calc(var(--P) / -2 + var(--P) * .22);height:calc(var(--P) * .78);border-radius:0 0 var(--PR) var(--PR);overflow:hidden;transform:translateZ(calc(var(--u) * .6));opacity:calc(1 - var(--q3c) * .16);color:#fff;background:radial-gradient(120% 90% at 20% 0%,rgba(255,255,255,.28),transparent 55%),linear-gradient(160deg,color-mix(in oklab,var(--sachet) 88%,#fff) 0%,var(--sachet) 45%,color-mix(in oklab,var(--sachet) 86%,#6d1633) 100%);box-shadow:inset 0 calc(var(--u) * -.4) 0 #00000014,0 calc(var(--u) * 2.4) calc(var(--u) * 4) calc(var(--u) * -1.6) #5a142d59}.rv-pouch__front:before{content:"";position:absolute;inset:calc(var(--u) * .8);top:calc(var(--u) * -2);border:1px dashed rgba(255,255,255,.45);border-radius:calc(var(--PR) * .8)}.rv-pouch__front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);opacity:.14;mix-blend-mode:soft-light}.rv-p__circle{position:absolute;right:calc(var(--u) * -6);bottom:calc(var(--u) * -8);width:calc(var(--u) * 20);height:calc(var(--u) * 20);border-radius:50%;background:#ffffff24}.rv-p__zz{position:absolute;right:calc(var(--u) * 3);top:calc(var(--u) * 1.4);display:flex;gap:calc(var(--u) * 1.2);font-family:var(--font-sans);font-weight:800;font-size:calc(var(--u) * 3);color:#ffffff4d}.rv-p__zz i{font-style:normal;transform:rotate(-12deg)}.rv-p__zz i:nth-child(2){transform:translateY(calc(var(--u) * 2.2)) rotate(-12deg)}.rv-p__oral,.rv-p__strip{position:absolute;left:calc(var(--u) * 2.6);font-family:var(--font-sans);line-height:.9;letter-spacing:-.02em}.rv-p__oral{top:calc(var(--u) * 5.2);font-size:calc(var(--u) * 5.6);font-weight:400;color:transparent;-webkit-text-stroke:calc(var(--u) * .16) #fff}.rv-p__strip{top:calc(var(--u) * 10.2);font-size:calc(var(--u) * 6.4);font-weight:800}.rv-p__pill{position:absolute;left:calc(var(--u) * 2.4);top:calc(var(--u) * 17.4);padding:calc(var(--u) * .7) calc(var(--u) * 1.4);border-radius:calc(var(--u) * .9);background:#fff;color:var(--sachet);font-family:var(--font-sans);font-size:calc(var(--u) * 1.5);letter-spacing:.08em;white-space:nowrap}.rv-p__pill b{font-weight:800}.rv-pouch__flap{top:calc(var(--P) / -2);height:calc(var(--P) * .22);transform-origin:50% 100%;transform:translateZ(calc(var(--u) * .6)) rotateX(calc(var(--q3a) * 168deg))}.rv-flap__face,.rv-flap__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--PR) var(--PR) 0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.rv-flap__face{display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u) * 2.4);overflow:hidden;background:linear-gradient(170deg,color-mix(in oklab,var(--sachet) 82%,#fff),color-mix(in oklab,var(--sachet) 94%,#fff));border-bottom:1px dashed rgba(255,255,255,.55);opacity:calc(1 - var(--q3c) * .16)}.rv-flap__back{transform:rotateX(180deg);background:linear-gradient(180deg,#f3eef0,#d9d2d6);box-shadow:inset 0 0 calc(var(--u) * 2) #00000014;opacity:calc(1 - var(--q3c) * .16)}.rv-p__brand{font-family:var(--font-sans);font-weight:600;font-size:calc(var(--u) * 1.5);letter-spacing:.3em;color:#fff}.rv-p__peel{display:grid;place-items:center;width:calc(var(--u) * 5.2);height:calc(var(--u) * 5.2);border-radius:50%;background:#fffffff0;color:var(--sachet);font-family:var(--font-mono);font-weight:500;font-size:calc(var(--u) * 1.05);line-height:1.1;text-align:center}.rv-strip{--SW: calc(var(--u) * 19);--SH: calc(var(--u) * 12.5);left:calc(var(--SW) / -2);top:calc(var(--SH) / -2);width:var(--SW);height:var(--SH);will-change:transform;opacity:min(1,calc(var(--q3a) * 6));transform:translate3d(calc(var(--q3c) * var(--u) * 4),calc(var(--u) * (4 - var(--q3b) * 19 - var(--q3c) * 2)),calc(var(--u) * .3 + var(--q3c) * var(--u) * 30)) rotate(calc(var(--q3c) * -8deg)) rotateY(calc(var(--q3c) * 14deg)) rotateX(calc(var(--q3c) * 10deg)) scale(calc(1 + var(--q3c) * 1))}.rv-strip__body{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.rv-strip__edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--u) * .7);background:color-mix(in oklab,var(--strip-a) 70%,#5a2310);opacity:.55;transform:translateZ(calc(var(--u) * -.4))}.rv-strip__film{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:calc(var(--u) * .7);opacity:.9;background:radial-gradient(70% 90% at 18% 10%,rgba(255,236,210,.42),transparent 60%),radial-gradient(60% 70% at 92% 100%,color-mix(in oklab,var(--strip-b) 70%,#7a3a10),transparent 70%),linear-gradient(118deg,var(--strip-a) 0%,color-mix(in oklab,var(--strip-a) 55%,var(--strip-b)) 46%,var(--strip-b) 100%);box-shadow:inset 0 0 0 1px #ffffff57,inset 0 0 calc(var(--u) * 1.2) #ffffff29,inset 0 calc(var(--u) * .5) calc(var(--u) * 1.4) #ffffff2e,0 calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * -2) rgba(140,60,20,calc(.2 + var(--q3c) * .25)),0 0 calc(var(--u) * 8) rgba(230,140,70,calc(var(--q3c) * .35))}.rv-strip__film:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--grain);opacity:.22;mix-blend-mode:multiply}.rv-strip__film i{position:absolute;top:-20%;right:-40%;bottom:-20%;left:-40%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.45) 50%,transparent 62%);transform:translate(-60%)}.sp-reveal.is-final .rv-strip__body{animation:rv-drift 7s ease-in-out infinite}.sp-reveal.is-final .rv-strip__film i{animation:rv-sheen 4.5s var(--ease-soft) 1s infinite}@keyframes rv-drift{0%,to{transform:translateZ(0) rotateX(0) rotateY(0) rotate(0)}33%{transform:translate3d(calc(var(--u) * .5),calc(var(--u) * -.8),calc(var(--u) * .6)) rotateX(5deg) rotateY(-6deg) rotate(-1.2deg)}66%{transform:translate3d(calc(var(--u) * -.3),calc(var(--u) * -.4),calc(var(--u) * .3)) rotateX(-3deg) rotateY(4deg) rotate(.8deg)}}@keyframes rv-sheen{0%{transform:translate(-60%)}60%,to{transform:translate(60%)}}@media(max-width:900px){.sp-reveal__sticky{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch;padding:calc(var(--header-height) - 12px) 20px calc(22px + env(safe-area-inset-bottom))}.sp-reveal__sticky:before{background:radial-gradient(80% 50% at 50% 38%,color-mix(in oklab,var(--ritual-sleep) calc(10% + var(--pa) * 16%),transparent) 0%,transparent 70%)}.sp-reveal__stage{grid-row:1;--u: min(.98vw,.52svh)}.sp-reveal__copy{grid-row:2;max-width:none;gap:14px}.sp-reveal__h{font-size:clamp(32px,9vw,44px)}.sp-reveal__p{margin-top:10px;font-size:14.5px}.sp-reveal__num{margin-bottom:10px}.sp-reveal__num span{width:28px;height:28px}.sp-reveal__cue{margin-top:14px}.sp-reveal__cta{margin-top:16px}.sp-reveal__rail{max-width:none}.rv-float{top:57%;left:57%}.rv-world{--lx: -20;--ly: -33}}.sp-reveal.is-static{height:auto}.sp-reveal.is-static .sp-reveal__sticky{position:relative;height:auto;min-height:100svh}.sp-reveal.is-static .rv-float{animation:none}@media(prefers-reduced-motion:reduce){.rv-zs span,.sp-reveal__cue i:after,.sp-reveal.is-final .rv-strip__body,.sp-reveal.is-final .rv-strip__film i{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/suprimal-reveal.css.map */