/* NexOra · final design · shared by both pages
   Fonts self-hosted under the SIL Open Font License (assets/fonts/OFL-*.txt). */

@font-face{font-family:"Newsreader";src:url("fonts/newsreader-roman.woff2") format("woff2");font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-italic.woff2") format("woff2");font-weight:200 700;font-style:italic;font-display:swap}
@font-face{font-family:"Figtree";src:url("fonts/figtree.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrumentserif-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/instrumentserif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrainsmono.woff2") format("woff2");font-weight:300 500;font-style:normal;font-display:swap}

:root{
  --ivory:#F3F0E8;     /* page */
  --paper:#FBF9F4;     /* raised cards */
  --stone:#DEDCD3;     /* pale panels */
  --charcoal:#202522;  /* headings & body, 14.2:1 on ivory */
  --text:#3F4541;      /* body, 9.0:1 on ivory */
  --muted:#5C635E;     /* secondary, 5.6:1 on ivory, 4.6:1 on stone */
  --teal:#173E3B;      /* transitions & map, 10.2:1 as text on ivory */
  --teal-deep:#102D2B;
  --bronze:#A68158;    /* graphic accent only (3.1:1 on ivory) */
  --bronze-text:#7A5A34;/* accent text on light, 5.6:1 on ivory */
  --on-teal:#F3F0E8;   /* 10.2:1 on teal */
  --on-teal-2:#C9D3CF; /* 7.4:1 on teal */
  --bronze-lt:#D2AE84; /* accent text on teal, 5.6:1 */
  --line:rgba(32,37,34,.16);
  --line-2:rgba(32,37,34,.3);
  --line-t:rgba(243,240,232,.2);

  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --display:"Instrument Serif","Newsreader",Georgia,serif;
  --sans:"Figtree","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --max:1240px;
  --g:clamp(20px,4.5vw,72px);
  --hdr:76px;
  --ease:cubic-bezier(.2,.7,.1,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--ivory);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%}
a{color:inherit;text-underline-offset:3px}
p{margin:0 0 1em;text-wrap:pretty}
p:last-child{margin-bottom:0}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;color:var(--charcoal);letter-spacing:-.02em;text-wrap:balance}
ul,ol{margin:0;padding:0}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.teal :focus-visible{outline-color:var(--bronze-lt)}
[tabindex="-1"]:focus{outline:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-80px;z-index:300;background:var(--charcoal);color:var(--ivory);padding:12px 18px;text-decoration:none;border-radius:999px;font-weight:600}
.skip:focus{top:12px}

.wrap{max-width:calc(var(--max) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
.label{display:block;font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-text);margin:0 0 18px}
.teal .label{color:var(--bronze-lt)}
.h2{font-size:clamp(34px,4vw,58px);line-height:1.04}
.h3{font-size:clamp(24px,2.1vw,32px);line-height:1.15}
.lede{font-size:clamp(18px,1.45vw,21px);line-height:1.6;color:var(--text)}
.teal .lede{color:var(--on-teal-2)}
.note{font-size:14.5px;color:var(--muted);max-width:52em}
.teal .note{color:var(--on-teal-2)}
.stone .note{color:var(--text)}
.teal{background:var(--teal);color:var(--on-teal-2)}
.teal h2,.teal h3{color:var(--on-teal)}
.stone{background:var(--stone)}
.paper-bg{background:var(--paper)}

/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;font-family:var(--sans);font-size:15.5px;font-weight:600;text-decoration:none;border:1.5px solid var(--charcoal);color:var(--charcoal);transition:background .25s,color .25s,border-color .25s}
.btn:hover{background:var(--charcoal);color:var(--ivory)}
.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--ivory)}
.btn.primary:hover{background:var(--teal-deep);border-color:var(--teal-deep)}
.btn .ar{transition:transform .25s}
.btn:hover .ar{transform:translateX(3px)}
.teal .btn{border-color:var(--on-teal);color:var(--on-teal)}
.teal .btn:hover{background:var(--on-teal);color:var(--teal)}
.teal .btn.primary{background:var(--on-teal);color:var(--teal)}
.teal .btn.primary:hover{background:transparent;color:var(--on-teal)}
.more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--teal);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;min-height:0}
.teal .more{color:var(--on-teal)}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:100;background:rgba(243,240,232,.94);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
@supports (backdrop-filter:blur(8px)){.hdr{background:rgba(243,240,232,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
.hdr.scrolled{border-bottom-color:var(--line)}
.hdr .bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--hdr)}
.brand{display:inline-flex;align-items:baseline;gap:12px;min-height:44px;align-items:center;text-decoration:none;color:var(--charcoal)}
.brand .wm{font-family:var(--serif);font-size:28px;letter-spacing:.2em;font-weight:400}
.brand .wm span{color:var(--bronze);font-style:italic;font-family:var(--serif);font-weight:400}
.nav ul{list-style:none;display:flex;align-items:center;gap:6px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;color:var(--charcoal);text-decoration:none}
.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.nav a.cta{background:var(--teal);color:var(--ivory);border-radius:999px;padding:0 20px;margin-left:8px}
.nav a.cta:hover{background:var(--teal-deep);text-decoration:none}
.menu-btn{display:none;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1.5px solid var(--charcoal);border-radius:999px;background:none;color:var(--charcoal);font:600 15px var(--sans);text-decoration:none;cursor:pointer}
.menu-btn .bars{width:16px;height:10px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.menu-btn .bars::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:1.5px solid currentColor}
@media (max-width:1180px){
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .nav:target,.nav.open{display:block;position:absolute;left:0;right:0;top:100%;background:var(--ivory);border-bottom:1px solid var(--line-2);padding:8px var(--g) 24px;box-shadow:0 24px 40px -24px rgba(32,37,34,.25)}
  .nav:target ul,.nav.open ul{flex-direction:column;align-items:stretch;gap:0}
  .nav:target a,.nav.open a{font-size:19px;padding:0;min-height:52px;border-bottom:1px solid var(--line)}
  .nav:target a.cta,.nav.open a.cta{margin:16px 0 0;justify-content:center;border-bottom:0}
  .nav .close-li{display:list-item}
}
.nav .close-li{display:none}
@media (min-width:1181px){.nav .close-li{display:none!important}}
.brand .wm{white-space:nowrap}
@media (max-width:420px){.brand .wm{font-size:23px;letter-spacing:.16em}}

/* ---------- hero (split composition) ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:calc(100svh - var(--hdr));max-height:980px}
.hero .copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,104px) clamp(20px,5vw,80px) clamp(48px,6vw,88px) max(var(--g),calc((100vw - var(--max))/2))}
.hero .descriptor{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-text);margin:0 0 26px;display:flex;align-items:center;gap:14px}
.hero .descriptor::before{content:"";width:34px;height:1px;background:var(--bronze)}
.hero h1{font-size:clamp(50px,6.6vw,104px);line-height:.98;letter-spacing:-.03em;font-weight:350}
.hero .aud{font-family:var(--serif);font-style:italic;font-size:clamp(23px,2.2vw,32px);color:var(--teal);margin:20px 0 0}
.hero .support{max-width:36em;margin-top:26px;font-size:clamp(17px,1.3vw,19px);color:var(--text)}
.hero .media{position:relative;overflow:hidden;background:var(--stone)}
.hero .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo-note{position:absolute;right:16px;bottom:14px;z-index:1;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:#fff;background:rgba(16,45,43,.6);padding:4px 10px;border-radius:999px}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0;max-height:none}
  .hero .copy{padding:44px var(--g) 48px}
  .hero .media{aspect-ratio:4/3.2;order:2}
}

/* ---------- sections ---------- */
.sec{padding:clamp(84px,10vw,148px) 0}
.sec.tight{padding:clamp(64px,7vw,104px) 0}
.statement{max-width:900px}
.statement .h2{margin-bottom:28px}
.center{text-align:center;margin-left:auto;margin-right:auto}

/* B. crossing teams and borders */
.cross{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,104px);align-items:start}
.cross-list{list-style:none;counter-reset:c;border-top:1px solid var(--line-2)}
.cross-list li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:4px 16px;padding:24px 0;border-bottom:1px solid var(--line)}
.cross-list li::before{counter-increment:c;content:"0" counter(c);font-family:var(--mono);font-size:12px;color:var(--bronze-text);padding-top:6px;grid-row:span 2}
.cross-list h3{font-size:23px;line-height:1.2}
.cross-list p{margin:6px 0 0;color:var(--text)}
@media (max-width:900px){.cross{grid-template-columns:1fr}}

/* C. services, editorial rows */
.svc{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(20px,3vw,40px);align-items:center;margin-top:clamp(56px,7vw,96px)}
.svc:first-of-type{margin-top:0}
.svc .ph{position:relative;margin:0;overflow:hidden;background:var(--stone)}
.svc .ph img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
.svc .ph .fb{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--text)}
.svc .tx .num{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--bronze-text);display:block;margin-bottom:14px}
.svc .tx h3{font-size:clamp(30px,3vw,44px);line-height:1.05;margin-bottom:18px}
.svc .tx p{font-size:18px}
.svc.a .ph{grid-column:1/8;aspect-ratio:4/3}
.svc.a .tx{grid-column:9/13}
.svc.b .tx{grid-column:1/6;grid-row:1}
.svc.b .ph{grid-column:7/13;aspect-ratio:3/3.6;grid-row:1}
.svc.c .ph{grid-column:2/7;aspect-ratio:4/3}
.svc.c .tx{grid-column:8/13}
.svc-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between;align-items:center}
@media (max-width:900px){
  .svc{grid-template-columns:minmax(0,1fr);gap:24px}
  .svc.a .ph,.svc.a .tx,.svc.b .ph,.svc.b .tx,.svc.c .ph,.svc.c .tx{grid-column:1/-1;grid-row:auto}
  .svc.b .ph{aspect-ratio:4/3}
}

