/* EDDINGTON V4.0 — production design system
   Width-and-measure refinement: wider desktop canvas, calmer heading scale, balanced headline wrapping.
   Editorial systems modernism: structured, human, technical, warm. */
@font-face{font-family:"Barlow Condensed";src:url("/fonts/barlow-condensed-700.3787a5a4.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/fonts/barlow-condensed-800.2515494e.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url("/fonts/geist-variable.19f9c925.woff2") format("woff2");font-weight:350 700;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/fonts/geist-mono-500.72971bd4.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/fonts/instrument-serif-400.5eb09b5a.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --navy:#13263A;--navy-2:#0F2031;--navy-3:#1B344B;
  --bone:#F7F3EB;--paper:#FCFAF5;--light:#FFFDF8;
  --blue:#3575B4;--blue-soft:#9FC2E4;--orange:#C13D22;--orange-soft:#EBA08E;
  --teal:#347F70;--teal-soft:#A9CFC5;--sage:#819188;--sage-text:#5F7068;--sage-wash:#E8ECE7;
  --rule:#C8BFB4;--rule-dark:#34495D;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Geist",Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"Geist Mono","Courier New",monospace;
  --wrap:1440px;--gutter:clamp(1.25rem,3vw,3rem);
  --s1:.375rem;--s2:.625rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--s7:4.5rem;--s8:6.5rem;--s9:9rem;
  --radius:2px;--header-h:74px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--bone);color:var(--navy);font:400 clamp(1rem,.15vw + .97rem,1.08rem)/1.58 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.nav-open{overflow:hidden}img,svg{max-width:100%;height:auto}figure{margin:0}h1,h2,h3,h4,p,ul,ol{margin-top:0}h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:.96;letter-spacing:.005em}h1,h2{text-wrap:balance}h1{font-size:clamp(3.25rem,5vw,5.65rem)}h2{font-size:clamp(2.45rem,3.55vw,4rem)}h3{font-size:clamp(1.5rem,1.85vw,1.95rem)}h4{font-size:1.2rem}p{margin-bottom:1.05em}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{text-decoration-color:var(--orange)}button,input,textarea{font:inherit}.wrap{width:min(var(--wrap),100%);margin:auto;padding-inline:var(--gutter)}.measure{max-width:67ch}.measure-wide{max-width:82ch}.section{padding-block:clamp(3.2rem,5.05vw,5.05rem)}.section--tight{padding-block:clamp(2.4rem,3.4vw,3.6rem)}.section--paper{background:var(--paper)}.section--navy{background:var(--navy);color:var(--light)}.section--navy2{background:var(--navy-2);color:var(--light)}.section--sage{background:var(--sage-wash)}.rule-top{border-top:1px solid var(--rule)}.rule-bottom{border-bottom:1px solid var(--rule)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--light);color:var(--navy);padding:.75rem 1rem;border:2px solid var(--navy)}.skip-link:focus{top:1rem}
