.z3Tu_q_list{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.z3Tu_q_link{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--color-fg-muted);transition:color var(--dur-ui) var(--ease-out), translate var(--dur-ui) var(--ease-spring);place-items:center;display:grid}.z3Tu_q_icon{fill:currentColor;width:18px;height:18px}@media (hover:hover){.z3Tu_q_link:hover{color:var(--color-fg);translate:0 -2px}}
._3hUVsW_footer{--sitter-h:clamp(84px, 8vw, 120px);isolation:isolate;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-5);padding:calc(var(--space-3) + var(--sitter-h) * .42) max(var(--gutter), env(safe-area-inset-right)) max(var(--space-3), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));border-top:var(--hairline) solid var(--color-line);background:var(--color-bg);color:var(--color-fg);flex-wrap:wrap;display:flex;position:relative}._3hUVsW_sitter{--h:var(--sitter-h);z-index:1;bottom:calc(100% - (1 - var(--edge,1)) * var(--h));position:absolute}._3hUVsW_dev{left:32%}._3hUVsW_design{left:calc(32% + var(--sitter-h) * .62)}@media (max-width:767px){._3hUVsW_dev{left:6%}._3hUVsW_design{left:calc(6% + var(--sitter-h) * .62)}}._3hUVsW_copyright{align-items:baseline;gap:var(--space-2);color:var(--color-fg-muted);display:flex}._3hUVsW_name{font-family:var(--font-family-hand);font-size:1.25rem}@media (max-width:767px){._3hUVsW_nav{flex-basis:100%;order:1}._3hUVsW_nav>ul{justify-content:center}}._3hUVsW_link{min-height:var(--tap-min);text-underline-offset:.35em;transition:text-decoration-color var(--dur-ui) var(--ease-out);align-items:center;gap:.4em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px;display:inline-flex}@media (hover:hover){._3hUVsW_link:hover{-webkit-text-decoration-color:var(--color-logic);text-decoration-color:var(--color-logic)}}@media (max-width:767px){body:has([data-next-project],[data-not-found]) ._3hUVsW_sitter{display:none}body:has([data-next-project],[data-not-found]) ._3hUVsW_footer{padding-top:var(--space-3)}}body:has([data-archive-board]) ._3hUVsW_footer{display:none}
.gv9_OW_toggle{min-height:var(--tap-min);padding-inline:var(--space-2);font-family:var(--font-family-mono);font-size:var(--text-mono-label);letter-spacing:var(--tracking-mono-label);text-transform:uppercase;color:var(--color-fg-muted);align-items:center;gap:.4em;display:inline-flex}.gv9_OW_toggle span{transition:color var(--dur-ui) var(--ease-out)}.gv9_OW_active{color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-logic);text-decoration-color:var(--color-logic);text-underline-offset:.35em;text-decoration-thickness:2px}.gv9_OW_slash{color:var(--color-line)}@media (hover:hover){.gv9_OW_toggle:hover span:not(.gv9_OW_active):not(.gv9_OW_slash){color:var(--color-fg)}}
@layer reset;@layer tokens{:root{--palette-paper:#f6f5f1;--palette-paper-2:#edebe5;--palette-ink:#151515;--palette-ink-2:#1e1e1d;--palette-blue:#2f4bd8;--palette-blue-lifted:#7b8cf2;--palette-vermilion:#f04a23;--palette-saffron:#f2a007;--palette-plum:#a3195b;--palette-white:#fff;--color-warm-1:var(--palette-vermilion);--color-warm-2:var(--palette-saffron);--color-warm-3:var(--palette-plum);--color-on-warm:var(--palette-ink);--color-on-image-light:var(--palette-ink);--color-on-image-dark:var(--palette-paper);--color-sticker-edge:var(--palette-white);--gloss-light:#ffffff8c;--gloss-soft:#ffffff38;--gloss-shade:#15151529;--font-family-display:var(--font-display), system-ui, sans-serif;--font-family-mono:var(--font-mono), ui-monospace, monospace;--font-family-grotesk:var(--font-grotesk), system-ui, sans-serif;--font-family-hand:var(--font-hand), cursive;--text-display-xl:clamp(3rem, 2rem + 5vw, 8rem);--text-display-l:clamp(2.25rem, 1.5rem + 3.5vw, 5rem);--text-display-m:clamp(1.75rem, 1.25rem + 2vw, 3.25rem);--text-body-l:clamp(1.125rem, 1rem + .5vw, 1.5rem);--text-body:1.0625rem;--text-small:.875rem;--text-mono-label:.75rem;--text-mono-xs:.6875rem;--text-hand:clamp(1.5rem, 1.1rem + .8vw, 1.75rem);--tracking-mono-label:.06em;--leading-display:.95;--leading-body:1.5;--leading-mono:1.4;--measure:68ch;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:12rem;--gutter:clamp(16px, 2.5vw, 40px);--section-y:clamp(96px, 12vw, 200px);--grid-columns:4;--radius-0:0;--radius-tab:6px;--radius-pill:999px;--hairline:1px;--tap-min:44px;--nav-h:56px;--z-canvas:0;--z-content:1;--z-nav:100;--z-menu:200;--z-transition:300;--z-skip:400}@media (min-width:768px){:root{--grid-columns:8;--nav-h:64px}}@media (min-width:1024px){:root{--grid-columns:12}}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--palette-paper);--color-fg:var(--palette-ink);--color-fg-muted:#5f5e5a;--color-surface:var(--palette-paper-2);--color-line:#1515151f;--color-dot:#15151547;--color-logic:var(--palette-blue);--color-shadow:#15151566}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--palette-ink);--color-fg:var(--palette-paper);--color-fg-muted:#a09f9a;--color-surface:var(--palette-ink-2);--color-line:#f6f5f124;--color-dot:#f6f5f13d;--color-logic:var(--palette-blue-lifted);--color-shadow:#0009}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--palette-ink);--color-fg:var(--palette-paper);--color-fg-muted:#a09f9a;--color-surface:var(--palette-ink-2);--color-line:#f6f5f124;--color-dot:#f6f5f13d;--color-logic:var(--palette-blue-lifted);--color-shadow:#0009}}@layer base,utilities;
@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;text-size-adjust:none}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}ul[role=list],ol[role=list]{padding:0;list-style:none}}@layer base{html{background:var(--color-bg);color:var(--color-fg)}body{min-height:100svh;color:var(--color-fg);font-family:var(--font-family-display);font-size:var(--text-body);line-height:var(--leading-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=dark] body{font-weight:380}::selection{background:var(--color-logic);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-logic);outline-offset:3px}main:focus{outline:none}html.menu-open{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}html.js:not([data-ready]) [data-intro]{opacity:0}@media (prefers-reduced-motion:no-preference){html.js:not([data-ready]) [data-intro-settle]{--wght-cap:var(--weight-thin)}}html.js:not([data-ready],[data-intro-running]) :is([data-intro],[data-intro-settle]){animation:intro-failsafe 1ms var(--intro-failsafe,3s) forwards}@keyframes intro-failsafe{to{opacity:1;--wght-cap:1000}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}}@layer utilities{.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.mono-label{font-family:var(--font-family-mono);font-size:var(--text-mono-label);line-height:var(--leading-mono);letter-spacing:var(--tracking-mono-label);text-transform:uppercase}}@property --e{syntax:"<number>";inherits:false;initial-value:0}