/* D. journey figure */
.fig{margin:0}
.fig-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 24px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--line-2)}
.fig-head .label{margin:0}
.fig-head .t{font-family:var(--serif);font-size:clamp(26px,2.6vw,38px);color:var(--charcoal);letter-spacing:-.015em}
.teal .fig-head{border-color:var(--line-t)}
.teal .fig-head .t{color:var(--on-teal)}
.diagram{display:block;width:100%;height:auto}
.diagram .mono{font-family:var(--mono)}
.diagram .serif{font-family:var(--serif)}
.diagram .sans{font-family:var(--sans)}
.desk-only{display:block}
.mob-only{display:none}
@media (max-width:760px){.desk-only{display:none}.mob-only{display:block}}
.alt-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.jlist{display:none}
@media (max-width:760px){
  .jlist{display:block;list-style:none}
  .jlist > li{padding:16px 0;border-top:1px solid var(--line)}
  .jlist b{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:6px;font-weight:400}
  .jlist ol{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
  .jlist ol li{display:contents}
  .jlist ol span{font-family:var(--mono);font-size:11px;color:var(--muted);padding-top:3px;text-transform:uppercase;letter-spacing:.06em}
  .jlist .arrive{margin-top:14px;border:1.5px solid var(--teal);border-radius:14px;padding:14px 16px;color:var(--charcoal)}
}

/* E. network map */
.netsec{position:relative;overflow:hidden}
.net-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px clamp(32px,6vw,96px);align-items:end;margin-bottom:48px}
@media (max-width:900px){.net-head{grid-template-columns:1fr}}
.mapwrap{position:relative}
.map{position:relative;aspect-ratio:21/9;border-top:1px solid var(--line-t);border-bottom:1px solid var(--line-t)}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.map .land{stroke:rgba(243,240,232,.24);stroke-width:4.2;stroke-linecap:round;fill:none}
.map .route{fill:none;stroke:var(--bronze-lt);stroke-width:1.4;opacity:.7;vector-effect:non-scaling-stroke;stroke-dasharray:6 6}
.map .route.on{opacity:1;stroke-width:2.2;stroke-dasharray:none}
.loc{position:absolute;transform:translate(-50%,-50%);z-index:2;display:block}
.loc i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--teal);border:1.5px solid var(--bronze-lt);font:500 10px/1 var(--mono);font-style:normal;color:var(--on-teal);transition:transform .35s,background .35s}
.loc .ll{position:absolute;left:24px;top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-teal-2);transition:color .3s}
.loc.l .ll{left:auto;right:24px}
.loc.on i{background:var(--bronze-lt);color:var(--teal-deep);transform:scale(1.25)}
.loc.on .ll{color:var(--on-teal)}
.map-key{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--on-teal-2)}
.map-key span{display:inline-flex;align-items:center;gap:10px}
.map-key .k-loc{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--bronze-lt)}
.map-key .k-route{width:28px;border-top:2px dashed var(--bronze-lt)}
.events{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:40px}
.events li{border-top:1px solid var(--line-t);padding:18px 0 22px;transition:opacity .35s}
.events button,.events .ev{all:unset;display:block;width:100%;cursor:default}
.js-map .events button{cursor:pointer}
.events .k{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--bronze-lt);font:500 11px/1 var(--mono);color:var(--on-teal);margin-right:10px}
.events .w{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-lt)}
.events p{margin:10px 0 0;color:var(--on-teal-2);font-size:15.5px;line-height:1.6}
.events li{position:relative}
.js-map .events li.on{border-top-color:var(--bronze-lt);box-shadow:inset 0 2px 0 var(--bronze-lt)}
.js-map .events li.on .k{background:var(--bronze-lt);color:var(--teal-deep)}
.events button:focus-visible{outline:2px solid var(--bronze-lt);outline-offset:6px;border-radius:4px}
@media (max-width:1000px){.events{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .loc .ll{display:none}
  .loc i{width:16px;height:16px;font-size:9px}
  .events{grid-template-columns:1fr}
}

.map-inset{position:relative;aspect-ratio:140/120;margin-top:16px;border:1px solid var(--line-t);overflow:hidden}
.map-inset svg{position:absolute;inset:0;width:100%;height:100%}
.map-inset .land{stroke:rgba(243,240,232,.22);stroke-width:2.2;stroke-linecap:round;fill:none}
.map-inset .route{fill:none;stroke:var(--bronze-lt);stroke-width:1.4;opacity:.8;vector-effect:non-scaling-stroke;stroke-dasharray:6 6}
.map-inset .route.on{opacity:1;stroke-width:2.2;stroke-dasharray:none}
.map-inset .loc .ll{display:block!important}
.map-inset .loc i{width:20px!important;height:20px!important;font-size:10px!important}
.inset-cap{position:absolute;left:10px;top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-teal-2)}
/* F. visibility */
.vis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(36px,6vw,96px);align-items:start}
.vis-list{list-style:none;margin-top:28px;border-top:1px solid var(--line-2)}
.vis-list li{padding:15px 0 15px 30px;border-bottom:1px solid var(--line);position:relative}
.vis-list li::before{content:"";position:absolute;left:2px;top:24px;width:14px;height:1.5px;background:var(--bronze)}
@media (max-width:900px){.vis{grid-template-columns:1fr}}
.specimen{background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(32,37,34,.45);padding:clamp(22px,3vw,40px);margin:0;transform:rotate(-.6deg)}
@media (prefers-reduced-motion:reduce){.specimen{transform:none}}
.specimen .meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.specimen .meta .tag{color:var(--bronze-text)}
.specimen h3{font-size:26px;margin:18px 0 6px}
.specimen dl{display:grid;grid-template-columns:9.5rem minmax(0,1fr);margin:14px 0 0}
.specimen dt,.specimen dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55}
.specimen dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:14px;padding-right:12px}
.specimen dd{color:var(--charcoal)}
.specimen .dec{font-weight:600}
.specimen dt.dec{color:var(--bronze-text)}
@media (max-width:560px){.specimen dl{grid-template-columns:1fr}.specimen dt{border:0;padding-bottom:0}.specimen dd{padding-top:4px}}

/* G. layered relationship */
.layers-fig{margin-top:56px}
.layers-svg .plane{fill:none;stroke:rgba(32,37,34,.34);stroke-width:1.2}
.layers-svg .plane.nx{stroke:var(--bronze);fill:rgba(166,129,88,.12);stroke-width:1.6}
.layers-svg .guide{stroke:rgba(32,37,34,.18)}
.layers-svg .p-l{font-family:var(--mono);font-size:12px;letter-spacing:1.2px;fill:#5C635E}
.layers-svg .p-l.nx{fill:#7A5A34}
.layers-svg .p-t{font-family:var(--serif);font-size:22px;fill:#202522}
.layers-svg .p-t.nx{fill:#173E3B}
.layers-svg .p-s{font-family:var(--sans);font-size:13.5px;fill:#5C635E}
.layers-svg .mand{stroke:#202522;stroke-width:1.6}
.layers-svg .rep{stroke:#7A5A34;stroke-width:1.6;stroke-dasharray:6 5}
.layers-svg .coord{stroke:#173E3B;stroke-width:1.6;stroke-dasharray:1.5 5;stroke-linecap:round}
.l-key{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.l-key li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;font-size:15px}
.l-key svg{width:44px;height:16px;margin-top:4px}
.l-key b{display:block;color:var(--charcoal);font-weight:600}
@media (max-width:900px){.l-key{grid-template-columns:1fr}}

/* H. purposeful journeys */
.purpose{position:relative;color:var(--ivory)}
.purpose .bgimg{position:absolute;inset:0}
.purpose .bgimg img{width:100%;height:100%;object-fit:cover}
.purpose .bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,45,43,.92) 0%,rgba(16,45,43,.78) 42%,rgba(16,45,43,.2) 75%)}
.purpose .inner{position:relative;z-index:1;padding-top:clamp(96px,11vw,160px);padding-bottom:clamp(96px,11vw,160px)}
.purpose .txt{max-width:560px}
.purpose h2{color:var(--ivory)}
.purpose .lede{color:#E7E3D8}
.purpose .label{color:var(--bronze-lt)}
.purpose .photo-note{right:var(--g)}
@media (max-width:760px){.purpose .bgimg::after{background:rgba(16,45,43,.84)}}
.purpose-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.pg-list{list-style:none;columns:2;column-gap:36px;border-top:1px solid var(--line-2)}
.pg-list li{break-inside:avoid;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--charcoal)}
.pg-list li span{display:block;font-family:var(--sans);font-size:14.5px;color:var(--muted);margin-top:4px;line-height:1.5}
.pg-photo{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.pg-photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.purpose-grid{grid-template-columns:1fr}.pg-list{columns:1}}

/* I. deliverables */
.dlv{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;counter-reset:d;margin-top:48px}
.dlv li{border-top:2px solid var(--charcoal);padding:22px 0 0}
.dlv li::before{counter-increment:d;content:"0" counter(d);display:block;font-family:var(--mono);font-size:12px;color:var(--bronze-text);margin-bottom:16px}
.dlv h3{font-size:24px;line-height:1.15;margin-bottom:10px}
.dlv p{font-size:15.5px}
@media (max-width:1000px){.dlv{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}}
@media (max-width:560px){.dlv{grid-template-columns:1fr}}

/* J. leadership */
.lead-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,96px);align-items:start}
.lead-cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
.lead-cover div{background:var(--paper);border:1px solid var(--line);padding:22px 24px}
.lead-cover .label{margin-bottom:10px}
@media (max-width:900px){.lead-wrap{grid-template-columns:1fr}}
@media (max-width:560px){.lead-cover{grid-template-columns:1fr}}

/* K. engagement & contact */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:s;margin-top:48px;position:relative}
.steps::before{content:"";position:absolute;left:0;right:0;top:23px;border-top:1px solid var(--line-2)}
.steps li{position:relative}
.steps li::before{counter-increment:s;content:counter(s);position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ivory);border:1.5px solid var(--charcoal);font-family:var(--serif);font-size:21px;color:var(--charcoal);margin-bottom:22px}
.steps li:nth-child(2)::before{background:var(--teal);border-color:var(--teal);color:var(--ivory)}
.steps h3{font-size:23px;line-height:1.2;margin-bottom:8px}
.steps p{font-size:15.5px}
.steps .out{margin-top:10px;font-family:var(--mono);font-size:12px;letter-spacing:.04em;line-height:1.6;color:var(--teal);text-transform:uppercase}
@media (max-width:900px){
  .steps{grid-template-columns:1fr;gap:0}
  .steps::before{left:23px;right:auto;top:23px;bottom:23px;border-top:0;border-left:1px solid var(--line-2)}
  .steps li{display:grid;grid-template-columns:46px 1fr;gap:0 20px;padding-bottom:28px}
  .steps li::before{grid-row:span 4;margin:0}
}
.contact{padding:clamp(88px,10vw,140px) 0}
.contact .inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:end}
.contact h2{font-size:clamp(40px,5vw,72px);line-height:1}
.contact .final{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.4;color:var(--on-teal);margin-top:24px}
.contact ul{list-style:none;border-top:1px solid var(--line-t)}
.contact li{padding:14px 0 14px 26px;border-bottom:1px solid var(--line-t);position:relative;font-size:15.5px}
.contact li::before{content:"";position:absolute;left:0;top:25px;width:12px;height:1.5px;background:var(--bronze-lt)}
@media (max-width:900px){.contact .inner{grid-template-columns:1fr}}

/* footer */
.ftr{background:var(--teal-deep);color:var(--on-teal-2);padding:64px 0 36px;font-size:14.5px}
.ftr .top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px 56px;padding-bottom:36px;border-bottom:1px solid var(--line-t)}
.ftr .brand{color:var(--on-teal)}
.ftr p{margin:12px 0 0;max-width:30em}
.ftr ul{list-style:none}
.ftr ul a{display:inline-flex;align-items:center;min-height:40px;color:var(--on-teal);text-decoration:none}
.ftr ul a:hover{text-decoration:underline}
.ftr .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;padding-top:24px;font-size:13px}
.ftr .legal p{margin:0;max-width:none}
@media (max-width:860px){.ftr .top{grid-template-columns:1fr}}