.site-header{height:var(--header-h);position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bone) 94%,transparent);border-bottom:1px solid var(--rule);backdrop-filter:blur(10px);transition:box-shadow .2s ease}.site-header.is-scrolled{box-shadow:0 5px 24px rgba(19,38,58,.08)}.header-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{font:800 1.38rem/1 var(--display);letter-spacing:.13em;text-decoration:none}.wordmark .dot{color:var(--orange)}.site-nav{display:flex;align-items:center;gap:1.5rem}.site-nav a{position:relative;font:500 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.8rem 0}.site-nav a:not(.nav-cta):after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:.45rem;background:var(--orange);transition:right .2s}.site-nav a:hover:after,.site-nav a[aria-current="page"]:after{right:0}.nav-cta{border:1px solid var(--navy);padding:.62rem .92rem!important}.nav-cta:hover{background:var(--navy);color:var(--light)}.menu-toggle{display:none;border:1px solid var(--navy);background:transparent;color:var(--navy);padding:.55rem .75rem;font:500 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.eyebrow,.kicker,.meta{font:500 .69rem/1.4 var(--mono);letter-spacing:.11em;text-transform:uppercase}.eyebrow,.kicker{color:var(--sage-text)}.section--navy .kicker,.section--navy2 .kicker{color:#9EB1A8}.kicker{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}.kicker:before{content:"";width:34px;height:2px;background:currentColor}.serif{font-family:var(--serif)}.serif-lede{font:400 clamp(1.35rem,2vw,1.8rem)/1.34 var(--serif)}.muted{color:var(--sage-text)}.section--navy .muted,.section--navy2 .muted{color:#B7C2C7}.accent-blue{color:var(--blue)}.accent-orange{color:var(--orange)}.accent-teal{color:var(--teal)}.display-quote{font:400 clamp(1.65rem,3.1vw,2.8rem)/1.15 var(--serif);max-width:29ch}.small{font-size:.88rem}.mono{font-family:var(--mono)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.72rem 1.08rem;background:var(--orange);border:1px solid var(--orange);color:var(--light);font:800 .9rem/1 var(--display);letter-spacing:.035em;text-transform:uppercase;text-decoration:none}.button:hover{background:#A9321C;border-color:#A9321C;text-decoration:none}.button--ghost{background:transparent;border-color:var(--navy);color:var(--navy)}.button--ghost:hover{background:var(--navy);color:var(--light)}.button--light{background:transparent;border-color:#B7C6D1;color:var(--light)}.button--light:hover{background:var(--light);color:var(--navy)}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.text-link{font:500 .76rem/1.3 var(--mono);letter-spacing:.04em;text-decoration:none}.text-link:hover{color:var(--orange)}.actions{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;align-items:center}
.page-hero{padding:clamp(3.2rem,5.05vw,5.3rem) 0 clamp(2.55rem,4.05vw,4.05rem);border-bottom:1px solid var(--rule)}.page-hero__grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:clamp(2.5rem,5vw,5rem);align-items:end}.page-hero h1{font-size:clamp(3.25rem,4.95vw,5.6rem);max-width:17.5ch;margin:.7rem 0 1.1rem}.page-hero__aside{padding-left:1.5rem;border-left:1px solid var(--rule)}.page-hero__aside .meta{color:var(--sage-text);margin-bottom:.8rem}.page-hero__aside p:last-child{margin-bottom:0}.page-hero--dark{background:var(--navy);color:var(--light);border:0}.page-hero--dark .page-hero__aside{border-color:var(--rule-dark)}.page-hero--dark .meta{color:#9FB0BC}.page-hero--dark .muted{color:#BBC7CD}
.home-hero{padding:clamp(2.6rem,4.65vw,4.9rem) 0 clamp(2.8rem,4.9vw,4.9rem);border-bottom:1px solid var(--rule)}.home-hero__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.68fr);gap:clamp(2.5rem,4.5vw,4.75rem);align-items:center}.home-hero h1{font-size:clamp(3.2rem,4.75vw,5.35rem);line-height:.92;max-width:15.8ch;margin:.75rem 0 1.35rem}.home-hero__lede{font:400 clamp(1.35rem,1.9vw,1.88rem)/1.28 var(--serif);max-width:34ch}.home-hero__proof{max-width:62ch;color:var(--sage-text)}.portrait{max-width:460px;justify-self:end}.portrait-frame{position:relative}.portrait-frame:before{content:"";position:absolute;inset:-15px 15px 15px -15px;border:1px solid var(--orange);z-index:-1}.portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;border:1px solid var(--navy)}.portrait figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem;font:500 .63rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sage-text)}
.factory-home{background:var(--navy);color:var(--light);padding:clamp(3.2rem,5.05vw,5.05rem) 0}.factory-home__intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:center}.factory-home h2{font-size:clamp(2.2rem,3vw,3.4rem);max-width:20.5ch}.factory-home__copy p{max-width:50ch;color:#DCE3E7}.factory-home__copy .serif-lede{color:#AEBBC1}.flow{margin-top:2.75rem;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:.55rem;align-items:stretch}.flow-step{border-top:5px solid var(--blue);background:#183047;padding:1rem;min-height:128px;display:flex;flex-direction:column}.flow-step.teal{border-color:var(--teal)}.flow-step.orange{border-color:var(--orange)}.flow-step span{font:500 .66rem/1 var(--mono);letter-spacing:.08em;color:#91A8BA}.flow-step b{font:800 1.55rem/1 var(--display);text-transform:uppercase;letter-spacing:.02em;margin-top:auto}.flow-step small{font-size:.75rem;color:#AEBBC1;margin-top:.3rem}.flow-arrow{align-self:center;color:#678099;font-size:1.5rem}.factory-home__foot{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-top:1.9rem;padding-top:1.15rem;border-top:1px solid var(--rule-dark)}.factory-home__thesis{font:400 clamp(1.3rem,2vw,1.7rem)/1.35 var(--serif);max-width:47ch;margin:0;color:#F0EEE7}
.proof-strip{background:var(--paper);border-bottom:1px solid var(--rule)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-item{padding:2rem 1.6rem;border-left:1px solid var(--rule)}.proof-item:first-child{border-left:0}.proof-item strong{display:block;font:800 clamp(2.3rem,3.8vw,4.1rem)/.92 var(--display)}.proof-item--delta strong{font-size:clamp(2.05rem,3.15vw,3.4rem);letter-spacing:-.02em;white-space:nowrap}.proof-item span{display:block;margin-top:.55rem;font-size:.82rem;color:var(--sage-text);max-width:23ch}
.split-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,3.5vw,3.75rem);align-items:center}.split-heading h2{font-size:clamp(2.2rem,3vw,3.4rem);max-width:20.5ch}.mandate-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.mandate-grid article{padding:1.5rem 1.6rem 2rem;border-left:1px solid var(--rule)}.mandate-grid article:first-child{border-left:0}.mandate-grid .num{font:500 .69rem/1 var(--mono);color:var(--orange)}.mandate-grid h3{margin:.75rem 0 .8rem}.mandate-grid p{font-size:.93rem;color:var(--sage-text);margin:0}
.exp-list{border-top:2px solid var(--navy)}.exp-row{display:grid;grid-template-columns:.56fr 1.45fr .18fr;gap:2rem;padding:1.75rem 0;border-bottom:1px solid var(--rule);align-items:start}.exp-company{font:800 1.65rem/1 var(--display);letter-spacing:.02em}.exp-row h3{margin:0 0 .55rem}.exp-row p{margin:0;max-width:70ch;color:var(--sage-text)}.exp-arrow{font:500 1rem/1 var(--mono);text-align:right}.experience-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.35rem}.experience-head h2{font-size:clamp(2.3rem,3.2vw,3.6rem);max-width:20ch}
.dark-lab{background:var(--navy-2);color:var(--light)}.lab-head{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:center}.lab-head h2{font-size:clamp(2.2rem,3vw,3.4rem);max-width:20.5ch}.lab-head p{font:400 1.35rem/1.38 var(--serif);color:#B9C4C8;max-width:40ch;margin:0}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.system-card{position:relative;display:flex;flex-direction:column;min-height:380px;padding:1.5rem;border:1px solid #35495A;background:#13293D;color:var(--light);text-decoration:none;transition:transform .2s ease,background .2s ease}.system-card:hover{transform:translateY(-4px);background:#183047;text-decoration:none}.system-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--blue)}.system-card.teal:before{background:var(--teal)}.system-card.orange:before{background:var(--orange)}.system-card .system-no{font:800 3.2rem/1 var(--display);color:#304B62}.system-card .system-type{font:500 .66rem/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:#8FA4B3;margin-top:1.5rem}.system-card h3{font-size:2.45rem;margin:1rem 0 .8rem}.system-card p{font-size:.95rem;color:#C1CBD0}.system-card strong{font:500 .7rem/1.35 var(--mono);letter-spacing:.04em;color:var(--blue-soft);margin-top:auto}.system-card em{font:800 .95rem/1 var(--display);text-transform:uppercase;font-style:normal;margin-top:1.3rem}.notebook-row{display:grid;grid-template-columns:.65fr repeat(3,1fr);gap:1rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid #35495A}.notebook-row span{font:500 .68rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#758D9E}.notebook-row a{font:400 1.15rem/1.25 var(--serif);color:#E6E0D5;text-decoration:none}.notebook-row a:hover{color:#fff}
.conversation-close{padding-block:clamp(3.75rem,5.5vw,5rem)}.conversation-close__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2.5rem,5vw,5rem);align-items:center;margin-top:1.25rem}.conversation-close h2{font-size:clamp(2.25rem,3vw,3.4rem);max-width:20ch;margin:0}.conversation-close__body{max-width:60ch}.conversation-close__body .serif-lede{margin-bottom:1.2rem}.conversation-close__body>p:not(.serif-lede){color:var(--sage-text);max-width:58ch}.conversation-close__body .actions{margin-top:1.6rem}
.dual-close h2{font-size:clamp(2.3rem,3.15vw,3.55rem);max-width:20ch}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:2.4rem}.dual-panel{background:var(--paper);padding:2rem;position:relative;display:flex;flex-direction:column}.dual-panel.primary{border-top:6px solid var(--orange)}.dual-panel.secondary{border-top:6px solid var(--blue)}.dual-panel .label{font:800 1.55rem/1 var(--display);text-transform:uppercase;margin:0 0 1rem}.dual-panel p{max-width:56ch}.dual-panel.secondary p{color:var(--sage-text)}.dual-panel .actions{margin-top:auto;padding-top:.5rem}
.cards-2,.cards-3,.cards-4{display:grid;gap:1rem}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--rule);background:var(--paper);padding:1.5rem}.card .meta{color:var(--sage-text);margin-bottom:1rem}.card h3{margin-bottom:.75rem}.card p:last-child{margin-bottom:0}.card--blue{border-top:5px solid var(--blue)}.card--orange{border-top:5px solid var(--orange)}.card--teal{border-top:5px solid var(--teal)}.card--navy{border-top:5px solid var(--navy)}
.numbered-list{counter-reset:item;border-top:2px solid currentColor}.numbered-list>article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:1.5rem;padding:1.7rem 0;border-bottom:1px solid var(--rule)}.section--navy .numbered-list>article,.section--navy2 .numbered-list>article{border-color:var(--rule-dark)}.numbered-list>article:before{counter-increment:item;content:counter(item,decimal-leading-zero);font:800 2.2rem/1 var(--display);color:var(--orange)}.numbered-list h3{margin-bottom:.5rem}.numbered-list p:last-child{margin-bottom:0}.quote-band{padding:clamp(2.75rem,4.5vw,4.25rem) 0;background:var(--sage-wash);border-block:1px solid var(--rule)}.quote-band blockquote{margin:0;font:400 clamp(1.65rem,2.9vw,2.8rem)/1.17 var(--serif);max-width:34ch}.quote-band cite{display:block;margin-top:1.1rem;font:500 .68rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sage-text);font-style:normal}
.timeline{border-left:1px solid var(--rule);margin-left:.75rem}.timeline-item{position:relative;padding:0 0 3rem 2.2rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-5px;top:.25rem;width:9px;height:9px;background:var(--bone);border:2px solid var(--orange)}.timeline-item .meta{color:var(--sage-text);margin-bottom:.6rem}.timeline-item h3{margin-bottom:.6rem}.timeline-item p{max-width:70ch;color:var(--sage-text)}
.metric-line{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--rule)}.metric{padding:1.5rem;border-left:1px solid var(--rule)}.metric:first-child{border-left:0}.metric strong{font:800 clamp(2rem,4vw,4rem)/1 var(--display)}.metric span{display:block;color:var(--sage-text);font-size:.82rem;margin-top:.5rem}
.pipeline-full{background:var(--paper);border:1px solid var(--rule);padding:clamp(.8rem,2vw,1.5rem);overflow:auto}.pipeline-full img{display:block;min-width:960px;width:100%}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.lesson{background:var(--paper);padding:1.5rem;display:grid;grid-template-columns:58px 1fr;gap:1rem}.lesson b{font:800 2.2rem/1 var(--display);color:var(--orange)}.lesson p{font:400 1.25rem/1.3 var(--serif);margin:0}
.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stage{border:1px solid var(--rule);background:var(--paper);display:flex;flex-direction:column}.stage-head{background:var(--navy);color:var(--light);padding:1rem}.stage-head .meta{color:var(--blue-soft)}.stage-head h3{font-size:2rem;margin:.35rem 0 0}.stage-body{padding:1.2rem;display:flex;flex-direction:column;flex:1}.stage-body .question{font:400 1.17rem/1.32 var(--serif);margin-bottom:1rem}.stage-body ul{padding-left:1rem}.stage-body .tools{margin-top:auto;padding-top:1rem;border-top:1px solid var(--rule);font:500 .68rem/1.45 var(--mono);color:var(--sage-text)}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.tier{background:var(--paper);border:1px solid var(--rule);padding:1.5rem}.tier.low{border-top:5px solid var(--blue)}.tier.med{border-top:5px solid var(--teal)}.tier.high{border-top:5px solid var(--orange)}.tier .tier-id{font:800 2.8rem/1 var(--display)}.tier .risk{font:500 .67rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sage-text);margin:.5rem 0 1rem}.loop{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:2rem}.loop span{border:1px solid var(--navy);padding:.7rem .85rem;font:800 .95rem/1 var(--display);text-transform:uppercase}.loop i{font-style:normal;color:var(--orange)}
.checkpoints{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.checkpoint{min-height:190px;padding:1rem;border:1px solid var(--rule);background:var(--paper);border-top:5px solid var(--teal);display:flex;flex-direction:column}.checkpoint .meta{color:var(--sage-text)}.checkpoint h3{font-size:1.4rem;margin:.6rem 0}.checkpoint p{font-size:.82rem;color:var(--sage-text);margin-top:auto}.frameworks{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.framework{background:var(--paper);padding:1.3rem}.framework .meta{color:var(--sage-text)}.framework strong{display:block;font-family:var(--display);font-size:1.2rem;margin-top:.5rem}.framework p{font-size:.86rem;color:var(--sage-text);margin:.5rem 0 0}
.essay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.essay-card{background:var(--paper);padding:1.8rem 2rem;min-height:285px;display:flex;flex-direction:column}.essay-card .meta{color:var(--sage-text)}.essay-card h2{font-size:clamp(2rem,3vw,3.25rem);margin:.8rem 0 1rem;max-width:14ch}.essay-card .hook{font:400 1.25rem/1.35 var(--serif);max-width:34ch}.essay-card .status{font:500 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-top:auto}
.photo-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}.about-photo{position:sticky;top:calc(var(--header-h) + 2rem)}.about-photo img{width:100%;display:block;border:1px solid var(--navy);filter:saturate(.92)}.about-photo figcaption{font:500 .65rem/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--sage-text);margin-top:.65rem}.about-copy h2{font-size:clamp(2.25rem,3vw,3.4rem);max-width:18ch}.about-copy .serif-lede{max-width:36ch}.about-copy hr{border:0;border-top:1px solid var(--rule);margin:2.5rem 0}
.arch-map{display:grid;grid-template-columns:220px 1fr;gap:2rem}.arch-nav{position:sticky;top:calc(var(--header-h) + 2rem);align-self:start}.arch-nav a{display:block;padding:.6rem 0;border-bottom:1px solid var(--rule);font:500 .7rem/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.arch-content section{padding-bottom:3.25rem;margin-bottom:3.25rem;border-bottom:1px solid var(--rule)}.arch-content section:last-child{border:0}.route-table{width:100%;border-collapse:collapse;font-size:.9rem}.route-table th,.route-table td{text-align:left;vertical-align:top;padding:.9rem;border-bottom:1px solid var(--rule)}.route-table th{font:500 .68rem/1.2 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--sage-text)}.token-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.swatch{min-height:130px;border:1px solid var(--rule);padding:1rem;display:flex;flex-direction:column;justify-content:flex-end}.swatch.dark{color:var(--light);border-color:transparent}.swatch b{font:800 1.15rem/1 var(--display)}.swatch span{font:500 .63rem/1.3 var(--mono);margin-top:.35rem}.type-sample{padding:1.5rem 0;border-top:1px solid var(--rule)}.type-sample:first-child{border-top:0}.type-sample .meta{color:var(--sage-text);margin-bottom:.75rem}
.site-footer{background:var(--navy-2);color:#A5B0B4;padding:2.5rem 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem}.footer-wordmark{color:var(--light);margin-bottom:.7rem}.footer-copy{font-size:.82rem;max-width:56ch}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.5rem}.footer-nav a{font:500 .68rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#C4CED2;text-decoration:none}.footer-nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #2D4153;font:500 .62rem/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.motion-ok [data-reveal]{transform:translateY(10px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.motion-ok [data-reveal].is-visible{transform:none}

/* V3.7 heading-measure normalization for legacy inline max-widths. */
.section > .wrap > h2[style*="max-width"]{max-width:18ch!important}

/* V3.6 structural-gap normalization for legacy inline spacing in page markup. */
.section [style*="margin-top:3.5rem"]{margin-top:2.75rem!important}
.section [style*="margin-top:3rem"]{margin-top:2.5rem!important}
.section [style*="margin-top:2.5rem"]{margin-top:2rem!important}

@media(max-width:1060px){.home-hero__grid{grid-template-columns:1.32fr .72fr}.flow{grid-template-columns:repeat(3,1fr)}.flow-arrow{display:none}.proof-grid,.mandate-grid{grid-template-columns:repeat(2,1fr)}.proof-item:nth-child(3),.mandate-grid article:nth-child(3){border-left:0}.proof-item:nth-child(n+3){border-top:1px solid var(--rule)}.system-grid,.stage-grid{grid-template-columns:repeat(2,1fr)}.checkpoints{grid-template-columns:repeat(4,1fr)}.frameworks{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(2,1fr)}.token-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){:root{--header-h:66px}.menu-toggle{display:block}.site-nav{display:none;position:fixed;inset:var(--header-h) 0 auto 0;background:var(--bone);border-bottom:1px solid var(--rule);padding:1rem var(--gutter) 1.5rem;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 28px rgba(19,38,58,.12)}.site-nav.is-open{display:flex}.site-nav a{padding:1rem 0;border-bottom:1px solid var(--rule)}.site-nav a:last-child{border:0}.site-nav a:after{display:none}.nav-cta{border:0!important}.page-hero__grid,.home-hero__grid,.factory-home__intro,.split-heading,.lab-head,.dual-grid,.conversation-close__grid,.photo-split,.footer-grid,.arch-map{grid-template-columns:1fr}.page-hero__aside{padding:1.3rem 0 0;border:0;border-top:1px solid var(--rule)}.page-hero--dark .page-hero__aside{border-color:var(--rule-dark)}.portrait{justify-self:start;max-width:420px}.home-hero__copy{order:1}.portrait{order:2}.factory-home__foot{align-items:flex-start;flex-direction:column}.exp-row{grid-template-columns:1fr;gap:.6rem}.exp-arrow{display:none}.experience-head{align-items:flex-start;flex-direction:column}.system-grid,.stage-grid,.cards-3,.tier-grid,.metric-line{grid-template-columns:1fr}.system-card{min-height:320px}.notebook-row{grid-template-columns:1fr 1fr}.notebook-row>span{grid-column:1/-1}.lesson-grid,.essay-grid{grid-template-columns:1fr}.checkpoints{grid-template-columns:repeat(2,1fr)}.frameworks{grid-template-columns:repeat(2,1fr)}.about-photo{position:static;max-width:430px}.arch-nav{position:static;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.arch-nav a{border:0}.token-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){h1{font-size:3rem}.page-hero h1{font-size:3rem;max-width:100%}.home-hero h1{font-size:2.9rem;max-width:16ch}.split-heading h2,.factory-home h2,.lab-head h2{font-size:2.25rem;max-width:100%}.dual-close h2,.experience-head h2,.conversation-close h2{font-size:2.4rem;max-width:100%}.conversation-close{padding-block:3.5rem}.conversation-close__grid{gap:2rem;margin-top:1rem}.proof-grid,.mandate-grid,.flow,.cards-2,.cards-4,.notebook-row,.checkpoints,.frameworks,.token-row{grid-template-columns:1fr}.proof-item,.proof-item:nth-child(3),.mandate-grid article,.mandate-grid article:nth-child(3){border-left:0;border-top:1px solid var(--rule)}.proof-item:first-child,.mandate-grid article:first-child{border-top:0}.lesson{grid-template-columns:46px 1fr}.footer-bottom{flex-direction:column}.page-hero{padding-top:2.9rem}.home-hero{padding-block:3.15rem}.factory-home{padding-block:3.45rem}.section{padding-block:3.25rem}.section--tight{padding-block:2.8rem}.system-card{min-height:330px}.route-table{font-size:.8rem}.route-table th,.route-table td{padding:.7rem .5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}




/* V4.0 — messaging/launch state */
.notebook-row--launch{grid-template-columns:.72fr 1.05fr 1.45fr .78fr;align-items:start}
.notebook-row .notebook-note{font:400 .92rem/1.45 var(--body);letter-spacing:0;text-transform:none;color:#AEBBC1}
.essay-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,4vw,4rem);padding:2rem 0 2.5rem;border-top:2px solid var(--navy);border-bottom:1px solid var(--rule)}
.essay-feature h2{font-size:clamp(2.5rem,3.6vw,4rem);max-width:15ch;margin:.65rem 0 1rem}
.essay-feature .hook{font:400 clamp(1.3rem,1.8vw,1.65rem)/1.34 var(--serif);max-width:36ch}
.essay-feature .status{display:block;margin-top:1.5rem;font:500 .68rem/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--orange)}
.essay-queue-kicker{margin-top:3rem}
.essay-queue{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.essay-queue-card{background:var(--paper);padding:1.45rem 1.6rem;min-height:190px}
.essay-queue-card h3{font-size:clamp(1.55rem,2vw,2rem);margin:.65rem 0 .8rem;max-width:16ch}
.essay-queue-card p:last-child{color:var(--sage-text);margin-bottom:0}

/* Explicit primary-page composition replaces earlier :has() selectors. */
@media (min-width:801px){
  .page-experience .page-hero__grid,
  .page-eddington .page-hero__grid,
  .page-essays .page-hero__grid,
  .page-about .page-hero__grid,
  .page-contact .page-hero__grid{align-items:center}
}

/* V4.0 — approximately 90% visual scale on full desktop.
   Mobile/tablet keep the established responsive scale. */
@media (min-width:1061px){
  :root{--header-h:68px;--gutter:clamp(1.2rem,2.7vw,2.75rem)}
  body{font-size:clamp(.95rem,.12vw + .93rem,1rem);line-height:1.56}
  h1{font-size:clamp(3rem,4.5vw,5.05rem)}
  h2{font-size:clamp(2.25rem,3.2vw,3.6rem)}
  h3{font-size:clamp(1.4rem,1.68vw,1.78rem)}
  .section{padding-block:clamp(2.95rem,4.55vw,4.55rem)}
  .section--tight{padding-block:clamp(2.15rem,3.05vw,3.2rem)}
  .wordmark{font-size:1.27rem}
  .site-nav{gap:1.35rem}
  .site-nav a{font-size:.68rem;padding:.72rem 0}
  .nav-cta{padding:.56rem .84rem!important}
  .button{min-height:40px;padding:.65rem .98rem;font-size:.84rem}
  .kicker{margin-bottom:1.05rem}
  .serif-lede{font-size:clamp(1.24rem,1.8vw,1.62rem)}
  .display-quote{font-size:clamp(1.5rem,2.75vw,2.5rem)}

  .page-hero{padding:clamp(2.95rem,4.55vw,4.75rem) 0 clamp(2.3rem,3.6vw,3.65rem)}
  .page-hero__grid{gap:clamp(2.25rem,4.5vw,4.5rem)}
  .page-hero h1{font-size:clamp(2.95rem,4.35vw,4.45rem);max-width:18.5ch;margin:.62rem 0 1rem}
  .page-hero__aside{padding-left:1.35rem}

  .home-hero{padding:clamp(2.3rem,4.15vw,4.35rem) 0 clamp(2.5rem,4.3vw,4.35rem)}
  .home-hero__grid{gap:clamp(2.25rem,4vw,4.25rem)}
  .home-hero h1{font-size:clamp(3rem,4.3vw,4.85rem);max-width:16.5ch;margin:.68rem 0 1.2rem}
  .home-hero__lede{font-size:clamp(1.25rem,1.7vw,1.68rem)}
  .portrait{max-width:430px}

  .factory-home{padding:clamp(2.95rem,4.55vw,4.55rem) 0}
  .factory-home h2,.split-heading h2,.lab-head h2{font-size:clamp(2.05rem,2.7vw,3.05rem);max-width:21ch}
  .split-heading,.factory-home__intro,.lab-head{gap:clamp(1.8rem,3.15vw,3.35rem)}
  .flow{margin-top:2.45rem}
  .flow-step{min-height:116px;padding:.9rem}
  .flow-step b{font-size:1.42rem}
  .factory-home__foot{margin-top:1.7rem;padding-top:1rem}

  .proof-item{padding:1.8rem 1.45rem}
  .proof-item strong{font-size:clamp(2.1rem,3.4vw,3.7rem)}
  .proof-item--delta strong{font-size:clamp(1.9rem,2.85vw,3.1rem)}
  .mandate-grid{margin-top:2.65rem}
  .mandate-grid article{padding:1.35rem 1.45rem 1.8rem}
  .exp-row{padding:1.55rem 0;gap:1.8rem}

  .card{padding:1.35rem}
  .cards-2,.cards-3,.cards-4{gap:.9rem}
  .system-grid{gap:.9rem;margin-top:2.65rem}
  .system-card{min-height:342px;padding:1.35rem}
  .system-card .system-no{font-size:2.9rem}
  .system-card h3{font-size:2.18rem;margin:.9rem 0 .72rem}
  .notebook-row{margin-top:1.8rem;padding-top:1.25rem}

  .dual-grid{margin-top:2.65rem}
  .dual-panel{padding:1.8rem}
  .dual-panel .label{font-size:1.42rem}
  .conversation-close{padding-block:clamp(3.05rem,4.45vw,4.1rem)}
  .conversation-close__grid{gap:clamp(2.25rem,4.5vw,4.5rem)}
  .conversation-close h2,.dual-close h2,.experience-head h2{font-size:clamp(2.05rem,2.7vw,3.05rem)}

  .stage-head{padding:.9rem}
  .stage-head h3{font-size:1.8rem}
  .stage-body{padding:1.08rem}
  .tier{padding:1.35rem}
  .checkpoint{min-height:172px;padding:.9rem}
  .framework{padding:1.15rem}

  .about-copy h2{font-size:clamp(2.05rem,2.7vw,3.05rem)}
  .about-copy hr{margin:2.2rem 0}
  .essay-feature{padding:1.8rem 0 2.2rem}
  .essay-feature h2{font-size:clamp(2.3rem,3.25vw,3.6rem)}
  .essay-queue-card{padding:1.3rem 1.45rem;min-height:175px}

  .site-footer{padding:2.25rem 0}
}

@media(max-width:800px){
  .essay-feature{grid-template-columns:1fr;gap:1.25rem}
  .essay-queue{grid-template-columns:1fr}
  .notebook-row--launch{grid-template-columns:1fr 1fr}
  .notebook-row--launch>span:first-child{grid-column:1/-1}
}
@media(max-width:520px){
  .notebook-row--launch{grid-template-columns:1fr}
  .notebook-row .notebook-note{font-size:.88rem}
}


/* V4 working edits — navigation hierarchy and small alignment refinements */
.button--blue{background:var(--blue);border-color:var(--blue);color:var(--light)}
.button--blue:hover{background:#285F93;border-color:#285F93;color:var(--light)}
.system-jobs-grid>.card{display:flex;flex-direction:column}
.system-jobs-grid>.card>.text-link{margin-top:auto;padding-top:1rem}
.mechanics-grid>.card h3{min-height:2.05em;margin-bottom:.75rem}

.nav-group{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-parent{position:relative;display:inline-flex;align-items:center;gap:.38rem;border:0;background:transparent;color:var(--navy);font:500 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.8rem 0;cursor:pointer}
.nav-parent:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:.45rem;background:var(--orange);transition:right .2s}
.nav-parent:hover:after,.nav-parent:focus-visible:after,.nav-parent.is-active:after,.nav-group.is-open>.nav-parent:after{right:0}
.nav-caret{font-size:.72em;transition:transform .18s ease}
.nav-group.is-open .nav-caret{transform:rotate(180deg)}
.nav-submenu{display:block;visibility:hidden;opacity:0;pointer-events:none;position:absolute;z-index:70;top:calc(100% - .1rem);left:-1.1rem;min-width:255px;background:var(--bone);border:1px solid var(--rule);padding:.4rem;box-shadow:0 14px 30px rgba(19,38,58,.12);transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s}
.nav-group:hover>.nav-submenu,.nav-group.is-open>.nav-submenu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.site-nav .nav-submenu a{display:block;padding:.72rem .85rem;text-transform:none;letter-spacing:0;border-left:3px solid transparent}
.site-nav .nav-submenu a:after{display:none}
.nav-submenu a strong{display:block;font:700 .78rem/1.2 var(--mono);letter-spacing:.035em;text-transform:none}
.nav-submenu a span{display:block;margin-top:.18rem;font:400 .7rem/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--sage-text)}
.nav-submenu a:hover{background:var(--paper);text-decoration:none}
.nav-submenu a[aria-current="page"]{background:var(--paper);border-left-color:var(--orange)}

@media(max-width:800px){
  .nav-group{width:100%;display:block;align-self:auto}
  .nav-parent{width:100%;min-height:44px;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--rule)}
  .nav-parent:after{display:none}
  .nav-submenu{display:none;visibility:visible;opacity:1;pointer-events:auto;position:static;transform:none;min-width:0;width:100%;box-shadow:none;border:0;border-bottom:1px solid var(--rule);background:transparent;padding:.25rem 0 .5rem .7rem}
  .site-nav .nav-group:hover>.nav-submenu{display:none}
  .site-nav .nav-group.is-open>.nav-submenu{display:block}
  .site-nav .nav-submenu a{padding:.75rem .7rem;border-bottom:0}
}

/* V4 working edits — final brand integration and alignment refinements */
.wordmark{display:inline-flex;align-items:center;line-height:0;letter-spacing:0}
.brand-wordmark{display:block;width:auto;height:20px;max-width:150px;object-fit:contain}
.footer-brand{display:block;width:min(230px,100%);margin-bottom:.7rem;text-decoration:none;line-height:0}
.footer-brand img{display:block;width:100%;height:auto}
.stage-head{min-height:7.25rem;display:flex;flex-direction:column;justify-content:flex-start}
.loop{display:flex;align-items:center;justify-content:space-between;gap:.22rem;width:100%;white-space:nowrap}
.loop span{display:block;padding:.3rem .08rem;font-size:.72rem;flex:0 0 auto}
.loop i{display:block;flex:0 0 auto;font-size:.8rem}

@media (min-width:1061px){
  .brand-wordmark{width:auto;height:19px;max-width:145px}
  .footer-brand{width:min(210px,100%)}
}
@media (max-width:1060px){
  .loop{display:flex;flex-wrap:wrap;white-space:normal;gap:.45rem}
}
@media (max-width:800px){
  .brand-wordmark{width:auto;height:18px;max-width:138px}
  .footer-brand{width:min(195px,100%)}
  .stage-head{min-height:0}
}

/* V4.2 — primary navigation page hero scale */
@media (min-width:1061px){
  .page-experience .page-hero h1,
  .page-eddington .page-hero h1,
  .page-essays .page-hero h1,
  .page-about .page-hero h1,
  .page-contact .page-hero h1{font-size:clamp(2.5rem,3.5vw,3.6rem);max-width:20ch}
}
@media (min-width:801px) and (max-width:1060px){
  .page-experience .page-hero h1,
  .page-eddington .page-hero h1,
  .page-essays .page-hero h1,
  .page-about .page-hero h1,
  .page-contact .page-hero h1{font-size:clamp(2.75rem,4.05vw,4.5rem);max-width:20ch}
}

/* V4.2 — card alignment refinements */
.mechanics-grid>.card{display:flex;flex-direction:column}
.mechanics-grid>.card h3{min-height:2.15em;margin-bottom:.75rem}
.mechanics-grid>.card>p{margin-top:0}
.system-jobs-grid>.card{min-height:100%}
.header-in{overflow:visible}
.wordmark{flex:0 0 auto;max-height:var(--header-h);overflow:visible}


/* V4.3 release refinements */
@media (min-width:801px){
  .nav-submenu{display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  .nav-group:hover>.nav-submenu,.nav-group:focus-within>.nav-submenu,.nav-group.is-open>.nav-submenu{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}
.system-jobs-grid{align-items:stretch}
.system-jobs-grid>.card{height:100%;display:flex;flex-direction:column}
.system-jobs-grid>.card>.text-link{margin-top:auto;padding-top:1rem}
.page-airo .loop{display:flex;flex-wrap:nowrap!important;white-space:nowrap!important;justify-content:flex-start!important;gap:clamp(.35rem,.8vw,.8rem)!important}
.page-airo .loop span{font-size:.66rem!important;padding:.28rem 0!important}
.page-airo .loop i{font-size:.72rem!important;margin:0 .08rem!important}
.page-airo .stage-head{min-height:7.25rem}
.page-provance .button[href="/provance/"],
.page-airo .button[href="/provance/"],
.page-experience .button[href="/provance/"]{background:var(--blue);border-color:var(--blue);color:var(--light)}
.page-provance .button[href="/provance/"]:hover,
.page-airo .button[href="/provance/"]:hover,
.page-experience .button[href="/provance/"]:hover{background:#285F93;border-color:#285F93;color:var(--light)}
@media(max-width:1060px){.page-airo .loop{flex-wrap:wrap!important;white-space:normal!important}}


/* V4.4 final-review refinements */

/* AIRO operating loop: keep one line on desktop, but restore visual weight and span the copy column. */
@media (min-width:1061px){
  .page-airo .loop{
    display:flex;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    justify-content:space-between!important;
    align-items:center;
    width:100%;
    gap:0!important;
    margin-top:1.9rem;
  }
  .page-airo .loop span{
    flex:0 0 auto;
    font-size:.94rem!important;
    padding:.34rem 0!important;
  }
  .page-airo .loop i{
    flex:0 0 auto;
    font-size:.96rem!important;
    margin:0!important;
  }
}

/* Provance checkpoint row: consistent three-level vertical rhythm. */
.page-provance .checkpoint{
  display:grid;
  grid-template-rows:1.4rem 3.15rem 1fr;
  align-content:start;
  row-gap:.55rem;
}
.page-provance .checkpoint .meta{
  margin:0;
  align-self:start;
}
.page-provance .checkpoint h3{
  margin:0;
  align-self:start;
}
.page-provance .checkpoint>p:last-child{
  margin:0;
  align-self:start;
}

/* About career-throughline portrait: slightly smaller and centered against the copy block. */
@media (min-width:801px){
  .page-about .about-photo{
    width:86%;
    justify-self:start;
    align-self:center;
  }
}
@media (max-width:800px){
  .page-about .about-photo{width:100%}
}

/* Footer brand signature: quieter than the page content. */
.footer-brand{width:min(175px,100%)}
@media (max-width:1060px){.footer-brand{width:min(165px,100%)}}
@media (max-width:800px){.footer-brand{width:min(155px,100%)}}

/* Eddington family color system */
.page-eddington .nav-parent.is-active:after{background:var(--navy)}
.page-factory .nav-parent.is-active:after{background:var(--teal)}
.page-airo .nav-parent.is-active:after{background:var(--orange)}
.page-provance .nav-parent.is-active:after{background:var(--blue)}

.page-eddington .nav-submenu a[aria-current="page"]{border-left-color:var(--navy)}
.page-factory .nav-submenu a[aria-current="page"]{border-left-color:var(--teal)}
.page-airo .nav-submenu a[aria-current="page"]{border-left-color:var(--orange)}
.page-provance .nav-submenu a[aria-current="page"]{border-left-color:var(--blue)}


/* V4.6 final alignment refinements */

/* AIRO four-stage cards: align the divider and tool-summary block across the row. */
@media (min-width:1061px){
  .page-airo .stage-grid{align-items:stretch}
  .page-airo .stage{height:100%}
  .page-airo .stage-body{display:flex;flex-direction:column;height:100%}
  .page-airo .stage-body .tools{
    margin-top:auto;
    min-height:4.9rem;
  }
}

/* About career-throughline portrait: keep the smaller scale, but pair it with the title block instead of centering against the whole column. */
@media (min-width:801px){
  .page-about .about-photo{
    width:86%;
    justify-self:start;
    align-self:start;
    margin-top:2.15rem;
  }
}

/* Factory abstraction labels */
.factory-view-label{margin:2.1rem 0 .9rem;color:#9EB1A8}
.pipeline-view-label{margin:2.5rem 0 .9rem;color:var(--sage-text)}


/* V5.1 portrait strategy: remove synthetic portrait from home; use the stronger image only on About. */
.home .home-hero__grid{grid-template-columns:minmax(0,1fr)}
.home .home-hero__copy{max-width:74rem}
@media (min-width:801px){
  .page-about .about-photo{
    width:78%;
    margin-top:1.15rem;
  }
}

/* V5.3 homepage hero after portrait removal: restore the editorial two-column balance. */
@media (min-width:801px){
  .home .home-hero__grid{
    display:block;
  }
  .home .home-hero__copy{
    max-width:none;
    display:grid;
    grid-template-columns:minmax(0,1.28fr) minmax(20rem,.72fr);
    column-gap:clamp(3rem,6vw,7rem);
    align-items:start;
  }
  .home .home-hero__copy>.eyebrow{
    grid-column:1;
    grid-row:1;
  }
  .home .home-hero__copy>h1{
    grid-column:1;
    grid-row:2;
  }
  .home .home-hero__lede{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
    max-width:31ch;
    margin:0;
  }
  .home .home-hero__proof,
  .home .home-hero__copy>.actions{
    grid-column:1;
  }
}
@media (max-width:800px){
  .home .home-hero__copy{display:block;max-width:100%}
}

/* V5.4 About layout: use the portrait column for the career bridge, then let operating principles span the page. */
@media (min-width:801px){
  .page-about .about-layout{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    column-gap:clamp(3rem,7vw,7rem);
    row-gap:clamp(2.4rem,4.5vw,4.6rem);
    align-items:start;
  }
  .page-about .about-left{grid-column:1;grid-row:1;min-width:0}
  .page-about .about-throughline{grid-column:2;grid-row:1;min-width:0}
  .page-about .about-how{grid-column:1 / -1;grid-row:2;min-width:0}
  .page-about .about-personal{grid-column:1 / -1;grid-row:3;min-width:0}

  .page-about .about-photo{
    position:static;
    width:78%;
    margin-top:0;
    justify-self:start;
  }
  .page-about .about-bridge{
    width:88%;
    margin-top:1.75rem;
    padding-top:1.45rem;
    border-top:1px solid var(--rule);
  }
  .page-about .about-bridge p:last-child{margin-bottom:0}

  .page-about .about-throughline h2{
    font-size:clamp(2.25rem,3vw,3.4rem);
    max-width:18ch;
  }
  .page-about .about-throughline .serif-lede{max-width:36ch}

  .page-about .about-how .numbered-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(2.2rem,4vw,4.5rem);
    border-top:2px solid currentColor;
  }
  .page-about .about-how .numbered-list>article{
    grid-template-columns:58px minmax(0,1fr);
    gap:1.2rem;
    min-height:9.2rem;
    padding:1.55rem 0 1.65rem;
  }
  .page-about .about-how .numbered-list>article:nth-child(odd){padding-right:1rem}
  .page-about .about-how .numbered-list>article:nth-child(even){padding-left:1rem}

  .page-about .about-personal{
    border-top:1px solid var(--rule);
    padding-top:2.2rem;
  }
  .page-about .about-personal .serif-lede{max-width:52ch}
}
@media (max-width:800px){
  .page-about .about-layout{display:block}
  .page-about .about-left,.page-about .about-throughline,.page-about .about-how,.page-about .about-personal{display:block}
  .page-about .about-photo{position:static;width:100%;max-width:430px;margin:0 0 1.5rem}
  .page-about .about-bridge{margin:0 0 3rem;padding-top:1.25rem;border-top:1px solid var(--rule)}
  .page-about .about-throughline{margin-bottom:3rem}
  .page-about .about-how{margin-bottom:3rem}
  .page-about .about-personal{padding-top:2rem;border-top:1px solid var(--rule)}
}

/* V5.5 FINAL — About page: tighter intro + full-width career throughline composition. */
@media (min-width:801px){
  .page-about .page-hero{
    padding-top:clamp(3rem,4.5vw,4.7rem);
    padding-bottom:clamp(2.2rem,3.35vw,3.25rem);
  }
  .page-about .page-hero__grid{
    grid-template-columns:minmax(0,1.12fr) minmax(280px,.68fr);
    gap:clamp(2rem,3.5vw,3.5rem);
    align-items:center;
  }
  .page-about .page-hero__aside{
    align-self:center;
    max-width:34rem;
  }

  .page-about .about-layout{
    display:block;
  }
  .page-about .about-career{
    margin-bottom:clamp(3rem,5vw,5.2rem);
  }
  .page-about .about-career>.kicker{
    margin-bottom:1.6rem;
  }
  .page-about .about-career__main{
    display:grid;
    grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);
    gap:clamp(2.5rem,5vw,5.5rem);
    align-items:start;
  }
  .page-about .about-photo{
    position:static;
    width:100%;
    max-width:320px;
    margin:0;
    justify-self:start;
    align-self:start;
  }
  .page-about .about-throughline{
    min-width:0;
    padding-top:.2rem;
  }
  .page-about .about-throughline h2{
    font-size:clamp(2.35rem,3.25vw,3.6rem);
    max-width:22ch;
    margin-top:0;
  }
  .page-about .about-throughline .serif-lede{
    max-width:48ch;
  }
  .page-about .about-bridge{
    width:100%;
    max-width:none;
    margin:1.85rem 0 0;
    padding-top:1.45rem;
    border-top:1px solid var(--rule);
  }
  .page-about .about-bridge p{
    max-width:74rem;
  }
  .page-about .about-bridge p:last-child{
    margin-bottom:0;
  }
  .page-about .about-how{
    margin-bottom:clamp(3rem,5vw,5rem);
  }
  .page-about .about-how .numbered-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(2.2rem,4vw,4.5rem);
    border-top:2px solid currentColor;
  }
  .page-about .about-how .numbered-list>article{
    grid-template-columns:58px minmax(0,1fr);
    gap:1.2rem;
    min-height:9.2rem;
    padding:1.55rem 0 1.65rem;
  }
  .page-about .about-how .numbered-list>article:nth-child(odd){padding-right:1rem}
  .page-about .about-how .numbered-list>article:nth-child(even){padding-left:1rem}
  .page-about .about-personal{
    border-top:1px solid var(--rule);
    padding-top:2.2rem;
  }
  .page-about .about-personal .serif-lede{max-width:52ch}
}
@media (max-width:800px){
  .page-about .about-career{margin-bottom:3rem}
  .page-about .about-career>.kicker{margin-bottom:1.25rem}
  .page-about .about-career__main{display:block}
  .page-about .about-photo{position:static;width:100%;max-width:430px;margin:0 0 1.75rem}
  .page-about .about-throughline{margin-bottom:2rem}
  .page-about .about-bridge{margin:0 0 3rem;padding-top:1.25rem;border-top:1px solid var(--rule)}
  .page-about .about-how{margin-bottom:3rem}
  .page-about .about-personal{padding-top:2rem;border-top:1px solid var(--rule)}
}

/* V5.6 FINAL — About page master-grid alignment.
   Career composition shares the same outer edges as bridge copy and How I Work.
   Portrait is deliberately understated; supporting copy uses the same 50/50 rhythm as the numbered section. */
@media (min-width:801px){
  .page-about .about-career__main{
    grid-template-columns:minmax(220px,.52fr) minmax(0,1.48fr);
    gap:clamp(2.5rem,4.5vw,5rem);
    width:100%;
  }
  .page-about .about-photo{
    width:100%;
    max-width:285px;
    justify-self:start;
  }
  .page-about .about-throughline{
    width:100%;
  }
  .page-about .about-throughline h2{
    max-width:24ch;
  }
  .page-about .about-throughline .serif-lede{
    max-width:56ch;
  }
  .page-about .about-bridge{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(2.2rem,4vw,4.5rem);
    align-items:start;
  }
  .page-about .about-bridge p{
    max-width:none;
    margin-bottom:0;
  }
}

/* V5.7 FINAL — About page grid reset.
   The career-throughline row now uses the same 50/50 master grid as the bridge copy
   and How I Work below. The portrait remains deliberately understated. */
@media (min-width:801px){
  .page-about .about-career__main{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(2.2rem,4vw,4.5rem);
    align-items:start;
  }
  .page-about .about-photo{
    width:100%;
    max-width:270px;
    justify-self:start;
    align-self:start;
  }
  .page-about .about-throughline{
    width:100%;
    justify-self:stretch;
    padding-top:0;
  }
  .page-about .about-throughline h2{
    max-width:22ch;
  }
  .page-about .about-throughline .serif-lede{
    max-width:44ch;
  }
  .page-about .about-bridge,
  .page-about .about-how .numbered-list{
    column-gap:clamp(2.2rem,4vw,4.5rem);
  }
}

/* V5.8 PRODUCTION — About page editorial master grid.
   One persistent 52/48 axis now governs the career, bridge, principles, and closing sections.
   The portrait remains a quiet supporting element and never determines column width. */
@media (min-width:801px){
  .page-about .page-hero__grid{
    grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
    gap:clamp(2.5rem,5vw,5rem);
    align-items:center;
  }
  .page-about .page-hero__aside{max-width:none;align-self:center}
  .page-about .about-layout{display:block}
  .page-about .about-career{margin-bottom:clamp(3.4rem,5vw,4.8rem)}
  .page-about .about-career>.kicker{margin-bottom:1.55rem}

  .page-about .about-career__main,
  .page-about .about-bridge,
  .page-about .about-how .numbered-list,
  .page-about .about-personal__grid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    column-gap:clamp(2.5rem,5vw,5rem);
    width:100%;
  }

  .page-about .about-career__main{align-items:start}
  .page-about .about-photo{
    position:static;
    width:100%;
    max-width:252px;
    margin:0;
    justify-self:start;
    align-self:start;
  }
  .page-about .about-throughline{width:100%;min-width:0;padding-top:0}
  .page-about .about-throughline h2{
    font-size:clamp(2.25rem,3vw,3.35rem);
    max-width:21ch;
    margin-top:0;
  }
  .page-about .about-throughline .serif-lede{max-width:40ch}

  .page-about .about-bridge{
    align-items:start;
    margin:1.85rem 0 0;
    padding-top:1.5rem;
    border-top:1px solid var(--rule);
  }
  .page-about .about-bridge p{max-width:58ch;margin-bottom:0}

  .page-about .about-how{margin-bottom:clamp(3.4rem,5vw,4.8rem)}
  .page-about .about-how .numbered-list{
    row-gap:0;
    border-top:2px solid currentColor;
  }
  .page-about .about-how .numbered-list>article{
    grid-template-columns:58px minmax(0,1fr);
    gap:1.2rem;
    min-height:9rem;
    padding:1.55rem 0 1.65rem;
  }
  .page-about .about-how .numbered-list>article:nth-child(odd),
  .page-about .about-how .numbered-list>article:nth-child(even){padding-left:0;padding-right:0}

  .page-about .about-personal{
    border-top:1px solid var(--rule);
    padding-top:2.2rem;
  }
  .page-about .about-personal>.kicker{margin-bottom:1.5rem}
  .page-about .about-personal__grid{align-items:start}
  .page-about .about-personal .serif-lede{max-width:39ch;margin-bottom:0}
  .page-about .about-personal__aside{max-width:56ch}
  .page-about .about-personal__aside>p{margin-bottom:0}
  .page-about .about-personal__aside .actions{margin-top:1.85rem}
}
@media (max-width:800px){
  .page-about .about-career{margin-bottom:3rem}
  .page-about .about-career>.kicker{margin-bottom:1.25rem}
  .page-about .about-career__main,
  .page-about .about-bridge,
  .page-about .about-personal__grid{display:block}
  .page-about .about-photo{
    position:static;
    width:100%;
    max-width:245px;
    margin:0 0 1.75rem;
  }
  .page-about .about-throughline{margin-bottom:2rem}
  .page-about .about-bridge{margin:0 0 3rem;padding-top:1.25rem;border-top:1px solid var(--rule)}
  .page-about .about-bridge p:last-child{margin-bottom:0}
  .page-about .about-how{margin-bottom:3rem}
  .page-about .about-personal{padding-top:2rem;border-top:1px solid var(--rule)}
  .page-about .about-personal__aside{margin-top:1.4rem}
  .page-about .about-personal__aside .actions{margin-top:1.65rem}
}


/* V5.8.1 — About intro: three aligned 50/50 rows.
   Row 1 = headline / current focus. Row 2 = portrait / career throughline.
   Row 3 = career bridge / Eddington bridge. The first four cells share equal row height. */
.page-about .about-intro{border-bottom:1px solid var(--rule)}
.page-about .about-intro__headline h1{
  font-size:clamp(2.75rem,4.05vw,4.5rem);
  line-height:.95;
  max-width:20ch;
  margin:.62rem 0 1rem;
}
.page-about .about-intro__headline .serif-lede{max-width:36ch}
.page-about .about-intro__focus .meta{color:var(--sage-text);margin-bottom:.8rem}
.page-about .about-intro__focus p:last-child{margin-bottom:0}
.page-about .about-intro__throughline h2{
  font-size:clamp(2.25rem,3vw,3.35rem);
  max-width:21ch;
  margin:.65rem 0 1rem;
}
.page-about .about-intro__throughline .serif-lede{max-width:40ch}
.page-about .about-intro__bridge p{margin:0;max-width:58ch}

@media (min-width:801px){
  .page-about .about-intro__matrix{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr)) auto;
    column-gap:clamp(2.5rem,5vw,5rem);
    width:100%;
  }
  .page-about .about-intro__headline,
  .page-about .about-intro__focus,
  .page-about .about-intro__portrait,
  .page-about .about-intro__throughline{
    min-width:0;
    padding-block:clamp(2.65rem,4vw,4rem);
  }
  .page-about .about-intro__portrait,
  .page-about .about-intro__throughline,
  .page-about .about-intro__bridge{
    border-top:1px solid var(--rule);
  }
  .page-about .about-intro__headline{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:left;
  }
  .page-about .about-intro__focus{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .page-about .about-intro__focus>p{max-width:42ch}
  .page-about .about-intro__portrait{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .page-about .about-intro__portrait .about-photo{
    position:static;
    width:100%;
    max-width:240px;
    margin:0;
  }
  .page-about .about-intro__throughline{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
  }
  .page-about .about-intro__throughline h2,
  .page-about .about-intro__throughline .serif-lede{margin-left:auto;margin-right:auto}
  .page-about .about-intro__bridge{
    padding-block:clamp(1.55rem,2.4vw,2.25rem);
  }
  .page-about .about-intro__bridge--right{
    text-align:right;
  }
  .page-about .about-intro__bridge--right p{margin-left:auto}

  .page-about .about-body{
    padding-top:clamp(1.8rem,2.7vw,2.55rem);
  }
  .page-about .about-layout{display:block}
  .page-about .about-how{margin-bottom:clamp(3.4rem,5vw,4.8rem)}
  .page-about .about-how .numbered-list,
  .page-about .about-personal__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(2.5rem,5vw,5rem);
    width:100%;
  }
  .page-about .about-how .numbered-list{
    row-gap:0;
    border-top:2px solid currentColor;
  }
  .page-about .about-how .numbered-list>article{
    grid-template-columns:58px minmax(0,1fr);
    gap:1.2rem;
    min-height:9rem;
    padding:1.55rem 0 1.65rem;
  }
  .page-about .about-how .numbered-list>article:nth-child(odd),
  .page-about .about-how .numbered-list>article:nth-child(even){padding-left:0;padding-right:0}
  .page-about .about-personal{
    border-top:1px solid var(--rule);
    padding-top:2.2rem;
  }
  .page-about .about-personal>.kicker{margin-bottom:1.5rem}
  .page-about .about-personal__grid{align-items:start}
  .page-about .about-personal .serif-lede{max-width:39ch;margin-bottom:0}
  .page-about .about-personal__aside{max-width:56ch}
  .page-about .about-personal__aside>p{margin-bottom:0}
  .page-about .about-personal__aside .actions{margin-top:1.85rem}
}

