:root{--color-bg: #121212;--color-fg: #000000;--color-muted: #8a8a8a;--color-media-bg: #1e1e1e;--color-label-bg: #ffffff;--color-label-fg: #000000;--color-border: #000000;--color-tags: #d5d4d0;--color-surface: #f5f5f5;--color-hover: #bdc0c2;--color-card: #f8f8f8;--radius-s: .375rem;--radius-m: .25rem;--btn-pad-y: var(--btn-py-m, .625rem);--btn-pad-x: var(--btn-px-m, .65625rem);--layer-pad-x: var(--layer-px-m, .75rem);--icon-s: .9375rem;--icon-m: 1rem;--icon-stroke: 1.33333;--btn-h: calc(2 * var(--btn-pad-y) + var(--icon-m));--font-sans: "Metra", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--text-caps: var(--type-caps-m, .8125rem);--leading-caps: 1;--tracking-caps: var(--type-caps-tr, .015em);--text-body: var(--type-body-m, .875rem);--leading-body: var(--type-body-lh-m, calc(16.4 / 14));--tracking-body: var(--type-body-tr-m, 0);--text-s: .8125rem;--text-m: 1rem;--text-l: 1.5rem;--text-xl: 3rem;--leading-s: 1.3;--leading-m: 1.3;--leading-l: 1.15;--leading-xl: 1.05;--tracking-s: .01em;--tracking-m: 0;--tracking-l: -.01em;--tracking-xl: -.02em;--weight-regular: 400;--weight-medium: 500;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .25rem;--space-s: .5rem;--space-m: 1rem;--space-l: 2.5rem;--space-xl: 5rem;--space-2xl: 10rem;--grid-columns: 4;--grid-gutter: .25rem;--grid-margin: .5rem;--vt-btn-from: -3rem;--info-w: 100%;--zoom-grid-row-gap: var(--space-l);--measure: 38em;--carousel-item-w: 70vw;--carousel-item-h: 60svh;--carousel-gap: var(--grid-gutter);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-xs: .12s;--dur-s: .24s;--dur-m: .48s;--dur-l: .8s}@media(min-width:52rem){:root{--radius-s: .25rem;--radius-m: .375rem;--btn-pad-y: var(--btn-py-d, .625rem);--btn-pad-x: var(--btn-px-d, .875rem);--layer-pad-x: var(--layer-px-d, 1.09375rem);--space-xs: .5rem;--space-s: .75rem;--space-m: 1.5rem;--grid-columns: 12;--grid-gutter: .5rem;--text-caps: var(--type-caps-d, 1.0625rem);--text-body: var(--type-body-d, 1.125rem);--leading-body: var(--type-body-lh-d, calc(22 / 18));--tracking-body: var(--type-body-tr-d, -.01em);--icon-m: 1.125rem;--vt-btn-from: -4rem;--info-w: calc((100vw - 2 * var(--grid-margin) - 11 * var(--grid-gutter)) / 12 * 6 + 5 * var(--grid-gutter));--grid-margin: 1rem;--carousel-item-w: 32vw;--carousel-item-h: 62svh}}@media(min-width:90rem){:root{--text-xl: 4rem}}@media(prefers-reduced-motion:reduce){:root{--dur-xs: 0ms;--dur-s: 0ms;--dur-m: 0ms;--dur-l: 0ms}}::view-transition-group(*){animation-duration:var(--vt-dur, .6s);animation-timing-function:var(--vt-ease, var(--ease-in-out))}::view-transition-old(root){animation:var(--vt-out-dur, .25s) ease both vt-fade-out}::view-transition-new(root){animation:var(--vt-in-dur, .45s) ease var(--vt-in-delay, .15s) both vt-fade-in}::view-transition-group(hero){z-index:1}::view-transition-old(hero){animation:none}::view-transition-new(hero){animation:calc(var(--vt-dur, .6s) * .5) ease both vt-fade-in}::view-transition-old(site-header),::view-transition-new(site-header){animation:none;mix-blend-mode:normal}::view-transition-group(site-pill){overflow:clip;border-radius:var(--radius-s);background:var(--color-label-bg);z-index:2}::view-transition-old(site-pill),::view-transition-new(site-pill){width:100%;height:100%;object-fit:none;object-position:right center}::view-transition-new(site-pill){animation:none}::view-transition-group(view-btn){z-index:2;animation:none}::view-transition-new(view-btn){animation:var(--vt-dur, .6s) var(--vt-ease, var(--ease-in-out)) both vt-btn-in}::view-transition-old(view-btn){animation:var(--vt-dur, .6s) var(--vt-ease, var(--ease-in-out)) both vt-btn-out}@keyframes vt-btn-in{0%{opacity:0;translate:var(--vt-btn-from, -3rem) 0}}@keyframes vt-btn-out{to{opacity:0;translate:var(--vt-btn-from, -3rem) 0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@font-face{font-family:Metra;font-weight:500;font-style:normal;font-display:swap;src:url(../../../fonts/for-metraweb-medium.woff2) format("woff2"),url(../../../fonts/for-metraweb-medium.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-m);line-height:var(--leading-m);letter-spacing:var(--tracking-m);font-weight:var(--weight-regular);min-height:100svh}img,video,iframe,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{list-style:none}.t-s{font-size:var(--text-s);line-height:var(--leading-s);letter-spacing:var(--tracking-s)}.t-m{font-size:var(--text-m);line-height:var(--leading-m);letter-spacing:var(--tracking-m)}.t-l{font-size:var(--text-l);line-height:var(--leading-l);letter-spacing:var(--tracking-l)}.t-xl{font-size:var(--text-xl);line-height:var(--leading-xl);letter-spacing:var(--tracking-xl)}.muted{color:var(--color-muted)}.t-caps{font-size:var(--text-caps);line-height:var(--leading-caps);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-s);min-height:var(--btn-h);padding:var(--btn-pad-y) var(--btn-pad-x);border-radius:var(--radius-s);background:var(--color-label-bg);color:var(--color-label-fg);white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn--outline{box-shadow:inset 0 0 0 1px var(--color-border)}.btn--icon{width:var(--btn-h);height:var(--btn-h);padding:0}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));column-gap:var(--grid-gutter);padding-inline:var(--grid-margin)}.prose{max-width:var(--measure)}.prose>*+*{margin-top:1lh}.prose a{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}:focus-visible{outline:1px solid currentColor;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn,.hoverable{position:relative}.btn,.hoverable{isolation:isolate;transition:scale var(--btn-hover-dur, .2s) var(--ease-out)}.btn:before,.hoverable:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--color-hover);opacity:0;pointer-events:none;transition:opacity var(--btn-hover-dur, .2s) ease,clip-path calc(var(--btn-hover-dur, .2s) * 2) var(--ease-out)}@media(hover:hover)and (pointer:fine){[data-btn-hover=color] :is(.btn,.hoverable):hover:before,[data-btn-hover=scale] :is(.btn,.hoverable):hover:before{opacity:1}[data-btn-hover=scale] :is(.btn,.hoverable):hover{scale:1.04}[data-btn-hover=ripple] :is(.btn,.hoverable):before{opacity:1;clip-path:circle(0 at var(--mx, 50%) var(--my, 50%))}[data-btn-hover=ripple] :is(.btn,.hoverable):hover:before{clip-path:circle(150% at var(--mx, 50%) var(--my, 50%))}[data-btn-hover=fill] :is(.btn,.hoverable):before{opacity:1;clip-path:inset(100% 0 0 0)}[data-btn-hover=fill] :is(.btn,.hoverable):hover:before{clip-path:inset(0 0 0 0)}}@media(hover:hover)and (pointer:fine){[data-img-hover=zoom] .interactive :is(.media:hover,.media.is-hover) :is(img,video,.vimeo){scale:calc(1 + .04 * var(--img-k, 1))}[data-img-hover=lift] .interactive :is(.media:hover,.media.is-hover){scale:calc(1 + .02 * var(--img-k, 1))}[data-img-hover=tilt] .interactive :is(.media:hover,.media.is-hover){transform:perspective(60rem) rotateX(calc(var(--ty, 0) * -4deg * var(--img-k, 1))) rotateY(calc(var(--tx, 0) * 4deg * var(--img-k, 1)))}[data-img-hover=dim] .interactive :is(.media:hover,.media.is-hover){filter:brightness(calc(1 - .12 * var(--img-k, 1)))}:not([data-img-hover=dim]) .interactive :is(.media:hover,.media.is-hover){filter:brightness(calc(1 - var(--img-dim, 0)))}}.header.svelte-1elxaub{position:sticky;top:0;z-index:50;padding-block:var(--grid-margin);background:var(--color-bg)}.name.svelte-1elxaub{grid-column:1 / span 2}.nav.svelte-1elxaub{grid-column:3 / span 2;display:flex;gap:var(--space-s);justify-content:flex-end}.contact.svelte-1elxaub{display:none}[aria-current=page].svelte-1elxaub{color:var(--color-muted)}@media(min-width:52rem){.name.svelte-1elxaub{grid-column:1 / span 3}.nav.svelte-1elxaub{grid-column:4 / span 3;justify-content:flex-start}.contact.svelte-1elxaub{display:block;grid-column:10 / -1;text-align:right}}@media(hover:hover){a.svelte-1elxaub{transition:color var(--dur-xs)}a.svelte-1elxaub:hover{color:var(--color-muted)}}html[data-intro=skip] .intro.svelte-10cvnim{display:none}.intro.svelte-10cvnim{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:var(--color-bg);color:var(--color-label-bg)}.lab-panel.svelte-kq926p{max-height:60svh;overflow:auto;overscroll-behavior:contain;background:#000;color:#fff;font:11px/1.3 ui-monospace,monospace}.lab-panel.open.svelte-kq926p{width:13rem}.head.svelte-kq926p{width:100%;padding:8px 12px;text-align:left}.body.svelte-kq926p{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}label.svelte-kq926p{display:flex;flex-direction:column;gap:2px}b.svelte-kq926p{font-weight:400;color:#ff0}input[type=range].svelte-kq926p{width:100%}label.color.svelte-kq926p{flex-direction:row;align-items:center;gap:8px}input[type=color].svelte-kq926p{width:2rem;height:2rem;padding:0;border:1px solid #555;background:none}select.svelte-kq926p{font:inherit}.actions.svelte-kq926p{display:flex;gap:8px;margin-top:4px}.actions.svelte-kq926p button:where(.svelte-kq926p){flex:1;padding:4px;border:1px solid #555}.manual-hint.svelte-kq926p{color:#888}.manual.svelte-kq926p{width:100%;font:inherit;font-size:16px;background:#111;color:#fff;border:1px solid #555}.overlay.svelte-14a3f7a{position:fixed;inset:0;z-index:9998;pointer-events:none}.col.svelte-14a3f7a{background:#ff000012;outline:1px solid rgb(255 0 0 / .15)}@media(min-width:52rem){.overlay.svelte-14a3f7a{--col-wide: block}}.panel.svelte-14a3f7a{position:fixed;right:var(--space-xs);bottom:var(--space-xs);z-index:9999;display:flex;gap:var(--space-s);align-items:center;padding:var(--space-xs) var(--space-s);background:#000;color:#fff;font-family:ui-monospace,monospace}.panel[hidden].svelte-14a3f7a{display:none}.lab-stack.svelte-14a3f7a{position:fixed;left:8px;top:50%;translate:0 -50%;z-index:9999;display:flex;flex-direction:column;align-items:flex-start;gap:4px}select.svelte-14a3f7a{font:inherit}