@font-face{font-family:din;src:url(../media/FF_DIN_Pro_Regular-s.p.3zkusj9pua3uk.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:din;src:url(../media/FF_DIN_Pro_Bold-s.p.17t9vx_56-alu.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:din Fallback;src:local(Arial);ascent-override:104.45%;descent-override:23.78%;line-gap-override:1.0%;size-adjust:99.66%}.EfKJbq_className{font-family:din,din Fallback}.EfKJbq_variable{--font-din:"din", "din Fallback"}
@layer site.base,poiesis.primitives,poiesis.components,poiesis.patterns;
:root{--atom-font-sans:var(--font-din), "FF DIN Pro", "DIN Pro", sans-serif;--atom-font-serif:var(--font-din), "FF DIN Pro", "DIN Pro", sans-serif;--atom-font-mono:var(--font-din), "FF DIN Pro", "DIN Pro", sans-serif;--atom-text-base:.8125rem;--atom-text-ui:.8125rem;--atom-ratio:1;--atom-leading:1.6;--atom-leading-tight:1.2;--atom-weight-regular:400;--atom-weight-strong:700;--atom-tracking:0em;--atom-tracking-tight:-.01em;--atom-measure:68ch;--atom-space:.25rem;--atom-density:1;--atom-control:2rem;--atom-icon:1rem;--atom-page:73rem;--atom-section:10rem;--atom-pace:4;--atom-paper:#fafafa;--atom-ink:#000;--atom-paper-dark:#0f0f0f;--atom-ink-dark:#ebebeb;--atom-info:#ff0405;--atom-info-tint:#f6d9d9;--atom-success:#00a896;--atom-success-tint:#e6f6f3;--atom-warning:#f5a800;--atom-warning-tint:#fff6e0;--atom-caution:#f57722;--atom-caution-tint:#fff0e6;--atom-danger:#f45b5b;--atom-danger-tint:#feecec;--atom-new:#9254de;--atom-new-tint:#f3ecfc;--atom-radius:0rem;--atom-line:0px;--atom-fill:0;--atom-elevation:0;--atom-select-ink:1;--atom-hover:.85;--atom-disabled:.5;--atom-motion:1}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:where(:root,[data-atoms]){--font-sans:var(--atom-font-sans);--font-serif:var(--atom-font-serif);--font-mono:var(--atom-font-mono);--text-sm:max(.75rem, calc(var(--atom-text-base) / var(--atom-ratio)));--text-base:var(--atom-text-base);--text-md:calc(var(--atom-text-base) * var(--atom-ratio));--text-lg:calc(var(--atom-text-base) * pow(var(--atom-ratio), 2));--text-xl:calc(var(--atom-text-base) * pow(var(--atom-ratio), 3));--text-2xl:clamp(calc(var(--atom-text-base) * pow(var(--atom-ratio), 3)), calc(var(--atom-text-base) * pow(var(--atom-ratio), 3) * .75 + 1.5vw), calc(var(--atom-text-base) * pow(var(--atom-ratio), 4)));--text-ui:var(--atom-text-ui);--leading-body:var(--atom-leading);--leading-ui:calc(var(--atom-leading) - .2);--leading-heading:var(--atom-leading-tight);--leading-display:calc(var(--atom-leading-tight) - .1);--weight-regular:var(--atom-weight-regular);--weight-strong:var(--atom-weight-strong);--tracking-body:var(--atom-tracking);--tracking-heading:var(--atom-tracking-tight);--measure:var(--atom-measure);--measure-narrow:calc(var(--atom-measure) * .5);--title-size:var(--text-2xl);--title-weight:var(--weight-strong);--title-leading:var(--leading-display);--title-tracking:var(--tracking-heading);--heading-size:var(--text-lg);--heading-weight:var(--weight-strong);--heading-leading:var(--leading-heading);--heading-tracking:var(--tracking-heading);--subheading-size:var(--text-md);--subheading-weight:var(--weight-strong);--subheading-leading:var(--leading-heading);--subheading-tracking:var(--tracking-body);--body-size:var(--text-base);--body-weight:var(--weight-regular);--body-leading:var(--leading-body);--body-tracking:var(--tracking-body);--caption-size:var(--text-sm);--caption-weight:var(--weight-regular);--caption-leading:var(--leading-ui);--caption-tracking:var(--tracking-body);--code-size:var(--text-sm);--code-weight:var(--weight-regular);--code-leading:var(--leading-ui);--code-tracking:var(--tracking-body);--space:var(--atom-space);--control-xs:calc(var(--atom-control) * .75 * var(--atom-density));--control-sm:calc(var(--atom-control) * .875 * var(--atom-density));--control-md:calc(var(--atom-control) * var(--atom-density));--control-lg:calc(var(--atom-control) * 1.125 * var(--atom-density));--control-pad:calc(var(--atom-space) * 2.5 * var(--atom-density));--control-pad-sm:calc(var(--atom-space) * 2 * var(--atom-density));--block-pad:calc(var(--atom-space) * 4 * var(--atom-density));--block-pad-sm:calc(var(--atom-space) * 3 * var(--atom-density));--section-space:var(--atom-section);--subsection-space:calc(var(--section-space) / var(--atom-pace));--icon:var(--atom-icon);--icon-sm:calc(var(--atom-icon) * .875);--page:var(--atom-page);--paper:var(--lightningcss-light,oklch(from var(--atom-paper) l 0 h))var(--lightningcss-dark,oklch(from var(--atom-paper-dark) l 0 h));--surface:var(--lightningcss-light,oklch(from var(--atom-paper) calc(l - .05) 0 h))var(--lightningcss-dark,oklch(from var(--atom-paper-dark) calc(l + .06) 0 h));--block-bg:var(--lightningcss-light,oklch(from var(--atom-paper) calc(l - .05 * var(--atom-fill)) 0 h))var(--lightningcss-dark,oklch(from var(--atom-paper-dark) calc(l + .06 * var(--atom-fill)) 0 h));--divider:var(--lightningcss-light,oklch(from var(--atom-paper) calc(l - .13) 0 h))var(--lightningcss-dark,oklch(from var(--atom-paper-dark) calc(l + .13) 0 h));--line-color:var(--lightningcss-light,oklch(from var(--atom-ink) .6 0 h))var(--lightningcss-dark,oklch(from var(--atom-ink-dark) .52 0 h));--faint:var(--lightningcss-light,oklch(from var(--atom-ink) .8 0 h))var(--lightningcss-dark,oklch(from var(--atom-ink-dark) .42 0 h));--muted:var(--lightningcss-light,oklch(from var(--atom-ink) .5 0 h))var(--lightningcss-dark,oklch(from var(--atom-ink-dark) .73 0 h));--ink:var(--lightningcss-light,oklch(from var(--atom-ink) l 0 h))var(--lightningcss-dark,oklch(from var(--atom-ink-dark) l 0 h));--on-color:var(--atom-ink);--info:var(--atom-info);--info-tint:var(--lightningcss-light,var(--atom-info-tint))var(--lightningcss-dark,oklch(from var(--atom-info) .3 calc(c * .35) h));--success:var(--atom-success);--success-tint:var(--lightningcss-light,var(--atom-success-tint))var(--lightningcss-dark,oklch(from var(--atom-success) .3 calc(c * .35) h));--warning:var(--atom-warning);--warning-tint:var(--lightningcss-light,var(--atom-warning-tint))var(--lightningcss-dark,oklch(from var(--atom-warning) .3 calc(c * .35) h));--caution:var(--atom-caution);--caution-tint:var(--lightningcss-light,var(--atom-caution-tint))var(--lightningcss-dark,oklch(from var(--atom-caution) .3 calc(c * .35) h));--danger:var(--atom-danger);--danger-tint:var(--lightningcss-light,var(--atom-danger-tint))var(--lightningcss-dark,oklch(from var(--atom-danger) .3 calc(c * .35) h));--new:var(--atom-new);--new-tint:var(--lightningcss-light,var(--atom-new-tint))var(--lightningcss-dark,oklch(from var(--atom-new) .3 calc(c * .35) h));--selected-bg:color-mix(in oklch, var(--ink) calc(var(--atom-select-ink) * 100%), var(--surface));--selected-fg:color-mix(in oklch, var(--paper) calc(var(--atom-select-ink) * 100%), var(--ink));--selected-ring:calc((1 - var(--atom-select-ink)) * var(--ring));--hover:var(--atom-hover);--disabled:var(--atom-disabled);--radius-s:calc(var(--atom-radius) * .5);--radius-m:var(--atom-radius);--radius-l:calc(var(--atom-radius) * 1.5);--radius-round:calc(var(--atom-radius) * 1000);--line:var(--atom-line);--block-line:max(var(--atom-line), calc((1 - var(--atom-fill)) * 1px));--ring:2px;--shadow-1:0 1px 2px oklch(0 0 0 / calc(var(--atom-elevation) * .12)), 0 2px 8px oklch(0 0 0 / calc(var(--atom-elevation) * .08));--shadow-2:0 2px 4px oklch(0 0 0 / calc(var(--atom-elevation) * .1)), 0 8px 24px oklch(0 0 0 / calc(var(--atom-elevation) * .16));--duration-fast:calc(.12s * var(--atom-motion));--duration-base:calc(.2s * var(--atom-motion));--ease:cubic-bezier(.2, 0, 0, 1);--layer-overlay:40;--layer-float:50}@media (prefers-reduced-motion:reduce){:where(:root,[data-atoms]){--duration-fast:0s;--duration-base:0s}}
@layer poiesis.primitives{.po-box{box-sizing:border-box;padding:calc(var(--space) * var(--po-pad,4))}.po-stack{gap:calc(var(--space) * var(--po-gap,2));flex-direction:column;display:flex}.po-row{align-items:center;gap:calc(var(--space) * var(--po-gap,2));flex-wrap:wrap;display:flex}.po-grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--po-min,10rem), 100%), 1fr));gap:calc(var(--space) * var(--po-gap,2));display:grid}.po-measure{max-inline-size:var(--measure)}.po-narrow{max-inline-size:var(--measure-narrow)}}
@layer poiesis.primitives{.po-title,.po-heading,.po-subheading,.po-body,.po-caption,.po-code,.po-ui{margin:0}.po-title{font:var(--title-weight) var(--title-size) / var(--title-leading) var(--font-sans);letter-spacing:var(--title-tracking);text-wrap:balance}.po-heading{font:var(--heading-weight) var(--heading-size) / var(--heading-leading) var(--font-sans);letter-spacing:var(--heading-tracking);text-wrap:balance}.po-subheading{font:var(--subheading-weight) var(--subheading-size) / var(--subheading-leading) var(--font-sans);letter-spacing:var(--subheading-tracking);text-wrap:balance}.po-body{font:var(--body-weight) var(--body-size) / var(--body-leading) var(--font-sans);letter-spacing:var(--body-tracking);text-wrap:pretty}.po-caption{font:var(--caption-weight) var(--caption-size) / var(--caption-leading) var(--font-sans);letter-spacing:var(--caption-tracking);text-wrap:pretty}.po-code{font:var(--code-weight) var(--code-size) / var(--code-leading) var(--font-mono);letter-spacing:var(--code-tracking)}.po-ui{font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-body)}.po-muted,.po-text[data-tone=muted]{color:var(--muted)}.po-text[data-tone=info]{color:var(--info)}.po-text[data-tone=success]{color:var(--success)}.po-text[data-tone=warning]{color:var(--warning)}.po-text[data-tone=caution]{color:var(--caution)}.po-text[data-tone=danger]{color:var(--danger)}.po-text[data-tone=new]{color:var(--new)}}
@layer poiesis.primitives{.po-paper{background:var(--paper);color:var(--ink)}.po-block{box-sizing:border-box;background:var(--block-bg);color:var(--ink);border:var(--block-line) solid var(--divider);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.po-layer{box-sizing:border-box;background:var(--ink);color:var(--paper);border-radius:var(--radius-m);box-shadow:var(--shadow-2);z-index:var(--layer-float)}}
@layer poiesis.primitives{.po-pressable{box-sizing:border-box;justify-content:center;align-items:center;gap:calc(var(--space) * 1.5);border:var(--line) solid transparent;border-radius:var(--radius-m);color:var(--ink);font:var(--weight-strong) var(--text-ui) / var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-body);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;appearance:none;background:0 0;margin:0;padding:0;text-decoration:none;display:inline-flex;position:relative}@media (prefers-reduced-motion:no-preference){.po-pressable{transition-property:background-color,color,opacity,box-shadow;transition-duration:var(--duration-fast);transition-timing-function:var(--ease)}}.po-pressable:hover{background:var(--surface)}.po-pressable:is([aria-pressed=true],[aria-selected=true],[aria-current]:not([aria-current=false]),:has(>input:checked)){background:var(--selected-bg);color:var(--selected-fg);box-shadow:inset 0 0 0 var(--selected-ring) var(--ink)}.po-pressable:is([aria-pressed=true],[aria-selected=true],[aria-current]:not([aria-current=false]),:has(>input:checked)):hover{opacity:var(--hover)}.po-pressable:is(:disabled,[aria-disabled=true],:has(>input:disabled)){opacity:var(--disabled);cursor:not-allowed;pointer-events:none}}
@layer poiesis.primitives{.po-field{box-sizing:border-box;border:1px solid var(--line-color);border-radius:var(--radius-m);color:var(--ink);font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-body);appearance:none;background:0 0;margin:0}.po-field::placeholder{color:var(--muted);opacity:1}.po-field:is(:focus-visible,:has(>:focus-visible)){border-color:var(--info)}.po-field:is([aria-invalid=true],:has(>[aria-invalid=true])){border-color:var(--danger)}.po-field:is([aria-invalid=true],:has(>[aria-invalid=true])):is(:focus-visible,:has(>:focus-visible)){outline-color:var(--danger)}.po-field:is(:disabled,:has(>:disabled)){background:var(--surface);opacity:var(--disabled);cursor:not-allowed}}
@layer poiesis.primitives{.po-focus:focus-visible,.po-pressable:focus-visible,.po-field:focus-visible{outline:var(--ring) solid var(--info);outline-offset:0}.po-pressable:has(>input:focus-visible){outline:var(--ring) solid var(--info);outline-offset:0}.po-checkbox:has(>input:focus-visible){outline:var(--ring) solid var(--info);outline-offset:0}.po-field:has(>:focus-visible){outline:var(--ring) solid var(--info);outline-offset:0}}
@layer poiesis.primitives{.po-fold{grid-template-rows:1fr;display:grid}.po-fold[inert]{opacity:0;grid-template-rows:0fr}.po-fold>*{min-block-size:0;overflow:visible}.po-fold[inert]>*{overflow:clip}.po-stack>.po-fold[inert]:not(:first-child){margin-block-start:calc(var(--space) * var(--po-gap,2) * -1)}.po-stack>.po-fold[inert]:first-child:not(:last-child){margin-block-end:calc(var(--space) * var(--po-gap,2) * -1)}po-morph{transition-property:none;transition-duration:var(--duration-base);transition-timing-function:var(--ease);display:block}po-morph[data-moving]{overflow:clip}@media (prefers-reduced-motion:no-preference){.po-fold{transition-property:grid-template-rows,opacity,margin;transition-duration:var(--duration-base);transition-timing-function:var(--ease)}.po-fold>*{transition:overflow calc(var(--duration-base) * 0) var(--duration-base) allow-discrete}.po-fold[inert]>*{transition-delay:0s}}}
:root{--po-icon-chevron-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--po-icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");--po-icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E");--po-icon-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 5h18v14H3z'/%3E%3Cpath d='M3 6l9 7 9-7'/%3E%3C/svg%3E");--po-icon-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E");--po-icon-plug:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M9 3v5M15 3v5M6 8h12v4a6 6 0 0 1-12 0zM12 18v3'/%3E%3C/svg%3E");--po-icon-card:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 6h18v12H3zM3 10h18M7 15h4'/%3E%3C/svg%3E");--po-icon-document:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E");--po-icon-key:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M16 7l3 3M14 9l2 2'/%3E%3C/svg%3E");--po-icon-calendar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 6h16v14H4zM4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E");--po-icon-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 11l9-7 9 7M5 10v10h14V10M10 20v-6h4v6'/%3E%3C/svg%3E");--po-icon-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 7l9-4 9 4v10l-9 4-9-4zM3 7l9 4 9-4M12 11v10'/%3E%3C/svg%3E");--po-icon-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 20h16M7 16v-5M12 16V6M17 16v-8'/%3E%3C/svg%3E");--po-icon-gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");--po-icon-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 5h18v14H3z'/%3E%3Cpath d='M3 16l5-5 5 5 3-3 5 5'/%3E%3Ccircle cx='15.5' cy='9' r='1.5'/%3E%3C/svg%3E");--po-icon-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z'/%3E%3C/svg%3E");--po-icon-filter:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");--po-icon-spinner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 3a9 9 0 1 1-9 9'/%3E%3C/svg%3E");--po-icon-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8v.01'/%3E%3C/svg%3E");--po-icon-success:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12l3 3 5-6'/%3E%3C/svg%3E");--po-icon-warning:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 3l10 18H2z'/%3E%3Cpath d='M12 10v4M12 17v.01'/%3E%3C/svg%3E");--po-icon-caution:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 3h8l5 5v8l-5 5H8l-5-5V8z'/%3E%3Cpath d='M12 8v5M12 16v.01'/%3E%3C/svg%3E");--po-icon-danger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");--po-icon-new:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 3c0 5 4 9 9 9-5 0-9 4-9 9 0-5-4-9-9-9 5 0 9-4 9-9z'/%3E%3C/svg%3E");--po-icon-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E");--po-icon-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");--po-icon-pencil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 20v-4L15 5l4 4L8 20zM12 8l4 4'/%3E%3C/svg%3E");--po-icon-calendar-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 6h16v14H4zM4 10h16M8 3v3M16 3v3M12 13v5M9.5 15.5h5'/%3E%3C/svg%3E");--po-icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l4 4'/%3E%3C/svg%3E");--po-icon-arrow-left:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M19 12H5M11 6l-6 6 6 6'/%3E%3C/svg%3E");--po-icon-arrow-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--po-icon-arrow-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 19V5M6 11l6-6 6 6'/%3E%3C/svg%3E");--po-icon-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E");--po-dot-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect width='10' height='10'/%3E%3C/svg%3E");--po-dot-paused:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 0h3v10H1zM6 0h3v10H6z'/%3E%3C/svg%3E");--po-dot-stopped:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect x='0.75' y='0.75' width='8.5' height='8.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");--po-dot-error:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill-rule='evenodd' d='M0 0h10v10H0zM4.25 2h1.5v4h-1.5zM4.25 7h1.5v1.5h-1.5z'/%3E%3C/svg%3E")}@layer poiesis.components{.po-icon{inline-size:var(--icon);block-size:var(--icon);-webkit-mask:var(--po-icon) center / contain no-repeat;-webkit-mask:var(--po-icon) center / contain no-repeat;mask:var(--po-icon) center / contain no-repeat;vertical-align:middle;background:currentColor;flex:none;display:inline-block}.po-icon[data-icon=chevron-down]{--po-icon:var(--po-icon-chevron-down)}.po-icon[data-icon=close]{--po-icon:var(--po-icon-close)}.po-icon[data-icon=check]{--po-icon:var(--po-icon-check)}.po-icon[data-icon=grid]{--po-icon:var(--po-icon-grid)}.po-icon[data-icon=image]{--po-icon:var(--po-icon-image)}.po-icon[data-icon=home]{--po-icon:var(--po-icon-home)}.po-icon[data-icon=box]{--po-icon:var(--po-icon-box)}.po-icon[data-icon=chart]{--po-icon:var(--po-icon-chart)}.po-icon[data-icon=gear]{--po-icon:var(--po-icon-gear)}.po-icon[data-icon=card]{--po-icon:var(--po-icon-card)}.po-icon[data-icon=document]{--po-icon:var(--po-icon-document)}.po-icon[data-icon=key]{--po-icon:var(--po-icon-key)}.po-icon[data-icon=calendar]{--po-icon:var(--po-icon-calendar)}.po-icon[data-icon=mail]{--po-icon:var(--po-icon-mail)}.po-icon[data-icon=user]{--po-icon:var(--po-icon-user)}.po-icon[data-icon=plug]{--po-icon:var(--po-icon-plug)}.po-icon[data-icon=filter]{--po-icon:var(--po-icon-filter)}.po-icon[data-icon=spinner]{--po-icon:var(--po-icon-spinner)}.po-icon[data-icon=info]{--po-icon:var(--po-icon-info)}.po-icon[data-icon=success]{--po-icon:var(--po-icon-success)}.po-icon[data-icon=warning]{--po-icon:var(--po-icon-warning)}.po-icon[data-icon=caution]{--po-icon:var(--po-icon-caution)}.po-icon[data-icon=danger]{--po-icon:var(--po-icon-danger)}.po-icon[data-icon=new]{--po-icon:var(--po-icon-new)}.po-icon[data-icon=circle]{--po-icon:var(--po-icon-circle)}.po-icon[data-icon=plus]{--po-icon:var(--po-icon-plus)}.po-icon[data-icon=pencil]{--po-icon:var(--po-icon-pencil)}.po-icon[data-icon=calendar-plus]{--po-icon:var(--po-icon-calendar-plus)}.po-icon[data-icon=search]{--po-icon:var(--po-icon-search)}.po-icon[data-icon=arrow-left]{--po-icon:var(--po-icon-arrow-left)}.po-icon[data-icon=arrow-right]{--po-icon:var(--po-icon-arrow-right)}.po-icon[data-icon=arrow-up]{--po-icon:var(--po-icon-arrow-up)}.po-icon[data-icon=arrow-down]{--po-icon:var(--po-icon-arrow-down)}@media (prefers-reduced-motion:no-preference){.po-icon[data-spin]{animation:po-spin calc(var(--duration-base) * 5) linear infinite}}@keyframes po-spin{to{rotate:360deg}}}
@layer poiesis.components{.po-button{block-size:var(--control-md);min-inline-size:var(--control-md);padding-inline:var(--control-pad);background:var(--ink);color:var(--paper)}.po-button:hover{background:var(--ink);opacity:var(--hover)}.po-button[data-variant=secondary]{background:var(--surface);color:var(--ink)}.po-button[data-variant=secondary]:hover{background:var(--surface)}.po-button[data-variant=outline]{background:var(--paper);color:var(--ink);border:1px solid var(--line-color)}.po-button[data-variant=outline]:hover{background:var(--surface);opacity:1}.po-button[data-variant=ghost]{color:var(--ink);background:0 0}.po-button[data-variant=ghost]:hover{background:var(--surface);opacity:1}.po-button[data-variant=danger]{background:var(--danger);color:var(--on-color)}.po-button[data-variant=danger]:hover{background:var(--danger)}.po-button:is([data-variant=link],[data-variant=quiet]){text-underline-offset:.25em;background:0 0}.po-button:is([data-variant=link],[data-variant=quiet]):hover{opacity:1;background:0 0;text-decoration:underline}.po-button[data-variant=link]{color:var(--info)}.po-button[data-variant=quiet]{block-size:auto;min-inline-size:0;color:inherit;font:inherit;vertical-align:baseline;padding:0}.po-button[data-size=sm]{block-size:var(--control-sm);min-inline-size:var(--control-sm);--icon:var(--icon-sm)}.po-button[data-size=lg]{block-size:var(--control-lg);min-inline-size:var(--control-lg)}.po-button[data-shape=icon]{inline-size:var(--control-md);padding:0}.po-button[data-shape=icon][data-size=sm]{inline-size:var(--control-sm)}.po-button[data-shape=icon][data-size=lg]{inline-size:var(--control-lg)}.po-button:is([aria-pressed=true],[aria-current]:not([aria-current=false]),:has(>input:checked)){background:var(--selected-bg);color:var(--selected-fg);box-shadow:inset 0 0 0 var(--selected-ring) var(--ink)}.po-button:is([aria-pressed=true],[aria-current]:not([aria-current=false]),:has(>input:checked)):hover{background:var(--selected-bg);opacity:var(--hover)}.po-button>input[type=checkbox]{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}}
@layer poiesis.components{.po-list{margin:0;padding:0;list-style:none;display:grid}.po-list,.po-item,.po-list-indent{--po-mark:var(--control-sm);--po-gap-x:calc(var(--space) * 2)}@media (pointer:coarse){.po-list,.po-item,.po-list-indent{--po-mark:var(--control-md)}}.po-item{box-sizing:border-box;grid-template-columns:var(--po-mark) minmax(0, 1fr) auto;column-gap:var(--po-gap-x);min-block-size:var(--po-mark);color:var(--ink);font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-body);text-align:start;align-items:center;margin:0;display:grid;position:relative}.po-item[hidden],.po-list-more[hidden]{display:none}.po-item>.po-item-text:first-child,.po-item>.po-input:first-child{grid-column:2}.po-item-mark{inline-size:var(--po-mark);block-size:var(--po-mark);color:var(--faint);--icon:var(--icon-sm);place-items:center;display:grid}.po-item-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.po-item:has(>.po-item-mark .po-checkbox)>.po-item-text{-webkit-text-decoration:line-through #0000;text-decoration:line-through #0000}.po-item-detail{color:var(--muted);font-weight:var(--weight-regular);display:block}.po-item-note{color:var(--muted);font-weight:var(--weight-regular);white-space:nowrap;flex:none}.po-item-actions{align-items:center;display:flex}.po-item>.po-input{block-size:var(--po-mark)}.po-item[data-wrap]{align-items:start}.po-item[data-wrap]>.po-item-text{white-space:normal;padding-block:calc((var(--po-mark) - 1lh) / 2)}.po-item[data-state=done]>.po-item-text{color:var(--muted);text-decoration-line:line-through;text-decoration-color:currentColor}.po-list-indent{padding-inline-start:calc(var(--po-mark) + var(--po-gap-x))}.po-item:after{content:"";inset-inline:calc(var(--po-mark) + var(--po-gap-x)) 0;border-block-end:1px solid var(--divider);pointer-events:none;position:absolute;bottom:0}.po-item[data-rule=none]:after{border-block-end-color:#0000}.po-item:has(>.po-input:focus-visible,>.po-input :focus-visible):after{border-block-end-color:var(--info)}.po-item>.po-input[data-variant=bare],.po-item>.po-input[data-variant=bare]:is(:focus-visible,:has(>:focus-visible)){border-block-end-color:#0000}@media (pointer:fine){.po-item-actions{background:var(--paper);opacity:0;padding-inline-start:var(--po-gap-x);position:absolute;inset-block:0;inset-inline-end:0}.po-item:hover>.po-item-actions,.po-item-actions:focus-within{opacity:1}.po-item-actions:has([aria-expanded=true]){opacity:1}}.po-list[data-variant=options]{padding-block:calc(var(--space) * 2)}.po-list[data-variant=options] .po-item{justify-content:space-between;gap:calc(var(--space) * 2);min-block-size:0;inline-size:100%;padding:calc(var(--space) * 1.5) var(--control-pad);border-radius:var(--radius-m);cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:0;display:flex}.po-list[data-variant=options] .po-item[hidden]{display:none}.po-list[data-variant=options] .po-item>.po-item-text{flex:1}.po-list[data-variant=options] .po-item:after{content:none}.po-list[data-variant=options] .po-item-actions{opacity:1;background:0 0;padding:0;position:static}.po-list[data-variant=options] .po-item:is([aria-selected=true],button:hover,button:focus-visible,:has(>.po-input:focus-visible)){background:var(--surface)}.po-list[data-variant=options] .po-item:focus-visible{outline:var(--ring) solid var(--info);outline-offset:0}.po-list[data-variant=options] .po-item[aria-current=true]{font-weight:var(--weight-strong)}.po-list[data-variant=options] .po-item:is([aria-disabled=true],:disabled){opacity:var(--disabled);cursor:not-allowed}.po-list[data-variant=options] .po-item>.po-input{border:0;flex:1;block-size:auto}.po-list-more{padding:calc(var(--space) * 1.5) var(--control-pad);color:var(--muted);font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);letter-spacing:var(--tracking-body);margin:0}@media (prefers-reduced-motion:no-preference){.po-item-text{transition-property:color,text-decoration-color;transition-duration:var(--duration-base);transition-timing-function:var(--ease);transition-delay:calc(var(--po-step,0) * var(--duration-fast))}.po-item:after{transition:border-color var(--duration-fast) var(--ease)}}}
@layer poiesis.components{.po-separator{background:var(--divider);border:0;flex:none;align-self:stretch;block-size:1px;inline-size:auto;margin:0}.po-separator[aria-orientation=vertical]{block-size:auto;inline-size:1px}}
@layer poiesis.primitives,poiesis.components,poiesis.patterns;
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@layer site.base{html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:var(--body-weight) var(--body-size) / var(--body-leading) var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}img{block-size:auto;max-inline-size:100%;display:block}a{color:inherit}ul{margin:0;padding:0;list-style:none}}.page{box-sizing:border-box;inline-size:100%;max-inline-size:calc(var(--page) + var(--space) * 10);padding-inline:calc(var(--space) * 5);margin-inline:auto}.shell{column-gap:calc(var(--space) * 5);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.site-main{grid-column:3/-1;min-inline-size:0}.grid{column-gap:calc(var(--space) * 5);row-gap:calc(var(--space) * 4);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.col-wide{grid-column:1/-1}.label{color:var(--muted)}.unseen{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.text-link{align-items:center;gap:calc(var(--space) * 1);color:var(--info);font-weight:var(--weight-strong);text-underline-offset:.2em;text-decoration:none;display:inline-flex}.text-link:hover{text-decoration:underline}.skip{z-index:var(--layer-float);position:absolute;inset-block-start:calc(var(--space) * 2);inset-inline-start:calc(var(--space) * 2);transform:translateY(-200%)}.skip:focus-visible{transform:none}.site-side{box-sizing:border-box;justify-content:space-between;gap:calc(var(--space) * 8);block-size:100dvh;padding-block:calc(var(--space) * 5);flex-direction:column;grid-column:1/span 2;display:flex;position:sticky;inset-block-start:0;overflow-y:auto}.side-top,.side-bottom{gap:calc(var(--space) * 4);flex-direction:column;display:flex}.side-group,.side-group ul{gap:calc(var(--space) * 1);flex-direction:column;display:flex}.side-group a:not(.text-link){font:var(--weight-strong) var(--text-ui) / var(--leading-ui) var(--font-sans);text-decoration:none}.side-group a:not(.text-link):hover{text-decoration:underline}.side-sound{align-items:center;gap:calc(var(--space) * 2);display:flex}.last-update{white-space:nowrap;margin:0}.site-nav{align-items:start;gap:calc(var(--space) * 4);flex-direction:column;display:flex}.site-nav ul{gap:calc(var(--space) * 1);flex-direction:column;display:flex}.site-nav a:not(.po-button){font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);color:var(--muted);text-decoration:none}.site-nav a:not(.po-button):hover{color:var(--ink)}.site-nav a[aria-current=page]{color:var(--ink);font-weight:var(--weight-strong)}main,.block{padding-block-end:var(--section-space)}.block:first-of-type{padding-block-start:calc(var(--space) * 5)}.statement{margin:0}.section-body{box-sizing:border-box;inline-size:100%;max-inline-size:var(--measure);gap:calc(var(--space) * 6);flex-direction:column;grid-column:1/-1;min-inline-size:0;margin-inline:auto;display:flex}.section-title{margin:0}.paged{column-gap:calc(var(--space) * 5);grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;display:grid}.paged-index{grid-area:1/9/auto/-1;position:sticky;inset-block-start:calc(var(--space) * 5)}.paged-head{block-size:calc(var(--body-size) * var(--body-leading));font:var(--weight-strong) var(--text-ui) / var(--leading-ui) var(--font-sans);color:var(--ink);align-items:center;margin-block-end:calc(var(--space) * 1);display:flex}.paged-index ul{gap:calc(var(--space) * 1);flex-direction:column;display:flex}.paged-index a{font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);color:var(--muted);text-decoration:none}.paged-index a:hover{color:var(--ink)}.paged-index a[aria-current=location]{color:var(--info);font-weight:var(--weight-strong)}.paged-title{box-sizing:border-box;max-inline-size:var(--measure);padding-block:calc(var(--space) * 5) calc(var(--space) * 4);font:var(--weight-regular) var(--body-size) / var(--leading-ui) var(--font-sans);color:var(--ink);margin:0 auto}.paged-title+.block{padding-block-start:0}.paged-aside{margin-block-start:calc(var(--space) * 8)}.paged-count{font-weight:var(--weight-regular);color:var(--muted);font-variant-numeric:tabular-nums}.paged-content{grid-area:1/1/auto/span 8;min-inline-size:0}@media (prefers-reduced-motion:no-preference){.paged-content{animation:project-in var(--duration-base) var(--ease)}}@media (min-width:48.01rem){.paged-content[data-scroll]{block-size:calc(100dvh - var(--space) * 5);overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.paged-content[data-scroll]>.block{padding-block-end:calc(var(--space) * 10)}}.paged .section-title{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.paged .section-body{margin-inline:auto}.paged-content>.project{grid-template-columns:repeat(8,minmax(0,1fr))}.paged .project-head{grid-column:1/span 3}.paged .project-body{grid-column:4/-1}@media (prefers-reduced-motion:no-preference){.project{animation:project-in var(--duration-base) var(--ease)}}@keyframes project-in{0%{opacity:0}}main:has(.paged){padding-block-end:0}.block[data-type=projects]{padding-block-end:calc(var(--space) * 5)}@media (min-width:48.01rem){.project{block-size:calc(100dvh - var(--space) * 10);grid-template-rows:auto minmax(0,1fr);overflow:hidden}.project-head,.project-body{min-block-size:0}.project-body{overscroll-behavior:contain;scrollbar-width:thin;padding-block-end:calc(var(--space) * 5);overflow-y:auto}}.project{scroll-margin-block-start:calc(var(--control-lg) * 3)}.project-fields{color:var(--muted);flex-direction:column;display:flex}.project-fields dd{margin:0}.project-head{gap:calc(var(--space) * 3);flex-direction:column;grid-column:1/span 4;display:flex}.project-title{margin:0}.project-body{gap:calc(var(--space) * 4);flex-direction:column;grid-column:5/span 5;display:flex}.project-body p{margin:0}@media (max-width:64rem){.project-head,.project-body{grid-column:1/-1}}.gallery{gap:calc(var(--space) * 2);flex-direction:column;display:flex}.gallery-track{background:var(--surface);touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.gallery-slides{display:grid}.gallery-slide{opacity:0;grid-area:1/1;min-inline-size:0;overflow:hidden}.gallery-slide[data-shown]{opacity:1;z-index:2}.gallery-slide[data-before]{opacity:1;z-index:1}@media (prefers-reduced-motion:no-preference){.gallery-slide[data-shown]{transition:opacity calc(var(--duration-base) * 4) var(--ease)}.gallery-slide:is([data-shown],[data-before]) img{animation:story-zoom calc(var(--duration-base) * 25) linear forwards}.gallery-slides[data-held] .gallery-slide[data-shown] img{animation-play-state:paused}}@keyframes story-zoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.gallery-track img{aspect-ratio:3/2;object-fit:cover;block-size:100%;inline-size:100%}.project .gallery-track,.project .gallery-track img{max-block-size:calc(100dvh - var(--control-lg) * 6 - var(--space) * 5)}.gallery-line{justify-content:space-between;align-items:center;gap:calc(var(--space) * 4);block-size:calc(var(--text-ui) * var(--leading-ui));display:flex}.gallery-bars{gap:calc(var(--space) * 1);display:flex}.gallery-bar{inline-size:calc(var(--space) * 5);block-size:var(--control-xs);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;display:grid}.gallery-bar>span{block-size:calc(var(--space) * 1);border-radius:var(--radius-round);background:var(--divider);display:block;overflow:hidden}.gallery-bar>span>span{background:var(--ink);block-size:100%;display:block}.gallery-bar:focus-visible{outline:var(--ring) solid var(--info);outline-offset:2px}.text-block{gap:calc(var(--space) * 4);flex-direction:column;display:flex}.text-block p{margin:0}.logos{gap:calc(var(--space) * 8);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.logos img{inline-size:auto;max-inline-size:100%;max-block-size:calc(var(--space) * 12);filter:grayscale();margin-inline:auto}.entries{gap:calc(var(--space) * 8);flex-direction:column;display:flex}.entry{gap:calc(var(--space) * 1);flex-direction:column;display:flex}.entry h3,.entry p{margin:0}.entry ul{gap:calc(var(--space) * 1);flex-direction:column;padding-inline-start:calc(var(--space) * 4);list-style:none;display:flex}.entry-links{gap:calc(var(--space) * 3);flex-wrap:wrap;display:flex}.sound-toggle.po-button{align-self:start;min-inline-size:0;padding-inline:0}.sound-toggle.po-button,.sound-toggle.po-button:hover,.sound-toggle.po-button[aria-pressed=true],.sound-toggle.po-button[aria-pressed=true]:hover{color:var(--ink);box-shadow:none;opacity:1;background:0 0}.sound-bars{block-size:var(--icon);align-items:center;gap:2px;display:inline-flex}.sound-bars span{background:var(--muted);block-size:100%;inline-size:2px;transform:scaleY(.15)}[aria-pressed=true] .sound-bars span{background:currentColor;transform:scaleY(.5)}@media (prefers-reduced-motion:no-preference){.sound-bars span{transition:transform var(--duration-base) var(--ease), background-color var(--duration-base) var(--ease)}[aria-pressed=true] .sound-bars span{animation:sound-wave calc(var(--duration-base) * 7) ease-in-out infinite alternate}[aria-pressed=true] .sound-bars span:nth-child(2){animation-delay:calc(var(--duration-base) * -1.4)}[aria-pressed=true] .sound-bars span:nth-child(3){animation-delay:calc(var(--duration-base) * -2.8)}[aria-pressed=true] .sound-bars span:nth-child(4){animation-delay:calc(var(--duration-base) * -4.2)}[aria-pressed=true] .sound-bars span:nth-child(5){animation-delay:calc(var(--duration-base) * -5.6)}}@keyframes sound-wave{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.sound-prompt{z-index:var(--layer-float);pointer-events:none;color:var(--muted);white-space:nowrap;position:fixed;inset-block-start:0;inset-inline-start:0}@media (max-width:48rem),(hover:none){.sound-prompt{display:none}}.books{gap:var(--subsection-space);flex-direction:column;display:flex}.book{gap:calc(var(--space) * 6);flex-direction:column;display:flex}.book-text{gap:calc(var(--space) * 4);flex-direction:column;display:flex}.book-text h2,.book-text p{margin:0}.book-image img{inline-size:100%;max-inline-size:calc(var(--space) * 60)}.tool-head{justify-content:space-between;align-items:baseline;column-gap:calc(var(--space) * 4);flex-wrap:wrap;display:flex}.tool-head h3,.tool-head p{margin:0}.tool-head .label{font-variant-numeric:tabular-nums}.home{column-gap:calc(var(--space) * 5);grid-template-columns:repeat(10,minmax(0,1fr));align-items:start;display:grid}.home-intro-cell,.home-feed{grid-column:1/span 8;min-inline-size:0}.home-filters{grid-column:9/-1}.home .section-body{margin-inline:auto}.home .home-intro{padding-block:0 var(--subsection-space)}.home-intro .paged-title{grid-column:1/-1;inline-size:100%}.home-feed-title,.home-feed .block{padding-block-start:0}.home-filters{position:sticky;inset-block-start:calc(var(--space) * 5)}.home-filters ul{gap:calc(var(--space) * 1);flex-direction:column;display:flex}.home-filters a{font:var(--weight-regular) var(--text-ui) / var(--leading-ui) var(--font-sans);color:var(--muted);text-decoration:none}.home-filters a:hover{color:var(--ink)}.home-filters a[aria-current=location]{color:var(--info);font-weight:var(--weight-strong)}.home-more{text-align:start;cursor:pointer;background:0 0;border:0;inline-size:100%;padding-inline:0;display:block}.home-more:hover{color:var(--ink)}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline-item{grid-template-columns:calc(var(--space) * 24) calc(var(--space) * 16) minmax(0, 1fr);column-gap:calc(var(--space) * 4);padding-block:calc(var(--space) * 2);border-block-end:1px solid var(--divider);align-items:baseline;display:grid}.timeline-item .label{font-variant-numeric:tabular-nums}.timeline-kind{color:var(--muted);font-weight:var(--weight-strong)}.timeline-kind[data-group=work]{color:var(--info)}.timeline-kind[data-group=writing]{color:var(--new)}.timeline-kind[data-group=tool]{color:var(--success)}.timeline-kind[data-group=education]{color:var(--warning)}.timeline-title{font-weight:var(--weight-strong);text-decoration:none}.timeline-title:hover{text-decoration:underline}.timeline-detail{font-weight:var(--weight-regular)}@media (max-width:48rem){.timeline-item{grid-template-columns:calc(var(--space) * 24) minmax(0, 1fr)}.timeline-title{grid-column:1/-1}}.lab-image{inline-size:100%}.embed-frame{padding:calc(var(--space) * 6);background:oklch(from var(--paper) 1 0 h);border-radius:var(--radius-m)}.embed{background:0 0;border:0;inline-size:100%;display:block}.lab-sequence{gap:calc(var(--space) * 3);flex-direction:column;margin-block-start:calc(var(--space) * 4);display:flex}.lab-sequence h4{margin:0}.lab-sequence ol{gap:calc(var(--space) * 4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lab-sequence li{grid-template-columns:calc(var(--space) * 8) minmax(0, 1fr);column-gap:calc(var(--space) * 2);display:grid}.lab-step{font-variant-numeric:tabular-nums}@media (max-width:48rem){.grid>*,.project-head,.project-body{grid-column:1/-1}.paged{display:block}.paged-index{margin-block-end:calc(var(--space) * 4);position:static;overflow-x:auto}.paged-index ul{gap:calc(var(--space) * 4);white-space:nowrap;flex-direction:row}.paged .project-head,.paged .project-body{grid-column:1/-1}.shell{flex-direction:column;display:flex}.site-side{display:contents}.side-top{padding-block:calc(var(--space) * 5);order:0}.site-main{order:1}.side-bottom{padding-block:calc(var(--space) * 5) var(--subsection-space);order:2}.site-nav{flex-flow:wrap;align-items:center}.site-nav ul{gap:calc(var(--space) * 4);flex-flow:wrap}}.gallery-head:empty,.desktop-only{display:none}@media (max-width:64rem){.desktop-only{justify-content:center;gap:calc(var(--space) * 3);box-sizing:border-box;min-block-size:100dvh;max-inline-size:var(--measure);padding:calc(var(--space) * 6);flex-direction:column;display:flex}.desktop-only p{margin:0}.shell,.skip,.sound-prompt{display:none}}