@media (max-width:800px){
  .page-about .about-intro__matrix{display:block}
  .page-about .about-intro__headline{padding:2.9rem 0 2.25rem}
  .page-about .about-intro__focus,
  .page-about .about-intro__portrait,
  .page-about .about-intro__throughline,
  .page-about .about-intro__bridge{
    padding:1.75rem 0;
    border-top:1px solid var(--rule);
  }
  .page-about .about-intro__focus,
  .page-about .about-intro__throughline,
  .page-about .about-intro__bridge--right{text-align:left}
  .page-about .about-intro__portrait{display:flex;justify-content:center}
  .page-about .about-intro__portrait .about-photo{
    position:static;
    width:100%;
    max-width:235px;
    margin:0;
  }
  .page-about .about-intro__throughline h2,
  .page-about .about-intro__throughline .serif-lede{max-width:none;margin-left:0}
  .page-about .about-body{padding-top:2rem}
  .page-about .about-how{margin-bottom:3rem}
  .page-about .about-personal{padding-top:2rem;border-top:1px solid var(--rule)}
  .page-about .about-personal__grid{display:block}
  .page-about .about-personal__aside{margin-top:1.4rem}
  .page-about .about-personal__aside .actions{margin-top:1.65rem}
}

/* V5.8.3 — About intro rhythm correction.
   Preserve the 50/50 composition, but let each row size to its own content.
   This removes the dead vertical field created when rows 1 and 2 were forced
   to the same track height. */
