.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-page{min-height:100vh;background:var(--color-canvas)}.home-page .shell{width:min(calc(100% - (var(--container-padding) * 2)),var(--width-content))}.site-header{position:sticky;z-index:30;top:0;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:color-mix(in srgb,var(--color-canvas) 88%,transparent);border-bottom:1px solid var(--color-divider);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-brand{min-height:var(--size-touch);display:inline-flex;align-items:center;gap:var(--space-3);width:fit-content;color:var(--color-text-primary);text-decoration:none}.site-brand__mark{width:var(--space-8);height:var(--space-8);flex:0 0 auto;color:var(--color-brand-mark)}.site-brand__identity{display:grid;gap:var(--space-1)}.site-brand__identity strong{font-size:var(--type-label);line-height:1;letter-spacing:-.02em}.site-brand__identity small{color:var(--color-text-muted);font:var(--type-caption)/1 var(--font-technical);letter-spacing:0}.site-nav{display:flex;align-items:center;gap:var(--space-2)}.site-nav a{min-height:var(--size-touch);padding-inline:var(--space-3);display:inline-flex;align-items:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--type-label);text-decoration:none;transition:color var(--motion-fast),background var(--motion-fast)}.site-nav a:hover{color:var(--color-text-primary);background:var(--color-surface)}.site-nav a[aria-current=page]{color:var(--color-text-primary)}.site-header__actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.command-trigger{min-height:var(--size-touch);padding-inline:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer}.command-trigger:hover{color:var(--color-text-primary);border-color:var(--color-border-hover)}.command-trigger span{font:var(--type-caption) var(--font-technical)}.mobile-nav-trigger{display:none}.resume-link{min-height:var(--size-touch);padding-inline:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:var(--type-label);text-decoration:none;transition:background var(--motion-fast),border-color var(--motion-fast)}.resume-link:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.home-hero{min-height:calc(100vh - 72px);padding-block:clamp(var(--space-16),9vw,var(--space-32));display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter);align-items:center}.home-hero__copy{grid-column:1 / span 7}.home-hero__copy h1{margin:var(--space-6) 0;max-width:850px;font:600 var(--type-display-xl)/.92 var(--font-display);letter-spacing:-.055em}.home-hero__copy h1 span{color:var(--color-text-muted)}.home-hero__copy>p{max-width:650px;margin:0;color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.65;letter-spacing:-.01em}.home-hero__actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-hero__actions .button{text-decoration:none}.hero-system{grid-column:9 / -1;min-height:520px;display:grid;grid-template-rows:auto 1fr auto;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.hero-system__header{min-height:56px;padding-inline:var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-divider)}.hero-system__header span,.hero-system__detail span{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.hero-system__header strong{font:500 var(--type-label) var(--font-interface)}.hero-system__map{position:relative;min-height:340px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.system-layer{position:relative;z-index:2;min-height:var(--size-touch);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);background:transparent;border:0;border-right:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);cursor:pointer;text-align:left;transition:color var(--motion-fast),background var(--motion-normal)}.system-layer:nth-child(2n){border-right:0}.system-layer:nth-child(n+5){border-bottom:0}.system-layer span{font-size:var(--type-label)}.system-layer small{margin-left:auto;font:var(--type-caption) var(--font-technical)}.system-layer[data-related=true]{color:var(--color-text-secondary);background:var(--color-accent-soft)}.system-layer[aria-pressed=true]{color:var(--color-text-primary);background:var(--color-surface-elevated);box-shadow:inset 3px 0 0 var(--color-accent)}.system-axis{position:absolute;z-index:1;pointer-events:none;background:var(--color-border-accent)}.system-axis--horizontal{top:50%;left:12%;width:76%;height:1px}.system-axis--vertical{top:12%;left:50%;width:1px;height:76%}.hero-system__detail{min-height:112px;padding:var(--space-4);border-top:1px solid var(--color-divider)}.hero-system__detail p{margin:var(--space-2) 0;font:550 var(--type-body) var(--font-interface)}.hero-system__detail small{color:var(--color-text-muted);font-size:var(--type-caption);text-transform:capitalize}.home-section{padding-block:var(--section-space);border-top:1px solid var(--color-divider);scroll-margin-top:72px}.home-page .section-heading{margin-bottom:var(--space-16)}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gutter)}.case-card{position:relative;grid-column:span 6;display:grid;grid-template-rows:auto auto;align-content:start;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--motion-normal),transform var(--motion-normal) var(--ease-out)}.case-card:hover,.case-card:focus-within{border-color:var(--color-border-hover);transform:translateY(-3px)}.case-card--featured{min-height:680px;grid-column:1 / -1;grid-template-columns:7fr 5fr;grid-template-rows:1fr}.case-card--system{min-height:330px;grid-column:1 / -1;grid-template-columns:4fr 8fr;grid-template-rows:1fr}.work-grid>.case-card:not(.case-card--featured):last-child:nth-child(2n){grid-column:1 / -1;grid-template-columns:5fr 7fr;grid-template-rows:auto}.case-card__visual{position:relative;min-height:240px;padding:var(--space-8);overflow:hidden;background-image:linear-gradient(var(--color-divider) 1px,transparent 1px),linear-gradient(90deg,var(--color-divider) 1px,transparent 1px);background-size:var(--space-8) var(--space-8)}.case-card--featured .case-card__visual{order:2}.case-card--developer-tool.case-card--featured{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.case-card--developer-tool.case-card--featured .case-card__visual{order:0}.case-card__visual--media{min-height:0;padding:0;aspect-ratio:474 / 223;background:var(--color-surface-elevated)}.case-card__visual--media img{width:100%;height:100%;display:block;object-fit:cover}.case-card__visual--screen-pair{min-height:0;padding:0;aspect-ratio:4 / 3;background:var(--color-surface-elevated)}.case-card__screens{position:absolute;inset:var(--space-6);display:flex;align-items:flex-end;justify-content:center;gap:var(--space-5)}.case-card__screen{width:auto;max-width:100%;display:block;object-fit:contain}.case-card__screen--phone{height:88%}.case-card__screen--tablet{height:100%}.case-card__visual--screen-gallery{min-height:0;padding:0;aspect-ratio:16 / 9;background:var(--color-surface-elevated)}.case-card__screen-gallery{position:absolute;inset:var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.case-card__gallery-screen{width:auto;height:100%;min-width:0;display:block;object-fit:contain}.case-card__system{height:100%;min-height:220px;position:relative;display:grid;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated)}.case-card__system>span{position:absolute;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.case-card__system>span:nth-child(1){inset:12%}.case-card__system>span:nth-child(2){inset:26%;border-color:var(--color-border-accent)}.case-card__system>span:nth-child(3){width:1px;height:76%;background:var(--color-divider)}.case-card--operations .case-card__system{border-radius:var(--radius-pill) var(--radius-md) var(--radius-md) var(--radius-md)}.case-card--mobile .case-card__system{width:58%;margin-inline:auto;border-radius:calc(var(--radius-lg) * 1.6)}.case-card--system .case-card__system,.case-card--developer-tool .case-card__system{background:transparent}.case-card--developer-tool .case-card__system>span:nth-child(1){inset:50% 10% auto;height:1px;border:0;border-radius:0;background:var(--color-border-strong)}.case-card--developer-tool .case-card__system>span:nth-child(2){inset:calc(50% - var(--space-2)) auto auto 22%;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface-elevated)}.case-card--developer-tool .case-card__system>span:nth-child(3){inset:calc(50% - var(--space-2)) 22% auto auto;width:var(--space-4);height:var(--space-4);border-color:var(--color-border-accent-strong);border-radius:var(--radius-pill);background:var(--color-accent-soft)}.case-card__content{padding:clamp(var(--space-6),4vw,var(--space-10));display:flex;flex-direction:column}.case-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.case-card__meta>span{color:var(--color-text-muted);font-size:var(--type-caption)}.case-card h3{margin:var(--space-12) 0 var(--space-3);font:600 var(--type-heading-l)/1.1 var(--font-display);letter-spacing:-.03em}.case-card__statement{max-width:620px;margin:0;color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.55}.case-card__depth{margin-top:auto;padding-top:var(--space-8)}.case-card__depth dl{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:0 0 var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.case-card__depth dt{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.case-card__depth dd{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.5}.case-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.case-card__footer>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.case-card__footer>.case-card__links{gap:var(--space-4)}.case-card__links>a,.decision-preview footer>a,.future-label--section{min-height:var(--size-touch);display:inline-flex;align-items:center;gap:var(--space-2);text-underline-offset:4px}.future-label{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.case-card__links>.case-card__case-link{color:var(--color-text-primary);font-size:var(--type-label)}.article-preview h3 a{color:inherit;text-decoration-color:var(--color-border-strong);text-underline-offset:5px}.article-preview h3 a:hover{text-decoration-color:var(--color-accent-hover)}.future-label--section{margin-top:var(--space-8)}.capability-list{border-top:1px solid var(--color-border-subtle)}.capability-list article{min-height:180px;display:grid;grid-template-columns:1fr 4fr 4fr;gap:var(--grid-gutter);align-items:center;border-bottom:1px solid var(--color-divider)}.capability-list article>span{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.capability-list h3{margin:0 0 var(--space-2);font:600 var(--type-heading-l) var(--font-display)}.capability-list p{margin:0;max-width:550px;color:var(--color-text-secondary);line-height:1.55}.capability-list small{justify-self:end;max-width:300px;color:var(--color-text-muted);font:var(--type-caption)/1.6 var(--font-technical);text-align:right}.decision-section{width:min(calc(100% - (var(--container-padding) * 2)),var(--width-breakout))!important}.decision-preview{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.decision-preview>header{min-height:64px;padding-inline:var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-divider)}.decision-preview__lead{padding:var(--space-12) var(--space-6);display:grid;grid-template-columns:7fr 5fr;gap:var(--content-gap)}.decision-question{margin:0 0 var(--space-4);color:var(--color-accent-hover);font:var(--type-mono) var(--font-technical)}.decision-preview__lead h3{max-width:760px;margin:0;font:600 var(--type-heading-xl)/1.1 var(--font-display);letter-spacing:-.03em}.decision-preview__lead>p{align-self:end;margin:0;color:var(--color-text-secondary);line-height:1.65}.decision-preview__path{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--color-divider)}.decision-preview__path>div{min-height:150px;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);border-right:1px solid var(--color-divider)}.decision-preview__path>div:last-child{border:0}.decision-preview__path span{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.decision-preview__path strong{margin-top:auto;font-size:var(--type-body-sm);line-height:1.45}.decision-preview__path .is-decision{background:var(--color-accent-soft)}.decision-preview__path .is-decision strong{display:flex;align-items:center;gap:var(--space-2);color:var(--indigo-300)}.decision-preview>footer{min-height:104px;padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.decision-preview>footer p{margin:0;max-width:700px;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.5}.decision-preview>footer strong{color:var(--color-text-primary)}.thinking-section{max-width:var(--width-reading)}.thinking-section .section-heading{display:block}.thinking-section .section-heading .eyebrow{margin-bottom:var(--space-6)}.thinking-section .section-heading>div{display:block}.article-list{border-top:1px solid var(--color-border-subtle)}.article-preview{position:relative;min-height:190px;padding-block:var(--space-8);display:grid;grid-template-columns:48px 1fr auto 20px;gap:var(--space-5);align-items:start;border-bottom:1px solid var(--color-divider)}.article-preview__index,.article-preview__time{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.article-preview h3{margin:var(--space-3) 0 var(--space-2);font:550 var(--type-title)/1.3 var(--font-display)}.article-preview p{margin:0;color:var(--color-text-secondary);font-size:var(--type-body-sm);line-height:1.55}.contact-section{padding-block:clamp(var(--space-24),12vw,var(--space-32));background:var(--color-surface);border-top:1px solid var(--color-border-subtle)}.contact-section h2{max-width:950px;margin:var(--space-6) 0;font:600 var(--type-display-l)/.95 var(--font-display);letter-spacing:-.045em}.contact-section p{max-width:620px;color:var(--color-text-secondary);font-size:var(--type-body-l);line-height:1.6}.contact-links{max-width:720px;margin-top:var(--space-10);display:grid;border-top:1px solid var(--color-border-subtle)}.contact-links a{min-height:calc(var(--size-control-lg) + var(--space-6));padding-inline:var(--space-2);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-divider);color:var(--color-text-secondary);text-decoration:none;font-size:var(--type-label);transition:color var(--motion-fast),background var(--motion-fast)}.contact-links a:hover{color:var(--color-text-primary);background:var(--color-grid-line)}.contact-links a>span{display:grid;gap:var(--space-1)}.contact-links strong{color:var(--color-text-primary);font-size:var(--type-label);font-weight:550}.contact-links small{color:var(--color-text-muted);font-size:var(--type-caption)}.site-footer{min-height:140px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--color-text-muted);font-size:var(--type-caption)}.site-footer>div{display:grid;gap:var(--space-1)}.site-footer strong{color:var(--color-text-primary)}.site-footer>span{justify-self:end}.site-footer>a{min-height:var(--size-touch);display:inline-flex;align-items:center;color:var(--color-text-secondary);text-underline-offset:4px}.command-palette{width:100%;max-width:640px;padding:0;color:var(--color-text-primary);background:transparent;border:0;overflow:visible}.command-palette::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.command-palette__panel{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden}.command-palette__search{min-height:64px;padding-inline:var(--space-4);display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-divider)}.command-palette__search>input{min-height:62px;padding:0;flex:1;border:0;background:transparent;box-shadow:none}.command-palette__search>input:focus{box-shadow:none}.command-palette__results{max-height:430px;padding:var(--space-2);overflow:auto}.command-palette__results button{width:100%;min-height:56px;padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.command-palette__results button[aria-selected=true]{color:var(--color-text-primary);background:var(--color-surface-elevated)}.command-palette__results button span{display:grid;gap:var(--space-1)}.command-palette__results button small{color:var(--color-text-muted);font:var(--type-caption) var(--font-technical)}.command-palette__empty{padding:var(--space-8);color:var(--color-text-muted);text-align:center}.command-palette__empty>strong{color:var(--color-text-primary);font-size:var(--type-body-sm);font-weight:550}.command-palette__empty>p{margin:var(--space-2) 0 var(--space-5);font-size:var(--type-body-sm)}.command-palette__empty nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.command-palette__empty nav button{width:auto;min-height:var(--size-touch);padding:0 var(--space-3);display:inline-flex;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--type-label)}.command-palette footer{min-height:48px;padding-inline:var(--space-4);display:flex;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-divider);color:var(--color-text-muted);font-size:var(--type-caption)}@media(hover:hover){.case-card:not(:hover):not(:focus-within) .case-card__depth dl{opacity:.35}.case-card__depth dl{transition:opacity var(--motion-normal)}}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-nav{position:fixed;inset:72px var(--container-padding) auto;padding:var(--space-3);display:none;background:var(--color-surface-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated)}.site-nav.is-open{display:grid}.site-nav a{min-height:var(--size-control-lg)}.mobile-nav-trigger{display:inline-grid}.home-hero{min-height:auto;grid-template-columns:repeat(6,1fr)}.home-hero__copy{grid-column:1 / -1}.hero-system{grid-column:1 / -1;min-height:420px;margin-top:var(--space-8);grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr}.hero-system__header{grid-column:1 / -1}.hero-system__detail{border-top:0;border-left:1px solid var(--color-divider)}.case-card--featured,.case-card--system{grid-template-columns:1fr;grid-template-rows:minmax(260px,auto) auto}.work-grid>.case-card:not(.case-card--featured):last-child:nth-child(2n){grid-template-columns:1fr;grid-template-rows:minmax(260px,auto) auto}.case-card--featured .case-card__visual{order:0}.case-card__depth dl{grid-template-columns:1fr}.capability-list article{grid-template-columns:48px 1fr;padding-block:var(--space-6)}.capability-list small{grid-column:2;justify-self:start;text-align:left}.decision-preview__lead{grid-template-columns:1fr}.decision-preview__path{grid-template-columns:repeat(3,1fr)}.decision-preview__path>div{border-bottom:1px solid var(--color-divider)}.decision-preview__path>div:nth-child(3){border-right:0}.decision-preview>footer{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.site-header{min-height:64px}.site-brand__identity small,.command-trigger span{display:none}.command-trigger{width:var(--size-touch);padding:0;justify-content:center}.site-nav{inset-block-start:64px}.home-hero{min-height:auto;padding-block:var(--space-16)}.home-hero__copy h1{font-size:var(--type-display-m);line-height:.98}.home-hero__copy>p{font-size:var(--type-body)}.hero-system{min-height:0;display:block}.hero-system__map{min-height:0;padding:var(--space-2);display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin}.system-layer{flex:0 0 auto;min-width:132px;min-height:72px;border:1px solid var(--color-border-subtle)!important;border-radius:var(--radius-sm)}.system-layer small,.system-axis{display:none}.hero-system__detail{min-height:120px;border:0;border-top:1px solid var(--color-divider)}.home-page .section-heading{margin-bottom:var(--space-10)}.work-grid{display:block}.case-card{min-height:0;margin-bottom:var(--space-4);display:block}.case-card__visual{min-height:210px;padding:var(--space-4)}.case-card__visual--media,.case-card__visual--screen-pair{min-height:0;padding:0}.case-card__screens{inset:var(--space-4);gap:var(--space-3)}.case-card__visual--screen-gallery{min-height:0;padding:0;aspect-ratio:4 / 5}.case-card__screen-gallery{inset:var(--space-4);justify-content:flex-start;gap:var(--space-3);overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--space-4);scroll-snap-type:x mandatory;scrollbar-width:thin}.case-card__gallery-screen{width:72%;height:100%;flex:0 0 72%;scroll-snap-align:start}.case-card__system{min-height:180px}.case-card__content{padding:var(--space-5)}.case-card h3{margin-top:var(--space-8);font-size:var(--type-heading-m)}.case-card__statement{font-size:var(--type-body)}.case-card__footer{align-items:flex-start;flex-direction:column}.capability-list article{min-height:0;grid-template-columns:36px 1fr}.capability-list h3{font-size:var(--type-heading-m)}.decision-preview>header{padding-inline:var(--space-4)}.decision-preview__lead{padding:var(--space-8) var(--space-4)}.decision-preview__lead h3{font-size:var(--type-heading-m)}.decision-preview__path{display:block}.decision-preview__path>div{min-height:96px;border-right:0}.decision-preview>footer{padding:var(--space-5) var(--space-4)}.article-preview{grid-template-columns:32px 1fr 16px}.article-preview__time{grid-column:2;grid-row:2}.article-preview>svg{grid-column:3;grid-row:1}.contact-section h2{font-size:var(--type-display-m)}.site-footer{min-height:170px;grid-template-columns:1fr auto}.site-footer p{display:none}.site-footer>a{grid-column:1 / -1;grid-row:2}.site-footer>span{grid-column:2;grid-row:1}.command-palette{max-width:calc(100% - (var(--space-4) * 2));margin-top:var(--space-4)}.command-palette footer{display:none}}@media(prefers-reduced-motion:reduce){.case-card,.case-card__depth dl{transform:none!important;transition:none!important}}