/* reveal: content visible unless JS opts in */
.motion .rv{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.motion .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.motion .rv{opacity:1!important;transform:none!important;transition:none!important}}

/* ---------- doctrine ---------- */
.doc-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);border-bottom:1px solid var(--line)}
.doc-hero .copy{padding:clamp(56px,8vw,120px) clamp(20px,5vw,72px) clamp(48px,6vw,88px) max(var(--g),calc((100vw - var(--max))/2))}
.doc-hero .meta{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:24px}
.doc-hero h1{font-size:clamp(44px,5.4vw,84px);line-height:1;letter-spacing:-.03em;font-weight:350}
.doc-hero .lede{margin-top:24px;max-width:34em}
.doc-hero .media{position:relative;overflow:hidden;background:var(--stone);min-height:320px}
.doc-hero .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.doc-hero{grid-template-columns:1fr}.doc-hero .copy{padding:44px var(--g)}.doc-hero .media{aspect-ratio:16/9;min-height:0}}
.doc-layout{display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:0 clamp(40px,5vw,88px);max-width:calc(var(--max) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
.toc{position:sticky;top:96px;align-self:start;padding:64px 0 40px;max-height:calc(100vh - 96px);overflow:auto}
.toc ol{list-style:none}
.toc a{display:grid;grid-template-columns:2rem 1fr;align-items:center;min-height:40px;font-size:15px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
.toc a span:first-child{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.toc a:hover,.toc a[aria-current="true"]{color:var(--charcoal)}
.toc a[aria-current="true"] span:first-child{color:var(--bronze-text)}
.toc-inline{display:none;background:var(--paper);border-bottom:1px solid var(--line);padding:24px var(--g)}
.toc-inline ol{list-style:none;columns:2;column-gap:32px;max-width:var(--max);margin:0 auto}
.toc-inline a{display:flex;gap:12px;align-items:center;min-height:44px;font-size:16px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);break-inside:avoid}
.toc-inline a span:first-child{font-family:var(--mono);font-size:11.5px;color:var(--bronze-text);width:1.6rem}
@media (max-width:1100px){.doc-layout{grid-template-columns:1fr}.toc{display:none}.toc-inline{display:block}}
@media (max-width:600px){.toc-inline ol{columns:1}}
@media (min-width:1101px){.nav-toc{display:none}}
.doc-main{min-width:0;padding-bottom:48px}
.part{padding:clamp(64px,8vw,104px) 0;border-top:1px solid var(--line)}
.part:first-child{border-top:0}
.part-head{margin-bottom:32px;max-width:780px}
.part h2{font-size:clamp(32px,3.3vw,46px);line-height:1.08}
.part h3{font-size:22px;line-height:1.25;margin-bottom:8px}
.prose{max-width:44em}
.sub{margin-top:48px}
.clauses{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.clauses li{border-top:1px solid var(--line-2);padding:20px 0 24px}
.clauses .cn{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:8px}
.clauses p{font-size:15.5px;margin:0}
@media (max-width:700px){.clauses{grid-template-columns:1fr}}
.points{list-style:none;border-top:1px solid var(--line-2)}
.points li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid var(--line)}
.points li::before{content:"";position:absolute;left:2px;top:24px;width:13px;height:1.5px;background:var(--bronze)}
.points.cols{columns:2;column-gap:36px;border-top:0}
.points.cols li{break-inside:avoid}
@media (max-width:700px){.points.cols{columns:1}}
.tbl{width:100%;border-collapse:collapse;font-size:15.5px;background:var(--paper)}
.tbl caption{text-align:left;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);padding:0 0 12px}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:15px 18px;border-bottom:1px solid var(--line);line-height:1.55}
.tbl thead th{font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);background:var(--teal)}
.tbl tbody th{font-family:var(--serif);font-size:19px;font-weight:400;color:var(--charcoal)}
@media (max-width:760px){
  .tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl tr{display:block;padding:14px 18px;border-bottom:1px solid var(--line)}
  .tbl th,.tbl td{display:block;border:0;padding:4px 0}
  .tbl td[data-label]::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
}
.dims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.dim{background:var(--paper);border:1px solid var(--line);padding:24px 26px}
.dim .note{margin:2px 0 14px}
.scale{list-style:none}
.scale li{display:grid;grid-template-columns:7.4rem minmax(0,1fr);gap:14px;padding:11px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.55}
.scale b{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--charcoal)}
.lv{display:inline-block;width:10px;height:10px;border-radius:50%}
.lv1{background:#9DB1AC}.lv2{background:#C9A36A}.lv3{background:#B4692E}.lv4{background:#8C2F2A}
.au1{background:#2F7A58}.au2{background:var(--teal)}.au3{background:#8C2F2A}
@media (max-width:760px){.dims{grid-template-columns:minmax(0,1fr)}}
@media (max-width:440px){.scale li{grid-template-columns:1fr;gap:4px}.dim{padding:20px 18px}}
.matrix{margin-top:24px;background:var(--paper);border:1px solid var(--line);padding:24px 26px}
.matrix table{width:100%;border-collapse:separate;border-spacing:6px;font-size:14.5px;line-height:1.5}
.matrix caption{text-align:left;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);padding-bottom:8px}
.matrix th{font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--charcoal);text-align:left;padding:8px 6px;vertical-align:top}
.matrix td{padding:14px 16px;vertical-align:top;color:var(--charcoal);border-radius:6px}
.matrix tr.p1 td{background:#E9EEEC}.matrix tr.p2 td{background:#F3EBDC}.matrix tr.p3 td{background:#F1E0D0}.matrix tr.p4 td{background:#EFDAD6}
@media (max-width:760px){
  .matrix{padding:18px 14px}
  .matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .matrix table,.matrix tbody,.matrix tr,.matrix th,.matrix td{display:block}
  .matrix tr{margin-bottom:14px}
  .matrix td{margin-top:6px}
  .matrix td[data-label]::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
}
.areas{display:grid;gap:0;border-top:1px solid var(--line-2)}
.area{display:grid;grid-template-columns:12rem minmax(0,1fr) minmax(0,1fr);gap:8px 32px;padding:22px 0;border-bottom:1px solid var(--line)}
.area h3{margin:0;font-size:24px}
.area .lbl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.area .ours .lbl{color:var(--bronze-text)}
.area p{font-size:15.5px;margin:0}
.area .ours p{color:var(--charcoal)}
@media (max-width:900px){.area{grid-template-columns:1fr}}
.log{list-style:none;position:relative}
.log::before{content:"";position:absolute;left:5.55rem;top:10px;bottom:10px;border-left:1px solid var(--line-2)}
.log li{display:grid;grid-template-columns:4.4rem 2.3rem 9.5rem minmax(0,1fr);align-items:start;padding:12px 0}
.log .t{font-family:var(--mono);font-size:14px;color:var(--charcoal);padding-top:2px}
.log .dot{position:relative;z-index:1;width:12px;height:12px;border-radius:50%;background:var(--ivory);border:1.5px solid var(--charcoal);margin:6px 0 0 calc(1.15rem - 6px)}
.log li.hand .dot{background:var(--bronze);border-color:var(--bronze)}
.log .w{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.log p{margin:0;font-size:15.5px}
@media (max-width:700px){.log::before{left:5.5px}.log li{grid-template-columns:1.5rem minmax(0,1fr);gap:2px 10px}.log .dot{grid-row:span 3;margin:6px 0 0}.log .t,.log .w,.log p{grid-column:2}}
.record{background:var(--paper);border:1px solid var(--line);padding:24px 28px}
.record .re{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:6px 20px;padding:13px 0;border-bottom:1px solid var(--line)}
.record .re:last-child{border-bottom:0}
.record .re span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.record .re p{margin:0;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--charcoal)}
@media (max-width:700px){.record .re{grid-template-columns:1fr}}
.deliv{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;counter-reset:d;border-top:1px solid var(--line-2)}
.deliv li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:2px 10px;padding:16px 0;border-bottom:1px solid var(--line)}
.deliv li::before{counter-increment:d;content:counter(d,decimal-leading-zero);font-family:var(--mono);font-size:11.5px;color:var(--bronze-text);padding-top:4px;grid-row:span 2}
.deliv b{color:var(--charcoal);font-weight:600}
.deliv span{font-size:14.5px;color:var(--muted)}
@media (max-width:760px){.deliv{grid-template-columns:1fr}}
.ex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ex{background:var(--paper);border:1px solid var(--line);padding:26px 28px 30px}
.ex h3{font-size:24px;margin:14px 0 10px}
.tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);border:1px solid currentColor;border-radius:999px;padding:3px 10px}
@media (max-width:760px){.ex-grid{grid-template-columns:1fr}}
.plate{margin:0;position:relative}
.plate .fr{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plate .fb{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--text)}
.plate figcaption{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:8px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
@media (max-width:860px){.grid2{grid-template-columns:1fr}}
.fig-panel{background:var(--paper);border:1px solid var(--line);padding:clamp(20px,3vw,40px)}
.hub{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:860px){.hub{grid-template-columns:1fr}}

/* =========================================================
   FINAL DESIGN REFINEMENT
   ========================================================= */
/* display type: Instrument Serif for headlines, Newsreader for smaller serif text */
h1,h2,.h2,.fig-head .t,.statement-xl{font-family:var(--display);font-weight:400;letter-spacing:-.01em}
h3{font-family:var(--serif)}
.h2{font-size:clamp(38px,4.6vw,66px);line-height:1.02}
.part h2{font-family:var(--display);font-size:clamp(36px,3.6vw,52px);line-height:1.04}
.label{font-size:12.5px;letter-spacing:.12em}
.diagram .disp{font-family:var(--display)}

/* hero refinement */
.hero .descriptor{font-size:13.5px;margin-bottom:22px}
.hero h1{font-size:clamp(54px,6.4vw,100px);line-height:.95;letter-spacing:-.015em}
.hero h1 .l2{display:block}
.hero .aud{font-family:var(--display);font-size:clamp(26px,2.5vw,36px);margin-top:18px}
.hero .support{margin-top:22px}
.hero .contact-line{margin-top:22px;font-size:15px;color:var(--muted)}
.hero .contact-line a{color:var(--teal);font-weight:600}

/* intro statement */
.intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,6vw,96px);align-items:end}
.intro .lede{font-size:clamp(19px,1.5vw,22px)}
.intro-ex{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,3vw,48px);margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line-2)}
.intro-ex li{padding-top:22px}
.intro-ex b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;color:var(--charcoal);margin-bottom:8px}
.intro-ex p{font-size:16px;margin:0}
.intro-ex .n{display:block;font-family:var(--mono);font-size:12px;color:var(--bronze-text);margin-bottom:14px}
@media (max-width:900px){.intro{grid-template-columns:1fr}.intro-ex{grid-template-columns:1fr;border-top:0}.intro-ex li{border-top:1px solid var(--line-2);padding:20px 0 6px}}