@media (min-width:801px){
  .page-about .about-intro__matrix{
    grid-template-rows:auto auto auto;
  }
  .page-about .about-intro__headline,
  .page-about .about-intro__focus{
    padding-block:clamp(1.85rem,2.55vw,2.6rem);
  }
  .page-about .about-intro__portrait,
  .page-about .about-intro__throughline{
    padding-block:clamp(1.95rem,2.8vw,2.85rem);
  }
  .page-about .about-intro__bridge{
    padding-block:clamp(1.25rem,1.9vw,1.65rem);
  }
  .page-about .about-body{
    padding-top:clamp(1.25rem,1.75vw,1.65rem);
  }
}

/* V5.8.4 — About intro final proportion pass.
   Keep the three 50/50 rows, but tighten the first two and let the throughline
   use more of its column so the row does not become unnecessarily tall. */
@media (min-width:801px){
  .page-about .about-intro__headline,
  .page-about .about-intro__focus{
    padding-block:clamp(1.25rem,1.65vw,1.7rem);
  }
  .page-about .about-intro__portrait,
  .page-about .about-intro__throughline{
    padding-block:clamp(1.4rem,1.9vw,1.95rem);
  }
  .page-about .about-intro__throughline h2{
    max-width:24ch;
  }
  .page-about .about-intro__throughline .serif-lede{
    max-width:44ch;
  }
  .page-about .about-intro__bridge{
    padding-block:clamp(1.05rem,1.45vw,1.3rem);
  }
  .page-about .about-body{
    padding-top:clamp(1.05rem,1.35vw,1.3rem);
  }
}

