:root{--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:9rem;--u:var(--space-xs);--content-width:1120px;--reading-width:65ch;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-outlier:"IBM Plex Mono", monospace;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-3xl:3.0518rem;--text-4xl:3.8147rem;--text-display:clamp(3rem, 7.5vw + 1rem, 5.5rem);--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:#fcf7f5;--color-paper-2:#f5efec;--color-panel:#fdfcfadb;--color-ink:#15110f;--color-ink-soft:#3d3a38;--color-ghost:#6c6866;--color-trace:#15110f1f;--color-seam:#15110f0f;--color-seam-mid:#15110f24;--color-seam-firm:#15110f47;--color-accent:#be573b;--color-focus:#d05f41;--dur-short:.18s;--dur-medium:.28s;--dur-long:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.6489% 1.42589 1.63243);--color-paper-2:lab(94.7384% 1.90428 2.17857);--color-ink:lab(5.23476% 1.50292 1.56788);--color-ink-soft:lab(24.5683% 1.43699 1.63993);--color-ghost:lab(44.2939% 1.19126 1.36229);--color-trace:lab(5.23476% 1.50292 1.56788/.12);--color-seam:lab(5.23476% 1.50292 1.56788/.06);--color-seam-mid:lab(5.23476% 1.50292 1.56788/.14);--color-seam-firm:lab(5.23476% 1.50292 1.56788/.28);--color-accent:lab(50.1079% 41.1078 36.7476);--color-focus:lab(54.6637% 44.05 39.3963)}}@media (prefers-color-scheme:dark){:root{--color-paper:#0a0605;--color-paper-2:#110c0a;--color-panel:#191715e0;--color-ink:#ebe7e5;--color-ink-soft:#b4b0ae;--color-ghost:#837f7e;--color-trace:#ebe7e51f;--color-seam:#ebe7e514;--color-seam-mid:#ebe7e52e;--color-seam-firm:#ebe7e552;--color-accent:#cc7962;--color-focus:#de8269}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(1.96677% .797905 .802982);--color-paper-2:lab(3.6662% 1.5123 1.51887);--color-ink:lab(91.8489% 1.42628 1.63263);--color-ink-soft:lab(72.1288% 1.42768 1.63362);--color-ghost:lab(53.574% 1.19019 1.36156);--color-trace:lab(91.8489% 1.42628 1.63263/.12);--color-seam:lab(91.8489% 1.42628 1.63263/.08);--color-seam-mid:lab(91.8489% 1.42628 1.63263/.18);--color-seam-firm:lab(91.8489% 1.42628 1.63263/.32);--color-accent:lab(59.6825% 31.6667 27.0525);--color-focus:lab(64.2397% 34.5925 29.6124)}}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--color-paper);overflow-x:clip}body{background:var(--color-paper);min-width:320px;color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.62;overflow-x:clip}::selection{background:var(--color-ink);color:var(--color-paper)}a{color:inherit;text-decoration:none}.grain{pointer-events:none;opacity:.024;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px 220px;position:fixed;inset:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.interactive-transition{transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out)}.site-shell{width:min(100% - var(--space-xl), var(--content-width));padding:0 var(--space-xs);margin:0 auto}.site-header{z-index:var(--z-sticky);padding:var(--space-md) 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--color-paper) 88%, transparent);border-bottom:1px solid var(--color-seam);margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-mark{flex-direction:column;gap:2px;display:flex}.site-mark__name{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.015em;color:var(--color-ink);font-weight:500;line-height:1}.site-mark__role{font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ghost)}.site-nav{align-items:center;gap:var(--space-lg);display:flex}.site-nav__links{align-items:center;gap:var(--space-md);display:flex}.site-nav__links a{font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft);padding:var(--space-3xs) var(--space-2xs);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border-bottom:1px solid #0000}.site-nav__links a:hover,.site-nav__links a.is-hover{color:var(--color-ink);border-color:var(--color-accent)}.site-nav__links a:focus-visible,.site-nav__links a.is-focus{outline:2px solid var(--color-focus);outline-offset:2px}.site-nav__cta{font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border:1px solid var(--color-seam-mid);padding:var(--space-2xs) var(--space-sm);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);background:0 0}.site-nav__cta:hover,.site-nav__cta.is-hover{background:var(--color-paper-2);border-color:var(--color-seam-firm);transform:translateY(-1px)}.site-nav__cta:active,.site-nav__cta.is-active{transform:translateY(0)}.stat-hero{gap:var(--space-xl);padding:var(--space-xl) 0 var(--space-3xl);grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);align-items:start;display:grid}.stat-hero__narrative{gap:var(--space-md);max-width:var(--reading-width);flex-direction:column;display:flex}.stat-hero__headline h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.035em;color:var(--color-ink);text-wrap:balance;margin-bottom:var(--space-sm);font-weight:500;line-height:1.04}.stat-hero__summary{font-size:var(--text-md);color:var(--color-ink-soft);line-height:1.58}.stat-hero__actions{gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.button-link{min-height:44px;padding:0 var(--space-lg);border:1px solid var(--color-seam-mid);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);background:0 0;justify-content:center;align-items:center;display:inline-flex}.button-link:hover,.button-link.is-hover{border-color:var(--color-seam-firm);background:var(--color-paper-2);transform:translateY(-1.5px)}.button-link:active,.button-link.is-active{transform:translateY(-.5px)}.button-link--primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.button-link--primary:hover,.button-link--primary.is-hover{background:color-mix(in srgb, var(--color-ink) 90%, var(--color-accent));border-color:color-mix(in srgb, var(--color-ink) 90%, var(--color-accent))}.stat-hero__panel{gap:var(--space-lg);padding:var(--space-lg);background:var(--color-panel);border:1px solid var(--color-seam-mid);flex-direction:column;display:flex;box-shadow:0 12px 32px #19171505}.stat-item{gap:var(--space-3xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-seam);flex-direction:column;display:flex}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-item__value{font-family:var(--font-outlier);font-size:var(--text-3xl);color:var(--color-ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-weight:500;line-height:1;display:flex}.stat-item__unit{font-size:var(--text-sm);color:var(--color-accent)}.stat-item__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ghost);letter-spacing:.04em;text-transform:uppercase}.stat-item__detail{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.45}.section{gap:var(--space-xl);padding:var(--space-2xl) 0;border-top:1px solid var(--color-seam);grid-template-columns:minmax(120px,180px) minmax(0,1fr);display:grid}.section-head{gap:var(--space-2xs);flex-direction:column;align-self:start;display:flex;position:sticky;top:80px}.section-head__num{font-family:var(--font-outlier);font-size:var(--text-sm);color:var(--color-accent);letter-spacing:.1em}.section-head__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-ink);font-weight:500;line-height:1.1}.section-body{gap:var(--space-2xl);flex-direction:column;display:flex}.section-body__intro{max-width:var(--reading-width);gap:var(--space-xs);flex-direction:column;display:flex}.section-body__intro h3{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.025em;color:var(--color-ink);font-weight:500;line-height:1.1}.section-body__intro p{font-size:var(--text-md);color:var(--color-ink-soft);line-height:1.58}.projects-list{gap:var(--space-2xl);flex-direction:column;display:flex}.project-item{gap:var(--space-lg);padding:var(--space-lg);background:var(--color-panel);border:1px solid var(--color-seam-mid);transition:transform var(--dur-medium) var(--ease-out), border-color var(--dur-medium) var(--ease-out), background-color var(--dur-medium) var(--ease-out), box-shadow var(--dur-medium) var(--ease-out);grid-template-columns:1fr;display:grid;position:relative;box-shadow:0 4px 16px #19171503}.project-item:hover,.project-item.is-hover{border-color:var(--color-seam-firm);background:var(--color-paper-2);transform:translateY(-4px);box-shadow:0 16px 36px #1917150d}.project-item__header{border-bottom:1px solid var(--color-seam);padding-bottom:var(--space-xs);justify-content:space-between;align-items:baseline;display:flex}.project-item__meta{font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ghost)}.project-item__year{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-accent);font-variant-numeric:tabular-nums}.project-item__grid{gap:var(--space-xl);grid-template-columns:1.25fr .9fr;display:grid}.project-item__narrative{gap:var(--space-md);flex-direction:column;display:flex}.project-item h4{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-ink);font-weight:500;line-height:1.1}.project-item__summary{font-size:var(--text-base);color:var(--color-ink-soft);line-height:1.55}.project-item__details{gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper);border:1px solid var(--color-seam);flex-direction:column;display:flex}.project-item__metric{flex-direction:column;gap:2px;display:flex}.project-item__metric-label{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);text-transform:uppercase}.project-item__metric-value{font-size:var(--text-base);color:var(--color-ink);font-weight:500}.project-item__tech{gap:var(--space-2xs);margin-top:var(--space-2xs);flex-wrap:wrap;display:flex}.tech-tag{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-soft);background:var(--color-paper-2);border:1px solid var(--color-seam-mid);padding:var(--space-3xs) var(--space-xs)}.typographic-link{align-items:center;gap:var(--space-2xs);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border-bottom:1px solid var(--color-seam-firm);width:fit-content;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);padding-bottom:2px;font-weight:500;display:inline-flex}.typographic-link:before{content:"";z-index:2;position:absolute;inset:0}.typographic-link:after{content:"→";transition:transform var(--dur-short) var(--ease-out);display:inline-block}.typographic-link:hover:after,.typographic-link.is-hover:after{transform:translate(3px)}.typographic-link:hover,.typographic-link.is-hover{color:var(--color-accent);border-color:var(--color-accent)}.tabular-spec{flex-direction:column;display:flex}.tabular-row{gap:var(--space-xl);padding:var(--space-md) 0;border-bottom:1px solid var(--color-seam);grid-template-columns:minmax(140px,180px) 1.25fr .9fr;align-items:start;display:grid}.tabular-row:first-child{border-top:1px solid var(--color-seam)}.tabular-row__meta{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin-top:3px}.tabular-row__content{gap:var(--space-3xs);flex-direction:column;display:flex}.tabular-row__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);font-weight:500;line-height:1.1}.tabular-row__sub{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-soft);font-weight:500}.tabular-row__desc{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.5}.tabular-row__status{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.contact-panel{gap:var(--space-xl);padding:var(--space-xl);background:var(--color-panel);border:1px solid var(--color-seam-mid);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.contact-panel:before{content:"";background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 44%);pointer-events:none;position:absolute;inset:0}.contact-panel__action{gap:var(--space-sm);z-index:var(--z-base);flex-direction:column;display:flex}.contact-panel__label{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);letter-spacing:.08em;text-transform:uppercase}.contact-panel__primary{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);border-bottom:1px solid var(--color-seam-firm);white-space:nowrap;width:fit-content;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);padding-bottom:2px;font-weight:500;line-height:1}.contact-panel__primary:hover,.contact-panel__primary.is-hover{color:var(--color-accent);border-color:var(--color-accent)}.contact-panel__grid{gap:var(--space-lg);z-index:var(--z-base);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-panel__item{gap:var(--space-3xs);flex-direction:column;display:flex}.contact-panel__item a{font-size:var(--text-base);color:var(--color-ink);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--color-seam-mid);text-decoration-color:var(--color-seam-mid);transition:color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out)}.contact-panel__item a:hover{color:var(--color-accent);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.site-footer{margin-top:var(--space-4xl);border-top:1px solid var(--color-seam);padding:var(--space-xl) 0 var(--space-2xl)}.colophon{gap:var(--space-xl);grid-template-columns:1.25fr .9fr;align-items:start;display:grid}.colophon__text{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);max-width:var(--reading-width);text-align:justify;line-height:1.62}.colophon__text a{color:var(--color-ink-soft);text-decoration:underline}.colophon__text a:hover{color:var(--color-accent)}.colophon__meta{gap:var(--space-3xs);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;align-items:flex-end;display:flex}.colophon__meta-item{gap:var(--space-xs);display:flex}.colophon__meta-val{color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.reveal{opacity:0;transition:opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);will-change:opacity, transform;transform:translateY(16px)}.reveal--visible{opacity:1;transform:translateY(0)}@media (max-width:960px){.site-shell{width:min(100% - var(--space-lg), var(--content-width))}.stat-hero{gap:var(--space-xl);padding:var(--space-lg) 0 var(--space-2xl);grid-template-columns:1fr}.stat-hero__panel{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr))}.stat-item{border-bottom:none;border-right:1px solid var(--color-seam);padding-bottom:0;padding-right:var(--space-md)}.stat-item:last-child{border-right:none;padding-right:0}.section{gap:var(--space-lg);padding:var(--space-xl) 0;grid-template-columns:1fr}.section-head{align-items:baseline;gap:var(--space-xs);flex-direction:row;position:static}.project-item__grid{gap:var(--space-md);grid-template-columns:1fr}.tabular-row{gap:var(--space-sm);grid-template-columns:1fr}.tabular-row__meta{margin-top:0}.contact-panel{gap:var(--space-lg);grid-template-columns:1fr}.colophon{gap:var(--space-md);grid-template-columns:1fr}.colophon__meta{align-items:flex-start}}@media (max-width:640px){:root{--text-display:clamp(2.4rem, 11vw, 3.6rem)}.site-header{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;flex-direction:column}.site-nav{justify-content:space-between;width:100%}.site-nav__links{gap:var(--space-xs)}.stat-hero__panel{gap:var(--space-md);grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid var(--color-seam);padding-right:0;padding-bottom:var(--space-sm)}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-hero__actions{grid-template-columns:1fr;width:100%;display:grid}.button-link{white-space:nowrap;width:100%}.contact-panel__primary{font-size:var(--text-xl)}.contact-panel__grid{gap:var(--space-md);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.work-page{width:min(100% - var(--space-xl), var(--content-width));padding:var(--space-xl) var(--space-xs) var(--space-3xl);margin:0 auto}.work-page__back{align-items:center;gap:var(--space-2xs);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:var(--space-xl);transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);border-bottom:1px solid #0000;padding-bottom:2px;display:inline-flex}.work-page__back:hover{color:var(--color-accent);border-color:var(--color-accent)}.work-article{gap:var(--space-2xl);flex-direction:column;display:flex}.work-header{gap:var(--space-xl);border-bottom:1px solid var(--color-seam);padding-bottom:var(--space-xl);grid-template-columns:minmax(0,1.25fr) minmax(280px,.9fr);align-items:start;display:grid}.work-header__intro{gap:var(--space-xs);flex-direction:column;display:flex}.work-header__eyebrow{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase}.work-header h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.035em;color:var(--color-ink);text-wrap:balance;font-weight:500;line-height:1.04}.work-header__summary{font-size:var(--text-md);color:var(--color-ink-soft);line-height:1.58}.work-meta{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.work-meta div{padding-top:var(--space-xs);border-top:1px solid var(--color-seam);flex-direction:column;gap:2px;display:flex}.work-meta dt{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);text-transform:uppercase}.work-meta dd{font-size:var(--text-base);color:var(--color-ink);font-weight:500}.work-sections{flex-direction:column;display:flex}.work-section{gap:var(--space-xl);padding:var(--space-xl) 0;border-top:1px solid var(--color-seam);grid-template-columns:minmax(120px,180px) minmax(0,1fr);display:grid}.work-section:first-child{border-top:none;padding-top:0}.work-section__label{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);text-transform:uppercase;letter-spacing:.06em;align-self:start;position:sticky;top:80px}.work-section__text{font-size:var(--text-base);color:var(--color-ink-soft);max-width:var(--reading-width);line-height:1.6}.work-list{margin-left:var(--space-md);color:var(--color-ink-soft);gap:var(--space-2xs);max-width:var(--reading-width);flex-direction:column;display:flex}.artifact-list{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.artifact-card{gap:var(--space-2xs);padding:var(--space-md);background:var(--color-panel);border:1px solid var(--color-seam-mid);transition:transform var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);flex-direction:column;display:flex;box-shadow:0 4px 12px #19171503}.artifact-card:hover{border-color:var(--color-seam-firm);background:var(--color-paper-2);transform:translateY(-2px)}.artifact-card h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-ink);font-weight:500;line-height:1.1}.artifact-card p{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.45}.artifact-card a{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;border-bottom:1px solid #0000;width:fit-content;margin-top:auto}.artifact-card a:hover{border-color:var(--color-accent)}.artifact-card__status{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ghost);text-transform:uppercase;margin-top:auto}.work-tech{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.work-tech__tag{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink-soft);background:var(--color-paper-2);border:1px solid var(--color-seam-mid);padding:var(--space-3xs) var(--space-xs)}@media (max-width:960px){.work-header{gap:var(--space-lg);grid-template-columns:1fr}.work-section{gap:var(--space-sm);grid-template-columns:1fr}.work-section__label{position:static}}.project-diagram{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-paper);border:1px solid var(--color-seam);gap:var(--space-sm);font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-ink);flex-direction:column;display:flex}.project-diagram__title{text-transform:uppercase;color:var(--color-ghost);letter-spacing:.04em;border-bottom:1px solid var(--color-seam);padding-bottom:4px;font-weight:500}.diagram-ledger-flow{justify-content:space-between;align-items:center;gap:var(--space-2xs);padding:4px 0;display:flex;position:relative}.diagram-node{padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--color-seam-mid);background:var(--color-paper-2);text-align:center;border-radius:4px;min-width:76px;position:relative}.diagram-node--accent{border-color:var(--color-accent);color:var(--color-accent);font-weight:500}.diagram-arrow{color:var(--color-ghost);font-weight:700}.diagram-bar-comparison{gap:var(--space-xs);flex-direction:column;padding:4px 0;display:flex}.diagram-bar-row{align-items:center;gap:var(--space-xs);grid-template-columns:80px 1fr 45px;display:grid}.diagram-bar-label{color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.diagram-bar-track{background:var(--color-paper-2);border:1px solid var(--color-seam);border-radius:4px;height:8px;overflow:hidden}.diagram-bar-fill{background:var(--color-ghost);border-radius:4px;height:100%}.diagram-bar-fill--accent{background:var(--color-accent)}.diagram-bar-value{color:var(--color-ink);text-align:right;font-weight:500}.diagram-rls-isolation{gap:var(--space-sm);text-align:center;grid-template-columns:repeat(3,1fr);padding:4px 0;display:grid}.diagram-col{padding:var(--space-xs);border:1px dashed var(--color-seam-firm);background:var(--color-paper-2);flex-direction:column;gap:4px;display:flex}.diagram-col--active{border-style:solid;border-color:var(--color-accent)}.diagram-col__title{text-transform:uppercase;color:var(--color-ink);font-weight:500}.diagram-col__badge{font-size:var(--text-xs);color:var(--color-ghost)}.diagram-col--active .diagram-col__badge{color:var(--color-accent)}.diagram-docker-pipeline{justify-content:space-around;align-items:center;gap:var(--space-2xs);padding:4px 0;display:flex}.diagram-box{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-seam-mid);background:var(--color-paper-2);text-align:center}.diagram-box--container{border:1px dashed var(--color-accent);background:color-mix(in oklch, var(--color-accent) 4%, transparent)}