.guide{max-width:1240px;padding:calc(var(--nav-h) + var(--s8)) var(--gutter) var(--s24);margin:0 auto}.guide a{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #ed66b399;text-decoration:underline #ed66b399}.guide a:hover{text-decoration-color:currentColor}.guide strong{color:var(--ink);font-weight:600}.guide__crumbs{margin-bottom:var(--s10);font:500 14px/1.4 var(--sans);color:var(--ink-3);flex-wrap:wrap;gap:10px;display:flex}.guide__crumbs a{color:var(--ink-2);text-decoration:none}.guide__crumbs a:hover{color:var(--ink)}.guide__hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.guide__intro h1{margin:var(--s4) 0 var(--s6);letter-spacing:-.045em;font-size:clamp(56px,7.6vw,116px);font-weight:500;line-height:.95}.guide__lede{max-width:34ch;font:400 clamp(19px, 1.6vw, 23px)/1.5 var(--display);color:var(--ink-2);text-wrap:pretty}.guide__date{margin-top:var(--s6);font:500 13px/1 var(--sans);letter-spacing:.02em;color:var(--ink-3)}.guide__flower{isolation:isolate;aspect-ratio:4/5;clip-path:inset(0 round 32px);background:#050611;border-radius:32px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 40px 80px -40px #000000e6}.guide__poster,.guide__canvas{width:100%;height:100%;position:absolute;inset:0}.guide__poster{object-fit:cover;transition:opacity .9s var(--ease)}.guide__canvas{z-index:1;display:block}.guide__flower.is-live .guide__poster{opacity:0}.guide__flower.is-still .guide__canvas{display:none}.guide__flower:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.guide__phase{z-index:2;text-align:center;background:linear-gradient(#0000,#04050dc7);justify-items:center;gap:8px;padding:56px 28px 28px;display:grid;position:absolute;inset:auto 0 0}.guide__word{font:400 clamp(26px, 2.4vw, 34px)/1 var(--title);letter-spacing:-.01em;color:var(--ink);text-shadow:0 0 24px #04050dcc}.guide__count{min-height:15px;font:500 15px/1 var(--sans);color:var(--ink-2);font-variant-numeric:tabular-nums}.guide__bars{gap:4px;width:min(240px,72%);margin-top:6px;display:flex}.guide__bars i{background:#ffffff2e;border-radius:2px;height:3px;overflow:hidden}.guide__bars b{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.guide__body{max-width:760px;margin:clamp(80px,12vh,140px) auto 0}.guide__part{margin-top:clamp(64px,9vh,104px)}.guide__part:first-child{margin-top:0}.guide__part h2,.guide__app h2{margin-bottom:var(--s6);letter-spacing:-.035em;font-size:clamp(34px,4.4vw,56px);line-height:1.04}.guide__part p,.guide__steps li,.guide__care li{font:400 19px/1.65 var(--display);color:var(--ink-2);text-wrap:pretty}.guide__part>p+p{margin-top:var(--s4)}.guide__steps{counter-reset:step;gap:var(--s5);margin:0;padding:0;list-style:none;display:grid}.guide__steps li{counter-increment:step;gap:var(--s4);grid-template-columns:44px minmax(0,1fr);align-items:baseline;display:grid}.guide__steps li:before{content:counter(step);font:400 30px/1 var(--title);background:linear-gradient(120deg, var(--lit-1), var(--lit-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.guide__note{margin-top:var(--s8);padding:var(--s5) var(--s6);box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff0a;border-radius:18px}.guide .guide__note{font-size:17px}.guide__studies{gap:var(--s4);margin:0;padding:0;list-style:none;display:grid}.guide__studies li{padding:var(--s6);box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff09;border-radius:20px}.guide__studies li p{font-size:18px}.guide__studies li a{margin-top:var(--s3);font:500 14px/1.4 var(--sans);color:var(--ink-3);text-decoration:none;display:inline-block}.guide__studies li a:after{content:" ↗"}.guide__studies li a:hover{color:var(--ink)}.guide .guide__fine{margin-top:var(--s5);font:400 14px/1.5 var(--sans);color:var(--ink-3)}.guide__care ul{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.guide__care li{padding-left:28px;position:relative}.guide__care li:before{content:"";background:linear-gradient(135deg, var(--lit-1), var(--lit-3));border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:4px}.guide__app{background:radial-gradient(90% 60% at 85% 0,#967dff24,#0000 70%),linear-gradient(#0c0d20,#07081a);border-radius:32px;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:clamp(28px,5vw,56px);margin-top:clamp(80px,12vh,140px);padding:clamp(28px,5vw,56px);display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 40px 80px -48px #000000e6}.guide__app h2{margin-top:var(--s3)}.guide__app-text>p:not(.overline):not(.guide__app-note){font:400 18px/1.6 var(--display);color:var(--ink-2);text-wrap:pretty}.guide__app .badge{margin-top:var(--s8)}.guide__app-note{margin-top:var(--s3);font:500 14px/1.4 var(--sans);color:var(--ink-3)}.guide__shot{border-radius:28px;width:100%;height:auto;box-shadow:0 0 0 1px #ffffff14,0 30px 60px -30px #000000e6}.guide__more ul{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.guide__more li a{padding:var(--s5) var(--s6);box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff0a;border-radius:18px;gap:4px;text-decoration:none;transition:background-color .3s;display:grid}.guide__more li a:hover{background:#ffffff12}.guide__more b{font:600 20px/1.2 var(--display);color:var(--ink)}.guide__more span{font:400 16px/1.45 var(--display);color:var(--ink-3)}.guide__footer{max-width:760px;padding:var(--s16) var(--gutter) var(--s12);border-top:1px solid var(--hair);gap:var(--s5);margin:0 auto;display:grid}.guide__tag{font:400 15px/1.5 var(--display);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.guide__tag .wordmark{font-size:22px}.guide__footer nav{gap:var(--s6);flex-wrap:wrap;display:flex}.guide__footer nav a{font:500 15px/1.4 var(--display);color:var(--ink-2);text-decoration:none}.guide__footer nav a:hover{color:var(--ink)}.guide__footer .guide__fine{font:400 13px/1.5 var(--sans);color:var(--ink-3)}.hub__hero{max-width:820px}.hub__hero h1{margin:var(--s4) 0 var(--s6);letter-spacing:-.045em;font-size:clamp(56px,7.6vw,116px);font-weight:500;line-height:.95}.hub__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin:clamp(48px,7vh,80px) 0 0;padding:0;list-style:none;display:grid}.hub__grid a{height:100%;box-shadow:inset 0 0 0 1px var(--hair);transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:#ffffff08;border-radius:26px;text-decoration:none;display:grid;overflow:hidden}.hub__grid a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffffff29,0 30px 60px -36px #8057fa99}.hub__still{aspect-ratio:4/3;display:block;overflow:hidden}.hub__still img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.hub__grid a:hover .hub__still img{transform:scale(1.06)}.hub__text{padding:var(--s5) var(--s6) var(--s6);font:400 15px/1.45 var(--display);color:var(--ink-3);gap:6px;display:grid}.hub__text b{font:600 22px/1.15 var(--display);letter-spacing:-.015em;color:var(--ink)}.hub__rhythm{font:400 20px/1.1 var(--title);color:var(--ink-2)}.needs{margin-top:clamp(96px,14vh,160px)}.needs h2{letter-spacing:-.045em;margin:0 0 clamp(32px,5vh,56px);font-size:clamp(44px,5.6vw,88px);font-weight:500;line-height:1}.needs__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin:0;padding:0;list-style:none;display:grid}.need{--c:#b3a8ff;isolation:isolate;transition:transform .7s var(--ease), box-shadow .7s var(--ease);background:#ffffff08;border-radius:30px;grid-column:span 2;align-content:start;gap:14px;padding:clamp(26px,2.6vw,38px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff12}.need:nth-child(n+4){grid-column:span 3}.need:before{content:"";z-index:-1;pointer-events:none;opacity:.7;transition:opacity .7s var(--ease);background:radial-gradient(90% 80% at 0% 0%, color-mix(in oklab, var(--c) 22%, transparent), transparent 70%);position:absolute;inset:0}.need:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 38%, transparent), inset 0 1px 0 #ffffff24, 0 34px 70px -40px color-mix(in oklab, var(--c) 75%, transparent);transform:translateY(-4px)}.need:hover:before{opacity:1}.need--focus{--c:#ffc861}.need--sigh{--c:#7fd4ff}.need--heart{--c:#ff6f80}.need--sprout{--c:#6fdc8c}.need__icon{fill:none;width:68px;height:68px;stroke:var(--c);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;background:color-mix(in oklab, var(--c) 14%, #ffffff08);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 28%, transparent), inset 0 1px 0 #ffffff1f, 0 0 30px -10px color-mix(in oklab, var(--c) 60%, transparent);transition:background-color .5s var(--ease), box-shadow .5s var(--ease), stroke .5s var(--ease), translate .4s var(--ease);border-radius:22px;margin-bottom:10px;padding:17px;overflow:visible}@supports (corner-shape:squircle){.need__icon{corner-shape:squircle;border-radius:36%}}.need:hover .need__icon,.need.is-play .need__icon{stroke:#fff;background-color:color-mix(in oklab, var(--c) 30%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c) 55%, transparent), inset 0 1px 0 #ffffff40, 0 16px 34px -12px color-mix(in oklab, var(--c) 85%, transparent);translate:0 -3px}.need__icon *{transform-box:fill-box;transform-origin:50%}.need h3{font:400 clamp(26px, 2.3vw, 34px)/1.12 var(--title);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0}.need p{font:400 17px/1.55 var(--display);color:var(--ink-2);text-wrap:pretty;margin:0}@media (prefers-reduced-motion:no-preference){.needs.is-seen .need--sleep .moon{transform-origin:60% 60%;animation:6s ease-in-out infinite need-rock}.needs.is-seen .need--sleep .star{animation:2.6s ease-in-out infinite need-twinkle}.needs.is-seen .need--sleep .s2{animation-delay:-1.3s}.needs.is-seen .need--focus .bulb{animation:3.6s ease-in-out infinite need-filament}.needs.is-seen .need--sigh path{stroke-dasharray:1;animation:need-gust 5s var(--ease) infinite}.needs.is-seen .need--sigh .p2{animation-delay:.15s}.needs.is-seen .need--sigh .p3{animation-delay:.3s}.needs.is-seen .need--heart .heart{animation:2s ease-out infinite need-beat}.needs.is-seen .need--heart .trace{stroke-dasharray:1;animation:2s linear infinite need-trace}.needs.is-seen .need--sprout .plant{transform-origin:40% 100%;animation:5.5s ease-in-out infinite need-sway}.needs.is-seen .need--sprout .leaf{animation:5.5s ease-in-out infinite need-leaf}.needs.is-seen .need--sprout .l2{animation-delay:-2.75s}.need--sleep.is-play .moon{animation:1.1s ease-in-out sym-sway}.need--sleep.is-play .star{animation:need-pop 1s var(--ease)}.need--sleep.is-play .s2{animation-delay:.15s}.need--focus.is-play .bulb,.need--focus.is-play .base{animation:1s linear need-flicker}.need--sigh.is-play path{stroke-dasharray:1;animation:sym-gust 1s var(--ease) both}.need--sigh.is-play .p2{animation-delay:.1s}.need--sigh.is-play .p3{animation-delay:.2s}.need--heart.is-play .heart{animation:1s ease-out sym-beat}.need--heart.is-play .trace{stroke-dasharray:1;animation:1s linear need-trace}.need--sprout.is-play .plant{transform-origin:40% 100%;animation:need-grow 1.1s var(--ease)}}@keyframes need-rock{0%,to{rotate:-7deg}50%{rotate:6deg}}@keyframes need-twinkle{0%,to{opacity:1;scale:1}50%{opacity:.2;scale:.5}}@keyframes need-pop{0%,to{opacity:1;scale:1}40%{opacity:1;scale:1.9}60%{opacity:.5;scale:.6}}@keyframes need-filament{0%,to{stroke:var(--c);opacity:.8}50%{stroke:#fff4cf;opacity:1}}@keyframes need-flicker{0%,to{opacity:1}10%{opacity:.15}18%{opacity:1}26%{opacity:.3}34%{opacity:1}}@keyframes need-gust{0%,60%,to{stroke-dashoffset:0}78%{stroke-dashoffset:-1px}79%{stroke-dashoffset:1px}}@keyframes need-beat{0%,60%,to{scale:1}10%{scale:1.12}22%{scale:.98}32%{scale:1.08}}@keyframes need-trace{0%{stroke-dashoffset:1px}45%{stroke-dashoffset:0}85%,to{stroke-dashoffset:-1px}}@keyframes need-sway{0%,to{rotate:-4deg}50%{rotate:4deg}}@keyframes need-leaf{0%,to{scale:1}50%{scale:1.1}}@keyframes need-grow{0%{opacity:.2;scale:.35}60%{opacity:1;scale:1.12}to{scale:1}}.hub__compare h3{margin:var(--s8) 0 var(--s2);font:600 22px/1.25 var(--display);letter-spacing:-.015em}.hub__compare h3:first-of-type{margin-top:0}.journal .guide__intro h1.journal__title{letter-spacing:-.04em;font-size:clamp(44px,5.4vw,84px);line-height:1}.journal__invite{margin-top:var(--s5);font:400 16px/1.5 var(--display);color:var(--ink-2);border-left:2px solid #f0a6d899;padding-left:14px}.journal__dots{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}.journal__dots li{font:400 19px/1.65 var(--display);color:var(--ink-2);text-wrap:pretty;padding-left:28px;position:relative}.journal__dots li:before{content:"";background:linear-gradient(135deg, var(--lit-1), var(--lit-3));border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:4px}.journal .guide__part>.guide__steps+p,.journal .guide__part>p+.guide__note{margin-top:var(--s6)}.journal__list{gap:var(--s5);max-width:980px;margin:clamp(48px,7vh,80px) 0 0;padding:0;list-style:none;display:grid}.journal__list a{box-shadow:inset 0 0 0 1px var(--hair);transition:transform .5s var(--ease), box-shadow .5s var(--ease);background:#ffffff08;border-radius:26px;grid-template-columns:260px minmax(0,1fr);text-decoration:none;display:grid;overflow:hidden}.journal__list a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffffff29,0 30px 60px -36px #8057fa99}.journal__list .hub__still{aspect-ratio:auto;height:100%;min-height:220px}.journal__card{align-content:center;gap:var(--s3);padding:var(--s8);font:400 17px/1.55 var(--display);color:var(--ink-2);display:grid}.journal__card b{font:600 clamp(24px, 2.4vw, 32px)/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}.journal__card time{font:500 13px/1 var(--sans);color:var(--ink-3)}@media (max-width:1100px){.need,.need:nth-child(n+4){grid-column:span 3}.need:last-child{grid-column:span 6}}@media (max-width:640px){.need,.need:nth-child(n+4),.need:last-child{grid-column:span 6}.need{border-radius:26px}.need__icon{width:60px;height:60px;padding:15px}}@media (max-width:900px){.hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide__hero{grid-template-columns:minmax(0,1fr)}.guide__flower{justify-self:center;width:min(100%,460px)}}@media (max-width:720px){.guide__crumbs{margin-bottom:var(--s6)}.guide__intro h1{font-size:clamp(48px,14vw,72px)}.guide__part p,.guide__steps li,.guide__care li{font-size:17px}.guide__steps li{gap:var(--s3);grid-template-columns:34px minmax(0,1fr)}.guide__steps li:before{font-size:26px}.guide__app{border-radius:26px;grid-template-columns:minmax(0,1fr)}.guide__shot{justify-self:center;width:min(62vw,240px)}.hub__hero h1{font-size:clamp(48px,14vw,72px)}.hub__grid{gap:12px}.hub__grid a{border-radius:20px}.hub__text{padding:var(--s4)}.hub__text b{font-size:18px}.hub__rhythm,.hub__choose dd{font-size:17px}.journal__list a{grid-template-columns:minmax(0,1fr)}.journal__list .hub__still{aspect-ratio:16/9;min-height:0}.journal__card{padding:var(--s5)}.journal__dots li{font-size:17px}}@media (max-width:460px){.hub__grid{grid-template-columns:minmax(0,1fr)}.hub__still{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.guide__poster{transition:none}}
