.sv{--sv-line:color-mix(in srgb, currentColor 16%, transparent);--sv-disc:clamp(7em, 11vw, 11.5em);position:relative}.sv-indent{padding-left:var(--container-padding)}.sv-label{color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7em;overflow:clip}.sv-rise{display:inline-block}.sv-head{padding:calc(var(--section-padding) * .8) var(--container-padding) 0}.sv-title{--sv-fit:calc((100vw - var(--container-padding) * 3 - 1em) / (var(--lw,10) * .6));max-width:12ch;font-size:min(calc(clamp(3.25em, 7vw, 8em) * .95), var(--sv-fit));letter-spacing:-.025em;text-wrap:balance;margin-top:.35em;font-weight:450;line-height:1.02}.sv-title--long{max-width:15ch;font-size:min(clamp(3em, 5.7vw, 6.75em), var(--sv-fit))}.sv-w{vertical-align:top;margin-bottom:-.1em;padding-bottom:.1em;display:inline-block;overflow:clip}.sv-w>span{display:inline-block}.sv-rule{margin:calc(var(--section-padding) * .45) var(--container-padding) 0;height:1px;position:relative}.sv-rule:before{content:"";background:var(--sv-line);transform-origin:0;position:absolute;inset:0}.sv-disc{top:0;right:calc(var(--container-padding) * .5);width:var(--sv-disc);aspect-ratio:1;position:absolute;translate:0 -50%}.sv-disc__pop{background:var(--color-brand);width:100%;height:100%;color:var(--color-on-brand);border-radius:50%;place-items:center;display:grid;position:relative}.sv-disc__ring{width:100%;height:100%;position:absolute;inset:0}.sv-disc__ring text{fill:currentColor;letter-spacing:.06em;text-transform:uppercase;font-size:8.4px;font-weight:500}.sv-disc__arrow{fill:none;stroke:currentColor;stroke-width:1.1px;width:20%}.sv-intro{column-gap:calc(var(--gap-padding) * 2);padding:calc(var(--sv-disc) / 2 + var(--section-padding) * .3) var(--container-padding) 0;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;display:grid}.sv-intro__text{padding-left:var(--container-padding)}.sv-arrow{width:1.4em;height:1.4em;margin:-.25em 0 2em -.25em;display:block}.sv-lede{letter-spacing:-.005em;max-width:32ch;font-size:clamp(1.25em,1.6vw,1.6em);line-height:1.4}.sv-shape{box-shadow:inset 0 0 0 1px var(--sv-line);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.8em;margin-top:2.4em;padding:.75em 1.3em .75em 1em;font-size:.72em;display:inline-flex}.sv-shape:before{content:"";background:var(--color-brand);width:.7em;height:.7em;box-shadow:0 0 0 1px var(--color-dark);border-radius:50%}.sv-toc ol{border-bottom:1px solid var(--sv-line)}.sv-toc__link{border-top:1px solid var(--sv-line);color:inherit;grid-template-columns:3.4em minmax(0,1fr) auto;align-items:center;padding:.95em 0;text-decoration:none;display:grid}.sv-toc__n{color:var(--color-muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;font-size:.75em}.sv-toc__label{transition:translate .5s var(--ease-primary)}.sv-toc__go{fill:none;stroke:currentColor;stroke-width:1.3px;width:.85em;transition:translate .5s var(--ease-primary)}.sv-toc__link:focus-visible{outline-offset:2px;outline:2px solid}@media (hover:hover) and (pointer:fine){.sv-toc__link:hover .sv-toc__label{translate:.4em}.sv-toc__link:hover .sv-toc__go{translate:0 .25em}}.sv-sec{padding:var(--section-padding) var(--container-padding) 0}.sv-sec__head{padding-left:var(--container-padding)}.sv-h{letter-spacing:-.015em;text-wrap:balance;max-width:14ch;scroll-margin-top:1.5em;font-size:clamp(2em,3.4vw,3.25em);font-weight:450;line-height:1.08}.sv-h__n{color:var(--color-muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:calc(var(--text-base) * .75);letter-spacing:.08em;margin-bottom:1.1em;display:block}.sv-h__t{display:block}.sv-split{column-gap:calc(var(--gap-padding) * 2);grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:start;display:grid}.sv-split .sv-sec__head{top:calc(var(--gap-padding) * 2.5);position:sticky}.sv-spec{border-bottom:1px solid var(--sv-line)}.sv-spec__row{view-timeline:--sv-spec block;position:relative}.sv-spec__row:before{content:"";background:var(--color-dark);transform-origin:0;width:100%;height:1px;position:absolute;top:0;left:0}.sv-spec__row:not(:first-child):before{background:var(--sv-line)}.sv-spec__in{grid-template-columns:3.4em minmax(0,1fr);padding:1.7em 0;display:grid}.sv-spec__n{color:var(--color-muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;padding-top:.55em;font-size:.75em}.sv-spec__text{letter-spacing:-.005em;max-width:40ch;font-size:clamp(1.1em,1.4vw,1.45em);line-height:1.42}.sv-spec--no .sv-spec__n{padding-top:.2em;font-size:1.1em}.sv-band{z-index:1;margin-top:var(--section-padding);padding-bottom:var(--section-padding);background:var(--color-dark);color:var(--color-cream);position:relative}.sv-band .sv-h__n{color:var(--color-brand)}.sv-curve{pointer-events:none;transform-origin:top;height:10vh;display:none;position:absolute;left:0;right:0;overflow:hidden}.sv-curve>div{border-radius:50%;width:150%;height:750%;position:absolute;top:0;left:50%;transform:translate(-50%,-86.666%)}.sv-curve--in{top:-1px}.sv-curve--in>div{background:var(--color-cream)}.sv-curve--out{top:calc(100% - 1px)}.sv-curve--out>div{background:var(--color-dark)}.sv-steps{--trunk:calc(var(--container-padding) * .5);--num:clamp(3rem, 5.6vw, 7.5rem);--pad:clamp(2.2rem, 6vh, 4rem);--port:calc(var(--pad) + var(--num) * .48);margin-top:calc(var(--section-padding) * .5);position:relative}.sv-steps ol{border-bottom:1px solid var(--color-line-dark)}.sv-steps__wire{top:var(--port);bottom:0;left:var(--trunk);overflow-clip-margin:1.25em;background:color-mix(in srgb, var(--color-cream) 22%, transparent);view-timeline:--sv-wire block;view-timeline-inset:55% 45%;width:1px;position:absolute;overflow:clip}.sv-steps__current{background:var(--color-brand);transform-origin:top;position:absolute;inset:0}.sv-steps__tip{width:1px;height:100%;display:none;position:absolute;top:0;left:0}.sv-steps__tip>span{background:var(--color-brand);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:50%;box-shadow:0 0 14px 3px #d4ff3f8c}.sv-step{--gap:calc(var(--gap-padding) * 2);grid-template-columns:calc((100% + var(--container-padding) - var(--gap)) * .3953 - var(--container-padding)) minmax(0, 1fr);column-gap:var(--gap);padding:var(--pad) 0 var(--pad) var(--container-padding);border-top:1px solid var(--color-line-dark);view-timeline:--sv-step block;view-timeline-inset:55% 45%;display:grid;position:relative}.sv-step__port{top:var(--port);left:var(--trunk);z-index:1;background:var(--color-dark);width:11px;height:11px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-cream) 45%, transparent);border-radius:50%;margin:-5.5px 0 0 -5px;position:absolute}.sv-step__port:after{content:"";background:var(--color-brand);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 12px #d4ff3f73}.sv-step__n{font-size:var(--num);letter-spacing:-.04em;color:color-mix(in srgb, var(--color-cream) 42%, var(--color-dark));font-weight:450;line-height:1;position:relative}.sv-step__n:after{content:attr(data-n);color:var(--color-brand);position:absolute;inset:0}.sv-step__body{column-gap:var(--gap-padding);padding-top:calc(var(--num) * .1);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-content:start;display:grid}.sv-step__title{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.45em,2.1vw,2.2em);font-weight:450;line-height:1.12}.sv-step__copy{max-width:40ch;color:var(--color-muted-dark);padding-top:.35em}.sv-step__when{color:var(--color-brand);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;grid-column:2;margin-top:1em;font-size:.75em}.sv-tools{padding-top:calc(var(--section-padding) * .8)}.sv-pills{margin-top:calc(var(--section-padding) * .4);padding-left:var(--container-padding);view-timeline:--sv-pills block;flex-wrap:wrap;gap:.75em;display:flex}.sv-pill{box-shadow:inset 0 0 0 1px var(--color-line-dark);letter-spacing:-.015em;border-radius:999px;align-items:center;gap:.55em;padding:.55em 1.05em .6em .9em;font-size:clamp(1.15em,2.1vw,2.2em);line-height:1.1;display:inline-flex}.sv-pill:before{content:"";background:var(--color-brand);border-radius:50%;flex:none;width:.3em;height:.3em}.sv-rows{margin-top:calc(var(--section-padding) * .45);border-bottom:1px solid var(--sv-line)}.sv-row{grid-template-columns:var(--container-padding) minmax(0, 1fr) auto;align-items:center;column-gap:var(--gap-padding);padding:2.4em var(--gap-padding) 2.4em 0;border-top:1px solid var(--sv-line);isolation:isolate;view-timeline:--sv-row block;-webkit-tap-highlight-color:transparent;transition:color .45s var(--ease-primary), opacity .3s var(--ease-primary);display:grid;position:relative;overflow:hidden}.sv-row:before{content:"";z-index:-1;background:var(--color-dark);transform-origin:bottom;transition:transform .6s var(--ease-primary);position:absolute;inset:0;transform:scaleY(0)}.sv-row__index{color:var(--color-muted);font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.08em;transition:color .45s var(--ease-primary);justify-self:center;font-size:.75em}.sv-row__name{letter-spacing:-.02em;transition:translate .6s var(--ease-primary);font-size:clamp(1.6em,3.4vw,3.75em);font-weight:450;line-height:1.05}.sv-row__name a{color:inherit;text-decoration:none}.sv-row__name a:after{content:"";z-index:1;position:absolute;inset:0}.sv-row__name a:focus-visible{outline:none}.sv-row:has(a:focus-visible){outline-offset:-2px;outline:2px solid}.sv-row__lede{max-width:56ch;color:var(--color-muted);transition:color .45s var(--ease-primary);margin-top:.7em}.sv-row__go{aspect-ratio:1;border:1px solid var(--sv-line);width:clamp(3.2em,4.4vw,4.6em);transition:background-color .45s var(--ease-primary), border-color .45s var(--ease-primary), color .45s var(--ease-primary);border-radius:50%;place-items:center;display:grid}.sv-row__go svg{width:38%;height:38%;transition:rotate .6s var(--ease-primary)}.sv-row:has(a:focus-visible){color:var(--color-cream)}.sv-row:has(a:focus-visible):before{transform:scaleY(1)}.sv-row:has(a:focus-visible) :is(.sv-row__index,.sv-row__lede){color:var(--color-muted-dark)}.sv-row:has(a:focus-visible) .sv-row__go{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}@media (hover:hover) and (pointer:fine){.sv-rows:has(.sv-row:hover) .sv-row:not(:hover){opacity:.4}.sv-row:hover{color:var(--color-cream)}.sv-row:hover:before{transform:scaleY(1)}.sv-row:hover .sv-row__name{translate:.35em}.sv-row:hover :is(.sv-row__index,.sv-row__lede){color:var(--color-muted-dark)}.sv-row:hover .sv-row__go{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-brand)}.sv-row:hover .sv-row__go svg{rotate:45deg}}@media (hover:none){.sv-row:active{color:var(--color-cream)}.sv-row:active:before{transition-duration:.3s;transform:scaleY(1)}.sv-row:active :is(.sv-row__index,.sv-row__lede){color:var(--color-muted-dark)}}@keyframes sv-word{0%{transform:translateY(105%)rotate(5deg)}to{transform:none}}@keyframes sv-draw{0%{transform:scaleX(0)}to{transform:none}}@keyframes sv-pop{0%{transform:scale(0)rotate(-120deg)}to{transform:none}}@keyframes sv-up{0%{transform:translateY(2.5em)}to{transform:none}}@keyframes sv-hold{0%{transform:translateY(calc(-1 * var(--intro-rise-from)))}to{transform:none}}html[data-intro=page] .sv-hero{animation:sv-hold 1s var(--intro-rise) .75s both}html[data-intro=enter] .sv-hero{animation:sv-hold 1s var(--intro-rise) .2s both}html[data-intro=page] .sv-rise{animation:sv-word .9s var(--intro-rise) .7s both}html[data-intro=page] .sv-w>span{animation:sv-word .9s var(--intro-rise) calc(.76s + min(var(--w), 4) * 60ms) both}html[data-intro=page] .sv-rule:before{animation:sv-draw 1.1s var(--intro-in-out) .75s both}html[data-intro=page] .sv-disc__pop{animation:sv-pop .9s var(--intro-rise) .95s both}html[data-intro=page] .sv-arrive{animation:sv-up 1s var(--intro-rise) .82s both}html[data-intro=page] .sv-toc{animation-delay:.88s}html[data-intro=enter] .sv-rise{animation:sv-word .85s var(--intro-rise) .15s both}html[data-intro=enter] .sv-w>span{animation:sv-word .85s var(--intro-rise) calc(.19s + min(var(--w), 4) * 50ms) both}html[data-intro=enter] .sv-rule:before{animation:sv-draw 1s var(--intro-in-out) .2s both}html[data-intro=enter] .sv-disc__pop{animation:sv-pop .9s var(--intro-rise) .35s both}html[data-intro=enter] .sv-arrive{animation:sv-up .95s var(--intro-rise) .25s both}html[data-intro=enter] .sv-toc{animation-delay:.3s}@keyframes sv-spin{to{transform:rotate(-360deg)}}@keyframes sv-turn{to{transform:rotate(60deg)}}@keyframes sv-rise-in{0%{opacity:0;transform:translateY(1.4em)}to{opacity:1;transform:none}}@keyframes sv-grow{0%{transform:scaleY(0)}to{transform:none}}@keyframes sv-flatten{0%{transform:none}to{transform:scaleY(0)}}@keyframes sv-travel{0%{transform:none}to{transform:translateY(100%)}}@keyframes sv-light{0%{opacity:0}to{opacity:1}}@keyframes sv-port{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes sv-wake{0%{opacity:.32;transform:translate(.6em)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sv{timeline-scope:--sv-other}.sv-disc__ring{animation:linear both sv-spin;animation-timeline:scroll(root)}.sv-intro{view-timeline:--sv-intro block}.sv-arrow{animation:linear both sv-turn;animation-timeline:--sv-intro;animation-range:cover 30% exit}.sv-spec__row:before{animation:linear both sv-draw;animation-timeline:--sv-spec;animation-range:entry 20% cover 35%}.sv-spec__in{animation:linear both sv-rise-in;animation-timeline:--sv-spec;animation-range:entry 15%}.sv-band{view-timeline:--sv-band block}.sv-curve{display:block}.sv-curve--in{animation:linear both sv-flatten;animation-timeline:--sv-band;animation-range:cover cover 55vh}.sv-other{view-timeline:--sv-other block}.sv-curve--out{animation:linear both sv-flatten;animation-timeline:--sv-other;animation-range:cover cover 55vh}.sv-steps__current{animation:linear both sv-grow;animation-timeline:--sv-wire}.sv-steps__tip{animation:linear both sv-travel;animation-timeline:--sv-wire;display:block}.sv-step__port:after{animation:linear both sv-port;animation-timeline:--sv-step;animation-range:cover calc(var(--port) - .5rem) cover calc(var(--port) + 1.5rem)}.sv-step__n:after{animation:linear both sv-light;animation-timeline:--sv-step;animation-range:cover calc(var(--port) - .5rem) cover calc(var(--port) + 3rem)}.sv-step__body{animation:linear both sv-wake;animation-timeline:--sv-step;animation-range:cover calc(var(--port) - 4rem) cover calc(var(--port) + 2rem)}.sv-pill{animation:linear both sv-rise-in;animation-timeline:--sv-pills;animation-range:entry calc(10% + var(--i) * 12%) entry calc(60% + var(--i) * 12%)}.sv-row__index,.sv-row__main,.sv-row__go{animation:linear both sv-rise-in;animation-timeline:--sv-row;animation-range:entry 10% entry 90%}}}@media (max-width:1024px){.sv-title{--sv-fit:calc((100vw - var(--container-padding) * 2 - 1em) / (var(--lw,10) * .6));font-size:min(clamp(3.25em, 9vw, 8em), var(--sv-fit))}.sv-title--long{font-size:min(clamp(3em, 7.4vw, 6.75em), var(--sv-fit))}.sv-indent,.sv-intro__text,.sv-sec__head,.sv-pills{padding-left:0}.sv-intro{row-gap:calc(var(--section-padding) * .45);grid-template-columns:minmax(0,1fr)}.sv-split{grid-template-columns:minmax(0,1fr)}.sv-split .sv-sec__head{position:static}.sv-spec{margin-top:calc(var(--section-padding) * .4)}.sv-steps{--trunk:calc(var(--container-padding) * -.5)}.sv-step{grid-template-columns:minmax(0,1fr);row-gap:1em;padding-left:0}.sv-step__body{padding-top:0}.sv-row{padding-left:var(--gap-padding);grid-template-columns:minmax(0,1fr) auto}.sv-row__index{display:none}}@media (max-width:540px){.sv{--sv-disc:5.75em}.sv-disc{right:0}.sv-curve{height:6vh}.sv-disc__ring text{font-size:9.4px}.sv-steps{--num:2.75rem;--trunk:.35em}.sv-step{padding-left:1.9em}.sv-step__body{grid-template-columns:minmax(0,1fr);row-gap:.4em}.sv-step__when{grid-column:1}.sv-pills{gap:.5em}.sv-row{padding:1.8em 0}.sv-row__go{display:none}}
