:root{--c-blue:#179cd6;--c-blue-hover:#3aaee0;--c-blue-strong:#0b6c99;--c-blue-tint:#e6f4fb;--c-ink:#0b1126;--c-ink-2:#111934;--c-ink-3:#1c2646;--c-paper:#fff;--c-surface:#f1f3f6;--c-surface-2:#e5e8ee;--c-line:#d6dbe3;--c-line-strong:#b3bbc8;--c-text:#111727;--c-text-muted:#4f586a;--c-on-dark:#eef1f6;--c-on-dark-muted:#a3adc3;--c-line-dark:#263050;--c-grid-dark:#a3adc313;--c-grid-light:#0b11260e;--grid-size:2rem;--c-success:#17663f;--c-success-bg:#e7f4ec;--c-warning:#8a5300;--c-warning-bg:#fdf3e2;--c-error:#b3261e;--c-error-bg:#fcebea;--font-sans:var(--font-archivo), "Helvetica Neue", Arial, sans-serif;--font-mono:var(--font-plex-mono), ui-monospace, "SFMono-Regular", Consolas, monospace;--fs-mega:clamp(3rem, 1.4rem + 6vw, 7rem);--fs-display:clamp(2.75rem, 1.5rem + 5vw, 5.75rem);--fs-h1:clamp(2.5rem, 1.6rem + 3.4vw, 4.75rem);--fs-h2:clamp(2.125rem, 1.45rem + 2.6vw, 3.75rem);--fs-h3:clamp(1.375rem, 1.2rem + .6vw, 1.75rem);--fs-h4:1.1875rem;--fs-lead:clamp(1.125rem, 1.04rem + .36vw, 1.375rem);--fs-body:1.0625rem;--fs-small:.9375rem;--fs-xs:.78125rem;--lh-tight:.96;--lh-heading:1.04;--lh-body:1.6;--heading-stretch:76%;--tracking-heading:-.02em;--tracking-label:.12em;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--section:clamp(4.5rem, 2.6rem + 7vw, 9rem);--section-sm:clamp(3.5rem, 2.3rem + 4vw, 6rem);--gutter:clamp(1rem, .4rem + 2.6vw, 2.5rem);--max:82rem;--max-wide:90rem;--max-text:42rem;--r-sm:2px;--r-md:4px;--r-lg:8px;--shadow-sm:0 1px 2px #0b11260f, 0 1px 1px #0b11260a;--shadow-md:0 10px 30px -12px #0b112647;--shadow-lg:0 40px 80px -40px #0b112699;--z-header:50;--z-floating:60;--z-overlay:80;--z-modal:100;--t-fast:.12s;--t-base:.2s;--t-slow:.32s;--ease:cubic-bezier(.2, .7, .2, 1);--header-h:4.75rem}@media (max-width:63.99rem){:root{--header-h:4rem;--grid-size:1.5rem}}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-base:0s;--t-slow:0s}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--s-4))}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--c-paper);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);font-feature-settings:"ss01" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-weight:750;font-stretch:var(--heading-stretch);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);word-spacing:.05em;text-wrap:balance;margin:0}p,ul,ol,dl,figure,blockquote{margin:0}p{text-wrap:pretty}ul[role=list],ol[role=list]{padding:0;list-style:none}img,svg,video{max-width:100%;display:block}img{height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--c-blue);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--c-blue);color:var(--c-ink)}table{border-collapse:collapse}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--s-3);left:var(--s-3);z-index:calc(var(--z-modal) + 1);padding:var(--s-3) var(--s-4);background:var(--c-ink);color:var(--c-on-dark);transition:transform var(--t-fast) var(--ease);font-weight:600;text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.eyebrow{align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-blue-strong);font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:.5rem;height:.5rem}.eyebrow:after{content:"";opacity:.5;background:currentColor;order:1;width:2rem;height:1px}.on-dark .eyebrow,.eyebrow.on-dark{color:var(--c-blue)}.blueprint,.blueprint-light{isolation:isolate;position:relative}.blueprint:before,.blueprint-light:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);-webkit-mask-image:var(--grid-mask,linear-gradient(180deg, #000 0%, #000 60%, transparent 100%));mask-image:var(--grid-mask,linear-gradient(180deg, #000 0%, #000 60%, transparent 100%));background-position:-1px -1px;position:absolute;inset:0}.blueprint{--grid-color:var(--c-grid-dark)}.blueprint-light{--grid-color:var(--c-grid-light)}.marks{position:relative}.marks>.mark{z-index:2;border:0 solid var(--mark-color,var(--c-blue));pointer-events:none;width:1.125rem;height:1.125rem;position:absolute}.marks>.mark:first-of-type{border-top-width:2px;border-left-width:2px;top:-.5rem;left:-.5rem}.marks>.mark:nth-of-type(2){border-top-width:2px;border-right-width:2px;top:-.5rem;right:-.5rem}.marks>.mark:nth-of-type(3){border-bottom-width:2px;border-left-width:2px;bottom:-.5rem;left:-.5rem}.marks>.mark:nth-of-type(4){border-bottom-width:2px;border-right-width:2px;bottom:-.5rem;right:-.5rem}.section-head{gap:var(--s-5);margin-bottom:clamp(2.5rem,1.6rem + 3vw,4.5rem);display:grid}.section-head h2{max-width:16ch;font-size:var(--fs-h2);line-height:var(--lh-heading)}.section-head .section-aside{max-width:30rem;font-size:var(--fs-lead);color:var(--c-text-muted)}.on-dark .section-head .section-aside{color:var(--c-on-dark-muted)}@media (min-width:64rem){.section-head{align-items:end;column-gap:var(--s-8);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.section-head>.eyebrow{grid-column:1/-1}.section-head .section-aside{justify-self:end}}.index-num{font-family:var(--font-sans);letter-spacing:-.03em;color:#0000;-webkit-text-stroke:1px var(--c-line-strong);font-size:clamp(3rem,2rem + 3vw,5rem);font-weight:800;font-stretch:70%;line-height:.85}.on-dark .index-num{-webkit-text-stroke-color:#a3adc34d;-webkit-text-stroke-width:1.5px}.hl{color:var(--c-blue-strong)}.on-dark .hl{color:var(--c-blue)}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 0}.prose{max-width:var(--max-text)}.prose>*+*{margin-top:var(--s-4)}.prose h2{margin-top:var(--s-7);font-size:var(--fs-h3)}.prose h3{margin-top:var(--s-6);font-size:var(--fs-h4)}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:var(--s-2)}.prose a{color:var(--c-blue-strong)}.prose table{width:100%;font-size:var(--fs-small)}.prose th,.prose td{padding:var(--s-3);border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top}.prose th{background:var(--c-surface);font-weight:600}main:focus{outline:none}
:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--reveal-distance:28px;--reveal-duration:.9s;--stagger-step:90ms}html.motion [data-reveal]{opacity:0;translate:0 var(--reveal-distance)}html.motion [data-reveal]:not(.is-done){transition:opacity calc(var(--reveal-duration) * .8) var(--ease-out), translate var(--reveal-duration) var(--ease-out);transition-delay:calc(var(--delay,0) * 1ms)}html.motion [data-reveal=fade]{translate:none}html.motion [data-reveal=left]{translate:calc(var(--reveal-distance) * -1.4) 0}html.motion [data-reveal=right]{translate:calc(var(--reveal-distance) * 1.4) 0}html.motion [data-reveal].is-in,html.motion [data-reveal=image]{opacity:1;translate:none}html.motion [data-reveal=image]>img,html.motion [data-reveal=image]>video,html.motion [data-reveal=image]>:not(figcaption) img{clip-path:inset(0 0 100%);scale:1.18}html.motion [data-reveal=image]:not(.is-done)>img,html.motion [data-reveal=image]:not(.is-done)>video,html.motion [data-reveal=image]:not(.is-done)>:not(figcaption) img{transition:clip-path 1.2s var(--ease-in-out), scale 1.8s var(--ease-out);transition-delay:calc(var(--delay,0) * 1ms)}html.motion [data-reveal=image].is-in>img,html.motion [data-reveal=image].is-in>video,html.motion [data-reveal=image].is-in>:not(figcaption) img{clip-path:inset(0);scale:1}html.motion [data-reveal=image]>figcaption{opacity:0;transition:opacity .6s var(--ease-out) .9s}html.motion [data-reveal=image].is-in>figcaption{opacity:1}html.motion [data-reveal=line]{opacity:1;transform-origin:0;translate:none;scale:0 1}html.motion [data-reveal=line]:not(.is-done){transition:scale 1.1s var(--ease-in-out);transition-delay:calc(var(--delay,0) * 1ms)}html.motion [data-reveal=line].is-in{scale:1}html.motion [data-reveal=stagger]{opacity:1;translate:none}html.motion [data-reveal=stagger]>*{opacity:0;translate:0 var(--reveal-distance)}html.motion [data-reveal=stagger]:not(.is-done)>*{transition:opacity .7s var(--ease-out), translate .9s var(--ease-out);transition-delay:calc(var(--delay,0) * 1ms + var(--i,0) * var(--stagger-step))}html.motion [data-reveal=stagger].is-in>*,html.motion [data-reveal=draw]{opacity:1;translate:none}html.motion [data-reveal=draw] [data-draw=profile]{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.6s var(--ease-in-out) .15s}html.motion [data-reveal=draw] [data-draw=dim]{opacity:0;transition:opacity .5s var(--ease-out);transition-delay:1.3s}html.motion [data-reveal=draw] [data-draw=label]{opacity:0;transition:opacity .5s var(--ease-out), translate .6s var(--ease-out);transition-delay:1.6s;translate:0 6px}html.motion [data-reveal=draw] [data-draw=grid]{opacity:0;transition:opacity .9s var(--ease-out)}html.motion [data-reveal=draw].is-in [data-draw=profile]{stroke-dashoffset:0}html.motion [data-reveal=draw].is-in [data-draw=dim],html.motion [data-reveal=draw].is-in [data-draw=grid]{opacity:1}html.motion [data-reveal=draw].is-in [data-draw=label]{opacity:1;translate:none}.split-word{overflow-clip-margin:.12em;vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:clip}.split-word>span{display:inline-block}html.motion .split-word>span{animation:word-up 1s var(--ease-out) forwards;animation-delay:calc(var(--split-delay,0s) + var(--w,0) * 55ms);translate:0 105%}@keyframes word-up{to{translate:0}}html.motion .enter{opacity:0;animation:enter-up .9s var(--ease-out) forwards;animation-delay:var(--enter-delay,0s)}@keyframes enter-up{0%{opacity:0;translate:0 22px}to{opacity:1;translate:none}}html.motion .enter-image{clip-path:inset(0 0 0 100%);animation:curtain-left 1.4s var(--ease-in-out) forwards;animation-delay:var(--enter-delay,.15s)}html.motion .enter-image img{animation:settle 2.2s var(--ease-out) forwards;animation-delay:var(--enter-delay,.15s);scale:1.2}@keyframes curtain-left{to{clip-path:inset(0)}}@keyframes settle{to{scale:1}}html.motion .enter.eyebrow:after,html.motion .eyebrow.enter:after{transform-origin:0;animation:draw-x .9s var(--ease-in-out) forwards;animation-delay:calc(var(--enter-delay,0s) + .2s);scale:0 1}@keyframes draw-x{to{scale:1}}html.motion .page-enter{animation:page-in .5s var(--ease-out)}@keyframes page-in{0%{opacity:0}}@supports (animation-timeline:view()){html.motion [data-parallax]{overflow:hidden}html.motion [data-parallax] img{animation:linear both parallax;animation-timeline:view();animation-range:cover}@keyframes parallax{0%{transform:scale(1.14)}to{transform:scale(1.14)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