/* V5.8.5 — About bridge alignment.
   Pull the right-hand Eddington bridge copy inward so its visual right edge
   matches the text inset established by the numbered How I Work items below. */
@media (min-width:801px){
  .page-about .about-intro__bridge--right p{
    margin-left:auto;
    margin-right:clamp(2.25rem,4vw,4rem);
  }
}

/* V5.8.6 — About portrait vertical centering.
   Override the legacy align-self:start rule without changing the row/cell metrics.
   The small translate compensates for the caption so the photograph itself is
   visually centered in the existing second-row box. */
@media (min-width:801px){
  .page-about .about-intro__portrait .about-photo{
    align-self:center;
    transform:translateY(.75rem);
  }
}

/* V5.9 — About page final rebuild.
   Clean, isolated composition: Home-like first row, paired career row,
   full-width operating principles, and a human close. */
.page-about .about-final-serif{
  font:400 clamp(1.25rem,1.7vw,1.68rem)/1.28 var(--serif);
  margin:0;
}
.page-about .about-final-hero{
  border-bottom:1px solid var(--rule);
  padding:clamp(2.3rem,4.15vw,4.35rem) 0 clamp(2.5rem,4.3vw,4.35rem);
}
.page-about .about-final-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(20rem,.72fr);
  column-gap:clamp(3rem,6vw,7rem);
  align-items:stretch;
}
.page-about .about-final-hero__left h1{
  font-size:clamp(3rem,4.3vw,4.85rem);
  line-height:.92;
  max-width:16.5ch;
  margin:.68rem 0 1.2rem;
}
.page-about .about-final-hero__left .about-final-serif{max-width:34ch}
.page-about .about-final-hero__focus{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.page-about .about-final-focus__inner{
  width:min(100%,32rem);
  text-align:center;
}
.page-about .about-final-focus__inner .kicker{
  justify-content:center;
  margin-bottom:1.05rem;
}
.page-about .about-final-focus__inner p{
  font:400 clamp(1.25rem,1.7vw,1.68rem)/1.28 var(--serif);
  max-width:31ch;
  margin:0 auto;
}

.page-about .about-final-career{
  padding:clamp(3.7rem,5.4vw,5.5rem) 0 clamp(3.5rem,5vw,5rem);
  border-bottom:1px solid var(--rule);
}
.page-about .about-final-career__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto;
  column-gap:clamp(3.5rem,7vw,8rem);
  row-gap:clamp(2rem,3vw,3rem);
  align-items:start;
}
.page-about .about-final-career__title{
  grid-column:1;
  grid-row:1;
  min-width:0;
}
.page-about .about-final-career__title h2{
  font-size:clamp(3rem,4.35vw,4.9rem);
  line-height:.92;
  max-width:15.5ch;
  margin:.65rem 0 0;
}
.page-about .about-final-career__photo{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:start;
  width:min(100%,220px);
  margin:0;
}
.page-about .about-final-career__photo img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:50% 31%;
  border:1px solid var(--navy);
}
.page-about .about-final-career__photo figcaption{
  margin-top:.65rem;
  text-align:center;
  font:500 .61rem/1.35 var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--sage-text);
}
.page-about .about-final-career__copy{
  grid-column:1;
  grid-row:2;
  align-self:end;
  max-width:39ch;
}
.page-about .about-final-career__rightcopy{
  grid-column:2;
  grid-row:2;
  align-self:end;
  justify-self:center;
  width:100%;
  max-width:39ch;
}
.page-about .about-final-career__rightcopy p{
  font:inherit;
  margin:0;
}
.page-about .about-final-career__rightcopy p+p{margin-top:1.5rem}

