.work-chapter{background:var(--color-sea-mist,#e4eaed);margin-inline:calc(-1 * var(--page-gutter,1.5rem));padding-block:clamp(3rem,6vw,5rem);padding-inline:var(--page-gutter,1.5rem);position:relative}.work-chapter:before{background:radial-gradient(ellipse 120% 140% at 50% 0%, color-mix(in srgb, var(--color-sand,#f4efe6) 88%, transparent) 0%, color-mix(in srgb, var(--color-sand,#f4efe6) 35%, var(--color-sea-mist,#e4eaed)) 55%, transparent 100%);pointer-events:none;content:"";border-radius:0 0 50% 50%/0 0 clamp(1.5rem,4vw,2.75rem) clamp(1.5rem,4vw,2.75rem);height:clamp(2.5rem,6vw,4.5rem);position:absolute;top:0;left:0;right:0}.work-chapter .work-intro{margin-bottom:clamp(2.5rem,4vw,3.5rem);position:relative}.work-chapter .work-marginal{color:var(--color-blue,#4a6670);letter-spacing:.02em;text-transform:none;align-items:center;gap:.55rem;margin:0 0 .85rem;font-size:.72rem;display:flex}.work-chapter .work-marginal-marker{background:var(--color-amber-soft,#c9a86c);border-radius:50%;flex-shrink:0;width:.35rem;height:.35rem;display:inline-block}.work-chapter .work-intro h2{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink,#1a2332);margin:0;font-size:clamp(.72rem,.85vw,.78rem);font-weight:600}.work-chapter .project-list{border-top:1px solid var(--color-line,color-mix(in srgb, var(--color-blue,#4a6670) 20%, transparent))}.work-chapter .project-row{border-bottom:1px solid var(--color-line,color-mix(in srgb, var(--color-blue,#4a6670) 20%, transparent));gap:clamp(1.75rem,3.5vw,3rem);padding-block:clamp(2.5rem,4.5vw,4rem);display:grid}.work-chapter .project-row:last-child{border-bottom:0}.work-chapter .project-row--copy-first{grid-template-columns:minmax(16rem,5fr) minmax(0,7fr)}.work-chapter .project-row--diagram-first{grid-template-columns:minmax(0,7fr) minmax(16rem,5fr)}.work-chapter .project-row--diagram-first .project-copy{order:2}.work-chapter .project-row--diagram-first .system-diagram{order:1}.work-chapter .project-row--featured{padding-block:clamp(3rem,5vw,4.75rem)}.work-chapter .project-heading h3{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:-.025em;color:var(--color-ink,#1a2332);margin:0 0 clamp(1.25rem,2vw,1.75rem);font-size:clamp(1.85rem,3.2vw,2.85rem);font-weight:700;line-height:1.05}.work-chapter .project-row--featured .project-heading h3{font-size:clamp(2.2rem,4vw,3.4rem)}.work-chapter .project-story{gap:.85rem;margin:0;display:grid}.work-chapter .project-story div{grid-template-columns:5rem 1fr;gap:.85rem;display:grid}.work-chapter .project-story dt{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink,#1a2332);font-size:.68rem;font-weight:500}.work-chapter .project-story dd{max-width:62ch;color:color-mix(in srgb, var(--color-ink,#1a2332) 82%, transparent);margin:0;font-size:.94rem;line-height:1.58}.work-chapter .project-technologies{max-width:62ch;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;color:color-mix(in srgb, var(--color-ink,#1a2332) 65%, transparent);margin:1.25rem 0 0 5.85rem;font-size:.68rem}.work-chapter .system-diagram{align-self:center;margin:0}.work-chapter .diagram-svg{width:100%;min-height:12rem;overflow:visible}.work-chapter .diagram-connector-base{fill:none;stroke:var(--color-blue,#4a6670);stroke-width:1.25px;vector-effect:non-scaling-stroke;opacity:1}.work-chapter.work-chapter--animate .diagram-connector-base{opacity:.55}.work-chapter .diagram-connector-draw{fill:none;stroke:var(--color-blue,#4a6670);stroke-width:1.25px;vector-effect:non-scaling-stroke;opacity:0}.work-chapter.work-chapter--animate .diagram-connector-draw{opacity:1;stroke-dasharray:1;stroke-dashoffset:1px}.work-chapter.work-chapter--animate.work-chapter--revealed .diagram-connector-draw{animation:.8s cubic-bezier(.4,0,.2,1) forwards diagram-draw;animation-delay:var(--draw-delay,0s)}@keyframes diagram-draw{to{stroke-dashoffset:0}}.work-chapter .diagram-arrowhead{fill:var(--color-blue,#4a6670)}.work-chapter .diagram-label{fill:var(--color-ink,#1a2332);font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:-.02em;font-size:19px;font-weight:650}.work-chapter .diagram-label-primary{font-size:22px;font-weight:700}.work-chapter .diagram-label-secondary{fill:color-mix(in srgb, var(--color-ink,#1a2332) 78%, transparent);font-size:17px;font-weight:600}.work-chapter .diagram-label-neutral{fill:color-mix(in srgb, var(--color-ink,#1a2332) 90%, transparent);font-size:18px}.work-chapter .diagram-anchor{fill:var(--color-blue,#4a6670)}.work-chapter .diagram-anchor-primary{fill:var(--color-amber-soft,#c9a86c)}.work-chapter .diagram-anchor-secondary{fill:var(--color-blue,#4a6670);opacity:.85}.work-chapter .diagram-mobile{display:none}.work-chapter .diagram-mobile-defs{width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.work-chapter .diagram-connector-draw{display:none}.work-chapter .diagram-connector-base{opacity:1}}@media (width<=58rem){.work-chapter .project-row--copy-first,.work-chapter .project-row--diagram-first{grid-template-columns:1fr}.work-chapter .project-row--diagram-first .project-copy,.work-chapter .project-row--diagram-first .system-diagram{order:unset}}@media (width<=52rem){.work-chapter .diagram-svg{display:none}.work-chapter .diagram-mobile{margin:0;padding:0;list-style:none;display:block}.work-chapter .diagram-mobile-edge{border-top:1px solid var(--color-line,color-mix(in srgb, var(--color-blue,#4a6670) 20%, transparent));color:var(--color-ink,#1a2332);grid-template-columns:minmax(0,1fr) 1.25rem minmax(0,1fr);align-items:center;gap:.5rem;padding:.55rem 0;font-size:.72rem;font-weight:560;line-height:1.2;display:grid}.work-chapter .diagram-mobile-edge:last-child{border-bottom:1px solid var(--color-line,color-mix(in srgb, var(--color-blue,#4a6670) 20%, transparent))}.work-chapter .diagram-mobile-flow{width:1.25rem;height:1rem;display:block;overflow:visible}.work-chapter .diagram-mobile-curve{fill:none;stroke:var(--color-blue,#4a6670);stroke-width:1.25px;vector-effect:non-scaling-stroke}.work-chapter .diagram-mobile-target{padding-right:.75rem;position:relative}.work-chapter .diagram-mobile-target:after{background:var(--color-blue,#4a6670);content:"";border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:50%;right:0;transform:translateY(-50%)}.work-chapter .diagram-mobile-target.diagram-node-primary:after{background:var(--color-amber-soft,#c9a86c)}}@media (width<=20rem){.work-chapter .diagram-mobile-edge{grid-template-columns:minmax(0,1fr) 1rem minmax(0,1fr);gap:.35rem;font-size:.66rem}.work-chapter .diagram-mobile-flow{width:1rem}}