/* services index with a sticky photograph */
.svc-index{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,104px);align-items:start}
.svc-photo{position:sticky;top:110px;margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--stone)}
.svc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.svc-list{list-style:none;counter-reset:sv}
.svc-list > li{padding:clamp(28px,3.4vw,44px) 0;border-top:1px solid var(--line-2)}
.svc-list > li:last-child{border-bottom:1px solid var(--line-2)}
.svc-list .n{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;color:var(--bronze-text);display:block;margin-bottom:12px}
.svc-list h3{font-family:var(--display);font-size:clamp(32px,3.2vw,46px);line-height:1.02;margin-bottom:14px}
.svc-list p{font-size:18px;max-width:34em}
.also{margin-top:36px}
.also .label{margin-bottom:12px}
.also ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.also a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;font-size:15px;color:var(--charcoal);background:var(--paper)}
.also a:hover{border-color:var(--teal);color:var(--teal)}
@media (max-width:900px){.svc-index{grid-template-columns:minmax(0,1fr)}.svc-photo{position:relative;top:0;aspect-ratio:4/3}}

/* cinematic photographic transition */
.band{position:relative;min-height:clamp(420px,62vh,640px);display:flex;align-items:flex-end;color:var(--ivory);overflow:hidden;background:var(--teal-deep)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,45,43,.1) 30%,rgba(16,45,43,.88) 100%)}
.band .inner{position:relative;z-index:1;padding-bottom:clamp(40px,6vw,72px);width:100%}
.band p{font-family:var(--display);font-size:clamp(30px,3.6vw,54px);line-height:1.05;max-width:20ch;margin:0;color:var(--ivory)}
.band .photo-note{z-index:2}

/* journey section */
.journey-sec{padding-top:clamp(72px,8vw,112px)}

/* map refinements */
.netsec .wrap.wide{max-width:calc(1400px + 2*var(--g))}
.map-cap{font-size:15.5px;color:var(--on-teal-2);margin-top:14px;max-width:60em}
.map-key .k-conf{width:14px;height:14px;border-radius:50%;background:var(--bronze-lt)}
.loc.confirmed i{background:var(--bronze-lt);color:var(--teal-deep)}
.more-ev{margin-top:8px;border-top:1px solid var(--line-t)}
.more-ev summary{display:flex;align-items:center;gap:12px;min-height:52px;cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-lt);list-style:none}
.more-ev summary::-webkit-details-marker{display:none}
.more-ev summary::before{content:"+";font-size:18px;line-height:1;width:18px;text-align:center}
.more-ev[open] summary::before{content:"–"}
.more-ev summary:focus-visible{outline:2px solid var(--bronze-lt);outline-offset:4px}
.more-ev .events{margin-top:0}

/* reporting specimen: issue → recommendation → decision */
.rep-items{list-style:none;margin-top:16px}
.rep-items > li{padding:16px 0;border-top:1px solid var(--line)}
.rep-items .topic{font-family:var(--serif);font-size:20px;color:var(--charcoal);margin-bottom:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rep-items .topic span{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-self:center}
.rep-items dl{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:6px 14px;margin:0}
.rep-items dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.rep-items dd{margin:0;font-size:15px;line-height:1.55;color:var(--charcoal)}
.rep-items dt.dec{color:var(--bronze-text)}
.rep-items dd.dec{font-weight:600}
@media (max-width:560px){.rep-items dl{grid-template-columns:1fr;gap:2px}.rep-items dd{margin-bottom:8px}}

/* approach (restored two-route flowchart) */
.approach{background:var(--paper)}
.flow-fig{margin-top:clamp(40px,5vw,64px)}
.flow-fig .diagram{max-width:1040px;margin:0 auto}
.flow-cap{text-align:center;margin:22px auto 0;font-size:15.5px;color:var(--text);max-width:46em}

/* leadership */
.leader{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,96px);align-items:end}
.statement-xl{font-size:clamp(42px,5.4vw,80px);line-height:1;color:var(--charcoal);margin:0}
.leader .lede{margin-bottom:24px}
.leader .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line-2)}
.leader .pair div{padding-top:18px}
.leader .pair .label{margin-bottom:8px}
@media (max-width:900px){.leader{grid-template-columns:1fr}}
@media (max-width:520px){.leader .pair{grid-template-columns:1fr}.leader .pair div{border-bottom:1px solid var(--line);padding-bottom:14px}}

/* engagement + contact on teal */
.engage{padding:clamp(88px,10vw,140px) 0}
.engage .steps::before{border-color:var(--line-t)}
.engage .steps li::before{background:var(--teal);border-color:var(--on-teal);color:var(--on-teal)}
.engage .steps li:nth-child(2)::before{background:var(--bronze-lt);border-color:var(--bronze-lt);color:var(--teal-deep)}
.engage .steps h3{color:var(--on-teal)}
.engage .steps p{color:var(--on-teal-2)}
.engage .steps .out{color:var(--bronze-lt)}
@media (max-width:900px){.engage .steps::before{border-left-color:var(--line-t)}}
.contact-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);margin-top:clamp(64px,8vw,112px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line-t);align-items:end}
.contact-panel h2{font-size:clamp(44px,5.2vw,76px);line-height:1}
.contact-panel .final{font-family:var(--serif);font-size:clamp(21px,1.9vw,26px);line-height:1.45;color:var(--on-teal);margin-top:22px}
.contact-panel ul{list-style:none;border-top:1px solid var(--line-t)}
.contact-panel li{padding:14px 0 14px 26px;border-bottom:1px solid var(--line-t);position:relative;font-size:15.5px}
.contact-panel li::before{content:"";position:absolute;left:0;top:25px;width:12px;height:1.5px;background:var(--bronze-lt)}
@media (max-width:900px){.contact-panel{grid-template-columns:1fr}}

/* mobile heading balance */
@media (max-width:520px){.h2{font-size:clamp(34px,10vw,44px)}.hero h1{font-size:clamp(50px,15vw,64px)}}

/* ---------- print (doctrine) ---------- */
@page{size:A4;margin:16mm 16mm 18mm}
@media print{
  body{font-size:10.5pt;background:#fff}
  .hdr,.skip,.toc,.toc-inline,.no-print,.doc-hero .media{display:none!important}
  .doc-hero{display:block;border:0}.doc-hero .copy{padding:0 0 8mm}
  .doc-layout{display:block;padding:0}
  .motion .rv{opacity:1!important;transform:none!important}
  .part{padding:7mm 0;break-inside:auto}
  .part h2{font-size:20pt}
  .label,.part-head,h2,h3,.fig-head{break-after:avoid}
  .part-head,h2,h3{break-inside:avoid}
  .clauses li,.area,.log li,.record .re,.tbl tr,.plate,.dim,.fig,.matrix,.ex,.specimen{break-inside:avoid}
  .tbl{break-inside:avoid}.tbl thead{display:table-header-group}
  .tbl thead th,.matrix td,.lv{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .ftr{background:#fff;color:#3F4541;padding:6mm 0 0}.ftr ul{display:none}.ftr .brand{color:#202522}.ftr .top{border-color:#ccc}
  .specimen{box-shadow:none;transform:none}
  .band,.more-ev summary{display:none}
  a{text-decoration:none}
}

/* FINAL CORRECTION · scope note under additional areas of support */
.also .scope-note{margin-top:14px;font-size:15px;line-height:1.55;color:var(--muted);max-width:46ch}

/* ==========================================================================
   COMMERCIAL REFINEMENT (10 October 2026)
   1. Modern sans-serif typography: Figtree for display and headings.
      The wordmark keeps its serif italic O as a brand mark.
   2. New components: four situations, network method, Review, continuity.
   ========================================================================== */
:root{
  --display:"Figtree","Helvetica Neue",Arial,sans-serif;
  --serif:"Figtree","Helvetica Neue",Arial,sans-serif;
  --mark:"Newsreader","Iowan Old Style",Georgia,serif;
}
.brand .wm,.brand .wm span{font-family:var(--mark)}
h1,h2,.h2,.fig-head .t,.statement-xl,.part h2,.svc-list h3,.band p{font-weight:500;letter-spacing:-.028em}
h1{line-height:1.02}
.h2{line-height:1.06}
h3,.intro-ex b,.dlv h3,.specimen h3,.rep-items .topic,.tbl tbody th{font-weight:600;letter-spacing:-.012em}
.svc-list h3{font-size:clamp(28px,2.8vw,40px)}
.part h2{font-size:clamp(32px,3.2vw,46px)}
.hero .aud{font-style:normal;font-weight:400;letter-spacing:-.015em}
.record .re p,.pg-list li{font-style:normal}
.contact-panel .final,.contact .final{font-weight:400;letter-spacing:-.01em}
.diagram .disp,.diagram .serif,.layers-svg .p-t{font-weight:500}

/* four situations */
.intro-ex.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.intro-ex.four b{font-size:20px}
@media (max-width:1100px) and (min-width:901px){.intro-ex.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 48px}.intro-ex.four li{padding-bottom:18px}}

/* network method */
.net-how{margin-top:clamp(40px,5vw,64px);padding-top:28px;border-top:1px solid var(--line-t)}
.net-how h3{font-size:22px;margin-bottom:18px}
.net-how dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 28px;margin:0}
.net-how dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-lt);margin-bottom:8px}
.net-how dd{margin:0;font-size:15px;line-height:1.55;color:var(--on-teal-2)}
.net-dist{margin:26px 0 0;font-size:14.5px;color:var(--on-teal-2);max-width:60em}
@media (max-width:1000px){.net-how dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.net-how dl{grid-template-columns:minmax(0,1fr)}}

/* Private Operations Review */
.review-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:start}
.review-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
.review-cols h3{font-size:19px;padding-top:16px;border-top:2px solid var(--charcoal);margin-bottom:12px}
.review-cols ul{list-style:none;margin:0;padding:0}
.review-cols li{position:relative;padding:6px 0 6px 18px;font-size:15.5px;line-height:1.5;border-bottom:1px solid var(--line)}
.review-cols li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:1.5px;background:var(--bronze)}
.review-cols p{font-size:15.5px;margin:0 0 12px}
.review-spec{transform:rotate(.4deg)}
.review-spec h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;margin:22px 0 8px}
.rmap-wrap{overflow-x:auto}
.rmap{width:100%;border-collapse:collapse;font-size:14px;margin-top:8px}
.rmap th,.rmap td{text-align:left;padding:9px 8px 9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.rmap thead th{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:400}
.rmap tbody th{font-weight:600;color:var(--charcoal)}
.rmap td.gap{color:var(--bronze-text);font-weight:600}
.rs-actions{margin:0;padding-left:20px;font-size:15px}
.rs-actions li{padding:3px 0}
@media (prefers-reduced-motion:reduce){.review-spec{transform:none}}
@media (max-width:1000px){.review-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.review-cols{grid-template-columns:minmax(0,1fr);gap:28px}}
@media print{.review-spec{transform:none;box-shadow:none}}

/* continuity */
.cont-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;margin:0;padding:0;counter-reset:ct}
.cont-list li{border-top:2px solid var(--charcoal);padding-top:20px}
.cont-list li::before{counter-increment:ct;content:"0" counter(ct);display:block;font-family:var(--mono);font-size:12px;color:var(--bronze-text);margin-bottom:12px}
.cont-list h3{font-size:21px;margin-bottom:8px}
.cont-list p{font-size:15.5px;margin:0}
@media (max-width:900px){.cont-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cont-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.intro-ex.four{grid-template-columns:minmax(0,1fr)}}

