@layer components{html .ld-landing section[data-ground=lemon],html .ld-landing section[data-ground=cobalt]{background-color:var(--fresh-lemon);color:var(--fresh-ink)}html .ld-landing section[data-ground=ink],html .ld-landing section[data-ground=black]{background-color:var(--fresh-ink);color:var(--fresh-cream)}html .ld-landing section[data-ground=cream],html .ld-landing section[data-ground=grey]{background-color:var(--fresh-cream);color:var(--fresh-ink)}html .ld-landing section[data-ground] .ld-copy{color:inherit}html .ld-landing section[data-ground=lemon] .ld-copy .ld-note,html .ld-landing section[data-ground=cobalt] .ld-copy .ld-note,html .ld-landing section[data-ground=cream] .ld-copy .ld-note,html .ld-landing section[data-ground=grey] .ld-copy .ld-note{color:var(--on-cobalt-2)}html .ld-landing section[data-ground=ink] .ld-copy .ld-note,html .ld-landing section[data-ground=black] .ld-copy .ld-note{color:#fff8d9b8}html .ld-landing section[data-ground=lemon] :focus-visible,html .ld-landing section[data-ground=cobalt] :focus-visible,html .ld-landing section[data-ground=cream] :focus-visible,html .ld-landing section[data-ground=grey] :focus-visible{outline-color:var(--fresh-ink)}html .ld-landing section[data-ground=ink] :focus-visible,html .ld-landing section[data-ground=black] :focus-visible{outline-color:var(--fresh-lemon)}}
@layer components{.ld-apart{--fu:min(.05vw, .08889svh);height:310svh;min-height:620px;color:var(--a-ink);background-color:var(--a-cream);position:relative}.ld-apart-pin{z-index:45;pointer-events:none;height:100svh;min-height:620px;position:sticky;top:0;overflow:clip}.ld-apart-stage{width:calc(2000 * var(--fu));height:calc(1125 * var(--fu));margin:calc(-562.5 * var(--fu)) 0 0 calc(-1000 * var(--fu));position:absolute;top:50%;left:50%}.ld-dial{left:var(--dl);top:var(--dt);width:var(--dw);aspect-ratio:1150/1200;pointer-events:auto;opacity:0;transition:opacity .7s ease-out, transform 1s var(--ld-out,cubic-bezier(.16, 1, .3, 1));position:absolute;transform:scale(.94)rotate(-4deg)}.ld-apart[data-in="1"] .ld-dial{opacity:1;transform:none}.ld-dial[data-drag="1"]{cursor:grabbing}.ld-dial-cv{width:100%;height:100%;filter:drop-shadow(calc(14 * var(--fu)) calc(20 * var(--fu)) calc(16 * var(--fu)) #785a0040);position:absolute;inset:0}.ld-dial-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ld-dial-track{fill:none;stroke:var(--a-ink);stroke-width:3.4px}.ld-dial-arc{fill:none;stroke:var(--a-ink);stroke-width:12px}.ld-dial-tick{stroke:var(--a-ink);stroke-width:3.4px;stroke-linecap:round}.ld-dial-num{font-family:var(--font-mono);fill:var(--a-ink);font-size:40px;font-weight:500}.ld-dial-hand{stroke:var(--a-ink);stroke-width:6px;stroke-linecap:round}.ld-dial-dot circle{fill:var(--a-ink);stroke:var(--a-cream);stroke-width:3.5px}.ld-dial-dot text{display:none}.ld-dial-hub{fill:var(--a-cream);stroke:var(--a-ink);stroke-width:4px}.ld-dial-read{font-family:var(--font-mono);letter-spacing:-.03em;fill:var(--a-ink);font-size:84px;font-weight:700}.ld-dial-cap{font-family:var(--font-mono);letter-spacing:.16em;fill:var(--a-ink-2);font-size:25px;font-weight:500}.ld-dial-knob{width:max(40px, calc(84 * var(--fu)));aspect-ratio:1;margin:calc(max(40px, calc(84 * var(--fu))) / -2) 0 0 calc(max(40px, calc(84 * var(--fu))) / -2);background:var(--a-ink);box-shadow:0 0 0 3px var(--a-cream), 0 0 0 5px var(--a-ink);cursor:grab;touch-action:none;outline-offset:7px;border-radius:50%;position:absolute;top:3.6%;left:50.6%}.ld-dial[data-drag="1"] .ld-dial-knob{cursor:grabbing}.ld-dial-knob:before{content:"";background:var(--a-cream);border-radius:50%;position:absolute;inset:36%}.ld-dial[data-touched="0"] .ld-dial-knob:after{content:"";border:2px solid var(--a-ink);border-radius:50%;animation:2.4s ease-out 1.6s infinite ld-knob-ping;position:absolute;inset:-14%}@keyframes ld-knob-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.9)}}.ld-apart-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ld-apart-ln{fill:none;stroke:var(--a-ink);stroke-width:2.2px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.ld-apart[data-in="1"] .ld-apart-ln{animation:ld-draw .9s var(--ld-out,cubic-bezier(.16, 1, .3, 1)) calc(.7s + var(--i,0) * .14s) both}.ld-apart-rules{opacity:calc(1 - var(--leave,0));pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.ld-rule{left:var(--rl);top:var(--rt);width:var(--rw);font-size:max(10.5px, calc(19.6 * var(--fu)));opacity:0;transition:opacity .7s ease-out calc(.9s + var(--i,0) * .14s), transform .9s var(--ld-out,cubic-bezier(.16, 1, .3, 1)) calc(.9s + var(--i,0) * .14s);line-height:1.38;position:absolute;transform:translateY(12px)}.ld-apart[data-in="1"] .ld-rule{opacity:1;transform:none}.ld-rule[data-side=l]{text-align:right}.ld-rule b{letter-spacing:.03em;font-weight:700;display:block}.ld-rule span{color:#0a0a0ad6;margin-top:.15em;font-weight:400;display:block}.ld-rule .ld-rule-short,.ld-rule .ld-rule-n{display:none}.ld-rule[data-free="1"] b{color:var(--a-leaf-deep)}.ld-apart .ld-apart-title.t-giant.ld-st{left:calc(58 * var(--fu));top:calc(808 * var(--fu));font-size:calc(214 * var(--fu));letter-spacing:-.035em;white-space:nowrap;color:var(--a-ink);pointer-events:auto;margin:0;line-height:.88;position:absolute}.ld-apart-sub{opacity:calc(1 - var(--leave,0));left:calc(1590 * var(--fu));top:calc(838 * var(--fu));width:calc(360 * var(--fu));font-family:var(--font-text);font-weight:700;font-size:max(14px, calc(28 * var(--fu)));letter-spacing:-.012em;text-wrap:pretty;margin:0;line-height:1.26;position:absolute}.ld-apart-hint{opacity:calc(1 - var(--leave,0));left:calc(1590 * var(--fu));top:calc(1032 * var(--fu));width:calc(360 * var(--fu));font-size:max(10.5px, calc(18 * var(--fu)));color:var(--a-ink-2);margin:0;font-weight:500;line-height:1.4;position:absolute}.ld-apart-hint[data-done="1"]{color:var(--a-leaf-deep);font-weight:700}.ld-slot-apart{left:calc(1262 * var(--fu));top:calc(212 * var(--fu));width:calc(360 * var(--fu));height:calc(450 * var(--fu));pointer-events:none;visibility:hidden;position:absolute}.ld-slot-apart-m{display:none}.ld-landing[data-slots] .ld-slot-apart,.ld-landing[data-slots] .ld-slot-apart-m{visibility:visible;outline-offset:-1px;outline:1px dashed #0a0a0ab3}.ld-landing[data-motion=off] .ld-apart{height:100svh;min-height:620px}.ld-landing[data-motion=off] .ld-apart .ld-dial,.ld-landing[data-motion=off] .ld-apart .ld-rule{opacity:1;transition:none;transform:none}.ld-landing[data-motion=off] .ld-apart .ld-apart-ln{stroke-dashoffset:0;animation:none}@media (max-aspect-ratio:5/4),(max-width:880px){.ld-apart{--fu:.1vw;height:270svh}.ld-apart-stage{width:100%;height:100%;padding:calc(var(--nav-h,84px) + 6px) var(--gutter) 12px;flex-direction:column;align-items:stretch;margin:0;display:flex;position:relative;top:auto;left:auto}.ld-apart .ld-apart-title.t-giant.ld-st{white-space:normal;font-size:min(17.5vw,11.5svh);line-height:.88;position:static}.ld-apart-sub{width:auto;max-width:24em;margin-top:8px;font-size:clamp(14px,3.9vw,18px);position:static}.ld-apart-hint{width:auto;margin-top:6px;font-size:11.5px;position:static}.ld-dial{--dw:min(70vw, 33svh);width:var(--dw);margin:clamp(26px,5.4svh,46px) auto 0;position:relative;top:auto;left:auto}.ld-dial-num{font-size:46px}.ld-dial-read{font-size:90px}.ld-dial-knob{width:40px;margin:-20px 0 0 -20px}.ld-dial-dot circle{r:26px}.ld-dial-dot text{font-family:var(--font-mono);fill:var(--a-cream);font-size:30px;font-weight:700;display:block}.ld-apart-lines,.ld-slot-apart{display:none}.ld-slot-apart-m{aspect-ratio:.8;pointer-events:none;visibility:hidden;z-index:-1;width:46%;display:block;position:absolute;top:-9%;right:-17%}.ld-apart-rules{gap:5px;margin-top:clamp(18px,3.4svh,30px);display:grid;position:static}.ld-rule{opacity:1;grid-template-columns:22px 1fr;align-items:baseline;column-gap:9px;width:auto;font-size:12px;line-height:1.3;display:grid;position:static;transform:none;text-align:left!important}.ld-rule .ld-rule-n{background:var(--a-ink);width:20px;height:20px;color:var(--a-cream);border-radius:50%;grid-row:1/span 2;align-self:start;place-items:center;margin-top:1px;font-size:11px;font-style:normal;font-weight:700;display:grid}.ld-rule .ld-rule-long{display:none}.ld-rule .ld-rule-short{grid-column:2;margin-top:0;display:block}.ld-rule b{grid-column:2}}@media (max-height:700px) and (max-aspect-ratio:5/4){.ld-apart-sub{display:none}}}