.work-experience,.work-case-study{--diagram-blue:color-mix(in srgb, #6c8b9c 85%, var(--text));--diagram-green:color-mix(in srgb, #738371 80%, var(--text));--diagram-line:color-mix(in srgb, var(--text) 23%, var(--background));--diagram-paper:color-mix(in srgb, var(--surface) 75%, var(--background))}.work-experience{padding-top:clamp(2.5rem,5vw,5rem)}.work-overview{scroll-margin-top:2rem}.work-header{max-width:none;margin-bottom:0}.work-header h1{margin-bottom:1rem;font-size:clamp(3.2rem,6.4vw,6.5rem)}.work-header>p:last-child{font-size:clamp(1rem,1.6vw,1.2rem)}.work-period{color:var(--accent)}.project-constellation{height:clamp(340px,42vh,440px);margin:1.5rem 0 2rem;position:relative}.constellation-paths{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.constellation-paths path{fill:none;stroke:var(--diagram-line);stroke-width:.8px;vector-effect:non-scaling-stroke;transition:stroke .18s}.constellation-paths path[data-related=true]{stroke:var(--diagram-blue);stroke-width:1.2px}.project-constellation>ol{margin:0;padding:0;list-style:none}.project-constellation>ol>li{top:var(--node-y);left:var(--node-x);width:29%;position:absolute}.constellation-node{gap:1rem;width:fit-content;max-width:100%;min-height:80px;padding:12px 0 12px 14px;text-decoration:none;display:flex;position:relative}.node-copy{gap:.55rem;display:grid}.node-copy .eyebrow{letter-spacing:.13em;font-size:.63rem}.node-title{letter-spacing:-.045em;font-size:clamp(1.4rem,2.15vw,2.1rem);font-weight:650;line-height:1.1}.node-point{background:var(--diagram-blue);outline:6px solid var(--background);border-radius:50%;width:6px;height:6px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.node-arrow{color:var(--muted);opacity:0;align-self:end;padding-bottom:.2rem;font-size:1rem;transition:opacity .18s}.constellation-node:is(:hover,:focus-visible,[aria-current=location]) .node-point{background:var(--accent)}.constellation-node:is(:hover,:focus-visible,[aria-current=location]) .node-title{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.constellation-node:is(:hover,:focus-visible,[aria-current=location]) .node-arrow{opacity:1}.constellation-node[data-softened=true]{color:color-mix(in srgb, var(--text) 75%, var(--background))}.project-glyph{stroke:var(--diagram-blue);stroke-width:1px;flex:none;width:64px;height:48px;display:none}.overview-footnote{color:var(--muted);justify-content:space-between;gap:1rem;padding-bottom:2rem;font:.65rem ui-monospace,monospace;display:flex}.project-exhibition{margin-top:clamp(2rem,6vw,6rem)}.project-focus{border-top:1px solid var(--line);padding-top:1.5rem;scroll-margin-top:1rem}.project-section-top{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-section-top>p{margin:0}.project-focus-layout{grid-template-columns:.85fr 1.45fr;align-items:center;gap:clamp(2rem,5vw,5rem);min-height:560px;padding-block:3rem;display:grid}.project-focus-copy{max-width:430px}.project-focus h2{margin-bottom:1.5rem;font-size:clamp(2.9rem,4.5vw,5rem);line-height:1}.project-focus:has([data-accent=neutral]) h2{font-size:clamp(2.7rem,3.8vw,4.1rem)}.project-hook{max-width:29ch;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.5}.project-summary{color:var(--muted);font-size:.92rem;line-height:1.8}.project-highlight{border-left:2px solid var(--accent);margin-block:1.75rem;padding-left:1rem;font-size:.8rem;line-height:1.65}.project-detail-link{border-bottom:1px solid var(--text);align-items:center;gap:2rem;min-height:48px;font-size:.87rem;font-weight:600;text-decoration:none;display:inline-flex}.project-detail-link:hover{color:var(--accent);border-color:currentColor}.project-tags{color:var(--muted);flex-wrap:wrap;gap:.4rem .9rem;margin-top:1.75rem;padding:0;font:.65rem ui-monospace,monospace;list-style:none;display:flex}.project-sequence{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}.project-sequence a{align-items:center;gap:.75rem;min-height:44px;font-size:.75rem;text-decoration:none;display:inline-flex}.project-sequence a:hover{text-decoration:underline}.project-sequence a[rel=next]{text-align:right;margin-left:auto}.project-visual{align-self:center;min-width:0;margin:0}.visual-topline{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;padding:.7rem 0;font:.6rem ui-monospace,monospace;display:flex}.project-diagram{width:100%;height:auto;display:block;overflow:visible}.project-visual figcaption{border-top:1px solid var(--line);color:var(--muted);padding-top:.8rem;font:.6rem/1.6 ui-monospace,monospace}.diagram-lines{stroke:var(--diagram-line);stroke-width:1px;fill:none}.diagram-card{fill:var(--diagram-paper);stroke:var(--diagram-line);stroke-width:1px}.diagram-card path{fill:none}.diagram-label{fill:var(--text);stroke:none;letter-spacing:-.3px;font:14px Segoe UI,Arial,sans-serif}.diagram-note{fill:var(--muted);stroke:none;letter-spacing:.3px;font:10px ui-monospace,monospace}.diagram-accent-fill{fill:var(--accent);stroke:none}.diagram-blue-fill{fill:var(--diagram-blue);stroke:none}.diagram-accent-stroke{stroke:var(--accent)}.diagram-accent-text{fill:var(--accent)}.entity-detail>rect{stroke:var(--diagram-blue)}.agent-core>rect{fill:color-mix(in srgb, var(--diagram-blue) 7%, var(--background));stroke:var(--diagram-blue)}.tray-top,.tray-side{fill:var(--diagram-paper);stroke:var(--diagram-blue);stroke-width:1px}.tray-side{fill:color-mix(in srgb, var(--diagram-blue) 8%, var(--background))}.water-plane{fill:color-mix(in srgb, var(--diagram-blue) 13%, var(--background));stroke:var(--diagram-blue);stroke-width:.7px}.water-lines{opacity:.45}.plant-collar{fill:var(--background);stroke:var(--diagram-blue);stroke-width:.8px}.plant-stem{stroke:var(--diagram-green);stroke-width:1.4px}.plant-leaf{fill:color-mix(in srgb, var(--diagram-green) 18%, var(--background));stroke:var(--diagram-green);stroke-width:1px}.plant-vein{stroke:var(--diagram-green);stroke-width:.7px}.cpu-plate{fill:var(--diagram-paper);stroke:var(--diagram-line);stroke-width:1px}.cpu-top{fill:color-mix(in srgb, var(--diagram-blue) 6%, var(--background));stroke:var(--diagram-blue);stroke-width:1px}.cpu-die{fill:color-mix(in srgb, var(--diagram-blue) 12%, var(--background));stroke:var(--diagram-blue);stroke-width:1px}.work-case-study{padding-block:3rem 5rem}.case-study-hero{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin-block:3rem;display:grid}.case-study-hero h1{font-size:clamp(3rem,5.5vw,6rem)}.case-study-intro{color:var(--muted);font-size:1.1rem}.case-study-body{max-width:740px;margin:4rem auto 0}.case-study-body section{margin-block:3rem}.case-study-body p{color:var(--muted)}.case-study-facts{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2rem;margin-block:2rem;padding-block:1.5rem;display:grid}.case-study-facts dt{text-transform:uppercase;color:var(--muted);margin-bottom:.75rem;font:.65rem ui-monospace,monospace}.case-study-facts dd{margin:0;font-size:.85rem;line-height:1.7}.case-study-body img{width:100%;height:auto}@media (width<=950px){.project-constellation{height:auto;margin-block:2rem}.constellation-paths{display:none}.project-constellation>ol{display:grid}.project-constellation>ol>li{border-top:1px solid var(--line);width:100%;position:static}.constellation-node{align-items:center;gap:1.5rem;width:100%;min-height:104px;padding:1rem 0}.node-point{display:none}.node-copy{flex:1}.node-title{font-size:clamp(1.5rem,3.2vw,2rem)}.project-glyph{display:block}.node-arrow{opacity:1;align-self:center}.project-focus-layout{grid-template-columns:.9fr 1.1fr;gap:2rem;min-height:520px}.case-study-hero{gap:2rem}}@media (width<=650px){.work-header h1{font-size:clamp(3.1rem,11vw,4.5rem)}.overview-footnote{flex-direction:column;gap:.65rem}.node-title{font-size:1.6rem}.node-copy .eyebrow{font-size:.58rem}.project-glyph{width:48px;height:40px}.constellation-node{gap:.8rem}.project-focus-layout,.case-study-hero{grid-template-columns:1fr;gap:2rem;padding-block:2rem}.project-focus-copy{max-width:none}.project-focus h2,.project-focus:has([data-accent=neutral]) h2{max-width:12ch;font-size:3rem}.project-focus .project-visual{margin-block:1rem}.project-visual figcaption{font-size:.55rem}.project-section-top{gap:.5rem}.project-section-top .eyebrow{font-size:.62rem}.project-sequence{gap:1rem}.project-sequence a{max-width:48%;line-height:1.6}.case-study-facts{grid-template-columns:1fr}.case-study-hero{margin-block:1rem}}