/* How readiness is tracked: method list and illustrative working-tool screenshots */
.method-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.method-list{list-style:none;margin:0;padding:0;counter-reset:mt}
.method-list li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:2px 12px;padding:18px 0;border-top:1px solid var(--line-2)}
.method-list li:last-child{border-bottom:1px solid var(--line-2)}
.method-list li::before{counter-increment:mt;content:"0" counter(mt);font-family:var(--mono);font-size:12px;color:var(--bronze-text);padding-top:4px;grid-row:span 2}
.method-list h3{font-size:19px;margin:0 0 4px}
.method-list p{font-size:15.5px;margin:0}
.tool-fig{margin:0}
.tool-shots{position:relative;padding:0 0 40px 0}
.tool-desk{border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -36px rgba(32,37,34,.45);width:88%}
.tool-desk img{display:block;width:100%;height:auto}
.tool-phone{position:absolute;right:0;bottom:0;width:30%;aspect-ratio:9/17;border:6px solid var(--charcoal);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 24px 48px -24px rgba(32,37,34,.55)}
.tool-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.tool-fig figcaption{font-size:14px;color:var(--muted);margin-top:18px;max-width:46em}
.tool-fig .tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);border:1px solid var(--bronze-text);border-radius:99px;padding:2px 9px;margin-right:8px}
@media (max-width:1000px){.method-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.tool-desk{width:100%}.tool-shots{padding-bottom:0}.tool-phone{position:relative;width:62%;margin:18px auto 0;aspect-ratio:9/16}}

/* ==========================================================================
   REBALANCED PROPOSAL (10 October 2026): six service areas, applications,
   engagement routes, eight deliverables, continuity and discretion
   ========================================================================== */
.hero .principles{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-text);margin:14px 0 0}

.areas6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
.area6{border-top:2px solid var(--charcoal);padding-top:18px;outline:none}
.area6-k{display:inline-grid;place-items:center;width:28px;height:28px;border:1.5px solid var(--bronze);border-radius:50%;font-family:var(--mono);font-size:12px;color:var(--bronze-text);margin-bottom:14px}
.area6 h3{font-size:clamp(21px,1.7vw,25px);line-height:1.15;margin-bottom:10px}
.area6-intro{font-size:15.5px;line-height:1.55;color:var(--text);margin:0 0 14px}
.area6 ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.area6 li{position:relative;padding:6px 0 6px 16px;font-size:14.5px;line-height:1.45;border-bottom:1px solid var(--line)}
.area6 li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:1.5px;background:var(--bronze)}
.area6-limit{font-size:13.5px;color:var(--muted);margin:12px 0 0}
.svc-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(40px,5vw,64px)}
.svc-strip figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone)}
.svc-strip img{width:100%;height:100%;object-fit:cover;display:block}
.svc-strip figcaption{position:absolute;left:12px;bottom:12px;background:rgba(23,30,28,.78);color:#F3F0E8;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:99px}
@media (max-width:1000px){.areas6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.areas6{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.svc-strip{grid-template-columns:minmax(0,1fr)}.svc-strip figure{aspect-ratio:16/9}}

.apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.app{background:var(--paper);border:1px solid var(--line);padding:24px 24px 26px}
.app .tag{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);border:1px solid var(--bronze-text);border-radius:99px;padding:2px 9px;margin-bottom:14px}
.app h3{font-size:21px;margin-bottom:6px}
.app .app-areas{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);margin:0 0 12px}
.app p{font-size:15px;line-height:1.6;margin:0}
@media (max-width:1000px){.apps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.apps{grid-template-columns:minmax(0,1fr)}}

.routes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:rt}
.routes li{border-top:2px solid var(--charcoal);padding-top:18px;outline:none}
.routes li::before{counter-increment:rt;content:"0" counter(rt);display:block;font-family:var(--mono);font-size:12px;color:var(--bronze-text);margin-bottom:12px}
.routes h3{font-size:24px;margin-bottom:10px}
.routes p{font-size:15.5px;margin:0}
@media (max-width:900px){.routes{grid-template-columns:minmax(0,1fr)}}

.dlv.dlv8{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
.dlv.dlv8 h3{font-size:20px}
@media (max-width:1000px){.dlv.dlv8{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dlv.dlv8{grid-template-columns:minmax(0,1fr)}}

.cd-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.cd-list li{border-top:2px solid var(--charcoal);padding-top:18px}
.cd-list h3{font-size:19px;margin-bottom:8px}
.cd-list p{font-size:15px;margin:0}
@media (max-width:1000px){.cd-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cd-list{grid-template-columns:minmax(0,1fr)}}
.hero .aud{line-height:1.2}
#contact-sec .contact-panel{margin-top:0;border-top:0;padding-top:0}
.apps .app h3{line-height:1.2}

/* doctrine: six service-area detail */
.sdets{display:grid;gap:0;border-top:1px solid var(--line-2)}
.sdet{padding:28px 0;border-bottom:1px solid var(--line)}
.sdet-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.sdet-k{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--bronze);border-radius:50%;font-family:var(--mono);font-size:12px;color:var(--bronze-text);flex:none}
.sdet h3{font-size:26px;margin:0}
.sdet-intro{font-size:17px;line-height:1.6;color:var(--charcoal);max-width:46em;margin:0 0 18px}
.sdet-cols{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px}
.sdet .lbl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:6px}
.sdet .lbl.spec{color:var(--muted);margin-top:18px}
.sdet p{font-size:15.5px;margin:0}
@media (max-width:760px){.sdet-cols{grid-template-columns:minmax(0,1fr);gap:16px}}
.sdet .sdet-intro{margin:0 0 18px}

