@layer tokens,base,layout,components,utilities;@layer tokens{:root{--font-sans: "Archivo", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Courier New", monospace;--u: 8px;--space-1: calc(var(--u) * .5);--space-2: var(--u);--space-3: calc(var(--u) * 1.5);--space-4: calc(var(--u) * 2);--space-6: calc(var(--u) * 3);--space-8: calc(var(--u) * 4);--space-10: calc(var(--u) * 5);--space-12: calc(var(--u) * 6);--space-16: calc(var(--u) * 8);--space-24: calc(var(--u) * 12);--container: 52rem;--measure: 65ch;--color-bg: #fafafa;--color-ink: #191919;--color-ink-muted: #525252;--color-ink-subtle: #737373;--color-line: #e5e5e5;--color-surface: #ffffff;--color-hero: #d1d4d3;--color-dark: #191919;--color-dark-ink: #fefcf6;--color-accent: #059669;--color-danger: #dc2626;--color-guide: rgb(0 168 255 / .7);--color-mark: #ed1c24;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-2xl: 1.5rem;--text-hero: clamp(1.75rem, 4.2vw, 3.5rem);--text-hero-intro: clamp(1rem, 1.6vw, 1.25rem);--text-entry-title: clamp(1.5rem, 3vw, 2.25rem);--text-label: .625rem;--radius-sm: .25rem;--radius: .5rem;--radius-full: 9999px;--ease-out: cubic-bezier(.2, .8, .2, 1);--transition: .2s ease;--nav-h: 80px}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{min-height:100vh;background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%}input,textarea,button,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:500;letter-spacing:-.02em;text-wrap:balance}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}p{text-wrap:pretty}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}[id]{scroll-margin-top:calc(var(--nav-h) + var(--space-3))}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer layout{.page{display:flex;min-height:100vh;flex-direction:column}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-4);flex:1}@media(min-width:40rem){.container{padding-inline:var(--space-6)}}.bleed{width:100vw;margin-inline:calc(50% - 50vw)}.section{margin-block:var(--space-16)}@media(min-width:48rem){.section{margin-block:var(--space-24)}}.section__header{margin-block-end:var(--space-12)}.section__sub{margin-block-start:var(--space-2);max-width:var(--measure);color:var(--color-ink-muted)}@media(min-width:48rem){.section__header,.section__indent,.cards,.skills,.notes,.faq{padding-inline-start:var(--space-12)}}}@layer components{.site-nav{position:sticky;top:0;z-index:30;background-color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-8);padding:var(--space-4) var(--space-6);font-size:var(--text-lg);color:#191919b3}@media(min-width:48rem){.site-nav__bar{padding-inline:var(--space-10)}}.site-nav__brand{font-weight:500;color:var(--color-ink);transition:color var(--transition)}.site-nav__brand span{font-weight:400;color:#19191980}.site-nav__brand:hover{color:#191919b3}.site-nav__links{display:none;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-8)}.site-nav__links a{transition:color var(--transition)}.site-nav__links a:hover{color:var(--color-ink)}.site-nav__links a:last-child{display:inline-flex;align-items:center;gap:var(--space-1)}.site-nav__burger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-ink)}@media(min-width:48rem){.site-nav__links{display:flex}.site-nav__burger{display:none}}.mnav{position:fixed;inset:0;z-index:50;background-color:var(--color-dark);transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,1,1)}.mnav[data-open]{transform:translateY(0);transition-timing-function:var(--ease-out);transition-duration:.45s}.mnav__close{position:fixed;top:var(--space-3);right:var(--space-6);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:#fefcf6b3;transition:color var(--transition),background-color var(--transition)}.mnav__close:hover{color:var(--color-dark-ink);background-color:#fefcf61a}.mnav__body{display:flex;height:100%;flex-direction:column;justify-content:center;gap:var(--space-6);padding-inline:var(--space-8);font-size:2.25rem;font-weight:500;letter-spacing:-.02em;color:var(--color-dark-ink);transform:translateY(24px);opacity:0;transition:transform .45s var(--ease-out) .06s,opacity .3s ease .06s}.mnav[data-open] .mnav__body{transform:translateY(0);opacity:1}.mnav__body a{width:fit-content;transition:color var(--transition)}.mnav__body a:hover{color:#fefcf699}.mnav__body a:last-child{display:inline-flex;align-items:center;gap:var(--space-2);color:#fefcf6b3}@media(min-width:48rem){.mnav{display:none}}.hero{position:relative;background-color:var(--color-hero);animation:hero-reveal .8s var(--ease-out) both}@keyframes hero-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero__inner{position:relative;z-index:10;display:flex;min-height:70vh;max-width:var(--container);margin-inline:auto;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-4)}@media(min-width:40rem){.hero__inner{padding-inline:var(--space-6)}}.hero h1{max-width:48rem;font-size:var(--text-hero);line-height:1.12}.hero__intro{margin-block-start:var(--space-8);max-width:42rem;font-size:var(--text-hero-intro);line-height:1.6;color:#191919b3}.hero__ruler{position:absolute;pointer-events:none;--tick: rgb(25 25 25 / .28);--line: rgb(25 25 25 / .35)}.hero__ruler--x{inset-inline:0;bottom:0;height:10px;border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(to right,var(--tick) 0 1px,transparent 1px 8px),repeating-linear-gradient(to right,var(--tick) 0 1px,transparent 1px 40px);background-position:bottom left;background-size:100% 4px,100% 9px;background-repeat:repeat-x}.hero__ruler--y{inset-block:0;left:0;width:10px;border-left:1px solid var(--line);background-image:repeating-linear-gradient(to bottom,var(--tick) 0 1px,transparent 1px 8px),repeating-linear-gradient(to bottom,var(--tick) 0 1px,transparent 1px 40px);background-position:top left;background-size:4px 100%,9px 100%;background-repeat:repeat-y}.hero__cross{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__cross:before,.hero__cross:after{content:"";position:absolute;background:var(--color-guide)}.hero__cross:before{inset-inline:0;top:var(--cy);height:1px}.hero__cross:after{inset-block:0;left:var(--cx);width:1px}.hero__dot{position:absolute;top:var(--cy);left:var(--cx);z-index:1;width:8px;height:8px;border-radius:50%;background:var(--color-mark);transform:translate(-50%,-50%)}.hero__dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--color-mark);opacity:0;animation:dot-pulse 10s ease-out infinite}@keyframes dot-pulse{0%{transform:scale(.6);opacity:.6}14%,to{transform:scale(1.6);opacity:0}}.hero__badge{position:absolute;padding:1px var(--space-1);background:#111;color:#fff;font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.15em;line-height:1.6;white-space:nowrap}.hero__badge--x{left:calc(var(--cy) * .42);top:var(--cy);transform:translate(-50%,-50%)}.hero__badge--y{left:var(--cx);top:calc(var(--cy) * .42);transform:translate(-50%,-50%) rotate(-90deg)}@media(max-width:48rem){.hero__cross{display:none}}.overlay{position:fixed;inset:0;z-index:40;overflow-y:scroll;overscroll-behavior:contain;background-color:var(--color-dark);scrollbar-gutter:stable;opacity:0;transition:opacity .4s var(--ease-out)}.overlay[data-open]{opacity:1}.overlay__close{position:fixed;top:var(--space-6);right:var(--space-6);z-index:10;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:#fefcf6b3;transition:color var(--transition),background-color var(--transition)}.overlay__close:hover{color:var(--color-dark-ink);background-color:#fefcf61a}.overlay__body{display:flex;min-height:100%;max-width:var(--container);margin-inline:auto;flex-direction:column;padding:var(--space-24) var(--space-6) var(--space-16);transform:translateY(18px);transition:transform .55s var(--ease-out)}.overlay[data-open] .overlay__body{transform:none}.overlay__text{max-width:var(--measure);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.6;color:#fefcf6d9}.overlay__text p{margin-block-end:var(--space-3)}.overlay__text a{text-decoration:underline}.overlay__text strong{font-weight:600;color:var(--color-dark-ink)}.overlay__body .btn-solid{margin-block-start:var(--space-10)}.btn-outline{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);margin-block-start:var(--space-10);padding:var(--space-3) var(--space-6);border:1px solid var(--color-ink);border-radius:var(--radius-full);font-weight:500;transition:background-color var(--transition),color var(--transition)}.btn-outline:hover{background-color:var(--color-ink);color:var(--color-hero)}.btn-outline .icon{transition:transform .3s ease}.btn-outline:hover .icon{transform:translate(2px)}.btn-outline[aria-expanded=true] .icon{transform:rotate(90deg)}.btn-solid{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background-color:var(--color-dark-ink);color:var(--color-dark);font-size:var(--text-lg);transition:background-color var(--transition)}.btn-solid:hover{background-color:#fefcf6d9}.btn-submit{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background-color:var(--color-ink);color:#fff;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;transition:background-color var(--transition)}.btn-submit:hover{background-color:var(--color-ink-muted)}.btn-submit[disabled]{opacity:.6;cursor:progress}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-ink);color:#fff;font-size:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:opacity var(--transition)}.pill:hover{opacity:.8}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;transition:color var(--transition)}.back-link:hover{color:var(--color-ink-subtle)}.cards{display:grid;gap:var(--space-16)}.card{position:relative;display:flex;flex-direction:column;padding-block:var(--space-6)}.card__cats{display:flex;flex-wrap:wrap;min-height:1rem;margin-block-end:var(--space-1);font-size:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-ink-muted)}.card__cats li:after{content:",";margin-inline-end:.25em}.card__cats li:last-child:after{content:none}.card__body{position:relative;width:100%;margin-block-end:var(--space-12)}.card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.card__links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card__teaser{margin-block-start:var(--space-1);color:var(--color-ink-muted)}.card__more{margin-block-start:auto;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;text-decoration:underline;transition:opacity var(--transition)}.card__more:hover{opacity:.6}.skills{display:flex;flex-direction:column;gap:var(--space-10)}.skills dt{margin-block-end:var(--space-3);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--color-ink-subtle)}.skills dd{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}.chip{padding:var(--space-1) var(--space-3);border:1px solid rgb(212 212 212 / .7);border-radius:var(--radius-full);background-color:#fff9;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-muted);transition:border-color var(--transition),color var(--transition)}.chip:hover{border-color:#1919194d;color:var(--color-ink)}.notes{display:flex;flex-direction:column}.notes__row{display:flex;flex-direction:column;padding-block:var(--space-1);color:var(--color-ink-muted)}.notes__row a{transition:opacity var(--transition)}.notes__row a:hover{opacity:.6}.notes__row time{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-ink-subtle)}.notes__leader{display:none}@media(min-width:48rem){.notes__row{flex-direction:row;align-items:baseline;gap:var(--space-2)}.notes__row time{font-size:var(--text-base)}.notes__leader{display:block;min-width:var(--space-4);flex:1;border-bottom:1px dotted var(--color-line);transform:translateY(-.2em)}}.faq{display:flex;flex-direction:column;gap:var(--space-4)}.faq__item{border:1px solid rgb(25 25 25 / .15)}.faq__item summary{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary::marker{content:""}.faq__item summary .icon{flex-shrink:0;transition:transform var(--transition)}.faq__item[open] summary .icon{transform:rotate(45deg)}.faq__item p{padding:0 var(--space-6) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.625;color:var(--color-ink-muted)}.contact-form{display:grid;gap:var(--space-4);max-width:40rem}.field{display:grid;gap:var(--space-1)}.field label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-ink-subtle)}.field :is(input,textarea){width:100%;padding:var(--space-1) var(--space-2);border:1px solid #d4d4d4;border-radius:var(--radius);background-color:var(--color-surface);font-size:var(--text-sm);transition:border-color var(--transition)}.field textarea{resize:vertical}.field :is(input,textarea):focus{border-color:var(--color-ink)}.field :is(input,textarea)[aria-invalid=true]{border-color:var(--color-danger)}.field__error{font-size:var(--text-xs);color:var(--color-danger)}.contact-form__hint{font-size:var(--text-xs);color:var(--color-ink-subtle)}.contact-form__hint a{text-decoration:underline}.contact-form__status:empty{display:none}.contact-form__status{padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-sm)}.contact-form__status[data-state=ok]{background-color:#eef5f1;color:var(--color-accent)}.contact-form__status[data-state=error]{background-color:#fef2f2;color:var(--color-danger)}.entry{padding-block:var(--space-8)}.entry__head{margin-block-start:var(--space-6)}@media(min-width:48rem){.entry__head,.entry__body{padding-inline-start:var(--space-12)}.entry__head{margin-block-start:var(--space-10)}}.entry__meta{margin-block-end:var(--space-2);display:flex;flex-wrap:wrap;gap:0 var(--space-1);font-size:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-ink-muted)}.entry__meta time{font-variant-numeric:tabular-nums}.entry__head h1{font-size:var(--text-entry-title);font-weight:700}.entry__teaser{margin-block-start:var(--space-3);max-width:var(--measure);color:var(--color-ink-muted)}.entry__links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-5)}.entry__links .pill{padding:var(--space-2) var(--space-3)}.entry__body{padding-block:var(--space-10);max-width:var(--measure)}.entry__legal-title{margin-block-end:var(--space-8);font-size:var(--text-entry-title)}.spec-rule{margin-block-start:var(--space-6);height:var(--space-2);color:#19191940;background-image:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 80px);background-size:8px 4px,80px 8px;background-position:bottom left;background-repeat:repeat-x}.entry-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-block-start:var(--space-16);padding-block:var(--space-8);border-top:1px solid var(--color-line)}.entry-nav__back{order:-1;grid-column:1 / -1;display:inline-flex;align-items:center;gap:var(--space-2);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:opacity var(--transition)}.entry-nav__back:hover{opacity:.6}.entry-nav__link{max-width:16rem;transition:opacity var(--transition)}.entry-nav__link:hover{opacity:.6}.entry-nav__link--next{text-align:right;justify-self:end}.entry-nav__label{display:block;margin-block-end:var(--space-1);font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-ink-subtle)}.entry-nav__title{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;letter-spacing:-.02em}@media(min-width:48rem){.entry-nav{grid-template-columns:1fr auto 1fr;align-items:center;padding-block:var(--space-10)}.entry-nav__back{order:0;grid-column:2}.entry-nav__title{font-size:var(--text-base)}}.site-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-block-start:var(--space-16);padding-block:var(--space-10)}.site-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6)}.site-footer :is(a,button){display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;transition:color var(--transition)}.site-footer :is(a,button):hover{color:var(--color-ink-subtle)}.site-footer__top{color:var(--color-ink-subtle)}.site-footer__top:hover{color:var(--color-ink)}.rte{line-height:1.65}.rte :is(p,ul,ol,pre){margin-block-end:var(--space-4)}.rte :is(h2,h3){margin-block:var(--space-8) var(--space-4)}.rte :is(h2,h3):first-child{margin-block-start:0}.rte strong{font-weight:600}.rte :is(p,li) a{text-decoration:underline}.rte ul{list-style:disc;padding-inline-start:1.25rem}.rte ol{list-style:decimal;padding-inline-start:1.25rem}.rte li{margin-block-end:var(--space-1)}.rte pre{position:relative;overflow-x:auto;padding:var(--space-3) 6rem var(--space-3) var(--space-4);border-radius:var(--radius);background-color:#111;color:#fff;font-family:var(--font-mono);font-size:var(--text-sm)}.rte code{font-family:var(--font-mono)}.rte :not(pre)>code{padding:.1em .35em;border-radius:var(--radius-sm);background-color:#0000000f;font-size:.9em}.code-copy{position:absolute;top:var(--space-1);right:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background-color:#ffffff1a;color:#fff;font-size:var(--text-xs);transition:background-color var(--transition)}.code-copy:hover{background-color:#fff3}}@layer utilities{.icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.is-locked{overflow:hidden}}