/* 01 Design tokens */
:root{--ink:#202A2B;--blue:#48677A;--sage:#647868;--clay:#986C59;--plum:#706174;--ochre:#A88A57;--steel:#617279;--graphite:#393F40;--muted:#777E7C;--mist:#E5E9E8;--blue-wash:#E1E8EC;--sage-wash:#E5E9E3;--clay-wash:#EEE1DB;--plum-wash:#E9E4EA;--ochre-wash:#F0E8D9;--steel-wash:#E3E8E9;--paper:#F4F1E9;--clear:#FCFBF8;--white:#FFF;--font-editorial:Georgia,Cambria,"Times New Roman",Times,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--fs-sm:clamp(.76rem,.72rem + .15vw,.85rem);--fs-body:clamp(.96rem,.91rem + .2vw,1.08rem);--fs-h3:clamp(1.25rem,1.08rem + .6vw,1.65rem);--fs-h2:clamp(2rem,1.55rem + 1.8vw,3.2rem);--fs-h1:clamp(2.7rem,1.7rem + 3.8vw,5.6rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:clamp(2rem,4vw,4rem);--space-xl:clamp(4.5rem,8vw,8rem);--container:1200px;--border:1px solid rgba(32,42,43,.18);--radius:3px;--shadow:0 16px 45px rgba(32,42,43,.08);--transition:220ms ease;--header-height:74px}
/* 02 Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto}body,h1,h2,h3,p,ul{margin:0}ul{padding:0}img{max-width:100%;display:block}button,input{font:inherit}a{color:inherit}
/* 03 Base */
body{background:var(--paper);color:var(--graphite);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;overflow-x:hidden}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.narrow{max-width:890px}.section{padding:var(--space-xl) 0}section[id],main[id]{scroll-margin-top:calc(var(--header-height) + 22px)}
/* 04 Accessibility */
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--white);color:var(--ink);padding:.8rem 1rem;z-index:999}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}
/* 05 Typography */
h1,h2,h3{color:var(--ink);font-family:var(--font-editorial);font-weight:400;line-height:1.08;text-wrap:balance}h1{font-size:var(--fs-h1);letter-spacing:-.045em}h2{font-size:var(--fs-h2);letter-spacing:-.025em}h3{font-size:var(--fs-h3)}p+p{margin-top:1rem}.eyebrow,.slab-id,.domain-no,.profile-category,.coord-code,.test-grid span,.principles span{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:700;letter-spacing:.13em}.eyebrow{color:var(--steel);margin-bottom:1.15rem}.light{color:#c9d2d0}.section-heading{max-width:860px;margin-bottom:var(--space-lg)}.section-heading h2{max-width:790px}.section-heading>p:last-child{margin-top:1.4rem}.phase-label{display:flex;align-items:center;gap:.75rem}.phase-label::before{content:"";width:16px;height:16px;border-left:2px solid currentColor;border-top:2px solid currentColor}.phase-label::after{content:"";width:6px;height:6px;border:2px solid var(--ochre);border-radius:50%}
/* 06 Layout */
.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;text-decoration:none;padding:.75rem 1.1rem;border:1px solid var(--ink);font-weight:650;font-size:.92rem;transition:background var(--transition),color var(--transition)}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:var(--blue)}.secondary:hover{background:var(--mist)}
/* 07 Header */
.site-header{height:var(--header-height);position:sticky;top:0;z-index:100;background:rgba(252,251,248,.97);border-bottom:var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{flex:0 0 230px}.nav-menu{display:flex;align-items:center;gap:clamp(.55rem,1.25vw,1.25rem);font-size:.77rem;font-weight:650}.nav-menu a{text-decoration:none}.nav-menu a:hover{color:var(--blue)}.nav-cta{background:var(--ink);color:var(--white)!important;padding:.58rem .7rem}.nav-toggle{display:none;border:0;background:transparent;padding:.4rem}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}
/* 08 Hero */
.hero{min-height:calc(100vh - var(--header-height));display:grid;align-items:center;padding:clamp(3rem,7vw,7rem) 0;background:var(--clear)}.hero-grid{display:grid;grid-template-columns:48fr 52fr;gap:clamp(2rem,5vw,6rem);align-items:center}.hero-copy em{color:var(--blue);font-style:italic}.lead{max-width:620px;font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);margin-top:1.7rem}.micro-status{border-top:var(--border);padding-top:1rem;margin-top:2.3rem;font-family:var(--font-mono);font-size:.72rem;display:flex;gap:.7rem;align-items:center}.phase-dot{width:9px;height:9px;border:2px solid var(--ochre);border-radius:50%;flex:none}.hero-visual{min-height:550px;position:relative}.visual-note{position:absolute;right:0;bottom:0;width:58%;font-size:.78rem;border-top:1px solid var(--steel);padding-top:.7rem}
/* 09 Cadence Slabs */
.slab{position:absolute;padding:1.1rem;color:var(--white);display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow)}.slab::before{content:"";position:absolute;background:var(--ochre)}.slab::after{content:"";position:absolute;width:8px;height:8px;background:var(--ink)}.slab strong{font-family:var(--font-editorial);font-size:1.45rem;font-weight:400}.slab small{font-family:var(--font-mono);font-size:.65rem}.slab-platform{background:var(--blue);height:305px;width:37%;top:0;left:24%;padding-top:7rem}.slab-platform::before{width:4px;height:38%;top:15%;left:-7px}.slab-platform::after{right:15px;bottom:18px}.slab-capability{background:var(--sage);width:45%;min-height:130px;right:0;top:62px}.slab-capability::before{height:4px;width:37%;top:-7px;right:8%}.slab-capability::after{left:17px;bottom:15px}.slab-network{background:var(--clay);width:43%;min-height:145px;left:0;top:330px}.slab-network::before{width:4px;height:45%;right:-7px;bottom:8%}.slab-network::after{right:16px;top:16px}.slab-process{background:var(--plum);width:41%;min-height:118px;right:7%;top:260px}.slab-process::before{height:4px;width:45%;bottom:-7px;left:10%}.sync-point{position:absolute;width:27px;height:27px;border:4px solid var(--ochre);border-radius:50%;background:var(--clear);left:58%;top:226px;z-index:3}
/* 10 Phase Clips */
.phase-clip{position:absolute;width:36px;height:27px;border-left:2px solid var(--steel);border-top:2px solid var(--steel)}.phase-clip::before{content:"";position:absolute;width:7px;height:7px;border:2px solid var(--steel);border-radius:50%;right:-4px;top:-5px}.phase-clip::after{content:"";position:absolute;width:5px;height:5px;background:var(--ochre);left:-3px;bottom:-3px}.pc-one{top:18px;right:9%}.pc-two{left:8%;top:278px;transform:rotate(90deg)}.pc-three{right:0;top:420px;transform:rotate(180deg)}
/* 11 Executive Tempo Strip */
.tempo-strip{background:var(--ink);color:#dbe1df;padding:3.2rem 0}.tempo-strip h2{color:var(--white);font-size:clamp(1.45rem,1.1rem + 1vw,2.15rem);max-width:940px}.tempo-statements{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#536062;margin-top:2.5rem}.tempo-statements p{background:var(--ink);padding:1.25rem}.tempo-statements strong{display:block;color:var(--ochre);font-family:var(--font-editorial);font-weight:400;font-size:1.35rem}
/* 12 Operating Domains */
.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.domain{padding:1.4rem;border-top:6px solid var(--blue);background:var(--blue-wash);display:flex;flex-direction:column;gap:1.2rem}.domain:nth-child(even){margin-top:2rem}.domain h3{text-transform:uppercase;font-size:1.35rem;min-height:4.5em}.domain p{font-size:.9rem}.domain-sage{background:var(--sage-wash);border-color:var(--sage)}.domain-clay{background:var(--clay-wash);border-color:var(--clay)}.domain-plum{background:var(--plum-wash);border-color:var(--plum)}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.tags li{border-bottom:1px solid currentColor;font-size:.7rem;font-family:var(--font-mono)}.boundary{border-top:1px solid rgba(32,42,43,.24);padding-top:.85rem;margin-top:auto}.boundary strong{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
/* 13 Coordination Points */
.steel-section{background:var(--steel-wash)}.coordination-list{border-top:1px solid var(--steel)}.coord-point{display:grid;grid-template-columns:100px 1fr 1.1fr;gap:var(--space-lg);padding:2.6rem 0;border-bottom:1px solid var(--steel);align-items:start}.coord-point.reverse>div:nth-child(2){order:3}.coord-point.reverse>div:nth-child(3){order:2}.coord-point h3{font-size:clamp(1.8rem,1.3rem + 1.5vw,2.7rem)}.question{margin-top:.7rem;font-family:var(--font-editorial);font-size:1.15rem}.consider{font-family:var(--font-mono);font-size:.75rem;line-height:1.9}
/* 14 Cadence Test */
.cadence-section{background:var(--clear)}.test-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;align-items:start}.test-grid article{background:var(--ink);color:#dbe1df;padding:1.25rem;border-top:6px solid var(--ochre);min-height:180px}.test-grid article:nth-child(1),.test-grid article:nth-child(6){grid-column:span 5}.test-grid article:nth-child(2),.test-grid article:nth-child(4){grid-column:span 3;margin-top:2.5rem}.test-grid article:nth-child(3),.test-grid article:nth-child(5){grid-column:span 4}.test-grid article:nth-child(7){grid-column:4/span 6}.test-grid h3{color:var(--white);text-transform:uppercase;margin:.8rem 0;font-size:1.25rem}.test-grid p{font-size:.86rem}
/* 15 Professional Checklist */
.checklist{background:var(--blue);color:var(--white);padding:var(--space-lg) 0}.checklist-grid{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-lg)}.checklist h2{color:var(--white)}.checklist ul{list-style:none;columns:2;column-gap:3rem}.checklist li{break-inside:avoid;padding:.55rem 0 .55rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.2);position:relative}.checklist li::before{content:"";position:absolute;left:0;top:1rem;width:7px;height:7px;border:2px solid var(--ochre);border-radius:50%}
/* 16 Reference Profiles */
.reference-intro{margin-top:2rem;border-left:3px solid var(--ochre);padding-left:1.3rem;font-size:.88rem}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}.profile{background:var(--clear);border:var(--border);border-top:5px solid var(--blue);padding:1.4rem;display:flex;flex-direction:column;gap:.9rem;position:relative}.profile.offset{margin-top:2rem}.profile.sage{border-color:var(--sage);background:var(--sage-wash)}.profile.clay{border-color:var(--clay);background:var(--clay-wash)}.profile.ochre{border-color:var(--ochre);background:var(--ochre-wash)}.profile.steel{border-color:var(--steel);background:var(--steel-wash)}.profile.plum{border-color:var(--plum);background:var(--plum-wash)}.avatar{width:50px;height:50px;display:grid;place-items:center;background:var(--ink);color:var(--white);font-family:var(--font-editorial);font-size:1.25rem}.profile:nth-child(3n+2) .avatar{margin-left:auto}.profile-category{font-family:var(--font-mono);font-size:.67rem;letter-spacing:.12em}.role{font-weight:650;font-size:.82rem}.profile>p:not(.role,.profile-category,.themes){font-size:.86rem}.themes{font-family:var(--font-mono);font-size:.7rem;border-top:var(--border);padding-top:.8rem}.profile-type{font-size:.78rem;color:var(--blue)}.email{font-size:.83rem;overflow-wrap:anywhere}.profile button{align-self:start;border:1px solid var(--ink);background:transparent;padding:.55rem .75rem;cursor:pointer}.profile small{font-size:.68rem;line-height:1.5;color:#555}.compact{padding-bottom:2rem}
/* 17 Independence Note */
.independence{padding:var(--space-lg) 0;background:var(--ochre-wash);border-block:1px solid var(--ochre)}.independence h2{margin-bottom:1.5rem}.independence p{font-size:.9rem}
/* 18 Operating Practice Notes */
.notes-section{background:var(--clear)}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.practice-note{border:var(--border);background:var(--paper)}.practice-note[hidden]{display:none}.practice-note summary{padding:1.4rem;cursor:pointer;list-style:none}.practice-note summary::-webkit-details-marker{display:none}.practice-note summary::after{content:"+";display:block;margin-top:1rem;font-size:1.5rem;color:var(--blue)}.practice-note details[open] summary::after{content:"−"}.practice-note summary span{font-family:var(--font-mono);color:var(--blue);font-size:.7rem;letter-spacing:.1em}.practice-note h3{margin:.65rem 0}.practice-note summary p{font-size:.88rem}.note-body{padding:0 1.4rem 1.4rem;border-top:var(--border)}.note-body>p:first-child{padding-top:1rem}.tags-line{font-family:var(--font-mono);font-size:.68rem;color:var(--steel)}
/* 19 Search */
.search-box{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:end;background:var(--ink);color:var(--white);padding:1.3rem;margin-bottom:1.5rem}.search-box label{grid-column:1/-1;font-weight:650}.search-controls{display:flex;gap:.5rem}.search-box input{width:100%;padding:.8rem;border:0;background:var(--white);color:var(--ink)}.search-box button{border:1px solid var(--white);background:transparent;color:var(--white);padding:.7rem 1rem;white-space:nowrap}.search-box button[hidden]{display:none}.search-box>p{font-family:var(--font-mono);font-size:.8rem;padding-bottom:.7rem}.no-results{text-align:center;border:1px dashed var(--steel);padding:2rem;font-family:var(--font-editorial);font-size:1.3rem}
/* 20 About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.about-grid>div:last-child{border-left:3px solid var(--steel);padding-left:var(--space-lg)}
/* 21 Principles */
.principles{padding-bottom:var(--space-xl)}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--steel)}.principles article{padding:1.2rem;border-right:1px solid var(--steel)}.principles article:last-child{border:0}.principles h3{margin:.8rem 0}.principles p{font-size:.84rem}
/* 22 Final CTA */
.final-cta{background:var(--plum);color:var(--white);padding:var(--space-xl) 0}.cta-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-lg);align-items:center}.final-cta h2{color:var(--white)}.final-cta p:not(.eyebrow){margin-top:1rem}.cta-orbit{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cta-orbit span{background:var(--white);color:var(--ink);padding:1rem;font-family:var(--font-mono);font-size:.7rem;border-top:5px solid var(--ochre)}.cta-orbit strong{grid-column:1/-1;text-align:center;font-family:var(--font-editorial);font-weight:400;letter-spacing:.15em}.light-button{background:var(--white);color:var(--ink);border-color:var(--white)}.outline-light{color:var(--white);border-color:var(--white)}
/* 23 Footer */
footer{background:var(--ink);color:#cbd3d1;padding:3.5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-lg)}footer img{filter:brightness(0) invert(1);margin-bottom:1rem}footer h2{color:var(--white);font-size:1.8rem}footer p{font-size:.8rem;margin-top:.6rem}footer nav{display:grid;gap:.35rem}footer nav a,.back-to-top{font-size:.8rem}.back-to-top{display:inline-block;margin-bottom:2rem;opacity:.6}.back-to-top.is-useful{opacity:1}
/* 24 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity 650ms ease,transform 650ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 25 Responsive */
@media(max-width:1050px){.nav-toggle{display:block}.nav-menu{display:none;position:absolute;left:0;right:0;top:var(--header-height);background:var(--clear);padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-menu.is-open{display:flex}.nav-menu a{padding:.45rem}.domain-grid{grid-template-columns:repeat(2,1fr)}.domain:nth-child(even){margin-top:0}.profile-grid{grid-template-columns:repeat(2,1fr)}.profile.offset{margin-top:0}.practice-note{}.tempo-statements{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){:root{--header-height:66px}.container{width:min(calc(100% - 1.25rem),var(--container))}.brand{flex-basis:205px}.hero-grid,.checklist-grid,.about-grid,.cta-inner{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:470px}.slab-platform{left:8%;width:38%;height:245px}.slab-capability{width:47%;top:48px}.slab-network{top:270px;width:48%}.slab-process{top:230px;width:45%;right:0}.visual-note{width:75%;font-size:.7rem}.tempo-statements,.domain-grid,.profile-grid,.notes-grid,.principles-grid{grid-template-columns:1fr}.domain h3{min-height:auto}.coord-point{grid-template-columns:1fr;gap:1rem}.coord-point.reverse>div:nth-child(2),.coord-point.reverse>div:nth-child(3){order:initial}.test-grid{grid-template-columns:1fr}.test-grid article,.test-grid article:nth-child(1),.test-grid article:nth-child(2),.test-grid article:nth-child(3),.test-grid article:nth-child(4),.test-grid article:nth-child(5),.test-grid article:nth-child(6),.test-grid article:nth-child(7){grid-column:auto;margin:0;min-height:auto}.checklist ul{columns:1}.profile{margin:0}.search-box{grid-template-columns:1fr}.search-controls{flex-direction:column}.search-box>p{padding:0}.about-grid>div:last-child{padding-left:1.2rem}.principles article{border-right:0;border-bottom:1px solid var(--steel)}.footer-grid{grid-template-columns:1fr}.cta-orbit{order:2}}
@media(max-width:374px){.brand{flex-basis:185px}.hero-visual{min-height:500px}.slab{padding:.75rem}.slab strong{font-size:1.15rem}.visual-note{width:88%}.button{width:100%}.cta-orbit{gap:.5rem}.cta-orbit span{padding:.7rem;font-size:.6rem}}
/* 26 Reduced Motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js-enabled .reveal{opacity:1;transform:none}}