@font-face{font-family:display;src:url(../media/bricolage_grotesque-s.p.3soukijju727d.woff2)format("woff2");font-display:swap;font-weight:600 700}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:83.54%;descent-override:24.25%;line-gap-override:0.0%;size-adjust:111.32%}.display_60f922e6-module__pLva7a__className{font-family:display,display Fallback}.display_60f922e6-module__pLva7a__variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/dm_sans-s.p.2xbt_nyykcsyi.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.body_19ab5ff1-module__OLAPjW__className{font-family:body,body Fallback}.body_19ab5ff1-module__OLAPjW__variable{--font-body:"body", "body Fallback"}
@font-face{font-family:mono;src:url(../media/geist_mono-s.p.1c7os7n19bztl.woff2)format("woff2");font-display:swap;font-weight:400 600}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.mono_fac70824-module__Olzxkq__className{font-family:mono,mono Fallback}.mono_fac70824-module__Olzxkq__variable{--font-mono:"mono", "mono Fallback"}
:root{--color-canvas:#f5f1e8;--color-surface:#fcfaf5;--color-surface-muted:#eee9de;--color-ink:#20231f;--color-ink-muted:#6f746b;--color-pine-700:#315c43;--color-pine-600:#3d6f50;--color-pine-100:#dde8df;--color-border:#d9d3c6;--color-success:#3f7a55;--color-warning:#a36a2b;--color-danger:#a84a43;--color-dark-canvas:#171a17;--color-dark-surface:#20241f;--color-dark-ink:#eceee8;--color-dark-muted:#a8aea4;--color-dark-pine:#7fb18a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:96px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--shadow-soft:0 6px 20px #20231f14;--shadow-raised:0 14px 38px #20231f1f;--ease:cubic-bezier(.2, .8, .2, 1);--motion-fast:.12s ease-out;--motion-default:.18s var(--ease);--motion-slow:.26s var(--ease);--content-max:1200px;--text-max:720px;--gutter:16px;--section:var(--space-7);--bg:var(--color-canvas);--surface:var(--color-surface);--surface-muted:var(--color-surface-muted);--text:var(--color-ink);--text-muted:#5e635a;--border:var(--color-border);--border-strong:#c2baa9;--dot:#d2cbbb;--pine:var(--color-pine-700);--pine-tint:var(--color-pine-100);--accent:var(--color-pine-700);--accent-hover:var(--color-pine-600);--accent-tint:var(--color-pine-100);--on-accent:#fff;--focus:var(--color-pine-600);--shadow-color:#20231f14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:768px){:root{--gutter:24px}}@media (min-width:1200px){:root{--gutter:32px;--section:var(--space-8)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--color-dark-canvas);--surface:var(--color-dark-surface);--surface-muted:#2a2f28;--text:var(--color-dark-ink);--text-muted:var(--color-dark-muted);--border:#353b33;--border-strong:#4b5348;--dot:#2e342c;--pine:var(--color-dark-pine);--pine-tint:#243328;--accent:var(--color-dark-pine);--accent-hover:#97c3a0;--accent-tint:#243328;--on-accent:var(--color-dark-canvas);--focus:var(--color-dark-pine);--shadow-soft:0 6px 20px #00000047;--shadow-raised:0 14px 38px #00000061;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--color-dark-canvas);--surface:var(--color-dark-surface);--surface-muted:#2a2f28;--text:var(--color-dark-ink);--text-muted:var(--color-dark-muted);--border:#353b33;--border-strong:#4b5348;--dot:#2e342c;--pine:var(--color-dark-pine);--pine-tint:#243328;--accent:var(--color-dark-pine);--accent-hover:#97c3a0;--accent-tint:#243328;--on-accent:var(--color-dark-canvas);--focus:var(--color-dark-pine);--shadow-soft:0 6px 20px #00000047;--shadow-raised:0 14px 38px #00000061;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.project-theme{--accent:var(--p-500);--accent-hover:color-mix(in srgb, var(--p-500) 86%, black);--accent-tint:var(--p-100);--focus:var(--p-500)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .project-theme{--accent:var(--p-dark);--accent-hover:color-mix(in srgb, var(--p-dark) 85%, white);--accent-tint:color-mix(in srgb, var(--p-dark) 16%, var(--color-dark-surface));--on-accent:var(--color-dark-canvas);--focus:var(--p-dark)}}:root[data-theme=dark] .project-theme{--accent:var(--p-dark);--accent-hover:color-mix(in srgb, var(--p-dark) 85%, white);--accent-tint:color-mix(in srgb, var(--p-dark) 16%, var(--color-dark-surface));--on-accent:var(--color-dark-canvas);--focus:var(--p-dark)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);font:400 16px/24px var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}main{overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-tint);color:var(--text)}.skip-link{left:var(--space-4);z-index:20;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.container{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section)}.hero+.section{padding-top:calc(72px + var(--section));scroll-margin-top:-80px}.display-xl,.display-lg,.heading-1,.heading-2,.wordmark{font-family:var(--font-display), sans-serif;text-wrap:balance}.display-xl{letter-spacing:-.025em;font-size:clamp(40px,3.2vw + 26px,64px);font-weight:700;line-height:1.0625}.display-lg{letter-spacing:-.02em;font-size:clamp(34px,2vw + 26px,48px);font-weight:650;line-height:1.083}.heading-1{letter-spacing:-.015em;font-size:clamp(28px,1vw + 24px,36px);font-weight:650;line-height:1.167}.heading-2{letter-spacing:-.01em;font-size:clamp(22px,.6vw + 20px,28px);font-weight:600;line-height:1.214}.body-lg{font-size:18px;line-height:28px}.body-sm{font-size:14px;line-height:20px}.muted{color:var(--text-muted)}.meta,.byline,.badge,.mono{font:500 12px/16px var(--font-mono), monospace;letter-spacing:.02em}.meta,.byline{color:var(--text-muted)}.byline{align-items:center;gap:6px;display:inline-flex}.prose{max-width:var(--text-max);gap:var(--space-4);display:grid}.prose p{text-wrap:pretty}.link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:4px;transition:text-decoration-color var(--motion-default);font-weight:500}.link:hover{text-decoration-color:currentColor}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:44px;font:500 16px/1 var(--font-body), sans-serif;cursor:pointer;white-space:nowrap;transition:background-color var(--motion-default), border-color var(--motion-default), color var(--motion-default), transform var(--motion-fast);padding:0 20px;text-decoration:none;display:inline-flex}.btn svg{transition:transform var(--motion-default);flex:none}.btn-primary{background:var(--accent);color:var(--on-accent);border:1px solid #0000}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--border-strong)}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:14px}.btn-primary:hover svg.shift,.btn-secondary:hover svg.shift{transform:translate(3px)}.btn-primary:hover svg.drop,.btn-secondary:hover svg.drop{transform:translateY(2px)}.btn-tertiary{cursor:pointer;min-height:44px;color:var(--accent);font:500 16px/1 var(--font-body), sans-serif;background:0 0;border:0;align-items:center;gap:6px;padding:0;text-decoration:none;display:inline-flex}.btn-tertiary svg{transition:transform var(--motion-default)}.btn-tertiary:hover svg{transform:translate(3px)}.btn-tertiary:hover{text-underline-offset:5px;text-decoration:underline}.site-header{z-index:10;transition:background-color var(--motion-slow), box-shadow var(--motion-slow);position:sticky;top:0;box-shadow:inset 0 -1px #0000}.site-header[data-scrolled]{background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(12px);backdrop-filter:saturate(1.2)blur(12px);box-shadow:inset 0 -1px 0 var(--border)}.site-header[data-on-image][data-scrolled]{background:#141c1680;box-shadow:inset 0 -1px #f5f1e824}.site-header[data-on-image] .wordmark,.site-header[data-on-image] .wordmark-mark{color:#f5f1e8}.site-header[data-on-image] .nav-links a{color:#f5f1e8d9}.site-header[data-on-image] .nav-links a:hover{color:#f5f1e8;background:#f5f1e81f}.site-header[data-on-image] .nav-links a[aria-current]{color:#f5f1e8;background:#f5f1e829}.site-header[data-on-image] :focus-visible{outline-color:#f5f1e8}.site-header[data-on-image] .theme-toggle{color:#f5f1e8d9}.site-header[data-on-image] .theme-toggle:hover{color:#f5f1e8;background:#f5f1e81f}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;display:flex}.site-header-end{align-items:center;gap:var(--space-1);display:flex}.theme-toggle{border-radius:var(--radius-md);cursor:pointer;width:44px;height:44px;color:var(--text-muted);transition:color var(--motion-default), background-color var(--motion-default);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{color:var(--text);background:var(--surface-muted)}.theme-toggle svg{transition:transform var(--motion-slow)}.theme-toggle:hover svg{transform:rotate(-15deg)}.theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-sun{display:block}:root:not([data-theme=light]) .theme-icon-moon{display:none}}.brand{border-radius:var(--radius-sm);flex:none;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.wordmark{letter-spacing:-.03em;align-items:center;gap:10px;font-size:24px;font-weight:700;line-height:1;display:inline-flex}.wordmark-mark,.pine{color:var(--pine)}.nav-links{align-items:center;gap:var(--space-1);display:flex}.nav-links a{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--motion-default), background-color var(--motion-default);align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-links a:after{content:"";left:var(--space-3);right:var(--space-3);transform-origin:0;height:2px;transition:transform var(--motion-slow);background:currentColor;border-radius:2px;position:absolute;bottom:7px;transform:scaleX(0)}.nav-links a:hover{color:var(--text);background:var(--surface-muted)}.nav-links a[aria-current]{color:var(--pine);background:var(--pine-tint)}.nav-links a[aria-current]:after{transform:scaleX(1)}@media not (min-width:420px){.wordmark>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media not (min-width:480px){.site-header-inner{gap:var(--space-2)}.site-header-end{gap:0}.wordmark{gap:8px;font-size:21px}.wordmark-mark{width:24px;height:24px}.nav-links{gap:0}.nav-links a{justify-content:center;min-width:44px;padding:0 8px;font-size:15px}.nav-links a:after{left:8px;right:8px}}@media not (min-width:360px){.nav-links a{padding:0 6px}.nav-links a:after{left:6px;right:6px}}.hero{--hero-ink:#f5f1e8;isolation:isolate;min-height:100svh;color:var(--hero-ink);background:#1b2a20;flex-direction:column;margin-top:-72px;padding-top:72px;display:flex;position:relative}.hero-bg{z-index:-2;object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0e141099 0%,#0e141057 50%,#0e14100f 100%),linear-gradient(#0e141059 0%,#0000 30%);position:absolute;inset:0}@media (not (min-width:1024px)) and (min-height:500px){.hero:after{background:linear-gradient(#0e14108c 0%,#0e141080 45%,#0e141038 75%,#0e14101a 100%)}}.hero-fade{z-index:0;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 22%, transparent) 55%, color-mix(in srgb, var(--bg) 60%, transparent));opacity:0;height:160px;transition:opacity .42s var(--ease);position:absolute;bottom:0;left:0;right:0}.hero:has(.hero-scroll:hover,.hero-scroll:focus-visible) .hero-fade{opacity:1}@media (hover:none){.hero-fade{opacity:1;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 14%, transparent) 55%, color-mix(in srgb, var(--bg) 42%, transparent));height:110px}}.hero-scroll{left:50%;bottom:var(--space-7);z-index:2;color:#f5f1e8;border-radius:999px;place-items:center;text-decoration:none;display:grid;position:absolute;translate:-50%}.hero-scroll-row{align-items:center;column-gap:var(--space-1);grid-template-columns:1fr auto 1fr;display:grid;position:relative}.hero-scroll-row>*{grid-row:1}.hero-scroll-spacer{grid-column:1}.hero-scroll-button{grid-column:2}.hero-scroll-label:not(.hero-scroll-spacer){grid-column:3}.hero-scroll-label,.hero-scroll-button{position:relative}.hero-scroll-label{white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 8px #00000073}.hero-scroll-spacer{visibility:hidden}.hero-scroll-button{place-items:center;width:44px;height:44px;display:grid}.hero-scroll-button svg{filter:drop-shadow(0 1px 6px #00000080)}.hero-scroll-ripple{border-radius:var(--radius-xl);opacity:0;pointer-events:none;background:#f5f1e80d;border:1.5px solid #f5f1e8b3;grid-column:2/-1;align-self:stretch;margin:-8px -16px -8px -6px;animation:1.8s ease-out infinite scroll-ripple}.hero-scroll-ripple-late{animation-delay:.9s}.hero-scroll:hover .hero-scroll-ripple,.hero-scroll:focus-visible .hero-scroll-ripple{opacity:0;animation:none}.hero-scroll:focus-visible{outline-offset:6px;outline:2px solid #f5f1e8}@keyframes scroll-ripple{0%{opacity:0;transform:scale(.94)}15%{opacity:1}to{opacity:0;transform:scale(1.12,1.55)}}.hero-copy .body-lg{color:color-mix(in srgb, var(--hero-ink) 86%, transparent)!important}.hero :focus-visible{outline-color:var(--hero-ink)}.hero-inner{z-index:1;gap:var(--space-7);padding-block:var(--space-6) 150px;flex:1;align-content:center;align-items:center;display:grid;position:relative}.hero-copy{gap:var(--space-5);max-width:var(--text-max);justify-items:start;display:grid}.hero-copy .body-lg{max-width:38ch}@media (min-width:1024px){.hero-inner{gap:var(--space-7);padding-block:var(--space-6) 150px;grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}@media not (min-width:1024px){.hero-inner{gap:var(--space-5);padding-block:var(--space-5) 112px}.hero .display-xl{font-size:clamp(32px,9vw,44px)}.hero-copy{gap:var(--space-3)}.hero-copy .body-lg{font-size:16px;line-height:24px}.hero-deck{max-width:460px}.hero .deck-text{display:none}.hero .deck-body{padding:var(--space-4) var(--space-5);gap:6px}}@media (not (min-width:1024px)) and (max-height:720px){.hero-inner{padding-block:var(--space-4) 104px}.hero .display-xl{font-size:clamp(30px,8.4vw,40px)}.hero .deck-visual{aspect-ratio:3}}@media (560px<=width<1024px) and (not (min-height:500px)){.hero-inner{gap:var(--space-5);padding-block:var(--space-3) 64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero .display-xl{font-size:clamp(26px,4vw,36px)}.hero-deck{justify-self:end}.hero-scroll{bottom:var(--space-3)}.hero .deck-stack{padding-top:20px}.hero .deck-row>.deck-arrow{margin-top:20px}.hero .deck-body{padding:var(--space-3) var(--space-4);gap:var(--space-1)}.hero .deck-title{font-size:22px;line-height:28px}}@media (560px<=width<1024px) and (not (min-height:370px)){.hero .deck-visual{aspect-ratio:5}.hero .display-xl{font-size:26px}}@media (not (min-width:400px)) and (not (min-height:600px)){.hero-inner{gap:var(--space-3);padding-block:var(--space-2) 92px}.hero .deck-visual{aspect-ratio:4}.hero-scroll{bottom:var(--space-6)}}@media not (min-width:400px){.hero-scroll-row{grid-template-columns:auto auto}.hero-scroll-spacer{display:none}.hero-scroll-button{grid-column:1}.hero-scroll-label:not(.hero-scroll-spacer){grid-column:2}.hero-scroll-ripple{grid-column:1/-1}.hero .deck-eyebrow .tags>:nth-child(n+2){display:none}}@media (min-width:1024px) and (max-height:860px){.hero-inner{padding-block:var(--space-4) 128px}.hero .display-xl{font-size:clamp(40px,7.4svh,64px)}.hero-copy{gap:var(--space-4)}.hero .deck-visual{aspect-ratio:5/2}.hero .deck-body{padding:var(--space-4) var(--space-5);gap:6px}.hero .deck-stack{padding-top:28px}.hero .deck-row>.deck-arrow{margin-top:28px}}.hero-deck{justify-self:center;width:100%;max-width:580px}@media (min-width:1024px){.hero-deck{justify-self:end}}.deck{gap:var(--space-4);border-radius:var(--radius-xl);display:grid}.deck:focus-visible{outline-offset:6px;outline:2px solid #f5f1e8}.deck-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;column-gap:8px;margin-inline:-8px;display:grid}@media (min-width:640px){.deck-row{column-gap:24px;margin-inline:0}}.deck-row>.deck-arrow{margin-top:34px}.deck-stack{padding-top:34px;display:grid;position:relative}.deck-slot{--t:none;transform:var(--t);transform-origin:50%;transition:transform .56s var(--ease), opacity .36s var(--ease);grid-area:1/1;display:grid;position:relative}.deck-slot[data-pos="0"]{z-index:4}.deck-slot[data-pos="1"]{z-index:3;--t:translate(18px, -20px) rotate(3.5deg) scale(.95)}.deck-slot[data-pos="2"]{z-index:2;--t:translate(-16px, -34px) rotate(-4deg) scale(.9)}.deck-slot[data-pos="3"]{z-index:1;--t:translate(0, -40px) scale(.86);opacity:0}.deck:hover .deck-slot[data-pos="1"]{--t:translate(24px, -24px) rotate(4.5deg) scale(.95)}.deck:hover .deck-slot[data-pos="2"]{--t:translate(-22px, -38px) rotate(-5deg) scale(.9)}.deck-slot:not([data-pos="0"]) .deck-card{box-shadow:var(--shadow-soft)}.deck-slot:not([data-pos="0"]) .deck-card>*{opacity:.55;transition:opacity .36s var(--ease)}.deck-slot[data-anim=to-back]{animation:deck-to-back .76s var(--ease)}.deck-slot[data-anim=to-front]{animation:deck-to-front .76s var(--ease)}.deck-slot[data-anim] .deck-card>*{opacity:1}@keyframes deck-to-back{0%{z-index:6;transform:none}45%{z-index:6;transform:translate(-58%,10px)rotate(-10deg)}55%{z-index:0;transform:translate(-56%,4px)rotate(-9deg)}to{transform:var(--t);z-index:0}}@keyframes deck-to-front{0%{z-index:0;transform:translate(-16px,-34px)rotate(-4deg)scale(.9)}45%{z-index:0;transform:translate(-56%,4px)rotate(-9deg)}55%{z-index:6;transform:translate(-58%,10px)rotate(-10deg)}to{z-index:6;transform:none}}.deck-slot-card{transition:transform var(--motion-default);display:grid}.deck-arrow{color:#f5f1e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:44px;height:44px;transition:background-color var(--motion-default), border-color var(--motion-default), color var(--motion-default);background:#141c168c;border:1px solid #f5f1e873;border-radius:50%;place-items:center;padding:0;display:grid}.deck-arrow:hover{color:var(--color-pine-700);background:#f5f1e8;border-color:#f5f1e8}.deck-arrow svg{transition:transform var(--motion-fast)}.deck-arrow:first-child:hover svg{transform:translate(-2px)}.deck-arrow:last-child:hover svg{transform:translate(2px)}.deck-arrow:active svg{transform:scale(.9)}.deck-arrow:focus-visible{outline-offset:3px;outline:2px solid #f5f1e8}.deck-progress{left:var(--space-4);right:var(--space-4);z-index:1;background:var(--accent,var(--pine));transform-origin:0;height:3px;animation:deck-progress var(--interval,5s) linear forwards;pointer-events:none;border-radius:3px 3px 0 0;position:absolute;bottom:0}.deck[data-paused] .deck-progress{animation-play-state:paused}@keyframes deck-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.deck-peek{z-index:1;border-radius:var(--radius-xl);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.deck-slot:has(>.deck-peek:hover) .deck-slot-card{transform:translateY(-8px)}.deck-slot:has(>.deck-peek:hover) .deck-card>*{opacity:.85}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.deck-card{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.deck-slot[data-pos="0"] .deck-card{transition:transform var(--motion-default)}.deck-slot[data-pos="0"] .deck-card:hover{transform:translateY(-3px)}.deck-card:has(.card-link:focus-visible){outline:2px solid var(--color-canvas);outline-offset:3px}.deck-visual{aspect-ratio:2;background:var(--accent-tint);position:relative;overflow:hidden}.deck-visual img{object-fit:cover;transition:transform var(--motion-slow)}.deck-visual:has(>svg){place-items:center;display:grid}.deck-visual>svg{width:78%;transition:transform var(--motion-slow)}.deck-slot[data-pos="0"] .deck-card:hover .deck-visual>svg{transform:translateY(-3px)}.deck-slot[data-pos="0"] .deck-card:hover .deck-visual img{transform:scale(1.03)}.deck-visual-studio{background:var(--pine-tint);color:var(--pine);place-items:center;display:grid}.deck-visual-studio:before{content:"";background-image:radial-gradient(color-mix(in srgb, var(--pine) 22%, transparent) 1.2px, transparent 1.2px);background-size:16px 16px;position:absolute;inset:0}.deck-visual-studio svg{position:relative}.deck-body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;display:flex}.deck-eyebrow{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:24px;display:flex}.deck-title{font:600 28px/34px var(--font-display), sans-serif;letter-spacing:-.015em;text-wrap:balance}.deck-title a{text-decoration:none}.deck-text{color:var(--text-muted);text-wrap:pretty}.deck-foot{justify-content:space-between;align-items:center;gap:0 var(--space-3);padding-top:var(--space-2);border-top:1px dashed var(--border);flex-wrap:wrap;margin-top:auto;display:flex}.deck-text{margin-bottom:var(--space-2)}.deck-slot[data-pos="0"] .deck-card:hover .card-cta svg{transform:translate(3px)}.section-head{justify-content:space-between;align-items:end;gap:var(--space-4);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.catalogue{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:768px){.catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.catalogue:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--motion-default), border-color var(--motion-default), box-shadow var(--motion-default);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.card:has(.card-link):hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.card-visual{aspect-ratio:16/10;background:var(--accent-tint);place-items:center;display:grid;position:relative;overflow:hidden}.card-visual>*{transition:transform var(--motion-slow)}.card:hover .card-visual>*{transform:translateY(-3px)}.card-visual svg{width:84%}.card-visual .project-artwork{object-fit:cover}.card-visual:has(.project-artwork)>*{transform-origin:50%}.card:hover .card-visual .project-artwork{transform:scale(1.015)}.visual-fallback{font:700 88px/1 var(--font-display), sans-serif;color:var(--accent)}.card-body{align-items:flex-start;gap:var(--space-3);padding:var(--space-5);flex-direction:column;display:flex}@media (min-width:768px){.card-body{padding:var(--space-6)}}.card-title-row{gap:var(--space-1);display:grid}.card-title{font:600 28px/34px var(--font-display), sans-serif;letter-spacing:-.015em}.card-summary{color:var(--text-muted);text-wrap:pretty}.card-summary,.deck-text{-webkit-line-clamp:3;line-clamp:3;min-height:72px;-webkit-box-orient:vertical;min-height:3lh;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);width:100%;padding-top:var(--space-3);border-top:1px dashed var(--border);flex-wrap:wrap;margin-top:auto;display:flex}.card-link{text-decoration:none}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card:has(.card-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.card-cta{min-height:44px;color:var(--accent);align-items:center;gap:6px;font-weight:500;display:inline-flex}.card-cta svg{transition:transform var(--motion-default)}.card:hover .card-cta svg{transform:translate(3px)}.card-featured{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);margin-bottom:var(--space-5)}.card-soon{background:color-mix(in srgb, var(--surface) 70%, transparent);border-style:dashed}.card-soon .card-visual svg{opacity:.9}.catalogue:has(>.card:only-child){grid-template-columns:1fr}@media (min-width:900px){.card-featured,.catalogue>.card:only-child{border-radius:var(--radius-xl);grid-template-rows:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.card-featured .card-visual,.catalogue>.card:only-child .card-visual{aspect-ratio:auto;min-height:380px}.card-featured .card-body,.catalogue>.card:only-child .card-body{padding:var(--space-7);align-content:center}.card-featured .card-title,.catalogue>.card:only-child .card-title{letter-spacing:-.02em;font-size:48px;font-weight:650;line-height:52px}.card-featured .card-summary,.catalogue>.card:only-child .card-summary{font-size:18px;line-height:28px}}:root{--status-active:#3f7a55;--status-beta:#a36a2b;--status-maintenance:#3a6a8c;--status-archived:#6f746b;--status-soon:#6b55a3}:root[data-theme=dark]{--status-active:#7fb18a;--status-beta:#d9a266;--status-maintenance:#8db8d8;--status-archived:#a8aea4;--status-soon:#b9a8e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--status-active:#7fb18a;--status-beta:#d9a266;--status-maintenance:#8db8d8;--status-archived:#a8aea4;--status-soon:#b9a8e8}}.badge{--badge-fg:var(--status-active);padding:3px var(--space-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--badge-fg) 12%, var(--surface));color:color-mix(in srgb, var(--badge-fg) 80%, var(--text));white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.badge:before{content:"";background:var(--badge-fg);border-radius:50%;width:6px;height:6px}.badge[data-status=beta]{--badge-fg:var(--status-beta)}.badge[data-status=maintenance]{--badge-fg:var(--status-maintenance)}.badge[data-status=archived]{--badge-fg:var(--status-archived)}.badge[data-status=soon]{--badge-fg:var(--status-soon)}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-muted);font:500 12px/16px var(--font-mono), monospace;letter-spacing:.02em;white-space:nowrap;align-items:center;display:inline-flex}.about{gap:var(--space-6);padding:var(--space-4);background:var(--surface-muted);border-radius:var(--radius-xl);align-items:center;display:grid}@media (min-width:768px){.about{padding:var(--space-5)}}@media (min-width:1024px){.about{gap:var(--space-8);padding:var(--space-5) var(--space-7) var(--space-5) var(--space-5);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.about-photo{aspect-ratio:4/5;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);isolation:isolate;width:100%;max-width:360px;position:relative;overflow:hidden}@media (min-width:1024px){.about-photo{max-width:none}}.about-photo img{object-fit:cover;mix-blend-mode:multiply}:root[data-theme=dark] .about-photo{background:var(--color-surface-muted);border-color:#0000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .about-photo{background:var(--color-surface-muted);border-color:#0000}}.about-copy{align-content:start;gap:var(--space-5);padding:var(--space-2) var(--space-2) var(--space-4);display:grid}@media (min-width:1024px){.about-copy{padding-block:var(--space-6)}}.about-copy .prose p:not(.body-lg){color:var(--text-muted)}.drop-cap{float:left;font:700 64px/48px var(--font-display), sans-serif;color:var(--pine);margin:4px 6px 0 0}.about-links{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-intro{gap:var(--space-4);max-width:var(--text-max);padding-block:var(--space-6) var(--space-7);display:grid}.page-intro .body-lg{color:var(--text-muted)}@media (min-width:1200px){.page-intro{padding-block:var(--space-8) var(--space-8)}}.notes-grid{gap:var(--space-5);padding-bottom:var(--section);display:grid}.projects-page{padding-bottom:var(--section)}@media (min-width:768px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.note-card .card-visual{aspect-ratio:16/9}.card-section{width:fit-content;margin:0 0 var(--space-2)}.blog-sections ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-sections a{min-height:44px;padding:0 var(--space-4);border:1px solid var(--border);color:var(--text-muted);transition:background-color var(--motion-default), color var(--motion-default);border-radius:999px;align-items:center;font-weight:500;display:inline-flex}.blog-sections a:hover{color:var(--text);background:var(--surface-muted)}.blog-sections a[aria-current=page]{color:var(--surface);background:var(--text);border-color:var(--text)}.note-card .card-visual img{object-fit:cover;object-position:center top}.note-card:hover .card-visual img{transform:scale(1.015)}.article{padding-bottom:var(--section)}.article-header{gap:var(--space-4);max-width:var(--text-max);padding-block:var(--space-6) var(--space-7);display:grid}.article-header .body-lg{color:var(--text-muted)}.article-back{width:fit-content;margin-bottom:var(--space-3);color:var(--text-muted)}.article-back:hover{color:var(--text)}.article-figure{max-width:960px;margin-bottom:var(--space-7);aspect-ratio:21/9;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface-muted);position:relative;overflow:hidden}.article-figure img{object-fit:cover;object-position:center top}.article-body{max-width:var(--text-max)}.article-body>*{margin:0}.article-body>*+*{margin-top:var(--space-4)}.article-body>h2,.article-body>h3{margin-top:var(--space-7)}.article-body>:first-child{margin-top:0}.article-body :is(h2,h3){font-family:var(--font-display), sans-serif;letter-spacing:-.01em;text-wrap:balance;font-weight:600}.article-body h2{font-size:clamp(22px,.6vw + 20px,28px);line-height:1.214}.article-body h3{font-size:20px;line-height:1.3}.article-body p,.article-body li{text-wrap:pretty;font-size:18px;line-height:28px}.article-body ul,.article-body ol{gap:var(--space-2);padding-left:1.4em;display:grid}.article-body a{color:var(--pine);text-underline-offset:3px;text-decoration:underline}.article-body blockquote{padding-left:var(--space-4);border-left:3px solid var(--border);color:var(--text-muted)}.article-body code{font:500 .9em var(--font-mono), monospace;background:var(--surface-muted);border-radius:var(--radius-sm);padding:1px 5px}.article-body pre{padding:var(--space-4);background:var(--surface-muted);border-radius:var(--radius-md);overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body img{border-radius:var(--radius-lg);max-width:100%;height:auto}.article-body .article-media{margin-block:var(--space-5)}.article-media img{width:100%;display:block}.article-media figcaption{margin-top:var(--space-2);color:var(--text-muted);font-size:14px;line-height:1.5}.article-media-frame{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.article-body .article-media-frame img{border-radius:0}.article-media--capture .article-media-frame{aspect-ratio:2.35}.article-body .article-media--capture img{width:100%}.article-media--popup .article-media-frame{width:min(100%,375px)}.article-body table{width:min(960px, calc(100vw - 2 * var(--gutter)));margin-block:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;background:var(--surface);display:block;overflow-x:auto}.article-body :is(th,td){padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;font-size:16px;line-height:1.5}.article-body th{background:var(--surface-muted);border-bottom:1px solid var(--border-strong);color:var(--text-muted);font:500 12px/16px var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.article-body td{border-top:1px solid var(--border)}.article-body tr:first-child td{border-top:0}.article-body td:first-child{width:46%}.article-body td:nth-child(2){white-space:nowrap;font-weight:600}.article-body td:last-child{color:var(--text-muted)}@media not (min-width:640px){.article-body table{width:100%;overflow:visible}.article-body :is(thead,tbody,tr,td){display:block}.article-body thead{display:none}.article-body tr{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.article-body tr:first-child{border-top:0}.article-body td{border:0;padding:0;font-size:15px;white-space:normal!important;width:auto!important}.article-body td:nth-child(2){margin-top:var(--space-1);color:var(--accent)}}.article-body .flow{margin-block:var(--space-6);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.flow ol{gap:var(--space-5);counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.flow li{align-content:start;gap:var(--space-1);display:grid;position:relative}.flow .flow-n{width:28px;height:28px;margin-bottom:var(--space-2);background:var(--accent);color:var(--on-accent);font:600 13px/1 var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid}.flow b{font:600 17px/1.3 var(--font-display), sans-serif}.flow small{color:var(--text-muted);font-size:14px;line-height:1.45}.article-body .flow li{font-size:inherit;line-height:inherit}.article-body .flow-label{margin-bottom:var(--space-4);color:var(--text-muted);font:500 12px/16px var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase}.flow-local{border-style:dashed!important;border-width:2px!important}.article-body .flow-none{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:15px}.flow-none b{font:inherit;color:var(--text);font-weight:600}.flow-layouts{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.flow-option{gap:var(--space-3);align-content:start;display:grid}.article-body .flow-option p{color:var(--text-muted);font-size:15px;line-height:1.5}.flow-option p b{color:var(--text);display:block}.flow-window{aspect-ratio:16/10;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-muted);padding:18px 8px 8px;position:relative}.flow-window:before{content:"";background:var(--border-strong);width:5px;height:5px;box-shadow:8px 0 var(--border-strong), 16px 0 var(--border-strong);border-radius:50%;position:absolute;top:7px;left:9px}.flow-panes{gap:6px;height:100%;display:flex}.flow-panes span,.flow-bubble{font:500 12px/1 var(--font-mono), monospace;border-radius:6px;place-items:center;display:grid}.flow-panes span{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);flex:1}.flow-bubble{aspect-ratio:16/9;color:#fff;background:#101214;width:34%;position:absolute;top:26px;right:14px;box-shadow:0 6px 16px #00000040,inset 0 0 0 1px #ffffff24}.article-body .flow-q{font:600 19px/1.35 var(--font-display), sans-serif;text-wrap:balance}.flow-branches{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.flow-branches>div{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);display:grid}.flow-tag{margin-bottom:var(--space-1);background:var(--accent-tint);color:var(--accent);font:500 12px/16px var(--font-mono), monospace;border-radius:999px;justify-self:start;padding:3px 8px}@media not (min-width:640px){.flow ol{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.flow-branches{grid-template-columns:minmax(0,1fr)}.flow-layouts{gap:var(--space-4)}}.article-end{margin-top:var(--space-9)}.article-end .notes-grid{padding-bottom:0}.project-nav{z-index:10;background:color-mix(in srgb, var(--accent-tint) 82%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));position:sticky;top:0}.project-nav-inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;display:flex}.crumbs{align-items:center;gap:var(--space-2);min-width:0;display:flex}.crumbs a{border-radius:var(--radius-md);min-width:44px;min-height:44px;transition:background-color var(--motion-default);justify-content:center;align-items:center;display:inline-flex}.crumbs a:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.crumbs-sep{color:var(--text-muted)}.crumbs-project{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 20px/1.2 var(--font-display), sans-serif;letter-spacing:-.01em;overflow:hidden}.crumbs>a{flex:none}@media not (min-width:420px){.project-nav-more{display:none}}.project-nav-actions{align-items:center;gap:var(--space-2);display:flex}@media not (min-width:900px){html:has(.project-nav){scroll-padding-top:112px}.project-nav-inner{flex-wrap:wrap;row-gap:0}.project-sections{order:1;flex-basis:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) var(--space-1);scrollbar-width:none;overflow-x:auto}.project-sections::-webkit-scrollbar{display:none}.project-sections .nav-links a{white-space:nowrap}}@media (min-width:900px){.project-sections{margin-inline:auto}}.project-sections a[aria-current]{color:var(--accent);background:color-mix(in srgb, var(--surface) 75%, transparent)}.project-sections a:hover{background:color-mix(in srgb, var(--surface) 55%, transparent)}.project-hero{isolation:isolate;background:var(--accent-tint);border-bottom:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));position:relative;overflow:hidden}.project-hero:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--accent) 18%, transparent) 1.2px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 30%,#000 90%);mask-image:linear-gradient(100deg,#0000 30%,#000 90%)}.project-hero-inner{gap:var(--space-7);padding-block:var(--space-7);align-items:center;display:grid}.project-hero-copy{gap:var(--space-4);justify-items:start;display:grid}.project-hero h1{color:var(--accent);letter-spacing:-.035em;font-size:clamp(48px,5vw + 24px,88px);line-height:.98}.project-hero .body-lg{max-width:30ch;font-size:clamp(20px,.6vw + 17px,24px);line-height:1.35}.project-hero .actions{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}@media (min-width:1024px){.project-hero-inner{gap:var(--space-8);padding-block:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.media{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.media-raised{box-shadow:var(--shadow-raised)}.media .project-artwork{width:100%;height:auto}.media:has(svg){padding:var(--space-5);background:var(--surface)}.media .visual-fallback{aspect-ratio:16/10;place-items:center;display:grid}.split{gap:var(--space-5);display:grid}@media (min-width:1024px){.split{gap:var(--space-8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.features{gap:var(--space-4);counter-reset:feature;display:grid}@media (min-width:768px){.features{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.feature{align-content:start;gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--motion-default);display:grid}.feature:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}@media (min-width:768px){.feature{padding:var(--space-6)}}.feature p{color:var(--text-muted)}.story{gap:var(--space-5);padding-block:var(--space-7);border-block:1px solid var(--border);justify-items:start;display:grid}.story blockquote{max-width:24ch;font:650 clamp(30px, 2vw + 22px, 48px)/1.1 var(--font-display), sans-serif;letter-spacing:-.02em;text-wrap:balance}.story blockquote:before{content:"“";color:var(--accent)}.story blockquote:after{content:"”";color:var(--accent)}.tech{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);font:400 14px/20px var(--font-mono), monospace;display:grid}.tech>div{gap:var(--space-1);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:grid}.tech>div:first-child{border-top:0}@media (min-width:640px){.tech>div{gap:var(--space-4);grid-template-columns:160px 1fr}}.tech dt{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:500}.tech a{color:var(--accent);text-underline-offset:3px}.tech dd{align-items:center;min-height:24px;display:flex}.site-footer{margin-top:var(--space-6);border-top:1px solid var(--border)}.footer-inner{gap:var(--space-5);padding-block:var(--space-6) var(--space-7);display:grid}.footer-brand{gap:var(--space-2);display:grid}.footer-sign{align-items:center;gap:var(--space-2);font-weight:500;display:inline-flex}.footer-links{align-items:center;gap:0 var(--space-1);margin-left:calc(-1 * var(--space-3));flex-wrap:wrap;display:flex}.footer-links a{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-muted);transition:color var(--motion-default), background-color var(--motion-default);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.footer-links a:hover{color:var(--text);background:var(--surface-muted)}.footer-end{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.footer-social{align-items:center;gap:var(--space-1);margin-left:calc(-1 * var(--space-3));display:flex}.footer-social a{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-muted);transition:color var(--motion-default), background-color var(--motion-default);place-items:center;display:grid}.footer-social a:hover{color:var(--pine);background:var(--surface-muted)}@media (min-width:768px){.footer-social{padding-left:var(--space-3);border-left:1px solid var(--border);margin-left:0}.footer-inner{grid-template-columns:1fr auto;align-items:center}.footer-links{margin-left:0}}@keyframes settle{0%{transform:translateY(6px)}}.settle{animation:settle var(--motion-slow) both}.settle-2{animation-delay:60ms}.settle-3{animation-delay:.12s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:0s!important;animation:none!important}.card:hover,.btn-primary:hover,.card:hover .card-visual>*,.btn svg,.btn-tertiary svg,.card-cta svg,.index-arrow{transform:none!important}}