@layer components{@scope(.page-section) to (:scope>*){:scope{--edge-start:max(var(--page-margin), env(safe-area-inset-left,0px), (100% - 96rem) / 2 + var(--page-margin));--edge-end:max(var(--page-margin), env(safe-area-inset-right,0px), (100% - 96rem) / 2 + var(--page-margin));padding-block:var(--space-section);padding-inline:var(--edge-start) var(--edge-end);scroll-margin-block-start:calc(-1 * var(--space-section) + var(--gutter) * 2);position:relative}}@scope(.stack) to (:scope>*){:scope{gap:var(--space-m);flex-direction:column;display:flex}:scope[data-gap="2xs"]{gap:var(--space-2xs)}:scope[data-gap=xs]{gap:var(--space-xs)}:scope[data-gap=s]{gap:var(--space-s)}:scope[data-gap=l]{gap:calc(var(--gutter) * 2)}:scope[data-align=start]{text-align:start;align-items:start}:scope[data-align=center]{text-align:center;align-items:center}:scope[data-align=end]{text-align:end;align-items:end}}@scope(.headline){:scope{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400}:scope[data-size=xl]{font-size:clamp(4.5rem,2rem + 8vi,9rem);line-height:.82}:scope[data-size=l]{font-size:clamp(3.5rem,1.5rem + 8vi,8rem);line-height:.9}:scope[data-size=m]{font-size:var(--2xl);letter-spacing:.01em;line-height:.95}:scope[data-size=s]{font-size:1.5rem;line-height:1}:scope[data-tone=accent],span{color:var(--accent)}}@scope(.language-picker){:scope{align-items:center;gap:var(--space-xs);color:var(--muted);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;display:inline-flex}:scope.compact span{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}select{border:1px solid var(--dock-line);background:var(--chip);color:var(--ink);font:inherit;font-size:var(--s);letter-spacing:normal;text-transform:none;cursor:pointer;border-radius:999px;padding:.45rem .9rem}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}}@scope(.site-footer){:scope{gap:calc(var(--gutter) * 2);max-inline-size:96rem;padding:calc(var(--gutter) * 2) max(var(--page-margin), env(safe-area-inset-right,0px)) calc(var(--gutter) * 2 + env(safe-area-inset-bottom,0px)) max(var(--page-margin), env(safe-area-inset-left,0px));border-block-start:1px solid var(--dock-line);flex-direction:column;margin-inline:auto;display:flex}.columns{gap:calc(var(--gutter) * 1.5);display:grid}@media (width>=50rem){.columns{gap:calc(var(--gutter) * 3);grid-template-columns:1fr repeat(3,auto);align-items:start}}.brand img{block-size:1.5rem;inline-size:auto}@media (width>=40rem){.brand img{block-size:2.25rem}}nav{gap:var(--space-xs);flex-direction:column;align-items:start;display:flex}h2{margin:0 0 var(--space-2xs);color:var(--muted);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}nav a{color:var(--ink);font-weight:600;text-decoration:none}nav a:hover{color:var(--accent)}.social{align-items:center;gap:.5rem;display:inline-flex}.social svg{block-size:1.25rem;inline-size:1.25rem}.copyright{color:var(--muted);font-size:var(--xs);margin:0}}@scope(.site-header){:scope{display:contents}.strip{z-index:10;padding:var(--space-xs) var(--gutter);background:var(--ink);color:var(--chip-on-ink);font-size:var(--2xs);letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:0;font-weight:600;position:sticky;inset-block-start:0}.strip a{color:inherit;text-decoration:none}.strip a em{color:var(--accent);font-style:normal}.strip a:hover{text-underline-offset:.25em;text-decoration:underline}.strip a:hover em{color:oklch(from var(--accent) calc(l + .1) c h)}.strip a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.bar{border-block-end:1px solid;border-image:linear-gradient(var(--dock-line) 0 0) 0 0 1 / 0 0 1px / 0 100vi;max-inline-size:96rem;padding:var(--space-s) max(var(--page-margin), env(safe-area-inset-right,0px)) var(--space-s) max(var(--page-margin), env(safe-area-inset-left,0px));justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.wordmark{display:flex}.wordmark img{block-size:1.5rem;inline-size:auto}@media (width>=40rem){.wordmark img{block-size:2.25rem}}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}}}@layer reset{*,:before,:after{box-sizing:border-box}body{margin:0}img{max-inline-size:100%}[hidden]:not([hidden=until-found i]){display:none!important}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(96.1% .002 248);--ink:oklch(21.2% .008 248);--muted:oklch(50.6% .019 251);--accent:oklch(70.1% .2 44);--dock:oklch(100% 0 0/.78);--dock-line:oklch(from var(--ink) l c h / 10%);--chip:oklch(100% 0 0);--chip-on:var(--ink);--chip-on-ink:oklch(100% 0 0);--display:var(--font-display);--body:var(--font-sans);--2xs:clamp(.6875rem, .6563rem + .0977cqi, .75rem);--xs:clamp(.75rem, .7188rem + .0977cqi, .8125rem);--s:clamp(.8125rem, .7813rem + .0977cqi, .875rem);--m:clamp(.875rem, .8438rem + .0977cqi, .9375rem);--2xl:clamp(1.875rem, 1.1719rem + 3cqi, 3rem);--space-2xs:clamp(.375rem, .3125rem + .25cqi, .5rem);--space-xs:clamp(.5rem, .4063rem + .4cqi, .75rem);--space-s:clamp(.625rem, .5rem + .5cqi, 1rem);--space-m:clamp(.875rem, .6875rem + .75cqi, 1.375rem);--gutter:clamp(1rem, .75rem + 1cqi, 1.5rem);--space-section:clamp(4rem, 2.5rem + 6vi, 8rem);--page-margin:clamp(1rem, .25rem + 3.5vi, 4rem)}}@layer elements{html{block-size:100%;scroll-padding-block-start:3rem}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-block-size:100%;color:var(--ink);font-family:var(--body);font-size:var(--m);text-wrap:pretty}h1,h2,h3{text-wrap:balance}}@layer pages;