.page-about .about-final-method{padding:clamp(3.4rem,4.8vw,4.8rem) 0}
.page-about .about-final-method__head{
  padding-bottom:1rem;
  border-bottom:2px solid var(--navy);
}
.page-about .about-final-method__head .kicker{margin-bottom:0}
.page-about .about-final-method__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(2.5rem,5vw,5rem);
}
.page-about .about-final-method__grid article{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:1rem;
  padding:1.45rem 0 1.6rem;
  border-bottom:1px solid var(--rule);
}
.page-about .about-final-method__number{
  color:var(--orange);
  font:800 1.42rem/1 var(--display);
}
.page-about .about-final-method__grid h3{
  font-size:1.08rem;
  margin:0 0 .35rem;
}
.page-about .about-final-method__grid p{margin:0;max-width:58ch}

.page-about .about-final-personal{
  background:#EEF2EF;
  border-top:1px solid var(--rule);
  padding:clamp(3.4rem,5vw,5rem) 0;
}
.page-about .about-final-personal__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(22rem,.78fr);
  gap:clamp(3rem,7vw,7rem);
  align-items:end;
}
.page-about .about-final-personal__lead{
  font:400 clamp(2rem,3.1vw,3.25rem)/1.04 var(--serif);
  max-width:22ch;
  margin:1rem 0 1.2rem;
}
.page-about .about-final-personal__copy{max-width:60ch;margin:0}
.page-about .about-final-personal__aside{
  padding-left:clamp(1.2rem,2vw,2rem);
  border-left:1px solid var(--rule);
}
.page-about .about-final-personal__aside>p{margin:0}
.page-about .about-final-personal__aside .actions{margin-top:1.5rem}