/* Specialist Selection & Oversight */
.sel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);margin-top:clamp(48px,6vw,72px);padding:clamp(24px,3vw,36px);background:var(--ivory);border-left:3px solid var(--teal);outline:none}
.sel-head h3{font-size:clamp(24px,2.2vw,30px);margin-bottom:12px}
.sel-head p{font-size:16px;line-height:1.6;color:var(--text);margin:0 0 10px}
.sel-head .sel-scope{font-size:14.5px;color:var(--muted)}
.sel-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}
.sel-list dt{font-weight:600;font-size:15.5px;color:var(--charcoal);margin-bottom:3px}
.sel-list dd{margin:0;font-size:14.5px;line-height:1.5;color:var(--text)}
@media (max-width:1000px){.sel{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.sel-list{grid-template-columns:minmax(0,1fr)}}

/* Your mandate, in view: proposed portal and prototype preview */
.portal-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:start}
.portal-fn-l{margin-top:26px}
.portal-fn{list-style:none;margin:0 0 20px;padding:0;border-top:1px solid var(--line-2)}
.portal-fn li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid var(--line);font-size:15.5px}
.portal-fn li::before{content:"";position:absolute;left:0;top:18px;width:8px;height:1.5px;background:var(--bronze)}
.pv{margin:0}
.pv-frame{background:var(--paper);border:1px solid var(--line-2);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(32,37,34,.45)}
.pv-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--teal);padding:12px 18px}
.pv-wm{font-family:var(--mark);letter-spacing:.2em;color:#F3F0E8;font-size:15px}
.pv-wm span{color:var(--bronze-lt);font-style:italic}
.pv-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#F3F0E8;border:1px solid rgba(243,240,232,.5);border-radius:99px;padding:3px 9px;white-space:nowrap}
.pv-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:20px}
.pv-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.pv-list{list-style:none;margin:0;padding:0}
.pv-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--line)}
.pv-list b{font-size:14.5px;color:var(--charcoal);font-weight:600}
.pv-list span{grid-column:1;font-size:13px;color:var(--muted)}
.pv-list em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}
.pv-list em.ok{background:#E1EEE5;color:#1E5C3E}
.pv-list em.att{background:#F6EAD2;color:#7A4F0C}
.pv-dec,.pv-rep{border:1px solid var(--line-2);border-radius:8px;padding:12px 14px;background:#fff}
.pv-dec{border-left:3px solid var(--bronze)}
.pv-dec b,.pv-rep b{display:block;font-size:14.5px;color:var(--charcoal);margin-bottom:2px}
.pv-dec > span,.pv-rep span{display:block;font-size:13px;color:var(--muted)}
.pv-dec dl{margin:10px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.pv-dec dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.pv-dec dd{margin:0;font-size:13px;font-weight:600;color:var(--charcoal)}
.pv figcaption{font-size:13.5px;color:var(--muted);margin-top:14px}
@media (max-width:1000px){.portal-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pv-body{grid-template-columns:minmax(0,1fr)}.pv-dec dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pv-tag{font-size:9.5px}}
.portal-copy .lede{margin-top:22px}
.sel-list dt{line-height:1.3}

/* Launch alignment: client application, role diagram, report summary */
.appx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:start}
.app-fn{margin:0;border-top:1px solid var(--line-2)}
.app-fn > div{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:4px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.app-fn dt{font-weight:600;color:var(--charcoal);font-size:16px}
.app-fn dd{margin:0;font-size:15px;line-height:1.55;color:var(--text)}
.roles{margin:0;background:var(--ivory);border:1px solid var(--line);padding:22px}
.roles-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.roles-list li{position:relative;background:var(--paper);border:1px solid var(--line-2);padding:10px 14px}
.roles-list li + li::before{content:"";position:absolute;left:24px;top:-11px;height:10px;border-left:1.5px solid var(--charcoal)}
.roles-list b,.roles-app b{display:block;font-size:15px;color:var(--charcoal)}
.roles-list span,.roles-app span{display:block;font-size:13.5px;color:var(--muted)}
.roles-list li:nth-child(2){background:var(--teal);border-color:var(--teal)}
.roles-list li:nth-child(2) b{color:var(--on-teal)} .roles-list li:nth-child(2) span{color:var(--on-teal-2)}
.roles-app{margin-top:14px;padding:10px 14px;border:1.5px dashed var(--bronze-text)}
.roles-app span{color:var(--text)}
.roles figcaption{font-size:13.5px;color:var(--muted);margin-top:14px}
.app-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(36px,4vw,56px)}
.app-shots figure,.app-phones figure{margin:0}
.app-shots img{display:block;width:100%;height:auto;border:1px solid var(--line-2);border-radius:8px;box-shadow:0 20px 40px -30px rgba(32,37,34,.5);background:#fff}
.app-shots figcaption,.app-phones figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.app-shots figcaption b{display:block;font-size:15px;color:var(--charcoal);font-weight:600}
.app-phones{display:grid;grid-template-columns:repeat(2,minmax(0,200px)) minmax(0,1fr);gap:24px;align-items:end;margin-top:28px}
.app-phones .ph{border:6px solid var(--charcoal);border-radius:24px;overflow:hidden;aspect-ratio:9/18;background:#fff}
.app-phones .ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.app-phones .note{margin:0}
.rep-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 4px;padding:12px 0;border-bottom:1px solid var(--line)}
.rep-sum dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.rep-sum dd{margin:2px 0 0;font-size:14px;font-weight:600;color:var(--charcoal)}
@media (max-width:1000px){.appx{grid-template-columns:minmax(0,1fr)}.app-shots{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.app-fn > div{grid-template-columns:minmax(0,1fr)}.app-phones{grid-template-columns:repeat(2,minmax(0,1fr))}.app-phones .note{grid-column:1 / -1}.rep-sum{grid-template-columns:minmax(0,1fr)}}
.specimen dl.rep-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 6px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.specimen dl.rep-sum dt,.specimen dl.rep-sum dd{border:0;padding:0}
.specimen dl.rep-sum dd{margin-top:3px;font-size:14px;font-weight:600;color:var(--charcoal);line-height:1.4}
@media (max-width:560px){.specimen dl.rep-sum{grid-template-columns:minmax(0,1fr)}}
.nav a{white-space:nowrap}

/* ==========================================================================
   DECISION SUPPORT (11 October 2026): icon family, process diagram, decision block
   ========================================================================== */
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* process diagram inside Specialist Selection & Oversight */
.sel{grid-template-columns:minmax(0,1fr)}
.sel-head{max-width:62em}
.proc{margin:6px 0 0}
.proc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative;counter-reset:ps}
.ps{position:relative;padding:16px 16px 18px 0;border-top:3px solid var(--line-2);display:flex;flex-direction:column;gap:6px}
.ps + .ps{padding-left:16px}
.ps + .ps::before{content:"";position:absolute;left:-6px;top:-9px;width:12px;height:12px;border-top:1.5px solid var(--charcoal);border-right:1.5px solid var(--charcoal);transform:rotate(45deg);background:var(--ivory)}
.ps-n{font-family:var(--mono);font-size:11px;color:var(--muted)}
.ps .ic{color:var(--teal)}
.ps b{font-size:15.5px;color:var(--charcoal);line-height:1.25}
.ps-d{font-size:13.5px;color:var(--text);line-height:1.45}
.ps-who{margin-top:auto;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ps-nx{border-top-color:var(--teal)}
.ps-cl{border-top-color:var(--bronze);border-top-style:double;border-top-width:5px}
.ps-cl .ic{color:var(--bronze-text)}
.ps-sp{border-top-color:var(--charcoal);border-top-style:dashed}
.ps-sp .ic{color:var(--charcoal)}
.ps-ov{border-top-color:var(--teal);border-top-style:dotted;border-top-width:4px}
.proc-loop{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 14px;border:1px dashed var(--line-2);font-size:14px;color:var(--text)}
.proc-loop .ic{color:var(--teal);transform:scaleX(-1)}
.proc-key{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--muted)}
.proc-key li{display:flex;align-items:center;gap:8px}
.proc-key .k{width:26px;height:0;border-top:3px solid var(--teal)}
.proc-key .k-cl{border-top:5px double var(--bronze)} .proc-key .k-sp{border-top:3px dashed var(--charcoal)} .proc-key .k-ov{border-top:4px dotted var(--teal)}
.sel-checks{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
@media (max-width:1000px){.proc-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.ps:nth-child(4){padding-left:0}.ps:nth-child(4)::before{display:none}.sel-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .proc-steps{grid-template-columns:minmax(0,1fr);row-gap:0}
  .ps,.ps + .ps{display:grid;grid-template-columns:28px 22px minmax(0,1fr);column-gap:10px;row-gap:2px;padding:14px 0 14px 12px;border-top:0;border-left:3px solid var(--line-2)}
  .ps-nx{border-left-color:var(--teal)} .ps-cl{border-left:5px double var(--bronze)} .ps-sp{border-left:3px dashed var(--charcoal)} .ps-ov{border-left:4px dotted var(--teal)}
  .ps + .ps::before{display:none}
  .ps-n{grid-row:1 / span 3;padding-top:3px} .ps .ic{grid-row:1 / span 3}
  .ps b,.ps-d,.ps-who{grid-column:3} .ps-who{margin-top:2px}
  .sel-checks{grid-template-columns:minmax(0,1fr)}
}
/* decision support block inside reporting */
.ds-block{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:start;margin-top:clamp(56px,7vw,96px);padding-top:clamp(36px,4vw,52px);border-top:1px solid var(--line-2);outline:none}
.ds-text h3{font-size:clamp(28px,2.8vw,40px);font-weight:500;letter-spacing:-.025em;line-height:1.08;margin:0 0 16px}
.ds-lede{font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--text);margin:0 0 22px}
.ds-out{list-style:none;margin:0;padding:0;border-top:1px solid var(--charcoal)}
.ds-out li{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--charcoal)}
.ds-out .ic{color:var(--bronze-text)}
.ds-auth{margin:18px 0 0;padding-left:14px;border-left:2px solid var(--bronze);font-size:15px;color:var(--text)}
.ds-shot{margin:0}
.ds-shot img{display:block;width:100%;height:auto;border:1px solid var(--line-2);border-radius:8px;box-shadow:0 24px 48px -32px rgba(32,37,34,.5);background:#fff}
.ds-shot figcaption{font-size:13px;color:var(--muted);margin-top:12px}
.ds-shot figcaption b{display:block;color:var(--charcoal);font-weight:600;font-size:14px;margin-bottom:2px}
@media (max-width:1000px){.ds-block{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .proc .ps.ps-nx{border-left:3px solid var(--teal)}
  .proc .ps.ps-cl{border-left:5px double var(--bronze)}
  .proc .ps.ps-sp{border-left:3px dashed var(--charcoal)}
  .proc .ps.ps-ov{border-left:4px dotted var(--teal)}
}

/* Operating Doctrine as a bronze outline button, matching the shape of "Discuss a mandate".
   Bronze (#A68158) is the colour of the wordmark's O; the label uses the darker bronze text tone for 4.5:1 contrast. */
.nav a.doc-btn{border:1.5px solid var(--bronze);color:var(--bronze-text);border-radius:999px;padding:0 18px;margin-left:8px;font-weight:500}
.nav a.doc-btn:hover,.nav a.doc-btn[aria-current="page"]{background:var(--bronze);border-color:var(--bronze);color:#141816;text-decoration:none}
.nav:target a.doc-btn,.nav.open a.doc-btn{margin:16px 0 0;justify-content:center;border-bottom:1.5px solid var(--bronze)}
.nav:target a.cta,.nav.open a.cta,.nav:target a.doc-btn,.nav.open a.doc-btn{padding:0 24px;min-height:48px;display:inline-flex;align-items:center;width:auto}

/* Oversight reframing (11 October 2026): gap section, moved selection block */
.gap-cols{max-width:980px}
.sel.sel-top{margin-top:0}

/* Residence & Asset Stewardship: two labelled groups */
.area6-sub{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);margin:14px 0 6px}
.area6-sub + ul{border-top:1px solid var(--line)}
.area6-more{white-space:nowrap}
.areas-resp{margin-top:32px;font-size:15px;color:var(--text);max-width:48em}

/* Network map: city coverage, region list, examples */
.loc.city i{width:9px;height:9px;border:0;background:var(--bronze-lt);opacity:.9}
.loc.city .ll{left:14px;font-size:10.5px}
.loc.city.l .ll{left:auto;right:14px}
.loc.city.on i{transform:scale(1.8);box-shadow:0 0 0 4px rgba(210,174,132,.25);opacity:1}
.map-key .k-loc{width:9px;height:9px;border:0;background:var(--bronze-lt)}
.regions{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px}
.regions li{border-top:1px solid var(--line-t);padding-top:12px}
.regions b{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-lt);font-weight:400;margin-bottom:6px}
.regions span{font-size:14.5px;line-height:1.55;color:var(--on-teal-2)}
.ev-h{font-size:22px;margin:48px 0 0;color:var(--on-teal)}
.events{margin-top:18px}
.net-how .net-who{font-size:16px;line-height:1.6;color:var(--on-teal-2);max-width:56em;margin:0}
@media (max-width:1000px){.regions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.regions{grid-template-columns:minmax(0,1fr)}}

/* Who is engaged: partner categories with icons */
.net-how > .label{margin:6px 0 14px}
.partners{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line-t);border:1px solid var(--line-t)}
.partners li{display:flex;flex-direction:column;gap:6px;padding:22px 22px 24px;background:var(--teal);transition:background .25s}
.partners li:hover{background:#1c4844}
.pt-ic{display:flex;gap:8px;margin-bottom:6px}
.pt-ic .ic{width:30px;height:30px;color:var(--bronze-lt);stroke-width:1.3}
.partners b{font-size:18px;font-weight:600;color:var(--on-teal);letter-spacing:-.01em}
.partners span:not(.pt-ic){font-size:14.5px;line-height:1.5;color:var(--on-teal-2)}
.net-how .net-dist{margin-top:20px}
@media (max-width:1000px){.partners{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.partners{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.partners li{transition:none}}

/* Specialist relationships: twelve categories as accessible disclosures */
.rel-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px clamp(28px,5vw,72px);align-items:end;margin-bottom:22px}
.rel-head h3{font-size:clamp(22px,2vw,28px);color:var(--on-teal);margin:0}
.rel-head p{margin:0;font-size:16px;line-height:1.6;color:var(--on-teal-2)}
.rels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line-t)}
.rels li{border-bottom:1px solid var(--line-t)}
.rel summary{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 2px;cursor:pointer;list-style:none;color:var(--on-teal)}
.rel summary::-webkit-details-marker{display:none}
.rel summary .ic{width:26px;height:26px;color:var(--bronze-lt);stroke-width:1.4}
.rel-t{flex:1;font-size:16px;font-weight:600;line-height:1.3}
.rel-x{position:relative;width:14px;height:14px;flex:none}
.rel-x::before,.rel-x::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:1.5px solid var(--bronze-lt)}
.rel-x::after{transform:rotate(90deg);transition:transform .2s}
.rel[open] .rel-x::after{transform:rotate(0)}
.rel summary:hover .rel-t{text-decoration:underline;text-underline-offset:4px}
.rel summary:focus-visible{outline:2px solid var(--bronze-lt);outline-offset:2px;border-radius:4px}
.rel p{margin:0 0 16px 40px;font-size:14.5px;line-height:1.55;color:var(--on-teal-2)}
@media (max-width:1000px){.rels{grid-template-columns:repeat(2,minmax(0,1fr))}.rel-head{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.rels{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.rel-x::after{transition:none}}
@media print{.rel p{display:block}}
.clauses.rel-tiers{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}
@media (max-width:900px){.clauses.rel-tiers{grid-template-columns:minmax(0,1fr)}}

/* ===== Final editorial consolidation (11 October 2026) ===== */
/* Accountability block */
.acc-foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px clamp(32px,5vw,72px);align-items:end;margin-top:clamp(44px,5vw,64px);outline:none}
.acc-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--line-2)}
.acc-pair div{padding-top:18px}
.acc-pair .label{margin-bottom:8px}
.acc-pair p{font-size:15.5px;margin:0}
.acc-fig{font-family:var(--serif);font-size:clamp(19px,1.6vw,22px);line-height:1.45;color:var(--charcoal);margin:0}
.cd-list.cd-3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(36px,4vw,52px)}
@media (max-width:900px){.acc-foot{grid-template-columns:minmax(0,1fr)}.cd-list.cd-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.acc-pair{grid-template-columns:minmax(0,1fr)}.acc-pair div{border-bottom:1px solid var(--line);padding-bottom:14px}}
/* Selection link */
.sel-more{margin:22px 0 0;font-size:15.5px}
.sel-more a{color:var(--teal);text-underline-offset:4px}
/* Reporting and decision support */
.ov-more{margin-top:24px;border-top:1px solid var(--line-2);padding-top:18px;outline:none}
.ov-more p{font-size:15.5px;line-height:1.6;margin:0 0 12px;outline:none}
.ov-more .ov-links{font-size:14.5px;color:var(--muted)}
.ov-more a{color:var(--teal);text-underline-offset:4px}
/* Map examples label */
.ev-h .tag{vertical-align:middle;margin-left:10px;color:var(--bronze-lt);font-size:10.5px}
/* Client portal */
.app-fn.app-fn3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:0}
.app-fn.app-fn3 > div{grid-template-columns:minmax(0,1fr);border-top:2px solid var(--charcoal);border-bottom:0;padding:16px 0 0}
.pt-shot{margin:clamp(32px,4vw,48px) 0 0}
.pt-zoom{position:relative;display:block;border-radius:10px}
.pt-zoom img{display:block;width:100%;height:auto;border:1px solid var(--line-2);border-radius:10px;box-shadow:0 30px 60px -40px rgba(32,37,34,.55);background:#fff}
.pt-zoom-l{position:absolute;right:14px;bottom:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--charcoal);color:var(--ivory);padding:6px 10px;border-radius:999px}
.pt-zoom:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.pt-shot figcaption{font-size:14px;color:var(--muted);margin-top:12px}
.pt-shot figcaption b{color:var(--charcoal);font-weight:600}
.pt-shot figcaption a{color:var(--teal)}
@media (max-width:900px){.app-fn.app-fn3{grid-template-columns:minmax(0,1fr)}.app-fn.app-fn3 > div{padding-bottom:14px}}
/* Two examples */
.apps.apps2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){.apps.apps2{grid-template-columns:minmax(0,1fr)}}
/* Review in the engagement routes */
.routes .rt-x{font-size:14.5px;line-height:1.55;margin-top:10px}
.routes .rt-x a{color:var(--teal);text-underline-offset:4px}
/* Doctrine additions */
.sdet-fig{margin:28px 0 0}
.doc-shot{margin:22px 0 0}
.doc-shot img,.doc-shots img{display:block;width:100%;height:auto;border:1px solid var(--line-2);border-radius:8px;background:#fff}
.doc-shot figcaption,.doc-shots figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.doc-roles{margin-top:22px;max-width:520px}
.doc-shots{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;margin:22px 0 12px;align-items:end}
.doc-shots figure{margin:0}
.ph-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ph-pair figcaption{grid-column:1/-1}
.ph-pair .ph{border:5px solid var(--charcoal);border-radius:20px;overflow:hidden;aspect-ratio:9/18;background:#fff}
.ph-pair .ph img{border:0;border-radius:0;width:100%;height:100%;object-fit:cover;object-position:top}
@media (max-width:700px){.doc-shots{grid-template-columns:minmax(0,1fr)}}
.sel .sel-more{margin-top:calc(-1 * clamp(28px,5vw,64px) + 18px)}
.app-fn.app-fn3 > div{align-content:start}
.sdet-fig .fig-head .t{font-size:clamp(19px,1.6vw,22px);line-height:1.3}
.photo-note{background:rgba(16,45,43,.82)}
/* Specialist relationships: deeper green band below the network map */
.relband{background:var(--teal-deep)}
.relband .wrap.wide{max-width:calc(1400px + 2*var(--g))}
.relband .net-how{margin-top:0;padding-top:0;border-top:0}
.relband .rel summary,.relband .rels li{background:transparent}
/* Commercial refinement (11 October 2026) */
.acc-ahead{max-width:52em;margin:clamp(36px,4vw,52px) 0 0;font-size:17px;line-height:1.65;color:var(--charcoal);padding-left:18px;border-left:2px solid var(--bronze)}
.sub-h{font-size:21px;margin:0 0 8px}
.band .mob-line{margin:14px 0 0;font-size:12.5px;color:var(--on-teal-2)}

/* ===== Client application: three service scenarios (11 October 2026) ===== */
.sc{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,72px);align-items:start}
.sc-lede{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--text);margin:20px 0 28px}
.sc-tabs{display:grid;gap:8px;margin:0 0 26px}
.sc-tabs[hidden]{display:none}
.sc-tabs button{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 18px;text-align:left;font:inherit;font-size:16px;font-weight:600;color:var(--charcoal);background:var(--ivory);border:1px solid var(--line-2);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.sc-tabs button .ic{width:24px;height:24px;color:var(--bronze-text)}
.sc-tabs button:hover{border-color:var(--teal)}
.sc-tabs button[aria-selected="true"]{background:var(--teal);border-color:var(--teal);color:var(--ivory)}
.sc-tabs button[aria-selected="true"] .ic{color:var(--bronze-lt)}
.sc-tabs button:focus-visible,.sc-panel:focus-visible,.sc-open:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.sc-key{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.45;color:var(--text)}
.sc-key li{display:flex;gap:10px;align-items:baseline}
.sc-key b{color:var(--charcoal)}
.sc-key .k{flex:none;width:12px;height:12px;border-radius:3px;transform:translateY(1px)}
.sc-key .k-nx{background:var(--teal)}
.sc-key .k-app{border:1.5px dashed var(--bronze-text)}
.sc-actions{margin:0 0 16px}
.sc-actions .btn{color:var(--charcoal);border-color:var(--charcoal)}
.sc-actions .btn:hover{background:var(--charcoal);color:var(--ivory)}
.sc-note{margin:0}
.sc-panel{outline:none;border-radius:20px}
.sc-panel + .sc-panel{margin-top:36px}
.sc-js .sc-panel + .sc-panel{margin-top:0}
.sc-h{font-size:20px;margin:0 0 12px}
.sc-js .sc-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sc-stage{position:relative;min-height:540px;border-radius:20px;overflow:hidden;background:var(--teal-deep)}
.sc-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,45,43,0) 25%,rgba(16,45,43,.5))}
.sc-cards{position:relative;z-index:1;list-style:none;margin:0 0 0 auto;padding:26px;width:min(410px,64%);display:grid;gap:10px;counter-reset:sc}
.sc-c{background:#FBF9F4;border-left:3px solid var(--line-2);border-radius:12px;padding:12px 16px 13px;box-shadow:0 18px 40px -24px rgba(0,0,0,.65)}
.sc-c p{margin:0;font-size:15px;line-height:1.5;color:var(--charcoal)}
.sc-k{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text)}
.sc-k .ic{width:16px;height:16px;color:currentColor}
.sc-nx{border-left-color:var(--teal)}
.sc-nx .sc-k{color:var(--teal)}
.sc-dec{border-left-color:var(--bronze)}
.sc-out{background:var(--teal);border-left-color:var(--bronze-lt)}
.sc-out p{color:var(--on-teal)}
.sc-out .sc-k{color:var(--bronze-lt)}
.sc-app{margin-top:14px;padding:14px 18px;border:1.5px dashed var(--bronze-text);border-radius:14px}
.sc-app ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px}
.sc-app li{font-size:14.5px;line-height:1.5;color:var(--text)}
.sc-app b{display:block;color:var(--charcoal)}
.sc-panel.is-in .sc-c{animation:scIn .4s var(--ease, ease) both}
.sc-panel.is-in .sc-c:nth-child(2){animation-delay:.06s}
.sc-panel.is-in .sc-c:nth-child(3){animation-delay:.12s}
.sc-panel.is-in .sc-c:nth-child(4){animation-delay:.18s}
@keyframes scIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sc-panel.is-in .sc-c{animation:none}.sc-tabs button{transition:none}}
@media (max-width:900px){
  .sc{display:flex;flex-direction:column;gap:0}
  .sc-side{display:contents}
  .sc-side > .label{order:1}.sc-side > .h2{order:2}.sc-lede{order:3}.sc-tabs{order:4}.sc-panels{order:5;margin-bottom:24px}.sc-key{order:6}.sc-actions{order:7}.sc-note{order:8}
  .sc-stage{min-height:0;background:none;border-radius:0;overflow:visible}
  .sc-stage::after{display:none}
  .sc-stage img{position:relative;display:block;height:auto;aspect-ratio:4/3;border-radius:16px}
  .sc-cards{width:auto;padding:0;margin:12px 0 0}
  .sc-c{border:1px solid var(--line);border-left-width:3px;box-shadow:none}
  .sc-nx{border-left-color:var(--teal)}.sc-dec{border-left-color:var(--bronze)}.sc-out{border-color:var(--teal);border-left-color:var(--bronze-lt)}
  .sc-app ul{grid-template-columns:minmax(0,1fr)}
}
/* Application screens dialog */
.app-dlg{width:min(1200px,94vw);max-height:92vh;padding:0;border:0;border-radius:16px;background:var(--ivory);color:var(--charcoal);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.app-dlg::backdrop{background:rgba(16,45,43,.75)}
.dlg-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.dlg-head h2{font-size:17px;line-height:1.3;margin:0}
.dlg-close,.dlg-tabs button{font:inherit;font-size:14px;font-weight:600;color:var(--charcoal);background:none;border:1.5px solid var(--line-2);border-radius:999px;padding:8px 16px;cursor:pointer}
.dlg-close{border-color:var(--charcoal)}
.dlg-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 20px 0}
.dlg-tabs button[aria-selected="true"]{background:var(--teal);border-color:var(--teal);color:var(--ivory)}
.dlg-close:focus-visible,.dlg-tabs button:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.dlg-fig{margin:0;padding:14px 20px 20px;overflow:auto}
.dlg-fig img{display:block;width:100%;height:auto;border:1px solid var(--line-2);border-radius:8px;background:#fff}
.dlg-fig figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.dlg-fig figcaption a{color:var(--teal)}
@media (max-width:700px){.dlg-fig img{width:960px;max-width:none}}
@media (max-width:900px){.sc-tabs,.sc-panels,.sc-key{align-self:stretch;width:100%}}

/* Scenario cards arriving in sequence (situation → NexOra lead → decision → outcome), echoing a message thread */
.sc-js .sc-panel.is-pending .sc-c{opacity:0}
.sc-panel.is-play .sc-c{animation:scArrive .6s cubic-bezier(.2,.7,.2,1) both}
.sc-panel.is-play .sc-c:nth-child(1){animation-delay:.2s}
.sc-panel.is-play .sc-c:nth-child(2){animation-delay:.8s}
.sc-panel.is-play .sc-c:nth-child(3){animation-delay:1.4s}
.sc-panel.is-play .sc-c:nth-child(4){animation-delay:2s}
@keyframes scArrive{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.sc-out{position:relative}
.sc-panel.is-play .sc-out::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:scRing 1.2s ease-out 2.5s both}
@keyframes scRing{from{box-shadow:0 0 0 0 rgba(210,174,132,.6)}to{box-shadow:0 0 0 14px rgba(210,174,132,0)}}
@media (min-width:901px){.sc-panel.is-play .sc-stage img{animation:scDrift 9s cubic-bezier(.2,.6,.2,1) both}}
@keyframes scDrift{from{transform:scale(1.07)}to{transform:scale(1)}}
@media (max-width:900px){.sc-stage{position:relative}}
@media (prefers-reduced-motion:reduce){.sc-panel.is-play .sc-c,.sc-panel.is-play .sc-out::after,.sc-panel.is-play .sc-stage img{animation:none}.sc-js .sc-panel.is-pending .sc-c{opacity:1}}
@media print{.sc-js .sc-panel.is-pending .sc-c{opacity:1}.sc-pause{display:none}}

/* Scenario loop: pause control (WCAG 2.2.2) */
.sc-pause{display:inline-flex;align-items:center;gap:8px;margin:-12px 0 24px;padding:6px 2px;font:inherit;font-size:13.5px;font-weight:600;color:var(--text);background:none;border:0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
.sc-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-pause[aria-pressed="true"] svg{fill:currentColor}
.sc-pause:hover{color:var(--charcoal);text-decoration-color:currentColor}
.sc-pause:focus-visible{outline:2px solid var(--bronze);outline-offset:3px;border-radius:4px}
@media (max-width:900px){.sc-pause{order:4;align-self:flex-start;margin:0 0 20px}.sc-tabs{margin-bottom:12px}}

/* ===== Operating Doctrine: seven-chapter structure (11 October 2026) ===== */
.doc-main [id],.anchor{scroll-margin-top:110px}
.anchor{display:block;height:0;overflow:hidden}
/* Mandate at a glance */
.glance-wrap{background:var(--paper);border-bottom:1px solid var(--line)}
.glance{max-width:calc(var(--max) + 2*var(--g));margin:0 auto;padding:clamp(28px,4vw,44px) var(--g);display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:16px clamp(40px,5vw,88px);align-items:start}
.glance-h{font-size:clamp(20px,1.7vw,24px);margin:0}
.glance-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.glance-list div{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.glance-list dt{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--charcoal);font-size:15.5px}
.glance-list dt .ic{width:20px;height:20px;color:var(--bronze-text)}
.glance-list dd{margin:0;font-size:15.5px;line-height:1.55;color:var(--text)}
@media (max-width:1100px){.glance{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.glance-list{grid-template-columns:minmax(0,1fr)}.glance-list div{grid-template-columns:minmax(0,1fr);gap:4px}}
/* Chapter navigation with icons */
.toc a,.toc-inline a{grid-template-columns:2rem 1fr}
.toc .tn,.toc-inline .tn{display:inline-flex;align-items:center}
.toc .tn .ic,.toc-inline .tn .ic{width:18px;height:18px;color:var(--bronze-text)}
.toc a b,.toc-inline a b{font-family:var(--mono);font-weight:400;font-size:11.5px;color:var(--muted);margin-right:6px}
.toc-inline a{display:grid;grid-template-columns:2rem 1fr;gap:0}
.ch-label{display:inline-flex;align-items:center;gap:10px}
.ch-label .ic{width:18px;height:18px;color:var(--bronze-text)}
.sub-h{font-size:clamp(20px,1.7vw,24px);margin:0 0 14px}
/* Expand / collapse controls */
.dx-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.dx-controls[hidden]{display:none}
.dx-controls button{font:inherit;font-size:13.5px;font-weight:600;color:var(--charcoal);background:none;border:1.5px solid var(--line-2);border-radius:999px;padding:7px 14px;cursor:pointer}
.dx-controls button:hover{border-color:var(--charcoal)}
.dx-controls button:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.toc-inline .dx-controls{max-width:var(--max);margin:18px auto 0}
/* Disclosures */
details.dsc{margin:18px 0 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
details.dsc + details.dsc{margin-top:0;border-top:0}
details.dsc > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 2px;cursor:pointer;list-style:none;font-weight:600;font-size:16px;color:var(--charcoal)}
details.dsc > summary::-webkit-details-marker{display:none}
details.dsc > summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--bronze-text),var(--bronze-text)) center/14px 1.5px no-repeat,linear-gradient(var(--bronze-text),var(--bronze-text)) center/1.5px 14px no-repeat}
details.dsc[open] > summary::after{background:linear-gradient(var(--bronze-text),var(--bronze-text)) center/14px 1.5px no-repeat}
details.dsc > summary:hover > span:first-child{text-decoration:underline;text-underline-offset:4px}
details.dsc > summary:focus-visible{outline:2px solid var(--bronze);outline-offset:2px;border-radius:4px}
.dsc-body{padding:4px 0 24px}
.dsc-p{font-size:16px;line-height:1.65;max-width:42em;margin:0 0 16px}
.sdet .dsc{margin-top:14px}
.sdet-bound{font-size:15.5px;line-height:1.6;max-width:46em;margin:0;color:var(--text)}
.sdet-bound .lbl{display:inline;margin-right:6px}
.sdet .dsc .lbl{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze-text);margin:0 0 6px}
.tbl-wrap{overflow-x:auto}
.dom-tbl td,.dom-tbl th{vertical-align:top}
/* Pressures list */
.pressures{list-style:none;margin:28px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pressures li{border-top:2px solid var(--charcoal);padding-top:12px;font-size:15px;line-height:1.55;color:var(--text)}
.pressures b{display:block;color:var(--charcoal);font-size:16px;margin-bottom:4px}
@media (max-width:900px){.pressures{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.pressures{grid-template-columns:minmax(0,1fr)}}
/* Recommendation contents */
.rec-list{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.rec-list li{padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.55;color:var(--text)}
.rec-list b{display:block;color:var(--charcoal)}
@media (max-width:700px){.rec-list{grid-template-columns:minmax(0,1fr)}}
/* Decision workflow */
.wf{margin:8px 0 0;padding:clamp(18px,2.5vw,28px);background:var(--ivory);border:1px solid var(--line)}
.wf-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wf-s{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 14px;align-items:start;position:relative;padding:12px 14px;background:var(--paper);border:1px solid var(--line-2);border-radius:10px}
.wf-s .ic{grid-row:span 2;width:22px;height:22px;color:var(--teal);margin-top:2px}
.wf-s b,.wf-b b{color:var(--charcoal);font-size:15.5px}
.wf-s span,.wf-b span{font-size:14.5px;color:var(--text);line-height:1.5}
.wf-branch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wf-b{display:grid;gap:2px;padding:12px 14px;border-radius:10px}
.wf-in{background:var(--teal);border:1px solid var(--teal)}
.wf-in b{color:var(--on-teal)}.wf-in span{color:var(--on-teal-2)}
.wf-out{background:var(--paper);border:1.5px dashed var(--bronze-text)}
.wf-steps > li + li::before{content:"";position:absolute;left:27px;top:-13px;height:12px;border-left:1.5px solid var(--charcoal)}
.wf-branch{position:relative}
.wf-branch::before{content:"";position:absolute;left:27px;top:-13px;height:12px;border-left:1.5px solid var(--charcoal)}
.wf figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:52em}
@media (max-width:640px){.wf-branch{grid-template-columns:minmax(0,1fr)}}
/* Twelve categories on a light background */
.rels-light{border-top:1px solid var(--line-2)}
.rels-light li{border-bottom:1px solid var(--line-2)}
.rels-light .rel summary{color:var(--charcoal)}
.rels-light .rel summary .ic{color:var(--bronze-text)}
.rels-light .rel-x::before,.rels-light .rel-x::after{border-top-color:var(--bronze-text)}
.rels-light .rel p{color:var(--text)}
.rels-light .rel summary:focus-visible{outline-color:var(--bronze)}
.doc-main .rels{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.doc-main .rels{grid-template-columns:minmax(0,1fr)}}
/* Examples & specimens groups */
.exg > summary{flex-wrap:wrap}
.exg > summary > span:first-child{font-size:18px}
.exg-n{flex-basis:100%;order:3;font-weight:400;font-size:14px;color:var(--muted)}
.exg > summary::after{order:2}
.exg-tag{margin:0 0 16px}
.ex .ex-areas{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:10px}
.exg .sub{margin-top:24px}
.exg .specimen{margin-top:24px}
/* Print: every detail open */
@media print{
  details.dsc,details.rel{border:0}
  details::details-content{content-visibility:visible;display:block}
  details > summary::after{display:none}
  .dx-controls{display:none!important}
  .glance-wrap{border:0}
}

/* Contact details (supplied 11 October 2026) */
.contact-details{font-style:normal;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;margin-top:clamp(32px,4vw,48px);padding-top:24px;border-top:1px solid var(--line-t)}
.contact-details .label{display:block;color:var(--bronze-lt);margin-bottom:8px}
.contact-details a,.contact-details span:not(.label){font-size:17px;line-height:1.55;color:var(--on-teal);text-decoration:none;overflow-wrap:anywhere}
.contact-details a:hover{text-decoration:underline;text-underline-offset:4px}
.contact-details a:focus-visible{outline:2px solid var(--bronze-lt);outline-offset:3px;border-radius:3px}
@media (max-width:760px){.contact-details{grid-template-columns:minmax(0,1fr)}}
.ftr .legal a{color:inherit;text-underline-offset:3px}
.contact-details{grid-template-columns:minmax(0,1fr);gap:0;align-self:end}
.contact-details > div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:12px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line-t)}
.contact-details .label{margin:0}
.contact-details a,.contact-details span:not(.label){overflow-wrap:normal}
@media (max-width:420px){.contact-details > div{grid-template-columns:minmax(0,1fr);gap:4px}.contact-details a{overflow-wrap:anywhere}}