:root{--progress:0}.tone-story{position:relative;color:var(--cream)}.tone-story .wrap{position:relative;z-index:2}.tone-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(120% 78% at 50% 112%,hsl(26 72% calc((48 - 34 * var(--progress)) * 1%) / calc(.85 - .8 * var(--progress))) 0%,transparent 55%),linear-gradient(180deg,hsl(256 46% calc((27 - 20 * var(--progress)) * 1%)),hsl(262 52% calc((17 - 12 * var(--progress)) * 1%)) 52%,hsl(268 56% calc((10 - 6 * var(--progress)) * 1%)))}.tone-stars{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:calc(.12 + .88 * var(--progress));background-repeat:no-repeat;background-image:radial-gradient(1.6px 1.6px at 12% 18%,rgba(255,255,255,.95),transparent),radial-gradient(1.4px 1.4px at 82% 12%,rgba(255,255,255,.75),transparent),radial-gradient(1.2px 1.2px at 68% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 33% 42%,rgba(255,255,255,.8),transparent),radial-gradient(1.1px 1.1px at 90% 48%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 22% 66%,rgba(255,255,255,.75),transparent),radial-gradient(1.2px 1.2px at 55% 72%,rgba(255,255,255,.65),transparent),radial-gradient(1.6px 1.6px at 78% 82%,rgba(255,255,255,.85),transparent),radial-gradient(1.1px 1.1px at 44% 88%,rgba(255,255,255,.6),transparent),radial-gradient(1.3px 1.3px at 8% 92%,rgba(255,255,255,.7),transparent);animation:ts-twinkle 7s ease-in-out infinite alternate}@keyframes ts-twinkle{0%{filter:brightness(.85)}to{filter:brightness(1.15)}}.tone-progress{position:fixed;top:0;right:0;width:3px;height:100vh;z-index:40;background:#ffffff12;pointer-events:none}.tone-progress__fill{position:absolute;top:0;left:0;width:100%;height:calc(var(--progress) * 100%);background:linear-gradient(180deg,var(--lilac),var(--violet));box-shadow:0 0 14px 1px #6d4affb3}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * .09s);will-change:opacity,transform}.reveal.in{opacity:1;transform:none}.ts-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--lilac)}.ts-hero{position:relative;min-height:100svh;display:flex;align-items:center;text-align:center;padding:118px 0 92px;overflow:hidden}.ts-hero__breathe{position:absolute;left:50%;top:46%;width:min(74vw,660px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:1;pointer-events:none;background:radial-gradient(circle,#8e73ff80,#8e73ff1f 46%,#8e73ff00 66%);animation:ts-breathe 7.5s ease-in-out infinite}@keyframes ts-breathe{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.ts-hero__inner{position:relative;z-index:2;max-width:840px;margin:0 auto}.ts-hero h1{font-size:clamp(40px,7.4vw,86px);color:#fff;letter-spacing:-.02em;margin:18px 0 0}.ts-hero h1 em{font-style:italic;color:var(--lilac)}.ts-hero .lede{font-size:clamp(17px,2.1vw,22px);color:#f4f1ead1;max-width:610px;margin:26px auto 0;line-height:1.5}.ts-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:34px auto 0}.ts-chip{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--cream);border:1px solid rgba(201,187,242,.35);background:#ffffff0d;border-radius:100px;padding:9px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ts-chip b{color:var(--lilac);font-weight:700}.ts-scrollcue{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:46px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f4f1eab8}.ts-scrollcue span{font-size:20px;line-height:1;animation:ts-bob 2.4s ease-in-out infinite}@keyframes ts-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.ts-ing{position:relative;min-height:100svh;display:flex;align-items:center;padding:96px 0}.ts-ing__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,72px);align-items:center}.ts-ing.right .ts-ing__vis{order:2}.ts-ing__vis{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.ts-ing__spot{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle,var(--m-glow),transparent 66%);filter:blur(4px)}.ts-ing__ring{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 60px #ffffff0d}.ts-ing__motif{position:relative;z-index:2;width:72%;max-width:360px;filter:drop-shadow(0 24px 46px rgba(0,0,0,.45))}.ts-ing__badge{position:absolute;z-index:3;right:9%;top:12%;background:#ffffffe6;color:var(--ink);border-radius:16px;padding:10px 15px;text-align:center;box-shadow:0 12px 30px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ts-ing__badge b{display:block;font-family:Fraunces,Georgia,serif;font-size:22px;color:var(--m-ink);line-height:1}.ts-ing__badge small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.ts-ing__no{font-family:Fraunces,Georgia,serif;font-size:15px;color:var(--m-accent);letter-spacing:.14em}.ts-ing__name{font-size:clamp(30px,4.6vw,54px);color:#fff;margin:6px 0 4px;letter-spacing:-.015em}.ts-ing__name sup{font-size:.4em;vertical-align:super;color:var(--lilac)}.ts-ing__role{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:clamp(17px,2vw,21px);color:var(--m-accent);margin-bottom:18px}.ts-ing__why{color:#f4f1ead9;font-size:16px;line-height:1.6;max-width:480px;margin-bottom:22px}.ts-ing__why strong{color:#fff;font-weight:600}.ts-card{background:#ffffff0e;border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--m-accent);border-radius:16px;padding:22px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:520px}.ts-card__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--m-accent);margin-bottom:10px}.ts-card__finding{color:#f4f1eaf0;font-size:15px;line-height:1.55}.ts-card__cite{font-size:12px;color:#f4f1eab8;margin-top:14px}.ts-card__cite a{color:var(--lilac);text-decoration:underline}.m-ashwagandha{--m-1:#E4A94C;--m-2:#9A5A28;--m-glow:rgba(214,150,70,.42);--m-accent:#E6B45E;--m-ink:#8A4E1E}.m-saffron{--m-1:#E86A3A;--m-2:#B21F2D;--m-glow:rgba(224,84,54,.4);--m-accent:#F0864B;--m-ink:#A81E28}.m-theanine{--m-1:#8FD07A;--m-2:#3C8A54;--m-glow:rgba(112,190,110,.4);--m-accent:#9BD98A;--m-ink:#357A46}.m-magnesium{--m-1:#AEB8F2;--m-2:#6D63D6;--m-glow:rgba(150,150,240,.42);--m-accent:#B9C0F5;--m-ink:#5449B0}.ts-close{position:relative;min-height:100svh;display:flex;align-items:center;text-align:center;padding:112px 0 96px}.ts-close__inner{max-width:760px;margin:0 auto}.ts-orbits{position:relative;width:180px;height:180px;margin:0 auto 8px}.ts-orbits i{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px;border-radius:50%;box-shadow:0 0 22px 2px var(--dot,rgba(255,255,255,.6));background:var(--dot,#fff);animation:ts-converge 6s ease-in-out infinite}.ts-orbits i:nth-child(1){--dot:#E6B45E;--a:0deg}.ts-orbits i:nth-child(2){--dot:#F0864B;--a:90deg;animation-delay:.4s}.ts-orbits i:nth-child(3){--dot:#9BD98A;--a:180deg;animation-delay:.8s}.ts-orbits i:nth-child(4){--dot:#B9C0F5;--a:270deg;animation-delay:1.2s}@keyframes ts-converge{0%,to{transform:rotate(var(--a)) translate(70px) rotate(calc(-1 * var(--a)));opacity:.85}50%{transform:rotate(var(--a)) translate(6px) rotate(calc(-1 * var(--a)));opacity:1}}.ts-close h2{font-size:clamp(34px,5.4vw,66px);color:#fff;letter-spacing:-.02em}.ts-close h2 em{font-style:italic;color:var(--lilac)}.ts-close .lede{font-size:clamp(16px,2vw,20px);color:#f4f1ead1;max-width:540px;margin:22px auto 0}.ts-buy{margin:38px auto 0;display:flex;flex-direction:column;align-items:center;gap:14px}.ts-buy__price{font-family:Fraunces,Georgia,serif;font-size:30px;color:#fff}.ts-buy__price small{display:block;font-family:Inter,sans-serif;font-size:13px;color:#f4f1eac7;letter-spacing:.04em;margin-top:4px}.ts-buy .btn-primary{font-size:16px;padding:17px 40px;box-shadow:0 14px 34px #6d4aff66}.ts-close__disclaimer{margin:44px auto 0;max-width:620px;font-size:11px;line-height:1.65;color:#f4f1eab8}@media(max-width:820px){.ts-ing__grid{grid-template-columns:1fr;gap:26px}.ts-ing.right .ts-ing__vis{order:0}.ts-ing__vis{order:-1;width:78%;max-width:320px;margin:0 auto}.ts-ing__motif{width:64%}.ts-ing__why,.ts-card{max-width:none}.ts-hero{padding:104px 0 80px}.tone-progress{width:2px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ts-ing__motif{animation:ts-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes ts-drift{0%{transform:translateY(46px)}to{transform:translateY(-46px)}}.ts-ing__badge{animation:ts-drift-badge linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes ts-drift-badge{0%{transform:translateY(-22px)}to{transform:translateY(26px)}}}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none}.ts-hero__breathe,.tone-stars,.ts-scrollcue span,.ts-orbits i{animation:none}.ts-orbits i:nth-child(1){transform:translate(-50px,-50px)}.ts-orbits i:nth-child(2){transform:translate(24px,-50px)}.ts-orbits i:nth-child(3){transform:translate(-50px,24px)}.ts-orbits i:nth-child(4){transform:translate(24px,24px)}}body.tone-story{background:transparent}body.tone-story header.site{background:#140c228c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}body.tone-story header.site .brand{color:#fff}body.tone-story header.site .nav a.link{color:#f4f1ead1}body.tone-story header.site .nav a.link:hover{color:#fff}body.tone-story footer.site{background:#0e08189e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.page-main--night{padding:120px 0 110px}.page-main--night .wrap{max-width:760px;position:relative;z-index:2}.page-main--night .page-head h1{color:#fff;font-size:clamp(32px,4.6vw,52px);letter-spacing:-.015em}.page-main--night .page-body{margin-top:26px;color:#f4f1ead9;font-size:16px;line-height:1.75}.page-main--night .page-body h2{color:#fff;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(24px,3vw,32px);letter-spacing:-.01em;margin:48px 0 14px}.page-main--night .page-body h3{color:var(--lilac);font-family:Fraunces,Georgia,serif;font-weight:500;font-size:20px;margin:34px 0 10px}.page-main--night .page-body p{margin-bottom:16px}.page-main--night .page-body strong{color:#fff;font-weight:600}.page-main--night .page-body em{color:#f4f1eac7}.page-main--night .page-body a{color:var(--lilac);text-decoration:underline}.page-main--night .page-body ul,.page-main--night .page-body ol{margin:0 0 20px;padding:0;list-style:none}.page-main--night .page-body li{position:relative;padding-left:26px;margin-bottom:12px;color:#f4f1ead9;line-height:1.65}.page-main--night .page-body ul li:before{content:"";position:absolute;left:6px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--violet-soft);box-shadow:0 0 10px 1px #8e73ffb3}.page-main--night .page-body ol{counter-reset:n}.page-main--night .page-body ol li{counter-increment:n}.page-main--night .page-body ol li:before{content:counter(n);position:absolute;left:0;top:1px;font-family:Fraunces,Georgia,serif;font-size:14px;color:var(--lilac)}.page-main--night .page-body hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:36px 0}.page-main--night .page-body blockquote{margin:22px 0;padding:2px 0 2px 20px;border-left:2px solid var(--violet-soft);color:#f4f1eae6}.tone-story .cform input,.tone-story .cform textarea{background:#ffffff12;border:1px solid rgba(201,187,242,.35);color:#fff}.tone-story .cform input::placeholder,.tone-story .cform textarea::placeholder{color:#f4f1ea99}.consent-note{color:#f4f1eab8}.consent-note.on-light{color:var(--muted)}
/*# sourceMappingURL=/cdn/shop/t/37/assets/tone-story.css.map */