@media(max-width:1000px) and (min-width:801px){
  .page-about .about-final-hero__grid{grid-template-columns:minmax(0,1.12fr) minmax(17rem,.88fr);column-gap:3rem}
  .page-about .about-final-career__grid{column-gap:3.5rem}
  .page-about .about-final-career__photo{width:min(100%,205px)}
  .page-about .about-final-personal__grid{grid-template-columns:1fr .9fr;gap:3.25rem}
}

@media(max-width:800px){
  .page-about .about-final-hero{padding:2.9rem 0 2.55rem}
  .page-about .about-final-hero__grid,
  .page-about .about-final-career__grid,
  .page-about .about-final-method__grid,
  .page-about .about-final-personal__grid{grid-template-columns:1fr}
  .page-about .about-final-hero__focus{
    margin-top:2.2rem;
    padding-top:1.7rem;
    border-top:1px solid var(--rule);
    justify-content:flex-start;
  }
  .page-about .about-final-focus__inner{text-align:left;width:100%}
  .page-about .about-final-focus__inner .kicker{justify-content:flex-start}
  .page-about .about-final-focus__inner p{margin-left:0;max-width:36ch}
  .page-about .about-final-career{padding:3rem 0}
  .page-about .about-final-career__grid{display:block}
  .page-about .about-final-career__photo{
    width:min(100%,205px);
    margin:2.2rem auto;
  }
  .page-about .about-final-career__copy{max-width:none;margin-top:1.75rem}
  .page-about .about-final-career__rightcopy{max-width:none;margin-top:1.75rem}
  .page-about .about-final-method{padding:3rem 0}
  .page-about .about-final-method__grid article{min-height:0}
  .page-about .about-final-personal{padding:3rem 0}
  .page-about .about-final-personal__aside{
    margin-top:2rem;
    padding:1.6rem 0 0;
    border-left:0;
    border-top:1px solid var(--rule);
  }
}

