:root{--unit:8px;--x-ratio:.51;--font-sans:"Instrument Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--h1-size:94.12px;--h1-weight:700;--h1-letter-spacing:-3.2px;--h1-line-height:88px;--h2-size:62.75px;--h2-weight:700;--h2-letter-spacing:-1px;--h2-line-height:56px;--h3-size:39.22px;--h3-weight:700;--h3-letter-spacing:0px;--h3-line-height:40px;--h4-size:23.53px;--h4-weight:700;--h4-letter-spacing:.4px;--h4-line-height:24px;--text-size:calc(var(--unit) * 1.5 / var(--x-ratio));--text-line-height:calc(var(--unit) * 4);--text-size-small:calc(var(--unit) * 1.25 / var(--x-ratio));--text-size-xsmall:calc(var(--unit) * 1.125 / var(--x-ratio));--text-line-height-small:calc(var(--unit) * 3.5);--text-weight:507;--text-weight-bold:660;--text-letter-spacing:-.2px;--quote-size:calc(var(--text-size) * 1.93);--quote-weight:500;--quote-line-height:1.2;--base-hue:264;--base-chroma:.02;--accent:oklch(55% .15 var(--base-hue));--page-bg:color-mix(in oklch, var(--accent), white 98%);--logo-fill:oklch(45% var(--base-chroma) var(--base-hue));--text-primary:oklch(40% var(--base-chroma) var(--base-hue));--text-secondary:oklch(68% var(--base-chroma) var(--base-hue));--text-link:var(--text-primary);--text-link-hover:color-mix(in oklch, var(--text-link), black 20%);--rule:oklch(90% 0 0);--code-bg:color-mix(in oklch, var(--accent), transparent 93%);--code-block-bg:radial-gradient(in oklch at 0% 0%, oklch(96.5% .022 295), transparent 70%), radial-gradient(in oklch at 55% 0%, oklch(97% .016 345), transparent 60%), radial-gradient(in oklch at 100% 70%, oklch(97% .018 290), transparent 65%), oklch(98.5% .008 300);--code-weight:400;--list-accent:var(--accent);--quote-text-color:oklch(15% .4 200/.75);--heading-1:oklch(35% var(--base-chroma) var(--base-hue));--heading-2:oklch(35% var(--base-chroma) var(--base-hue));--heading-3:oklch(30% var(--base-chroma) var(--base-hue));--code-text-color:color-mix(in oklch, var(--accent), var(--text-primary) 70%);--code-comment:oklch(62% 0 0);--code-punctuation:oklch(55% 0 0);--code-keyword:oklch(50% .1 300);--code-string:color-mix(in oklch, var(--accent), var(--text-primary) 10%);--code-function:oklch(52% .18 255);--code-constant:oklch(58% .15 50);--code-parameter:oklch(42% .08 260);--bubble-body:#3876e2;--bubble-glyph:#f4eefa;--bubble-glyph-bounce:#8f98ee;--bubble-contact:#2b52ad;--studio-hemi-ground:#5f92ea;--studio-fill:#a3c0ff;--peace-skin:#ffad89;--lock-body:#8cafe3;--lock-shackle:#ecd672;--lock-caret:#7a6090;--lock-field:#f8f6fb;--lock-placeholder:#a79fb0;--pad:64px;--gutter-max:112px;--gutter:clamp(var(--pad), 12% - 80px, var(--gutter-max));--media-radius:48px;--media-corner-shape:superellipse(1.65);--col-gap:64px;--sidebar-w:300px;--section-gap:48px;--hero-min-height:480px;--hero-max-height:900px;--hero-height:clamp(var(--hero-min-height), 45cqi, var(--hero-max-height));--hero-video-max-width:1600px;--hero-extension:clamp(220px, 18cqi, 360px);--hero-trail:clamp(200px, 16cqi, 320px);--overlap:8cqi;--corner-superellipse:2;--radius-media:40px;--radius-media-mobile:24px;--radius-button:16px;@supports (corner-shape:superellipse(2)){--media-radius:96px;--radius-media:80px;--radius-media-mobile:48px;--radius-button:32px}--ease-mask:oklch(0% 0 0/0) 0%, oklch(0% 0 0/.008) 11.8%, oklch(0% 0 0/.03) 21.4%, oklch(0% 0 0/.07) 29.1%, oklch(0% 0 0/.12) 35.3%, oklch(0% 0 0/.18) 40.4%, oklch(0% 0 0/.25) 44.6%, oklch(0% 0 0/.33) 48.2%, oklch(0% 0 0/.41) 51.8%, oklch(0% 0 0/.5) 55.4%, oklch(0% 0 0/.59) 59.6%, oklch(0% 0 0/.67) 64.7%, oklch(0% 0 0/.76) 70.9%, oklch(0% 0 0/.85) 78.6%, oklch(0% 0 0/.93) 88.2%, oklch(0% 0 0) 100%;--menu-w:min(62vw, 260px);--menu-slide:.45s;--nav-gap:20px;--nav-margin-top:230px;--nav-current-opacity:50%;--nav-current-fade:.3s ease-out;@media (width<960px){--sidebar-w:140px}@media (width<768px){--pad:20px;--col-gap:32px;--h1-size:62.75px;--h1-letter-spacing:-2px;--h1-line-height:60px;--h2-size:39.22px;--h2-letter-spacing:0px;--h2-line-height:40px}}@layer reset{*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.5}:is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:is(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:is(ul,ol,menu){padding:0;list-style:none}a{color:inherit;text-decoration:none}:is(img,picture,video,canvas,svg){max-width:100%;display:block}:is(input,button,textarea,select){font:inherit;color:inherit;letter-spacing:inherit}button{background:0 0;border:0;padding:0}dialog{color:inherit}fieldset{border:0;padding:0}:focus{outline:none}}html{overscroll-behavior:none;text-size-adjust:100%;font-kerning:normal;font-synthesis:none}html,body{color:var(--text-primary);background:var(--page-bg);-webkit-tap-highlight-color:transparent;overflow-x:clip}a,button{touch-action:manipulation}*{font-family:var(--font-sans);font-size-adjust:.51;text-box-trim:trim-both;text-box-edge:ex alphabetic;text-wrap:balance}p{text-wrap:pretty}:is(b,strong){font-weight:var(--text-weight-bold)}[mesh]{--mesh-lightness:88%;--mesh-chroma:.09;--mesh-spread:70%;--mesh-veil:45%;--mesh-base:oklch(100% 0 0 / var(--mesh-veil));&:not(k-media),&:is(k-media):after{background:radial-gradient(at var(--mesh-x-1) var(--mesh-y-1), oklch(var(--mesh-lightness) var(--mesh-chroma) var(--mesh-hue-1)), transparent var(--mesh-spread)), radial-gradient(at var(--mesh-x-2) var(--mesh-y-2), oklch(var(--mesh-lightness) var(--mesh-chroma) var(--mesh-hue-2)), transparent var(--mesh-spread)), radial-gradient(at var(--mesh-x-3) var(--mesh-y-3), oklch(var(--mesh-lightness) var(--mesh-chroma) var(--mesh-hue-3)), transparent var(--mesh-spread)), radial-gradient(at var(--mesh-x-4) var(--mesh-y-4), oklch(var(--mesh-lightness) var(--mesh-chroma) var(--mesh-hue-4)), transparent var(--mesh-spread)), var(--mesh-base)}}
