@font-face{font-family:geist;src:url(../media/geist_latin_wght_normal-s.p.175rzww1hghhr.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geist Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geist_7b5216f4-module__phM73q__className{font-family:geist,geist Fallback}.geist_7b5216f4-module__phM73q__variable{--font-geist:"geist", "geist Fallback"}
@font-face{font-family:jetbrains;src:url(../media/jetbrains_mono_latin_wght_normal-s.2odd3csjijl0b.woff2)format("woff2");font-display:swap;font-weight:100 800}@font-face{font-family:jetbrains Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.jetbrains_da1efe57-module__0ZOlpa__className{font-family:jetbrains,jetbrains Fallback}.jetbrains_da1efe57-module__0ZOlpa__variable{--font-jetbrains:"jetbrains", "jetbrains Fallback"}
:root{--dur:.22s;--ease:cubic-bezier(.2, .7, .2, 1);--content-width:1200px;--page-gutter:48px;--section-space:96px;--section-gap:64px;--layout-gap:48px;--radius-control:8px;--radius-panel:8px;--radius-card:12px;--type-section:clamp(32px, 3vw, 40px);--type-body:16px;--type-label:12px;--study-grid:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);--study-surface:color-mix(in srgb, var(--surface) 88%, var(--accent));--study-border:color-mix(in srgb, var(--border) 82%, var(--accent));--hero-accent:color-mix(in srgb, var(--accent) 80%, var(--text))}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f2f0eb;--surface:#faf9f6;--elevated:#fff;--soft-surface:#eae7e1;--border:#d5d2cb;--text:#171b20;--secondary:#4b535c;--muted:#60686f;--accent:#456b82;--accent-strong:#2e556d;--accent-soft:#dde7ec;--hero-label:color-mix(in srgb, var(--accent-strong) 85%, var(--text));--hero-secondary:color-mix(in srgb, var(--secondary) 60%, var(--text));--grid-line:#171b200b;--grid-large:#171b2004;--ambient:#456b8214;--spotlight:#456b821a;--shadow:0 12px 32px -16px #171b202b;--object-shadow:0 24px 52px -22px #171b2042;--header-bg:#f2f0ebdb;--diagram-bg:var(--study-surface)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0b0e12;--surface:#11161c;--elevated:#171d24;--soft-surface:#1c242d;--border:#28323d;--text:#f3f1ea;--secondary:#a7afb8;--muted:#838d97;--accent:#6f93a8;--accent-strong:#4e7187;--accent-soft:#a2bbc9;--hero-label:color-mix(in srgb, var(--accent-soft) 85%, var(--text));--grid-line:#d2dce40b;--grid-large:#d2dce404;--ambient:#6f93a824;--spotlight:#82a5b924;--shadow:0 12px 32px -16px #00000047;--object-shadow:0 24px 52px -22px #0000008f;--header-bg:#0b0e12db;--diagram-bg:var(--study-surface)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0b0e12;--surface:#11161c;--elevated:#171d24;--soft-surface:#1c242d;--border:#28323d;--text:#f3f1ea;--secondary:#a7afb8;--muted:#838d97;--accent:#6f93a8;--accent-strong:#4e7187;--accent-soft:#a2bbc9;--hero-label:color-mix(in srgb, var(--accent-soft) 85%, var(--text));--grid-line:#d2dce40b;--grid-large:#d2dce404;--ambient:#6f93a824;--spotlight:#82a5b924;--shadow:0 12px 32px -16px #00000047;--object-shadow:0 24px 52px -22px #0000008f;--header-bg:#0b0e12db;--diagram-bg:var(--study-surface)}}@media (max-width:959px){:root{--page-gutter:32px;--section-space:72px;--section-gap:48px;--layout-gap:32px;--type-body:15px}}@media (max-width:639px){:root{--page-gutter:20px;--section-space:56px;--section-gap:36px;--layout-gap:24px}}@media (max-width:359px){:root{--page-gutter:16px}}
.hero{border-bottom:1px solid var(--border);isolation:isolate;background-color:var(--canvas);flex-direction:column;min-height:max(820px,100svh);padding-top:80px;display:flex;position:relative}.hero-background{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-background>div{position:absolute;inset:0}.hero-grid{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px), linear-gradient(to right, var(--grid-large) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-large) 1px, transparent 1px);background-size:64px 64px,64px 64px,256px 256px,256px 256px;-webkit-mask-image:radial-gradient(at 48% 46%,#000 15%,#0000 76%);mask-image:radial-gradient(at 48% 46%,#000 15%,#0000 76%)}.hero-ambient{background:radial-gradient(ellipse 60% 65% at 52% 44%, var(--ambient), transparent 74%)}.hero-spotlight{background:radial-gradient(600px circle at var(--pointer-x,42%) var(--pointer-y,43%), var(--spotlight), transparent 72%);opacity:0}.hero-grid-reveal{background-image:linear-gradient(to right, var(--accent) 1px, transparent 1px), linear-gradient(to bottom, var(--accent) 1px, transparent 1px);-webkit-mask-image:radial-gradient(390px circle at var(--pointer-x,42%) var(--pointer-y,43%), black, transparent 74%);mask-image:radial-gradient(390px circle at var(--pointer-x,42%) var(--pointer-y,43%), black, transparent 74%);opacity:0;background-size:64px 64px}.hero-background[data-tracking=true] .hero-spotlight{opacity:1}.hero-background[data-tracking=true] .hero-grid-reveal{opacity:.1}.hero-main{column-gap:var(--layout-gap);flex:1;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"eyebrow.""copy composition";align-content:center;align-items:start;row-gap:27px;padding-block:clamp(88px,10svh,120px) 40px;display:grid;position:relative}.identity-rail{color:var(--hero-secondary);flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;left:-68px;transform:translateY(-54%)}.monogram{border:1px solid var(--border);background:var(--surface);border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:500;display:grid}.rail-rule{background:var(--border);width:1px;height:38px}.rail-label{writing-mode:vertical-rl;letter-spacing:.2em;text-transform:uppercase;padding-block:8px;font-size:9px;transform:rotate(180deg)}.identity-rail a{width:36px;height:30px;transition:color var(--dur) var(--ease);place-items:center;display:grid}.identity-rail a:hover{color:var(--accent)}.identity-rail a svg{width:16px;height:16px}.hero-copy{grid-area:copy;padding-bottom:3px}.hero-eyebrow{letter-spacing:.16em;grid-area:eyebrow;font-size:10px;line-height:1.5}.hero-eyebrow.eyebrow{color:var(--hero-label)}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.hero h1{letter-spacing:-.062em;font-size:clamp(80px,8.3vw,120px);font-weight:500;line-height:.95}.hero h1>span{color:var(--hero-accent)}.hero-introduction{letter-spacing:-.02em;text-wrap:pretty;max-width:510px;margin-top:32px;font-size:clamp(17px,1.5vw,21px);line-height:1.6}.hero-positioning{color:var(--hero-secondary);flex-wrap:wrap;margin-top:17px;font-size:11px;line-height:1.9;display:flex}.separator{color:var(--accent);margin-inline:9px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-composition{flex-direction:column;grid-area:composition;align-items:flex-end;display:flex;position:relative}.current-project{z-index:1;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-card);width:266px;box-shadow:var(--object-shadow);margin-top:-20px;padding:22px 24px 15px;position:relative;transform:rotate(-2deg)}.current-project:hover{border-color:var(--accent);transform:rotate(-2deg)translateY(-2px)}.current-project>.eyebrow{color:var(--secondary);letter-spacing:.12em;justify-content:space-between;font-size:9px}.current-project-title{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.current-project-title>span:first-child{letter-spacing:-.04em;font-size:27px;font-weight:500;line-height:1.2}.tally-mark{align-items:center;gap:4px;width:22px;height:23px;display:flex;position:relative;transform:rotate(6deg)}.tally-mark i{background:var(--accent);width:1px;height:20px}.tally-mark i:last-child{width:1px;height:30px;position:absolute;left:9px;transform:rotate(65deg)}.current-project-category{color:var(--accent);margin-top:4px;font-size:11px}.current-project-description{color:var(--secondary);margin-top:14px;font-size:12px;line-height:1.7}.current-project .text-link{border-top:1px solid var(--border);justify-content:space-between;width:100%;margin-top:15px;padding-top:5px;font-size:11px}.hero-bottom{border-top:1px solid var(--border);min-height:63px;color:var(--hero-secondary);justify-content:space-between;align-items:center;gap:24px;font-size:10px;display:flex}.hero-location{margin-left:16px}.hero-bottom .text-link{gap:18px;font-size:10px}.hero-bottom .text-link svg{width:13px;height:13px}@media (max-width:1359px){.identity-rail{display:none}}@media (max-width:1199px){.hero-main{grid-template-columns:minmax(0,1fr) 285px;column-gap:36px}.hero h1{font-size:clamp(76px,8.7vw,105px)}.current-project{width:245px}.hero-introduction{max-width:400px;font-size:18px}.hero-positioning{font-size:10px}.separator{margin-inline:6px}}@media (max-width:959px){.hero{min-height:720px;padding-top:72px}.hero-main{grid-template-columns:minmax(0,1fr) 250px;column-gap:30px;padding-block:72px 40px}.identity-rail{display:none}.hero h1{font-size:clamp(68px,9vw,86px)}.hero-eyebrow{font-size:9px}.hero-introduction{font-size:17px}.current-project{width:223px;padding:18px 20px 12px}.current-project-title>span:first-child{font-size:24px}.hero-location{margin-left:8px}}@media (max-width:699px){.hero{height:auto;min-height:0;max-height:none;padding-top:68px}.hero-main{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""copy""composition";row-gap:23px;padding-top:72px;padding-bottom:36px}.hero h1{letter-spacing:-.06em;font-size:clamp(68px,13.4vw,90px)}.hero-introduction{max-width:380px;margin-top:25px;font-size:17px}.hero-positioning{margin-top:13px;font-size:10px}.hero-actions{margin-top:26px}.hero-actions .button{min-height:46px;padding-inline:20px;font-size:13px}.hero-composition{width:min(330px,100%);min-width:0;margin:21px auto 0}.current-project{width:min(250px,100% - 32px);padding:17px 19px 10px}.current-project-description{margin-top:11px}.hero-bottom{min-height:58px;font-size:9px}.hero-bottom .text-link{gap:8px;font-size:9px}.hero-location{display:none}}@media (max-width:359px){.hero h1{font-size:64px}.hero-actions .button{gap:12px;padding-inline:16px;font-size:12px}.hero-positioning{font-size:9px}.separator{margin-inline:4px}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.hero-spotlight,.hero-grid-reveal{display:none}}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:.8s cubic-bezier(.2,.7,.2,1) both hero-arrive}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-composition{animation:1.1s cubic-bezier(.2,.7,.2,1) .18s both hero-rise}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-rise{0%{transform:translateY(20px)}to{transform:translateY(0)}}.portrait-placeholder{aspect-ratio:4/5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);width:270px;box-shadow:var(--shadow);align-self:flex-start;position:relative;overflow:hidden}.portrait-placeholder:before{content:"";background-image:var(--study-grid);background-size:64px 64px;position:absolute;inset:0}@media (max-width:959px) and (min-width:700px){.portrait-placeholder{width:230px}}@media (max-width:699px){.portrait-placeholder{width:min(260px,100% - 36px)}}.portrait-photo:before{content:none}.portrait-photo img{object-fit:cover;width:100%;height:100%;display:block}.hero-now{color:var(--hero-secondary);flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:22px;font-size:11px;display:flex}.hero-now-label{color:var(--hero-accent);letter-spacing:.1em;text-transform:uppercase}.hero-now-label:after{content:"";background:var(--accent);width:5px;height:5px;animation:now-pulse 2.6s var(--ease) infinite;border-radius:50%;margin-bottom:1px;margin-left:8px;display:inline-block}.hero-now-focus{color:var(--text)}.hero-now-time{color:var(--muted)}.hero-now-time:before{content:"· "}@keyframes now-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-now-label:after{opacity:1;animation:none}}@media (max-width:699px){.hero-now{margin-top:18px;font-size:10px}}
.project-collection{gap:24px;display:grid}.project-feature{border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"visual copy";align-items:center;gap:clamp(24px,3vw,44px);padding:24px;display:grid}.project-feature:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow)}.project-copy{grid-area:copy;min-width:0;padding:8px 12px 8px 0}.project-media{background:color-mix(in srgb, var(--accent) 7%, var(--canvas));border-radius:17px;grid-area:visual;min-width:0;padding:20px}[data-project=faseeh] .project-media{background:color-mix(in srgb, #8b79a6 12%, var(--canvas))}[data-project=enset-ai] .project-media{background:color-mix(in srgb, #6e9b84 12%, var(--canvas))}.project-meta{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:14px;font-size:11px;display:flex}.project-meta .mono{color:var(--accent);font-size:10px}.project-meta>span:last-child{border:1px solid var(--border);border-radius:999px;padding:3px 9px}.project-category{color:var(--accent);margin-bottom:8px;font-size:11px}.project-feature :is(h2,h3,h4){letter-spacing:-.035em;margin:0;font-size:clamp(26px,2.5vw,34px);font-weight:500;line-height:1.2}.project-title-link{transition:color var(--dur) var(--ease);align-items:center;gap:18px;display:inline-flex}.project-title-link:hover{color:var(--accent)}.project-title-arrow{width:20px;height:20px;color:var(--accent)}.project-description{color:var(--secondary);text-wrap:pretty;max-width:54ch;margin-top:12px;font-size:14px;line-height:1.8}.project-action{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:12px;display:flex}.project-action .text-link{font-size:12px}.project-themes{flex-wrap:wrap;gap:7px;margin:16px 0 0;padding:0;list-style:none;display:flex}.project-themes li{color:var(--secondary);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-size:10px}.repository-stats{color:var(--secondary);flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;padding:0;font-size:11px;list-style:none;display:flex}.repository-stats li{align-items:baseline;gap:4px;display:inline-flex}.repository-stats time{white-space:nowrap}.repository-details>div{overflow-wrap:anywhere;min-width:0}.project-screenshot{min-width:0;margin:0}.screenshot-link{border:1px solid var(--border);box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease);border-radius:13px;display:block;overflow:hidden}.screenshot-link:hover{border-color:var(--accent)}.project-screenshot img{width:100%;height:auto;display:block}.project-screenshot figcaption:not(.sr-only){color:var(--secondary);margin-top:12px;font-size:12px;line-height:1.7}.screenshot-actions{flex-wrap:wrap;column-gap:22px;display:flex}.screenshot-actions .text-link{text-underline-offset:4px;font-size:12px;text-decoration:underline}.supporting-work{padding-top:40px}.supporting-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.supporting-heading>:is(h2,h3){font-size:23px}.supporting-heading>p{color:var(--secondary);font-size:12px}.supporting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.supporting-grid .project-reveal{height:100%}.project-feature-compact{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual""copy";align-content:start;gap:20px;height:100%}.project-feature-compact .project-copy{padding:0 4px}.project-feature-compact .project-media{padding:16px}.project-feature-compact :is(h3,h4){font-size:27px}.current-work{border:1px dashed var(--border);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);align-items:baseline;gap:24px;margin-top:24px;padding:24px 28px;display:grid}.current-work :is(h2,h3){font-size:22px}.current-work :is(h2,h3) a{align-items:center;gap:12px;min-height:44px;display:inline-flex}.current-work svg{width:16px;height:16px;color:var(--accent)}.current-work a:hover{color:var(--accent)}.current-work>div>p{max-width:65ch;color:var(--secondary);font-size:13px;line-height:1.8}.section-tail{justify-content:center;margin-top:24px;display:flex}.section-tail .text-link{font-size:13px}.project-detail{padding-bottom:80px}.detail-summary{border-block:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.detail-stack{margin-block:24px}.contribution-note{max-width:70ch;color:var(--secondary);margin-top:24px}.detail-gallery{gap:36px;margin-top:32px;display:grid}.detail-gallery:empty{display:none}.detail-gallery .project-screenshot{width:100%;max-width:860px;margin-inline:auto}.detail-notes{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;margin-top:36px;padding-top:28px;display:grid}.detail-notes h2{font-size:25px}.detail-notes p,.detail-limitations{color:var(--secondary);max-width:72ch;font-size:16px;line-height:1.85}.detail-limitations{margin:0;padding-left:20px}.detail-limitations li+li{margin-top:16px}.source-list{margin:16px 0 0;padding:0;list-style:none}.source-list .text-link{text-underline-offset:4px;text-decoration:underline}.detail-notes .evidence-revision{font-size:13px}@media (max-width:959px){.project-feature{gap:24px;padding:20px}.project-media{padding:12px}.project-copy{padding:0}.project-feature-compact{gap:20px}}@media (max-width:699px){.project-feature{border-radius:20px;grid-template-columns:minmax(0,1fr);grid-template-areas:"visual""copy";gap:20px;padding:16px}.project-copy{padding:0 4px 4px}.project-media{border-radius:13px;padding:14px}.project-feature :is(h2,h3,h4){font-size:28px}.supporting-grid{grid-template-columns:minmax(0,1fr)}.current-work{grid-template-columns:minmax(0,1fr);gap:8px;padding:20px}.detail-notes{grid-template-columns:minmax(0,1fr);gap:18px}}.project-gallery{min-width:0}.gallery-viewport{background:var(--canvas);touch-action:pan-y;cursor:grab;border-radius:12px;overflow:hidden}.gallery-viewport:active{cursor:grabbing}.gallery-track{transition:transform .65s cubic-bezier(.22,.68,0,1);display:flex}.gallery-slide{flex:0 0 100%;min-width:0;margin:0}.gallery-slide .screenshot-link{aspect-ratio:8/5;box-shadow:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.gallery-slide img{object-fit:contain;width:100%;height:100%}.gallery-controls{justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.gallery-counter{color:var(--text);white-space:nowrap;font-size:10px}.gallery-counter>span{color:var(--secondary)}.gallery-dots,.gallery-buttons{align-items:center;display:flex}.gallery-controls button{width:32px;height:44px;color:var(--secondary);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:inline-grid}.gallery-controls button:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 10%, transparent)}.gallery-dots{gap:2px}.gallery-dots button{flex-shrink:0;width:26px;min-width:24px}.gallery-dots button>span{background:var(--secondary);width:5px;height:5px;transition:width var(--dur) var(--ease);border-radius:99px}.gallery-dots button[aria-pressed=true]>span{background:var(--accent);width:16px}.gallery-buttons svg{width:16px;height:16px}.gallery-prev{transform:rotate(180deg)}.pause-symbol{border-inline:3px solid;width:9px;height:11px}.play-symbol{border-left:8px solid;border-block:5px solid #0000;width:0;height:0}.project-gallery-detail{border:1px solid var(--border);background:var(--surface);border-radius:24px;max-width:860px;margin-inline:auto;padding:20px 20px 8px}.gallery-caption{color:var(--secondary);padding:0 4px 8px;font-size:12px;line-height:1.7}.gallery-caption .text-link{font-size:12px}.gallery-fallback{flex-wrap:wrap;gap:16px;display:flex}@media (max-width:699px){.project-feature{padding:16px}.project-media{padding:10px 10px 0}.project-gallery-detail{padding:12px 12px 4px}.gallery-controls button{width:28px}.gallery-dots button{width:20px}}@media (prefers-reduced-motion:reduce){.gallery-track,.gallery-dots button>span{transition:none}}.project-feature{--project-ink:#436f86;border:1px solid color-mix(in srgb, var(--project-ink) 18%, var(--border));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 3%, transparent);border-radius:24px}.project-feature[data-project=faseeh]{--project-ink:#7a5b92}.project-feature[data-project=enset-ai]{--project-ink:#46775f}.project-feature[data-project=ml-waf]{--project-ink:#916439}.project-feature[data-project=e-bank]{--project-ink:#526eac}[data-theme=dark] .project-feature{--project-ink:#8fb9cd}[data-theme=dark] .project-feature[data-project=faseeh]{--project-ink:#bba2d3}[data-theme=dark] .project-feature[data-project=enset-ai]{--project-ink:#92bba6}[data-theme=dark] .project-feature[data-project=ml-waf]{--project-ink:#d6ae82}[data-theme=dark] .project-feature[data-project=e-bank]{--project-ink:#a0b5e2}.project-feature .project-media{background:linear-gradient(140deg, color-mix(in srgb, var(--project-ink) 12%, var(--canvas)), var(--canvas) 75%);border-radius:12px;position:relative}.project-feature .project-category,.project-feature .project-meta .mono,.project-feature .project-title-arrow{color:var(--project-ink)}.project-feature:hover,.project-feature:focus-within{border-color:color-mix(in srgb, var(--project-ink) 55%, var(--border));box-shadow:0 16px 44px -28px color-mix(in srgb, var(--project-ink) 30%, transparent)}.project-media-heading{color:var(--project-ink);align-items:center;gap:12px;padding:0 4px 16px;display:flex}.project-mark{width:52px;height:52px;transition:transform var(--dur) var(--ease);flex-shrink:0}.project-media-heading>div{gap:3px;display:grid}.project-media-heading .mono{letter-spacing:.04em;font-size:11px}.project-media-heading>div>span:last-child{color:var(--secondary);font-size:10px}.project-mark path{stroke-dasharray:180;stroke-dashoffset:0}.project-feature:hover .project-mark path,.project-feature:focus-within .project-mark path{animation:.9s both project-ink-draw}.project-feature:hover .project-mark{transform:rotate(-6deg)}.project-feature[data-project=faseeh]:hover .project-mark{transform:rotate(6deg)}.project-feature .project-title-arrow{transition:transform var(--dur) var(--ease)}.project-feature:hover .project-title-arrow{transform:translate(4px,-4px)rotate(-45deg)}.project-feature-compact .project-mark{width:42px;height:42px}.gallery-progress{background:color-mix(in srgb, var(--project-ink,var(--accent)) 15%, transparent);height:2px;margin-top:8px;overflow:hidden}.gallery-progress>span{background:var(--project-ink,var(--accent));transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.project-gallery[data-playing=true] .gallery-progress>span{animation:5.5s linear forwards gallery-time}@keyframes project-ink-draw{0%{stroke-dashoffset:180px}to{stroke-dashoffset:0}}@keyframes gallery-time{to{transform:scaleX(1)}}@media (min-width:960px){.project-collection>.project-reveal:nth-child(2n) .project-feature{grid-template-areas:"copy visual"}}@media (max-width:699px){.project-media-heading{gap:8px;padding-bottom:12px}.project-mark{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.project-feature .project-mark,.project-feature .project-title-arrow{transition:none;transform:none!important}.project-feature .project-mark path{animation:none!important}.gallery-progress{display:none}}.project-insight{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.project-insight>.mono{color:var(--project-ink);letter-spacing:.04em;text-transform:uppercase;font-size:9px;display:block}.project-insight>p{color:var(--secondary);margin-top:5px;font-size:12px;line-height:1.75}.case-study-nav{border-block:1px solid var(--border);flex-wrap:wrap;gap:4px 24px;margin-top:20px;padding-block:16px;display:flex}.case-study-nav a{min-height:44px;color:var(--secondary);text-underline-offset:5px;align-items:center;font-size:12px;display:inline-flex}.case-study-nav a:hover{color:var(--text);text-decoration:underline}.project-index{padding-bottom:var(--section-space)}.project-index-heading{border-block:1px solid var(--border);color:var(--secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px;padding-block:18px;font-size:12px;display:flex}.project-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.project-index-card{border:1px solid var(--border);background:var(--surface);min-width:0;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:18px;overflow:hidden}.project-index-card:hover,.project-index-card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow)}.project-index-preview{aspect-ratio:16/9;background:var(--soft-surface);border-bottom:1px solid var(--border);padding:24px 24px 0;overflow:hidden}.project-index-preview img{border:1px solid var(--border);width:100%;height:auto;transition:transform var(--dur) var(--ease);border-radius:8px 8px 0 0;display:block}.project-index-card:hover img{transform:translateY(-4px)}.project-index-copy{padding:26px}.project-index-copy h2{justify-content:space-between;align-items:center;gap:16px;font-size:30px;display:flex}.project-index-copy h2 svg{width:22px;height:22px;color:var(--accent)}.project-index-copy>p{color:var(--secondary);margin-top:14px;font-size:14px;line-height:1.8}.project-index-placeholder{flex-direction:column;justify-content:center;gap:18px;height:100%;padding:20px;display:flex}.project-index-placeholder>span:last-child{letter-spacing:-.06em;font-size:clamp(40px,5vw,72px);line-height:1}.project-index-placeholder>span:last-child>span{color:var(--accent)}.project-pagination{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;margin-top:64px;padding-top:32px;display:grid}.project-back{align-self:center;align-items:center;gap:16px;min-height:64px;font-size:14px;display:flex}.project-back>svg{width:18px;transform:rotate(180deg)}.project-back small{color:var(--secondary);margin-top:4px;font-size:12px;display:block}.project-back:hover{color:var(--accent)}.project-next{border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:18px;gap:16px;padding:28px;display:grid}.project-next:hover{border-color:var(--accent);background:var(--elevated)}.project-next>.mono{color:var(--secondary);text-transform:uppercase;font-size:10px}.project-next-title{letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:16px;font-size:36px;line-height:1.2;display:flex}.project-next-title svg{width:26px;color:var(--accent)}.project-next-description{color:var(--secondary);max-width:55ch;font-size:13px;line-height:1.8}@media (max-width:699px){.project-index-grid,.project-pagination{grid-template-columns:minmax(0,1fr)}.project-index-preview{padding:16px 16px 0}.project-index-copy,.project-next{padding:22px}.project-pagination{gap:24px}.project-next-title{font-size:28px}}@media (max-width:700px){.work-home .supporting-work{display:none}}.dossier{--project-ink:#436f86;--fold-size:22px;isolation:isolate;margin-top:26px;position:relative}.dossier[data-project=faseeh]{--project-ink:#7a5b92}.dossier[data-project=enset-ai]{--project-ink:#46775f}.dossier[data-project=ml-waf]{--project-ink:#916439}.dossier[data-project=e-bank]{--project-ink:#526eac}[data-theme=dark] .dossier{--project-ink:#8fb9cd}[data-theme=dark] .dossier[data-project=faseeh]{--project-ink:#bba2d3}[data-theme=dark] .dossier[data-project=enset-ai]{--project-ink:#92bba6}[data-theme=dark] .dossier[data-project=ml-waf]{--project-ink:#d6ae82}[data-theme=dark] .dossier[data-project=e-bank]{--project-ink:#a0b5e2}.supporting-grid .dossier{height:calc(100% - 26px)}.supporting-grid .dossier>.project-feature{height:100%}.dossier:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--project-ink) 32%, var(--border));background:color-mix(in srgb, var(--project-ink) 6%, var(--canvas));transition:transform var(--dur) var(--ease);border-radius:24px;position:absolute;inset:0;transform:translate(7px,7px)}.dossier>.project-feature{box-shadow:none;border-color:color-mix(in srgb, var(--project-ink) 28%, var(--border));clip-path:polygon(0 0, calc(100% - var(--fold-size)) 0, 100% var(--fold-size), 100% 100%, 0 100%);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease);position:relative}.dossier-fold{z-index:2;width:var(--fold-size);height:var(--fold-size);background:linear-gradient(225deg, transparent 50%, color-mix(in srgb, var(--project-ink) 14%, var(--soft-surface)) 50%);box-shadow:-1px 1px 0 color-mix(in srgb, var(--project-ink) 30%, var(--border));border-bottom-left-radius:5px;position:absolute;top:0;right:0}.dossier-tab{z-index:2;background:var(--surface);border:1px solid color-mix(in srgb, var(--project-ink) 28%, var(--border));height:28px;color:var(--project-ink);letter-spacing:.08em;border-bottom:0;border-radius:9px 9px 0 0;align-items:center;gap:8px;padding:0 12px 2px;font-size:11px;display:flex;position:absolute;top:-25px;left:24px}.dossier-tab:before{content:"";background:var(--project-ink);border-radius:50%;width:6px;height:6px}.dossier-stamp{z-index:3;--stamp-ink:var(--project-ink);position:absolute;bottom:-13px;right:22px}.dossier:hover:before,.dossier:focus-within:before{transform:translate(11px,11px)}.dossier:hover>.project-feature,.dossier:focus-within>.project-feature{border-color:color-mix(in srgb, var(--project-ink) 55%, var(--border));transform:translate(-2px,-2px)}.dossier:hover .stamp,.dossier:focus-within .stamp{transform:rotate(-8deg)scale(1.04)}.project-collection{gap:56px}.supporting-grid{gap:48px 32px}@media (max-width:699px){.dossier:before,.dossier:hover:before,.dossier:focus-within:before{transform:translate(5px,5px)}.dossier-tab{left:16px}.dossier-stamp{right:14px}}@media (prefers-reduced-motion:reduce){.dossier:before,.dossier>*,.dossier-stamp{transition:none}}.waf-inspector{border-top:1px solid var(--border);overflow-clip-margin:12px;margin-top:48px;padding-top:28px;overflow-x:clip}.waf-inspector-head{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 48px;display:grid}.waf-inspector-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;grid-column:1/-1}.waf-inspector-head h2{font-size:25px}.waf-inspector-head p:last-child{color:var(--secondary);max-width:72ch;line-height:1.8}.waf-input{border:1px solid var(--border);min-height:50px;transition:border-color var(--dur) var(--ease);background:0 0;border-radius:2px;align-items:center;gap:14px;margin-top:28px;padding:0 14px;display:flex}.waf-input:focus-within{border-color:var(--accent)}.waf-input>span{color:var(--accent)}.waf-input input{min-width:0;color:var(--text);font:14px/1.4 var(--font-jetbrains), monospace;background:0 0;border:0;outline:none;flex:1}.waf-presets{flex-wrap:wrap;gap:6px 18px;margin-top:12px;display:flex}.waf-presets button{min-height:32px;color:var(--muted);cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;padding:0}.waf-presets button:before{content:"[ ";color:var(--border)}.waf-presets button:after{content:" ]";color:var(--border)}.waf-presets button:hover,.waf-presets button[aria-pressed=true]{color:var(--text)}.waf-presets button[aria-pressed=true]:before,.waf-presets button[aria-pressed=true]:after{color:var(--accent)}.waf-units{border-top:1px solid var(--border);margin:28px 0 0;padding:0;list-style:none}.waf-unit{border-bottom:1px solid var(--border);grid-template-columns:150px minmax(0,1fr) auto;align-items:baseline;column-gap:24px;min-width:0;padding:14px 0;display:grid}.waf-unit-head{display:contents}.waf-unit-head>span:first-child{color:var(--muted);grid-area:1/1}.waf-unit-head>span:last-child{color:var(--muted);grid-area:1/3;justify-self:end}.waf-unit[data-worst] .waf-unit-head>span:last-child{color:var(--accent)}.waf-unit code{font:13px/1.6 var(--font-jetbrains), monospace;overflow-wrap:anywhere}.waf-raw{color:var(--secondary);grid-area:1/2}.waf-unit[data-worst] .waf-raw{color:var(--text)}.waf-steps{counter-reset:step;grid-column:2/4;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.waf-steps li{grid-template-columns:170px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.waf-steps li>span{color:var(--muted)}.waf-steps code{color:var(--secondary)}.waf-steps li:last-child code{color:var(--text);font-weight:500}.waf-signals{color:var(--accent);flex-wrap:wrap;grid-column:2/4;align-items:center;margin-top:8px;display:flex}.waf-signals:has(>.waf-clean){display:none}.waf-signals>span{align-items:center;display:inline-flex}.waf-signals>.waf-signal:not(:last-child):after{content:"·";color:var(--muted);margin:0 10px}.waf-signals>.waf-signals-label{color:var(--muted);margin-right:14px}@media (max-width:699px){.waf-inspector-head{grid-template-columns:minmax(0,1fr)}.waf-unit{grid-template-columns:minmax(0,1fr) auto}.waf-raw,.waf-steps,.waf-signals{grid-column:1/-1}.waf-raw{grid-row:2;margin-top:4px}.waf-unit-head>span:last-child{grid-column:2}.waf-steps li{grid-template-columns:minmax(0,1fr);gap:0}}@media (prefers-reduced-motion:reduce){.waf-input,.waf-presets button{transition:none}}.waf-legend{color:var(--secondary);flex-wrap:wrap;gap:8px 24px;margin:24px 0 0;padding:0;list-style:none;display:flex}.waf-legend li{align-items:center;gap:8px;display:inline-flex}.waf-legend li>span{color:var(--accent)}.waf-legend li>span:after{content:"."}.waf-legend .waf-legend-hint{color:var(--muted);margin-left:auto}.waf-preset-note{color:var(--secondary);align-items:baseline;gap:12px;margin-top:14px;font-size:14px;line-height:1.6;display:flex}.waf-preset-note>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}.waf-steps li>span{align-items:center;display:inline-flex}.waf-help{margin-left:5px;display:inline-flex;position:relative}.waf-help-mark{width:14px;height:14px;color:var(--muted);font:9px/1 var(--font-jetbrains), monospace;cursor:help;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:inline-grid}.waf-help-mark:after{content:"";position:absolute;inset:-8px}.waf-help:hover .waf-help-mark,.waf-help-mark:focus-visible{color:var(--accent);outline:none;text-decoration:underline}.waf-help-tip{z-index:20;border:1px solid var(--border);background:var(--elevated);width:max-content;max-width:280px;color:var(--text);font:12px/1.55 var(--font-geist), sans-serif;letter-spacing:0;text-transform:none;white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s var(--ease), transform .16s var(--ease), visibility .16s;border-radius:2px;padding:10px 12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.waf-help:hover .waf-help-tip,.waf-help:focus-within .waf-help-tip{opacity:1;visibility:visible;transform:translate(-50%)}.waf-unit-head>span:last-child .waf-help-tip{left:auto;right:-8px;transform:translateY(4px)}.waf-unit-head>span:last-child .waf-help:hover .waf-help-tip,.waf-unit-head>span:last-child .waf-help:focus-within .waf-help-tip{transform:none}@media (max-width:699px){.waf-legend .waf-legend-hint{margin-left:0}.waf-help-tip{max-width:220px}.waf-preset-note{flex-direction:column;gap:2px}}@media (prefers-reduced-motion:reduce){.waf-help-tip,.waf-help-mark{transition:none}}.dossier{margin-top:0}.dossier:before,.dossier-fold,.dossier-stamp{display:none}.dossier-tab{color:var(--muted);letter-spacing:.12em;background:0 0;border:0;margin:0 0 14px;padding:0;font-size:11px;display:block;position:static;transform:none}.dossier-tab:before{display:none}.dossier>.project-feature,.dossier:hover>.project-feature,.dossier:focus-within>.project-feature{clip-path:none;border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;align-items:start;padding:30px 0 36px;transform:none}.dossier{padding-top:0}.dossier>.dossier-tab{margin:0;position:absolute;top:12px;left:0}.dossier:hover>.project-feature,.dossier:focus-within>.project-feature{border-top-color:var(--project-ink)}.project-feature .project-media{background:0 0;border-radius:2px;padding:0}.project-feature .project-media img,.dossier .gallery-viewport,.dossier .gallery-slide .screenshot-link{border-radius:2px}
.section-header{text-align:center;max-width:720px;margin:0 auto var(--section-gap)}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2{text-wrap:balance;margin-top:16px;font-size:clamp(32px,3.2vw,44px)}.section-intro{color:var(--secondary);font-size:var(--type-body);text-wrap:pretty;max-width:60ch;margin:20px auto 0;line-height:1.8}.writing-section,.experience-section{border-top:1px solid var(--border)}.experience-section .section-header{margin-bottom:40px}.journey-entry{border-left:1px solid var(--border);padding-left:22px;position:relative}.journey-entry:before{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--surface);border-radius:50%;position:absolute;top:7px;left:-4px}.journey-entry+.journey-entry{margin-top:28px}.journey-date{color:var(--secondary);font-family:var(--font-jetbrains), monospace;margin-bottom:10px;font-size:10px}.journey-entry :is(h3,h4){letter-spacing:-.02em;margin:0;font-size:19px;font-weight:500;line-height:1.4}.journey-organization{color:var(--accent);margin-top:6px;font-size:13px}.journey-description{color:var(--secondary);margin-top:12px;font-size:13px;line-height:1.8}.community-details{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-top:24px;padding:0 28px}.community-details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-size:14px;list-style:none;display:flex}.community-details summary::-webkit-details-marker{display:none}.community-details summary>span{color:var(--secondary);align-items:center;gap:20px;font-size:11px;display:flex}.community-details[open] summary svg{transform:rotate(45deg)}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:12px 0 28px;display:grid}.community-grid .journey-entry{margin-top:0}.credentials{margin-top:48px}.credentials h2{margin-bottom:24px;font-size:26px}.credentials-grid{border-top:1px solid var(--border)}.credential-record{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 32px;padding-block:24px;display:grid}.credential-record h3{letter-spacing:-.025em;text-wrap:pretty;margin-top:7px;font-size:20px;line-height:1.5}.credential-record-issuer,.credential-record-date{color:var(--secondary);font-size:12px}.credential-record-date{white-space:nowrap}.credential-record-meta{justify-items:end;gap:4px;display:grid}.credential-record-meta .text-link{font-size:12px}.about-standalone .about-copy{max-width:72ch}.credentials-preparation{border-top:1px solid var(--border);padding-top:36px}@media (max-width:699px){.credential-record-meta{justify-items:start}.credential-record{grid-template-columns:minmax(0,1fr);gap:12px}.credential-record h3{font-size:18px}.community-grid{grid-template-columns:minmax(0,1fr)}.community-details{padding-inline:22px}.community-details summary>span{gap:0;font-size:0}}.about-section{border-block:1px solid var(--border)}.about-section:not(.about-standalone){grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);align-items:start;gap:clamp(32px,5vw,64px);display:grid}.about-section>.section-heading{text-align:left}.about-section>.section-heading .eyebrow{justify-content:flex-start}.about-content{min-width:0}.about-copy{max-width:740px}.about-copy p{color:var(--secondary);font-size:17px;line-height:1.85}.about-copy p:first-child{color:var(--text)}.about-copy p+p{margin-top:18px}.contact-introduction{justify-content:space-between;align-items:end;gap:32px;display:flex}.contact-section .section-heading{text-align:left}.contact-section .eyebrow{justify-content:flex-start}.contact-note{max-width:38ch;color:var(--secondary);font-size:13px;line-height:1.7}.contact-email{border-block:1px solid var(--border);letter-spacing:-.03em;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding-block:22px;font-size:clamp(17px,1.8vw,24px);line-height:1.4;display:flex}.contact-email>span{overflow-wrap:anywhere;min-width:0}.contact-email>svg{width:20px;height:20px;color:var(--accent);transition:transform var(--dur) var(--ease)}.contact-email:hover{color:var(--accent);border-color:var(--accent)}.contact-email:hover>svg{transform:translate(3px,-3px)}.contact-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:12px;display:flex}.contact-location{color:var(--secondary);align-items:center;gap:10px;font-size:12px;display:inline-flex}.contact-location-dot{border:1px solid var(--accent);border-radius:50%;width:5px;height:5px}.contact-links{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.contact-links .text-link{font-size:13px}@media (max-width:959px){.contact-introduction{display:block}.contact-note{margin-top:14px}}@media (max-width:699px){.about-section:not(.about-standalone){grid-template-columns:minmax(0,1fr);gap:28px}.contact-email{gap:12px;font-size:clamp(16px,4vw,24px)}.contact-email>svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.contact-email:hover>svg{transform:none}}.credentials-more{margin-top:16px}.credentials-more>summary{cursor:pointer;color:var(--secondary);padding-block:12px;font-size:13px}.credentials-more[open]>summary{margin-bottom:8px}.timeline-block,.education-block{margin-top:8px}.education-block{margin-top:72px}.timeline-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);align-items:center;gap:10px;margin-bottom:28px;font-size:13px;font-weight:500;display:flex}.timeline-heading svg{width:17px;color:var(--accent)}.timeline{--date-col:200px;--axis:40px;margin:0;padding:0;list-style:none;position:relative}.timeline:before{content:"";top:10px;bottom:10px;left:calc(var(--date-col) + var(--axis) / 2);background:linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 20%, var(--border)));width:1px;position:absolute}.timeline-item{grid-template-columns:var(--date-col) var(--axis) minmax(0, 1fr);align-items:start;display:grid}.timeline-item+.timeline-item{margin-top:28px}.timeline-date{text-align:right;color:var(--text);white-space:nowrap;grid-column:1;padding-top:26px;font-size:12px}.timeline-node{border:2px solid var(--accent);background:var(--canvas);z-index:1;width:13px;height:13px;transition:background var(--dur) var(--ease);border-radius:50%;grid-column:2;justify-self:center;margin-top:28px;position:relative}.timeline-item:first-child .timeline-node{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 18%, transparent)}.timeline-card{border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur) var(--ease);border-radius:20px;grid-column:3;padding:24px 26px}.timeline-item:hover .timeline-card{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.timeline-item:hover .timeline-node{background:var(--accent)}.timeline-card-head{align-items:center;gap:14px;display:flex}.timeline-logo{background:color-mix(in srgb, var(--accent) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));width:44px;height:44px;color:var(--accent);font:500 13px/1 var(--font-jetbrains), monospace;letter-spacing:.02em;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.timeline-company{letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.timeline-kind{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);letter-spacing:.02em;text-transform:none;border-radius:6px;padding:3px 8px}.timeline-card h4{letter-spacing:-.02em;margin:4px 0 0;font-size:20px;font-weight:500;line-height:1.3}.timeline-chips{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.timeline-chips li{border:1px solid var(--border);color:var(--secondary);background:var(--canvas);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.timeline-chips svg{width:13px;height:13px}.timeline-description{color:var(--secondary);max-width:64ch;margin-top:14px;font-size:14px;line-height:1.75}.timeline-stack{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.timeline-stack li{background:var(--soft-surface);color:var(--secondary);border-radius:6px;padding:4px 8px;font-size:11px}.timeline-project{margin-top:16px;font-size:13px;display:inline-flex}.timeline-tail{margin-top:24px;padding-left:240px;font-size:13px}.education-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.education-card{border:1px solid var(--border);background:var(--surface);transition:border-color var(--dur) var(--ease);border-radius:20px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.education-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.education-card h4{letter-spacing:-.02em;margin:18px 0 0;font-size:20px;font-weight:500}.education-program{color:var(--accent);margin-top:6px;font-size:14px;line-height:1.5}.education-card .timeline-description{margin-top:auto;padding-top:14px;font-size:13px}@media (max-width:959px){.education-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:759px){.timeline{--axis:24px}.timeline:before{left:11px}.timeline-item{grid-template-columns:var(--axis) minmax(0, 1fr)}.timeline-date{text-align:left;grid-area:1/2;padding:0 0 8px}.timeline-node{grid-area:1/1;margin-top:4px}.timeline-card{grid-column:2;padding:20px}.timeline-tail{padding-left:24px}}@media (prefers-reduced-motion:reduce){.timeline-card,.timeline-node,.education-card{transition:none}}.contact-email-row{border-block:1px solid var(--border);transition:border-color var(--dur) var(--ease);align-items:center;gap:20px;margin-top:32px;display:flex}.contact-email-row:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.contact-email-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);flex-shrink:0;font-size:11px}.contact-email-row .contact-email{border-block:0;flex:1;min-width:0;margin-top:0}.contact-copy-button{min-height:44px;color:var(--secondary);cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;flex-shrink:0;padding:0 2px;font-size:12px}.contact-copy-button>span{color:var(--border);transition:color var(--dur) var(--ease)}.contact-copy-button:hover,.contact-copy-button:focus-visible{color:var(--text)}.contact-copy-button:hover>span,.contact-copy-button:focus-visible>span{color:var(--accent)}@media (prefers-reduced-motion:reduce){.contact-email-row,.contact-copy-button,.contact-copy-button>span{transition:none}}@media (max-width:699px){.contact-email-row{flex-wrap:wrap;gap:0 12px;padding-top:14px}.contact-email-label{order:0}.contact-copy-button{order:1;min-height:32px;margin-left:auto}.contact-email-row .contact-email{flex-basis:100%;order:2;padding-block:8px 18px;font-size:clamp(14px,4.2vw,19px)}.contact-email-row .contact-email>span{overflow-wrap:normal;white-space:nowrap}}
.skills-intro{margin-bottom:28px}.skills-intro h2{font-size:28px}.skills-intro p{color:var(--secondary);margin-top:12px}.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.skill-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-width:0;padding:28px}.skill-card-heading{align-items:center;gap:12px;display:flex}.skill-group-icon{color:var(--accent)}.skill-card-heading h3{letter-spacing:-.025em;font-size:20px;line-height:1.4}.skill-group-number{color:var(--secondary);margin-left:auto}.skill-picker{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.skill-chip{border:1px solid var(--border);background:var(--canvas);min-height:44px;color:var(--secondary);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.skill-chip:hover,.skill-chip[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.skill-tech-icon{background:#f4f4f1 var(--tech-icon) center / 18px 18px no-repeat;border-radius:5px;flex-shrink:0;width:24px;height:24px;display:inline-block}.skill-concept-icon{width:24px;height:24px;color:var(--accent);flex-shrink:0;place-items:center;display:inline-grid}.skill-concept-icon svg{width:19px;height:19px}.skill-evidence{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.skill-evidence-label{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.skill-evidence-panels{margin-top:6px;display:grid}.skill-evidence-panel{visibility:hidden;grid-area:1/1;min-width:0}.skill-evidence-panel[data-active=true]{visibility:visible}.skill-project .text-link{color:var(--accent);min-height:44px;font-size:13px}.skill-project p{color:var(--secondary);font-size:12px;line-height:1.7}.skill-project+.skill-project{margin-top:10px}.skill-static-list{color:var(--secondary);padding-left:20px;font-size:13px}.skill-static-list li+li{margin-top:16px}.skill-static-list strong{color:var(--text);font-weight:500}@media (max-width:699px){.skill-groups{grid-template-columns:minmax(0,1fr)}.skill-card{padding:22px}}@media (prefers-reduced-motion:reduce){.skill-chip{transition:none}}.toolkit-filter{flex-wrap:wrap;gap:8px;display:flex}.toolkit-filter button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--secondary);border-radius:999px;padding:8px 14px;font-size:12px}.toolkit-filter button[aria-pressed=true]{color:var(--canvas);background:var(--text);border-color:var(--text)}.toolkit-filter button:hover{border-color:var(--accent)}.toolkit-count{color:var(--secondary);margin:20px 0 14px;font-size:11px}.toolkit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.technology-card{border:1px solid var(--border);background:var(--surface);min-width:0;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.technology-card[hidden]{display:none}.technology-card:hover{border-color:var(--accent);transform:translateY(-2px)}.technology-symbol{width:34px;height:34px;color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--canvas));border-radius:9px;flex-shrink:0;place-items:center;display:grid}.technology-symbol>.mono{color:var(--text)}.technology-card h3{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:13px;line-height:1.4}.technology-card p{color:var(--secondary);margin-top:4px;font-size:10px}@media (max-width:959px){.toolkit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:699px){.toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-card{gap:8px;padding:12px}.technology-symbol{width:26px;height:30px}.toolkit-filter button{padding-inline:12px;font-size:11px}}@media (prefers-reduced-motion:reduce){.technology-card{transition:none}.technology-card:hover{transform:none}}.technology-ribbon{border-block:1px solid var(--border);margin-bottom:32px}.ribbon-heading{color:var(--secondary);justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.ribbon-heading>.mono{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.ribbon-window{padding-block:18px 28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.ribbon-track{width:max-content;animation:36s linear infinite paused toolkit-drift;display:flex}.technology-ribbon[data-running=true] .ribbon-track{animation-play-state:running}.technology-ribbon:hover .ribbon-track,.technology-ribbon:focus-within .ribbon-track{animation-play-state:paused}.ribbon-group{flex-shrink:0;align-items:center;display:flex}.ribbon-item{white-space:nowrap;letter-spacing:-.035em;align-items:center;gap:14px;font-size:clamp(20px,2.6vw,30px);display:inline-flex}.ribbon-item .skill-tech-icon{background-size:25px 25px;border-radius:7px;width:34px;height:34px}.ribbon-cross{color:var(--accent);margin-inline:24px 38px;font-size:19px;font-weight:300}@keyframes toolkit-drift{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ribbon-track{animation:none}.ribbon-window{padding-block:24px}}.skills-context{margin-bottom:24px}.skills-context h3{letter-spacing:-.03em;font-size:23px}.skills-context p{color:var(--secondary);margin-top:8px;font-size:13px}.full-toolkit{border-block:1px solid var(--border);margin-top:28px;padding:0 24px}.full-toolkit>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:72px;font-size:14px;list-style:none;display:flex}.full-toolkit>summary::-webkit-details-marker{display:none}.full-toolkit>summary>.mono{color:var(--secondary);align-items:center;gap:16px;font-size:10px;display:flex}.full-toolkit>summary>.mono>span{color:var(--accent);transition:transform var(--dur) var(--ease);font-size:24px}.full-toolkit[open]>summary>.mono>span{transform:rotate(45deg)}.full-toolkit[open]{padding-bottom:24px}.toolkit-source-note{color:var(--secondary);max-width:70ch;margin-bottom:20px;font-size:13px}@media (max-width:699px){.full-toolkit{padding-inline:0}.full-toolkit>summary>.mono{gap:8px}}.skill-project .text-link,.skill-static-list .text-link{flex-wrap:wrap;gap:8px}.skill-source-tag{color:var(--secondary);letter-spacing:.02em;font-size:9px;font-weight:400}.skill-groups{background:var(--border);border:1px solid var(--border);border-radius:22px;gap:1px;overflow:hidden}.skill-card{background:var(--surface);transition:background-color var(--dur) var(--ease);border:0;border-radius:0;padding:30px 32px;position:relative}.skill-card:hover,.skill-card:focus-within{background:color-mix(in srgb, var(--accent) 4%, var(--surface))}.skill-group-number{border:1px solid var(--border);border-radius:6px;padding:3px 7px;font-size:11px}.skill-chip{border-radius:999px;min-height:40px;padding:6px 14px 6px 6px}.skill-chip .skill-tech-icon,.skill-chip .skill-concept-icon{border-radius:50%}@media (max-width:699px){.skill-card{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.skill-card{transition:none}}.recent-commits{border-top:1px solid var(--border);margin-top:36px;padding-top:22px}.recent-commits h3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:400}.recent-commits ol{gap:2px;margin:14px 0 0;padding:0;list-style:none;display:grid}.recent-commits li{border-bottom:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:baseline;gap:20px;padding:7px 0;display:flex}.recent-commits li>a{align-items:baseline;gap:14px;min-width:0;display:flex}.recent-commits-repo{color:var(--accent);flex-shrink:0;font-size:12px}.recent-commits-message{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.recent-commits li>time{color:var(--muted);flex-shrink:0;font-size:11px}@media (max-width:699px){.recent-commits li{flex-direction:column;gap:4px}.recent-commits li>a{flex-wrap:wrap;gap:8px}}
.writing-index{padding-bottom:var(--section-space)}.writing-empty{color:var(--secondary)}.writing-section .article-list{max-width:880px;margin-inline:auto}.article-list{border-top:1px solid var(--border)}.article-row{border-bottom:1px solid var(--border);grid-template-columns:200px minmax(0,1fr) 20px;align-items:start;gap:12px 32px;padding-block:32px;display:grid}.article-row-meta{color:var(--secondary);font-family:var(--font-jetbrains), monospace;flex-wrap:wrap;gap:6px;padding-top:6px;font-size:12px;display:flex}.article-row-copy h2,.article-row-copy h3{letter-spacing:-.02em;text-wrap:balance;transition:color var(--dur) var(--ease);font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.3}.article-row-copy>p{color:var(--secondary);max-width:62ch;margin-top:10px;line-height:1.7}.article-row>svg{color:var(--secondary);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);margin-top:10px}.article-row:hover h2,.article-row:hover h3,.article-row:focus-visible h2,.article-row:focus-visible h3{color:var(--accent)}.article-row:hover>svg{color:var(--accent);transform:translate(4px)}.article-tags{flex-wrap:wrap;gap:6px;margin-top:16px;padding:0;list-style:none;display:flex}.article-tags li{border:1px solid var(--border);color:var(--secondary);border-radius:999px;padding:6px 9px;font-size:11px;line-height:1}.article{padding-top:140px;padding-bottom:var(--section-space)}.article-header{max-width:760px;margin-inline:auto}.article-header .page-breadcrumbs{margin-bottom:36px}.article-header .article-tags{margin-top:0}.article-header h1{letter-spacing:-.035em;text-wrap:balance;margin-top:20px;font-size:clamp(36px,5.2vw,60px);font-weight:500;line-height:1.08}.article-description{color:var(--secondary);text-wrap:pretty;margin-top:22px;font-size:clamp(17px,1.7vw,20px);line-height:1.65}.article-byline{border-block:1px solid var(--border);align-items:center;gap:14px;margin-top:32px;padding-block:20px;display:flex}.article-avatar{object-fit:cover;border-radius:50%;flex:none}.article-author{font-weight:500}.article-meta{color:var(--secondary);flex-wrap:wrap;gap:6px;margin-top:2px;font-size:13px;display:flex}.article-layout{grid-template-columns:minmax(0,1fr) minmax(0,760px) minmax(0,1fr);gap:48px;margin-top:56px;display:grid}.article-layout .prose{grid-column:2}.article-toc{grid-column:1;place-self:start end;width:200px;font-size:13px;position:sticky;top:110px}.article-toc p{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:11px}.article-toc ol{border-left:1px solid var(--border);padding:0;list-style:none}.article-toc li a{color:var(--secondary);transition:color var(--dur) var(--ease);padding:6px 0 6px 14px;line-height:1.45;display:block}.article-toc li a:hover{color:var(--accent)}@media (max-width:1180px){.article-toc{display:none}.article-layout{grid-template-columns:minmax(0,760px);justify-content:center}.article-layout .prose{grid-column:1}}.prose{color:var(--text);overflow-wrap:break-word;font-size:18px;line-height:1.8}.prose>*+*{margin-top:1.3em}.prose h2{letter-spacing:-.025em;margin-top:2.2em;scroll-margin-top:100px;font-size:clamp(24px,2.6vw,30px);font-weight:500;line-height:1.25;position:relative}.prose h3{margin-top:1.9em;scroll-margin-top:100px;font-size:20px;font-weight:500;line-height:1.35;position:relative}.prose h2+*,.prose h3+*{margin-top:.8em}.heading-anchor{color:var(--muted);opacity:0;transition:opacity var(--dur) var(--ease);text-decoration:none;position:absolute;left:-1.1em}.prose h2:hover .heading-anchor,.prose h3:hover .heading-anchor{opacity:1}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.prose strong{font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.45em}.prose li::marker{color:var(--secondary)}.prose blockquote{border-left:2px solid var(--accent);color:var(--secondary);padding-left:20px;font-style:italic}.prose :not(pre)>code{font-family:var(--font-jetbrains), monospace;background:var(--soft-surface);border-radius:5px;padding:.15em .4em;font-size:.84em}.prose pre{font-family:var(--font-jetbrains), monospace;border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);padding:18px 20px;font-size:14px;line-height:1.65;overflow-x:auto}.prose .table-wrap{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.55}.prose th:last-child,.prose td:last-child{padding-right:0}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 14px 10px 0}.prose th{color:var(--secondary);font-size:13px;font-weight:500}.prose img{border-radius:var(--radius-control)}.prose hr{border:0;border-top:1px solid var(--border);margin-block:2.5em}.article-footer{gap:40px;max-width:760px;margin:72px auto 0;display:grid}.article-author-card{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface);gap:18px;padding:24px;display:flex}.article-author-card p:not(.article-author){color:var(--secondary);margin-top:4px;line-height:1.6}.article-author-card .article-author-links{flex-wrap:wrap;gap:20px;margin-top:12px;display:flex}.article-more{gap:12px;display:grid}@media (max-width:699px){.article{padding-top:104px}.article-row{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:26px}.article-row-meta{padding-top:0}.article-row>svg{display:none}.prose{font-size:17px}.prose pre{margin-inline:calc(var(--page-gutter) * -1);border-inline:0;border-radius:0;font-size:13px}.article-author-card{flex-direction:column}}.article-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.article-progress>span{background:var(--accent);transform-origin:0;height:100%;transition:transform 90ms linear;display:block}.prose :is(h2,h3){position:relative}.heading-anchor{color:var(--border);cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;margin-left:10px;padding:0;font-size:.6em}.prose :is(h2,h3):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.heading-anchor:hover,.heading-anchor:focus-visible{color:var(--accent)}.heading-copied{z-index:70;border:1px solid var(--accent);background:var(--canvas);color:var(--text);padding:8px 14px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.article-progress>span,.heading-anchor{transition:none}}@media (hover:none){.heading-anchor{opacity:1}}.article-project{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:18px;font-size:14px;display:flex}.article-project .mono{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.related-writing{gap:14px;margin:0;padding:0;list-style:none;display:grid}.related-writing p{color:var(--muted);margin-top:4px;font-size:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background:var(--canvas);color:var(--text);font-family:var(--font-geist), Arial, sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate;margin:0;font-size:16px;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background-image:var(--study-grid);opacity:.5;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 180px);mask-image:linear-gradient(#0000,#000 180px)}body,.hero,.site-header,.current-project,.portrait-placeholder,.button,.icon-button{transition:background-color .32s ease, color .32s ease, border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;font-weight:500;line-height:1.12}h2{font-size:var(--type-section)}h3{font-size:24px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}svg{flex-shrink:0;display:block}button,input{font:inherit}::selection{color:var(--canvas);background:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}main:focus{outline:none}.container{width:calc(100% - var(--page-gutter) * 2);max-width:var(--content-width);margin-inline:auto}.mono{font-family:var(--font-jetbrains), monospace;letter-spacing:.015em;font-size:11px;font-weight:400}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:500;line-height:1.5;display:flex}.section-number{font-family:var(--font-jetbrains), monospace;letter-spacing:0;color:var(--secondary);font-size:10px}.section-label{align-items:center;gap:12px;display:inline-flex}.section-label:before{content:"";background:var(--accent);opacity:.65;width:24px;height:1px}.section{padding-block:var(--section-space)}.text-link{min-height:44px;transition:color var(--dur) var(--ease);align-items:center;gap:10px;font-size:14px;font-weight:450;display:inline-flex}.text-link:hover{color:var(--accent)}.text-link svg{width:16px;height:16px}.link-arrow{transition:transform var(--dur) var(--ease)}a:hover .link-arrow{transform:translate(3px)}.button{border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:0 22px;font-size:14px;font-weight:500;display:inline-flex}.button-primary{background:var(--text);color:var(--canvas)}.button-primary:hover{background:var(--accent);color:var(--canvas)}.button-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.icon-button{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-button:hover{border-color:var(--accent)}.icon-button svg{width:17px;height:17px}.skip-link{z-index:100;background:var(--text);color:var(--canvas);border-radius:6px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header[data-scrolled=true],.site-header[data-menu-open=true]{background:var(--header-bg);border-color:var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{justify-content:space-between;align-items:center;gap:30px;height:80px;display:flex}.wordmark{letter-spacing:-.035em;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:500;display:inline-flex}.wordmark-lead{color:var(--muted);font-weight:400}.wordmark-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;margin-top:6px}.desktop-nav,.header-actions,.header-social{align-items:center;display:flex}.desktop-nav{gap:26px}.desktop-nav a{min-height:44px;color:var(--hero-secondary);align-items:center;gap:4px;font-size:13px;display:inline-flex;position:relative}.desktop-nav a svg{width:12px;height:12px}.desktop-nav a:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform var(--dur) var(--ease);background:var(--accent);position:absolute;bottom:7px;left:0;transform:scaleX(0)}.desktop-nav a:hover{color:var(--text)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.desktop-nav a[aria-current],.mobile-nav a[aria-current]{color:var(--text)}.header-actions{flex-shrink:0;gap:8px}.header-actions .icon-button{width:44px;height:44px}.header-social{gap:18px;margin-right:12px}.header-social .text-link{color:var(--hero-secondary);gap:4px;font-size:12px}.header-social .text-link:hover{color:var(--text)}.header-social svg{width:12px;height:12px}.theme-sun,[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-sun{display:block}.menu-toggle,.mobile-nav[hidden]{display:none}.mobile-nav{overscroll-behavior:contain;max-height:calc(100dvh - 72px);padding-block:12px 24px;overflow-y:auto}.mobile-nav>a{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-block:12px;display:flex}.mobile-nav>a svg{width:16px}.mobile-social{gap:24px;margin-top:12px;display:flex}.footer{border-top:1px solid var(--border);color:var(--secondary);justify-content:space-between;gap:24px;padding-block:28px;font-size:11px;display:flex}.footer>div{align-items:center;gap:24px;display:flex}.footer>div:first-child>span:first-child{color:var(--text)}.footer .text-link{min-height:32px;font-size:11px}.arrow-up{transform:rotate(-90deg)}.page-intro{padding-top:150px;padding-bottom:60px}.back-link{color:var(--secondary);margin-bottom:36px;font-size:12px}.back-link svg{transform:rotate(180deg)}.page-intro h1{max-width:1000px;margin-top:20px;font-size:clamp(48px,7vw,88px)}.page-description{max-width:700px;color:var(--secondary);margin-top:26px;font-size:clamp(17px,1.7vw,21px);line-height:1.7}.page-intro+.section{padding-top:20px}.about-standalone{border-top:0;display:block}.not-found-actions{flex-wrap:wrap;align-items:center;gap:30px;padding-bottom:120px;display:flex}.reveal{transition:opacity .55s,transform .55s}.reveal[data-reveal=pending]{opacity:0;transform:translateY(10px)}.reveal[data-reveal=visible],.reveal:focus-within{opacity:1;transform:none}:root[data-theme-transition=radial] *,:root[data-theme-transition=radial] :before,:root[data-theme-transition=radial] :after{transition:none!important}::view-transition-old(root){z-index:1;animation:none}::view-transition-new(root){z-index:2;animation:.36s ease-out theme-reveal}::view-transition-group(root){animation-duration:.36s}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x,90%) var(--theme-y,40px))}to{clip-path:circle(150vmax at var(--theme-x,90%) var(--theme-y,40px))}}@media (min-width:960px){.mobile-nav{display:none}}@media (max-width:1100px){.header-social{display:none}}@media (max-width:959px){.desktop-nav{display:none}.menu-toggle{display:inline-grid}.header-actions{gap:10px}.header-inner{height:72px}}@media (max-width:639px){html{scroll-padding-top:88px}.header-inner{height:68px}.wordmark{font-size:13px}.icon-button{width:40px;height:40px}.footer{flex-direction:column;gap:6px;padding-block:24px}.footer>div{justify-content:space-between;gap:12px}.page-intro{padding-top:112px;padding-bottom:42px}.page-intro h1{font-size:50px}.page-intro .eyebrow{letter-spacing:.09em;font-size:9px}.page-description{font-size:17px}.back-link{margin-bottom:24px}}@media (max-width:359px){.footer-role{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.reveal[data-reveal]{opacity:1!important;animation-delay:0s!important;transform:none!important}.project-title-link:hover,.project-title-link:hover .project-title-arrow,a:hover .link-arrow{transform:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-switch{letter-spacing:0;min-width:44px;height:44px;color:var(--secondary);transition:color var(--dur) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-family:inherit;font-size:12px;line-height:1;display:inline-flex}.language-switch:hover,.language-switch:focus-visible{color:var(--text)}.language-globe{width:14px;height:14px;transition:color var(--dur) var(--ease);flex-shrink:0}.language-switch:hover .language-globe{color:var(--accent)}.header-actions .theme-toggle{width:44px;height:44px;color:var(--secondary);background:0 0;border:0}.header-actions .theme-toggle:hover,.header-actions .theme-toggle:focus-visible{color:var(--accent)}.header-actions .theme-toggle svg{width:16px;height:16px}@media (min-width:960px) and (max-width:1199px){.header-social{display:none}.desktop-nav{gap:18px}}@media (max-width:699px){.language-globe{display:none}}.page-breadcrumbs{color:var(--secondary);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:36px;font-size:12px;display:flex}.page-breadcrumbs .back-link{margin-bottom:0}.page-breadcrumbs [aria-current]{color:var(--text)}.stamp{--stamp-ink:var(--accent);border:1.5px solid var(--stamp-ink);outline:1px solid color-mix(in srgb, var(--stamp-ink) 45%, transparent);outline-offset:2px;background:var(--surface);color:var(--stamp-ink);font-family:var(--font-jetbrains), monospace;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:transform var(--dur) var(--ease);border-radius:6px;padding:6px 12px;font-size:11px;line-height:1;display:inline-block;transform:rotate(-5deg)}.stamp-inline{letter-spacing:.14em;vertical-align:middle;margin-inline:4px;padding:4px 8px;font-size:9.5px;transform:rotate(-3deg)}.dossier-stamp.stamp{display:none}.article-id,.credential-id{font-family:var(--font-jetbrains), monospace;color:var(--accent);letter-spacing:.06em}.article-row-meta .article-id{margin-right:4px}.article-header .article-id{margin-bottom:12px;font-size:11px}.credential-id{margin-right:10px;font-size:11px}.project-themes,.timeline-stack,.article-tags{gap:0!important}.project-themes li,.timeline-stack li,.article-tags li{font-family:var(--font-jetbrains), monospace;color:var(--muted);background:0 0;border:0;border-radius:0;padding:0;font-size:12px;line-height:1.7}.project-themes li:not(:last-child):after,.timeline-stack li:not(:last-child):after,.article-tags li:not(:last-child):after{content:"·";color:var(--muted);margin:0 9px}.timeline-chips li{font-family:var(--font-jetbrains), monospace;border:1px solid var(--border);background:var(--canvas);color:var(--secondary);border-radius:6px;padding:6px 9px;font-size:11px;line-height:1}.current-project{overflow:visible}.current-project-tab{--project-ink:var(--accent);background:var(--elevated);height:25px;font-size:10px;top:-24px;left:18px}.current-project-stamp{letter-spacing:.14em;padding:4px 8px;font-size:9px;position:absolute;top:16px;right:14px}.current-project>.eyebrow .status-dot{display:none}.current-project:hover .stamp{transform:rotate(-8deg)scale(1.04)}@media (prefers-reduced-motion:reduce){.stamp{transition:none}}.skill-groups{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;gap:0 56px;overflow:visible}.skill-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:28px 0 32px}.skill-card:hover,.skill-card:focus-within{background:0 0}.skill-group-number{color:var(--muted);border:0;border-radius:0;padding:0}.skill-chip,.skill-chip:hover,.skill-chip[aria-pressed=true]{background:0 0;border:0;border-radius:0;min-height:36px;padding:4px 0}.skill-chip{color:var(--secondary);margin-right:18px}.skill-chip:hover,.skill-chip[aria-pressed=true]{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px}.skill-chip .skill-tech-icon,.skill-chip .skill-concept-icon{border-radius:2px}.toolkit-filter button{background:0 0;border-radius:2px}.technology-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:14px 0}.technology-symbol{background:0 0;border-radius:2px}.timeline-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:4px 0 28px}.timeline-item:last-child .timeline-card{border-bottom:0}.timeline-logo{border:1px solid var(--border);background:0 0;border-radius:2px}.timeline-kind{background:0 0;border-radius:0;padding:0}.timeline-kind:before{content:"· ";color:var(--muted)}.timeline-item:first-child .timeline-node{box-shadow:none}.timeline-chips{gap:0}.timeline-chips li{color:var(--muted);background:0 0;border:0;border-radius:0;padding:0}.timeline-chips li:not(:last-child):after{content:"·";color:var(--muted);margin:0 10px}.education-grid{border-top:1px solid var(--border);gap:0 32px}.education-card,.education-card:hover{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:24px 0}.article-author-card{border:0;border-block:1px solid var(--border);background:0 0;border-radius:0;padding:24px 0}.community-details{border:0;border-block:1px solid var(--border);background:0 0;border-radius:0;padding:0}.community-details summary{padding-inline:0}.header-actions .menu-toggle{color:var(--secondary);background:0 0;border:0}.header-actions .menu-toggle:hover,.header-actions .menu-toggle:focus-visible,.header-actions .menu-toggle[aria-expanded=true]{color:var(--accent)}.header-actions .menu-toggle svg{width:18px;height:18px}.skill-evidence-panel{display:none}.skill-evidence-panel[data-active=true]{display:block}.palette-backdrop{z-index:90;background:color-mix(in srgb, var(--canvas) 72%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:palette-in .14s var(--ease);justify-content:center;padding:clamp(16px,12vh,140px) 16px 16px;display:flex;position:fixed;inset:0}.palette{border:1px solid var(--border);background:var(--canvas);flex-direction:column;width:min(620px,100%);max-height:min(60vh,520px);display:flex}.palette-input{border-bottom:1px solid var(--border);align-items:center;gap:14px;min-height:54px;padding:0 16px;display:flex}.palette-input>span{color:var(--accent)}.palette-input input{min-width:0;color:var(--text);font:15px/1.4 var(--font-geist), sans-serif;background:0 0;border:0;outline:none;flex:1}.palette-list{flex:1;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.palette-group{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;padding:12px 16px 6px;font-size:10px}.palette-list button{width:100%;color:var(--secondary);font:14px/1.4 var(--font-geist), sans-serif;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,auto) minmax(0,1fr) 16px;align-items:center;gap:14px;padding:9px 16px;display:grid}.palette-list button>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.palette-list button svg{opacity:0;width:14px;height:14px;color:var(--accent)}.palette-list button[data-active=true]{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text)}.palette-list button[data-active=true] svg{opacity:1}.palette-hint{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;justify-self:end;overflow:hidden}.palette-empty{color:var(--muted);padding:20px 16px;font-size:14px}.palette-footer{border-top:1px solid var(--border);color:var(--muted);padding:10px 16px}@keyframes palette-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.palette-backdrop{animation:none}}@media (max-width:699px){.palette-hint{display:none}.palette-backdrop{padding-top:12px}.palette{max-height:70vh}}.palette-open{min-height:28px;color:var(--muted);font:11px/1 var(--font-geist), sans-serif;cursor:pointer;transition:color var(--dur) var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.palette-open:hover,.palette-open:focus-visible{color:var(--text)}.palette-open:hover svg{color:var(--accent)}.palette-open svg{width:13px;height:13px;transition:color var(--dur) var(--ease)}.palette-open kbd{color:var(--border);padding:0;font-size:10px}@media (max-width:1199px){.palette-open{display:none}}@media print{:root,[data-theme=dark]{--canvas:#fff;--surface:#fff;--elevated:#fff;--text:#111;--secondary:#333;--muted:#555;--border:#bbb;--accent:#111;--project-ink:#111}body{color:#111;background:#fff;font-size:11pt}body:before,.hero-background,.site-header,.palette-backdrop,.skip-link,.project-pagination,.case-study-nav,.gallery-controls,.waf-inspector,.page-breadcrumbs,.identity-rail{display:none!important}main{padding:0!important}.container{max-width:none;padding:0}a{color:#111;text-decoration:none}.source-list a:after,.detail-summary a:after{content:" (" attr(href) ")";color:#555;word-break:break-all;font-size:8pt}.page-intro h1{font-size:24pt}.detail-notes{break-inside:avoid;page-break-inside:avoid;grid-template-columns:150px minmax(0,1fr);gap:20px;margin-top:14px;padding-top:12px}.detail-notes h2{font-size:12pt}.detail-notes p,.detail-limitations{font-size:10pt;line-height:1.5}.detail-gallery{break-inside:avoid;max-width:380px}.project-gallery-detail{border:0;border-radius:0;padding:0}.gallery-dots,.gallery-progress,.project-gallery figure+figure,.gallery-slide:not(:first-child){display:none}.reveal,[data-reveal]{opacity:1!important;transform:none!important}@page{margin:16mm}}.project-index-card{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;padding:24px 0}.project-index-card:hover{border-color:var(--border);border-bottom-color:var(--accent)}.project-gallery-detail{background:0 0;border:0;border-radius:0;padding:0}.gallery-viewport,.gallery-slide .screenshot-link,.project-gallery img{border-radius:2px}.screenshot-link{border-color:var(--border)}.project-next{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;padding:24px 0 0}.project-next:hover{border-top-color:var(--accent)}.prose pre{border-radius:2px}.stamp,.stamp-inline,.current-project-stamp{color:var(--stamp-ink,var(--accent));background:0 0;border:0;border-radius:0;outline:0;padding:0;transform:none}.stamp:before{content:"[";color:var(--border);margin-right:6px}.stamp:after{content:"]";color:var(--border);margin-left:6px}.current-project:hover .stamp,.dossier:hover .stamp,.dossier:focus-within .stamp{transform:none}.project-index-card img,.project-index-card .screenshot-link{border-radius:2px}.button{border-radius:2px;gap:12px;min-height:44px;padding:0 18px;font-size:13px}.button-primary{border-color:var(--text);background:var(--text);color:var(--canvas)}.button-primary:hover{border-color:var(--accent);background:var(--accent)}.button-secondary{border-color:var(--border);color:var(--text);background:0 0}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.button svg{width:15px;height:15px}.toolkit-filter button{min-height:32px;color:var(--muted);background:0 0;border:0;border-radius:0;padding:0}.toolkit-filter button+button{margin-left:18px}.toolkit-filter button:hover,.toolkit-filter button[aria-pressed=true]{color:var(--text);background:0 0;border:0}.toolkit-filter button[aria-pressed=true]{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px}.gallery-controls button{border-radius:0}.gallery-controls button:hover{color:var(--accent);background:0 0}.gallery-dots button>span{border-radius:0}.terminal-backdrop{z-index:95;background:color-mix(in srgb, var(--canvas) 72%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;padding:clamp(16px,10vh,120px) 16px 16px;display:flex;position:fixed;inset:0}.terminal{border:1px solid var(--border);background:var(--canvas);flex-direction:column;width:min(680px,100%);max-height:min(62vh,540px);display:flex}.terminal-bar{border-bottom:1px solid var(--border);min-height:38px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:11px;display:flex}.terminal-bar button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0}.terminal-bar button:hover{color:var(--accent)}.terminal-body{color:var(--secondary);white-space:pre-wrap;flex:1;padding:14px;font-size:12.5px;line-height:1.75;overflow-y:auto}.terminal-body p[data-kind=in]{color:var(--text)}.terminal-body p[data-kind=err]{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.terminal-prompt{color:var(--accent);margin-right:8px}.terminal-input{align-items:baseline;display:flex}.terminal-input input{min-width:0;color:var(--text);font:inherit;caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1}@media (max-width:699px){.terminal{max-height:70vh}.terminal-body{font-size:12px}}.keyboard-hint{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.keyboard-hint span{color:var(--border);margin:0 4px}.keyboard-hint kbd{border:1px solid var(--border);color:var(--secondary);font:inherit;border-radius:2px;padding:1px 5px}@media (max-width:699px){.keyboard-hint{display:none}}.section-rail{z-index:40;gap:14px;display:none;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.section-rail ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.section-rail a{color:var(--muted);transition:color var(--dur) var(--ease);align-items:center;gap:10px;font-size:11px;display:flex}.section-rail a:hover,.section-rail a[aria-current]{color:var(--text)}.section-rail-number{color:var(--border)}.section-rail a[aria-current] .section-rail-number{color:var(--accent)}.section-rail-label{opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transform:translate(-4px)}.section-rail:hover .section-rail-label,.section-rail a[aria-current] .section-rail-label{opacity:1;transform:none}.section-rail-progress{background:var(--border);align-self:stretch;width:1px}.section-rail-progress>span{background:var(--accent);transform-origin:top;width:100%;height:100%;transition:transform .12s linear;display:block}@media (min-width:1280px){.section-rail{display:flex}}@media (prefers-reduced-motion:reduce){.section-rail-label,.section-rail-progress>span{transition:none}}@media (hover:hover) and (min-width:960px){.project-collection:has(.dossier:hover) .dossier:not(:hover){opacity:.55}.dossier{transition:opacity var(--dur) var(--ease)}}@media (prefers-reduced-motion:reduce){.dossier{transition:none}}.keyboard-hint button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.keyboard-hint button:hover,.keyboard-hint button:focus-visible{color:var(--text)}.keyboard-hint button:hover kbd{border-color:var(--accent);color:var(--accent)}.timeline-logo.has-image{background:#fff;padding:5px;overflow:hidden}.timeline-logo.has-image img{object-fit:contain;width:100%;height:100%}.journey-organization .timeline-logo{vertical-align:middle;width:28px;height:28px;margin-right:10px;padding:3px;display:inline-grid}#preparation-heading{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.preparation-table{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.preparation-row{border-bottom:1px solid var(--border);transition:border-color var(--dur) var(--ease);grid-template-columns:160px minmax(0,1fr) auto;align-items:baseline;gap:8px 32px;padding:18px 0;display:grid}.preparation-row:hover{border-bottom-color:var(--accent)}.preparation-row h3{letter-spacing:-.03em;font-size:20px;font-weight:500}.preparation-row .preparation-title{color:var(--text);font-size:14px}.preparation-row .preparation-issuer{color:var(--muted);text-align:right;font-size:12px}@media (max-width:699px){.preparation-row{grid-template-columns:minmax(0,1fr);gap:4px}.preparation-row .preparation-issuer{text-align:left}}.speaking-block{margin-top:56px}.talk{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr);gap:20px;padding:24px 0;display:grid}.talk-meta{color:var(--muted);font-size:12px}.talk h4{letter-spacing:-.02em;margin:8px 0 0;font-size:22px;font-weight:500;line-height:1.35}.talk .timeline-description{max-width:72ch}@media (max-width:699px){.talk{grid-template-columns:minmax(0,1fr);gap:12px}}