/* V5.10 — About page final polish.
   1) Bring the About hero headline back to the same scale system as the other primary page titles.
   2) Align the top-right Current Focus module over the portrait below by using the same 50/50 outer grid and centering the module within that column.
*/
.page-about .about-final-hero__grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(3.5rem,7vw,8rem);
}
.page-about .about-final-hero__left h1{
  font-size:clamp(2.75rem,4.05vw,4.5rem);
  line-height:.96;
  max-width:20ch;
  margin:.62rem 0 1rem;
}
.page-about .about-final-focus__inner{
  width:min(100%,22rem);
  margin-inline:auto;
}
@media (min-width:1061px){
  .page-about .about-final-hero__left h1{
    font-size:clamp(2.95rem,4.35vw,4.45rem);
    max-width:18.5ch;
  }
  .page-about .about-final-focus__inner{
    width:min(100%,20.5rem);
  }
}
@media (max-width:800px){
  .page-about .about-final-hero__grid{grid-template-columns:1fr;}
}

/* V5.11 — About desktop scale normalization.
   The final About composition was introduced after the site's V4 desktop ~90% scale pass,
   so its local typography/spacing escaped that normalization. This block brings About
   back onto the same desktop scale and makes the two principal titles identical in size/leading. */
.page-about .about-final-hero__left h1,
.page-about .about-final-career__title h2{
  font-size:clamp(2.75rem,4.05vw,4.5rem);
  line-height:.96;
}

@media (min-width:1061px){
  .page-about .about-final-hero__left h1,
  .page-about .about-final-career__title h2{
    font-size:clamp(2.95rem,4.35vw,4.45rem);
    line-height:.96;
  }

  .page-about .about-final-serif,
  .page-about .about-final-focus__inner p{
    font-size:clamp(1.24rem,1.8vw,1.62rem);
    line-height:1.28;
  }

  .page-about .about-final-career{
    padding:clamp(3.3rem,4.85vw,4.95rem) 0 clamp(3.15rem,4.5vw,4.5rem);
  }
  .page-about .about-final-career__grid{
    row-gap:clamp(1.8rem,2.7vw,2.7rem);
  }

  .page-about .about-final-method{
    padding:clamp(3.05rem,4.3vw,4.3rem) 0;
  }

  .page-about .about-final-personal{
    padding:clamp(3.05rem,4.5vw,4.5rem) 0;
  }
  .page-about .about-final-personal__lead{
    font-size:clamp(1.8rem,2.8vw,2.95rem);
    line-height:1.06;
  }
}

@media (max-width:800px){
  .page-about .about-final-hero__left h1,
  .page-about .about-final-career__title h2{
    font-size:3rem;
    line-height:.96;
  }
}

/* V5.12 — Top-row hero vertical centering parity.
   Match Factory, AIRO, and Provance to the Eddington page by vertically centering
   the right-hand hero content in the top row on desktop/tablet widths. */
@media (min-width:801px){
  .page-factory .page-hero__grid,
  .page-airo .page-hero__grid,
  .page-provance .page-hero__grid{
    align-items:center;
  }
}

/* V5.13 — About title scale parity with Essays.
   Both major About headlines now use the exact desktop title sizing and line-height
   used by the Essays page, so About no longer renders visually larger than the
   other primary navigation pages. */
@media (min-width:801px){
  .page-about .about-final-hero__left h1,
  .page-about .about-final-career__title h2{
    font-size:clamp(2.5rem,3.5vw,3.6rem);
    line-height:.96;
  }
}

/* V5.14 — About composition parity with Essays.
   Use the Essays hero proportions/measure so the About opening reads at the same
   visual density. Also align the two career narrative blocks on the same top baseline. */
@media (min-width:801px){
  .page-about .about-final-hero__grid{
    grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
    gap:clamp(2.5rem,5vw,5rem);
    align-items:center;
  }
  .page-about .about-final-hero__left h1{
    max-width:20ch;
  }
  .page-about .about-final-hero__left .about-final-serif{
    max-width:55ch;
  }
  .page-about .about-final-career__copy,
  .page-about .about-final-career__rightcopy{
    align-self:start;
  }
}

/* V5.15 — About right-column axis alignment.
   Carry the Essays-style wide-left / narrow-right hero geometry into the career row,
   so Current Focus, portrait/caption, and the right-hand career narrative share one
   persistent horizontal centerline. Keep narrative text left-aligned within its centered container. */
@media (min-width:801px){
  .page-about .about-final-career__grid{
    grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);
    column-gap:clamp(2.5rem,5vw,5rem);
  }
  .page-about .about-final-career__photo,
  .page-about .about-final-career__rightcopy{
    justify-self:center;
  }
  .page-about .about-final-career__rightcopy{
    width:min(100%,39ch);
    text-align:left;
  }
}

/* V5.16 — About section tone + personal-close centering.
   Match the lighter Essays content-section background on About rows 2 and 3,
   and vertically center the Outside Work / CTA group in the personal close. */
.page-about .about-final-career,
.page-about .about-final-method{
  background:var(--paper);
}
@media (min-width:801px){
  .page-about .about-final-personal__aside{
    align-self:center;
  }
}

.page-essays .essay-feature{align-items:center}