/* 01 Design tokens */
:root{--ink:#242725;--blue:#4B6372;--pine:#536B60;--copper:#956850;--ochre:#A38452;--plum:#6E6174;--slate:#5E6B70;--graphite:#3B403E;--muted:#767C77;--mist:#E4E8E4;--blue-wash:#E3E8EB;--pine-wash:#E2E8E3;--copper-wash:#EEE1DA;--ochre-wash:#EFE8D9;--plum-wash:#E9E4EA;--slate-wash:#E4E8E9;--paper:#F4F0E7;--clear:#FBFAF6;--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;--text-sm:clamp(.78rem,.74rem + .18vw,.9rem);--text:clamp(.98rem,.93rem + .18vw,1.08rem);--h3:clamp(1.25rem,1.05rem + .7vw,1.7rem);--h2:clamp(2rem,1.35rem + 2.4vw,3.65rem);--h1:clamp(2.75rem,1.65rem + 4vw,5.9rem);--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:clamp(3.5rem,7vw,7rem);--container:1200px;--border:1px solid rgba(36,39,37,.18);--radius:2px;--shadow:0 14px 40px rgba(36,39,37,.08);--transition:240ms ease;--header-height:76px}
/* 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}button{cursor:pointer}
/* 03 Base */
body{background:var(--paper);color:var(--graphite);font-family:var(--font-sans);font-size:var(--text);line-height:1.65;overflow-x:hidden}section,aside{scroll-margin-top:calc(var(--header-height) + 1rem)}.section{padding:var(--space-lg) 0}.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}.section-heading{max-width:860px;margin-bottom:clamp(2rem,5vw,4.5rem)}.section-heading>p:not(.eyebrow){max-width:760px;margin-top:1.4rem}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.13em;font-weight:700;color:var(--copper);margin-bottom:1rem}.lead{font-size:clamp(1.05rem,1rem + .35vw,1.3rem);max-width:680px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.1rem;text-decoration:none;font-weight:700;font-size:.86rem;letter-spacing:.02em;border:1px solid var(--ink);transition:background var(--transition),color var(--transition)}.button.primary{background:var(--ink);color:var(--white)}.button.secondary{background:transparent}.button:hover{background:var(--copper);border-color:var(--copper);color:var(--white)}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
/* 04 Accessibility */
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--white);color:var(--ink);z-index:999;padding:.8rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}[hidden]{display:none!important}.copy-field{position:fixed;left:-9999px}
/* 05 Typography */
h1,h2,h3{font-family:var(--font-editorial);color:var(--ink);font-weight:400;line-height:1.04}h1{font-size:var(--h1);letter-spacing:-.045em}h1 em{font-style:italic;color:var(--blue)}h2{font-size:var(--h2);letter-spacing:-.035em}h3{font-size:var(--h3)}small{font-size:.78rem;line-height:1.55;display:block}
/* 06 Layout */
.notch{display:flex;align-items:center;gap:.7rem}.notch::before{content:"";width:18px;height:18px;border-left:2px solid var(--ochre);border-bottom:2px solid var(--ochre);border-radius:50% 0 0 0}.notch::after{content:"";width:5px;height:5px;background:var(--ochre)}
/* 07 Header */
.site-header{height:var(--header-height);position:sticky;top:0;background:rgba(251,250,246,.96);border-bottom:var(--border);z-index:100}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{flex:0 0 285px}.brand img{width:100%}.site-header nav{display:flex;align-items:center;gap:clamp(.55rem,1.2vw,1.15rem)}.site-header nav a{text-decoration:none;font-size:.73rem;font-weight:650;white-space:nowrap}.nav-cta{border:1px solid var(--ink);padding:.55rem .7rem}.nav-toggle{display:none;background:none;border:0;padding:.5rem}.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
/* 08 Hero */
.hero{min-height:calc(100svh - var(--header-height));display:grid;align-items:center;padding-block:clamp(4rem,8vw,8rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,58fr) minmax(310px,42fr);gap:clamp(2rem,6vw,7rem);align-items:center}.hero-copy .lead{margin-top:1.7rem}.micro-status{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;border-top:var(--border);margin-top:2rem;padding-top:1rem;color:var(--muted)}
/* 09 Span Beams */
.beam-composition{min-height:480px;position:relative;padding:2rem 0}.beam{position:absolute;width:var(--w);left:var(--x);top:var(--y);height:70px;color:var(--ink)}.beam::before,.beam::after{content:"";position:absolute;top:30px;height:4px;background:currentColor}.beam::before{left:0;width:47%}.beam::after{right:8%;width:35%}.beam span{font:700 .68rem var(--font-mono);letter-spacing:.12em}.beam small{position:absolute;top:45px;left:12%;font-family:var(--font-mono);font-size:.58rem;white-space:nowrap}.beam i{position:absolute;left:48%;top:23px;width:16px;height:16px;border:3px solid currentColor;background:var(--paper);border-radius:50%;z-index:2}.beam b{position:absolute;right:0;top:24px;width:15px;height:15px;background:var(--ochre)}.beam b::before,.beam b::after{content:"";position:absolute;background:var(--copper)}.beam b::before{width:2px;height:22px;left:-24px;top:-3px}.beam b::after{width:2px;height:16px;left:27px;top:0}.beam-a{--w:96%;--x:0;--y:4%;color:var(--blue)}.beam-b{--w:78%;--x:12%;--y:25%;color:var(--copper)}.beam-c{--w:90%;--x:2%;--y:47%;color:var(--pine)}.beam-d{--w:65%;--x:25%;--y:68%;color:var(--plum)}.beam-composition>p{position:absolute;bottom:0;max-width:400px;font-size:.86rem;border-left:2px solid var(--ochre);padding-left:1rem}.mini-beam{height:32px;margin:1.4rem 0;position:relative}.mini-beam::before,.mini-beam::after{content:"";height:3px;position:absolute;top:13px;background:currentColor}.mini-beam::before{left:0;width:55%}.mini-beam::after{right:3%;width:28%}.mini-beam:after{box-shadow:11px -6px 0 -3px var(--ochre)}
/* 10 Review Notches */
.profile::before{content:"";position:absolute;right:1.5rem;top:-8px;width:24px;height:24px;border-left:2px solid var(--ochre);border-bottom:2px solid var(--ochre)}
/* 11 Executive Scale Strip */
.scale-strip{background:var(--ink);color:var(--mist);padding:3rem 0}.scale-strip .eyebrow{color:#d0b47f}.strip-intro{font-family:var(--font-editorial);font-size:clamp(1.3rem,1rem + 1vw,2rem);max-width:900px}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4e5350;margin-top:2.5rem}.strip-grid span{padding:1.25rem;background:var(--ink);font:700 .78rem var(--font-mono);letter-spacing:.04em}
/* 12 Scale Domains */
.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}.domain{padding:1.5rem;border-right:var(--border);position:relative}.domain:last-child{border-right:0}.domain>b,.pass>b,.principles b{font:700 .7rem var(--font-mono);color:var(--copper)}.domain h3{margin-top:1.2rem;min-height:4.9rem}.domain p{font-size:.9rem}.domain ul{list-style:none;margin:1.5rem 0;font:700 .7rem var(--font-mono);text-transform:uppercase}.domain li{padding:.35rem 0;border-top:var(--border)}.domain small{border-top:var(--border);padding-top:1rem;color:var(--muted)}.domain.program{color:var(--blue);background:var(--blue-wash)}.domain.operations{color:var(--pine);background:var(--pine-wash);margin-top:2rem}.domain.strategy{color:var(--plum);background:var(--plum-wash)}.domain.governance{color:var(--slate);background:var(--slate-wash);margin-top:2rem}
/* 13 Operating Interfaces */
.interfaces{background:var(--clear)}.interface{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:clamp(1.2rem,4vw,4rem);padding:2.5rem 0;border-top:1px solid var(--slate);align-items:start}.interface.reverse>div{order:2}.interface.reverse .question{order:1}.interface.reverse>small{order:3}.interface span{font:700 .7rem var(--font-mono);color:var(--ochre)}.interface h3{font-size:clamp(1.6rem,1.1rem + 1.5vw,2.6rem);margin-top:.7rem}.question{font-family:var(--font-editorial);font-size:1.35rem;color:var(--blue)}.interface small{border-left:2px solid var(--copper);padding-left:1rem}
/* 14 Durability Pass */
.review{background:var(--blue-wash)}.pass-list{max-width:980px}.pass{display:grid;grid-template-columns:70px 1fr 1.25fr;gap:1rem;align-items:center;padding:1.25rem 0;border-top:2px solid var(--ink);position:relative}.pass::after{content:"";position:absolute;right:calc(var(--n,1)*3%);top:-7px;width:12px;height:12px;border:2px solid var(--ochre);border-radius:50%;background:var(--blue-wash)}.pass:nth-child(2){width:92%;--n:2}.pass:nth-child(3){width:84%;--n:3}.pass:nth-child(4){width:97%;--n:4}.pass:nth-child(5){width:88%;--n:2}.pass:nth-child(6){width:80%;--n:3}.pass:nth-child(7){width:94%;--n:5}.pass h3{text-transform:uppercase;font-family:var(--font-sans);font-size:.85rem;font-weight:800;letter-spacing:.05em}.pass p{font-size:.9rem}
/* 15 Professional Checklist */
.checklist{background:var(--ink);color:var(--mist);padding:clamp(2rem,5vw,4rem);margin-top:5rem}.checklist h2{color:var(--white);max-width:700px}.checklist ul{list-style:none;columns:2;column-gap:3rem;margin-top:2rem}.checklist li{break-inside:avoid;border-top:1px solid #515653;padding:.7rem 0;font-size:.88rem}.checklist li::before{content:"○";color:#d0b47f;margin-right:.65rem}
/* 16 Reference Profiles */
.profiles{background:var(--clear)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(36,39,37,.18)}.profile{padding:clamp(1.4rem,3vw,2.4rem);background:var(--white);position:relative;min-width:0}.profile:nth-child(even){padding-top:4rem}.profile.blue{background:var(--blue-wash)}.profile.pine{background:var(--pine-wash)}.profile.copper{background:var(--copper-wash)}.profile.plum{background:var(--plum-wash)}.avatar{width:62px;height:62px;border:1px solid currentColor;display:grid;place-items:center;font:700 .85rem var(--font-mono);margin-bottom:2rem}.profile h3{font-size:1.8rem}.role{font-size:.78rem;font-weight:700;margin:1rem 0;color:var(--slate)}.profile>p:not(.eyebrow):not(.role):not(.tags){font-size:.88rem}.tags{font:700 .68rem var(--font-mono);margin:1.4rem 0;padding-top:1rem;border-top:var(--border)}.email{display:block;overflow-wrap:anywhere;font-weight:700;font-size:.84rem}.copy-email{border:1px solid var(--ink);background:transparent;padding:.55rem .8rem;margin:.8rem 0}.profile small{color:var(--muted)}
/* 17 Independence Note */
.independence{padding:4rem 0;background:var(--ochre-wash);border-block:1px solid var(--ochre)}.independence .container{display:grid;grid-template-columns:1fr 2fr;gap:1rem 5rem}.independence h2{grid-column:1}.independence p:not(.eyebrow){grid-column:2;font-size:.9rem}
/* 18 Enterprise Scale Briefs */
.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.brief{background:var(--clear);border:var(--border)}.brief details{height:100%}.brief summary{padding:1.5rem;cursor:pointer;list-style:none}.brief summary::-webkit-details-marker{display:none}.brief summary::after{content:"+";font:400 1.6rem var(--font-mono);float:right;margin-top:.5rem}.brief details[open] summary::after{content:"−"}.brief summary span,.brief details small{font:700 .68rem var(--font-mono);text-transform:uppercase;color:var(--copper)}.brief h3{margin:.7rem 0}.brief summary p{font-size:.9rem}.brief details>p,.brief details>small{margin:0 1.5rem 1.5rem}.brief details>p{border-top:var(--border);padding-top:1.2rem;font-size:.9rem}.no-results{text-align:center;padding:3rem;border:1px dashed var(--copper);margin-top:1rem}
/* 19 Search */
.search-panel{display:grid;grid-template-columns:1fr 2fr auto;gap:1rem;align-items:end;margin-bottom:2rem;padding:1.5rem;background:var(--ink);color:var(--white)}.search-panel label{font:700 .75rem var(--font-mono);text-transform:uppercase}.search-panel>div{display:flex}.search-panel input{width:100%;min-width:0;border:0;padding:.8rem;background:var(--clear);color:var(--ink)}.search-panel button{border:0;background:var(--ochre);color:var(--ink);font-weight:700;padding:.7rem;white-space:nowrap}.search-panel>p{font-family:var(--font-mono);font-size:.75rem}
/* 20 About */
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem)}.about-grid p+p{margin-top:1rem}
/* 21 Principles */
.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:2px solid var(--ink)}.principles article{padding:1.5rem;border-right:var(--border)}.principles article:last-child{border:0}.principles h3{text-transform:uppercase;font-family:var(--font-sans);font-size:.82rem;font-weight:800;margin:1rem 0}.principles p{font-size:.85rem}
/* 22 Final CTA */
.final-cta{background:var(--blue);color:var(--white);padding:var(--space-lg) 0}.cta-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,7vw,7rem);align-items:center}.final-cta h2{color:var(--white)}.final-cta p:not(.eyebrow){margin-top:1.3rem}.button.light{background:var(--white);color:var(--ink);border-color:var(--white)}.button.outline{color:var(--white);border-color:var(--white)}.cta-beams{display:grid;gap:1rem}.cta-beams span{font:700 .7rem var(--font-mono);letter-spacing:.1em;padding-bottom:.6rem;border-bottom:3px solid var(--white);position:relative}.cta-beams span:nth-child(2){width:83%;margin-left:12%}.cta-beams span:nth-child(4){width:91%}.cta-beams span:nth-child(5){width:66%;margin-left:24%}.cta-beams strong{text-align:center;font-family:var(--font-editorial);font-size:2rem;color:#f1dcae}
/* 23 Footer */
footer{background:var(--ink);color:var(--mist);padding:4rem 0 1.5rem;position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem}.footer-grid img{filter:invert(1);margin-bottom:1rem}.footer-grid h2{color:var(--white);font-size:2rem}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.footer-grid nav a{font-size:.8rem;text-decoration:none}.footer-bottom{border-top:1px solid #4d514f;margin-top:3rem;padding-top:1rem;display:flex;justify-content:space-between;font-size:.75rem}.back-to-top{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;background:var(--ochre);color:var(--ink);display:grid;place-items:center;text-decoration:none;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:50}.back-to-top.is-visible{opacity:1;pointer-events:auto}
/* 24 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity 700ms ease,transform 700ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 25 Responsive */
@media(max-width:1080px){.brand{flex-basis:230px}.site-header nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;background:var(--clear);padding:1rem 1.25rem;border-bottom:var(--border);box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.site-header nav a{padding:.45rem}.nav-toggle{display:block}.hero-grid{grid-template-columns:1.15fr .85fr}.domain-grid{grid-template-columns:repeat(2,1fr)}.domain:nth-child(2n){border-right:0}.profile-grid{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:repeat(2,1fr)}.principles article:nth-child(2n){border-right:0}}
@media(max-width:720px){:root{--header-height:68px}.container{width:min(calc(100% - 1.5rem),var(--container))}.brand{flex-basis:215px}.hero-grid,.about-grid,.cta-grid,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}.beam-composition{min-height:410px}.beam small{white-space:normal;max-width:75%}.strip-grid,.domain-grid,.profile-grid,.brief-grid,.principles{grid-template-columns:1fr}.domain,.domain:nth-child(n),.principles article{border-right:0;margin-top:0;border-bottom:var(--border)}.domain h3{min-height:auto}.interface,.pass{grid-template-columns:1fr;width:100%!important}.interface.reverse>div,.interface.reverse .question,.interface.reverse>small{order:initial}.checklist ul{columns:1}.independence .container{display:block}.independence h2,.independence p:not(.eyebrow){margin-top:1rem}.search-panel{grid-template-columns:1fr;align-items:start}.search-panel>div{flex-direction:column}.search-panel button{margin-top:.5rem}.footer-grid nav{margin-top:1rem}.footer-bottom{align-items:flex-start;gap:1rem}.back-to-top{bottom:4.5rem}.profile:nth-child(even){padding-top:2rem}}
@media(max-width:380px){.brand{flex-basis:190px}.actions{flex-direction:column}.button{width:100%}.beam-composition{min-height:390px}.beam small{font-size:.52rem}.footer-grid nav{grid-template-columns:1fr}}
/* 26 Reduced Motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.js-enabled .reveal{opacity:1;transform:none}}