/* 01 Design tokens */
:root{--ink:#20252C;--blue:#40586A;--teal:#506F6B;--burgundy:#75565E;--bronze:#9B7753;--olive:#727861;--plum:#685E72;--graphite:#363B40;--stone:#777B7C;--mist:#E5E9EA;--blue-wash:#E3E8EC;--teal-wash:#E2E9E7;--bronze-wash:#EFE6DC;--burgundy-wash:#EBE2E4;--olive-wash:#E7E9E1;--plum-wash:#E8E4EB;--paper:#F5F1E9;--clean:#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;--step--1:clamp(.76rem,.72rem + .16vw,.86rem);--step-0:clamp(.96rem,.9rem + .22vw,1.08rem);--step-1:clamp(1.25rem,1.05rem + .7vw,1.65rem);--step-2:clamp(1.7rem,1.25rem + 1.5vw,2.7rem);--step-3:clamp(2.35rem,1.55rem + 2.7vw,4.25rem);--space:clamp(1rem,.7rem + 1vw,1.75rem);--section:clamp(4.5rem,8vw,8rem);--container:1200px;--border:1px solid rgba(32,37,44,.2);--radius:2px;--shadow:0 18px 50px rgba(32,37,44,.09);--transition:220ms ease}
/* 02 Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}img{max-width:100%;display:block}a{color:inherit}button,input{font:inherit}
/* 03 Base */
body{background:var(--paper);color:var(--graphite);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;overflow-x:hidden}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.section{padding-block:var(--section);border-bottom:var(--border)}section{scroll-margin-top:76px}
/* 04 Accessibility */
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--white);color:var(--ink);padding:.7rem 1rem;z-index:999}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}
/* 05 Typography */
h1,h2,h3{color:var(--ink);font-family:var(--font-editorial);line-height:1.08;font-weight:500}h1{font-size:var(--step-3);letter-spacing:-.035em}h2{font-size:var(--step-2);letter-spacing:-.025em}h3{font-size:var(--step-1)}.eyebrow,small,.tags,.mandate-block b{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--bronze);font-weight:700}.lead{font-size:clamp(1.05rem,1rem + .35vw,1.28rem);max-width:63ch}.section-heading{max-width:780px;margin-bottom:clamp(2.5rem,5vw,4.5rem)}.section-heading h2{margin:.65rem 0 1.2rem}.section-heading>p:not(.eyebrow){margin-top:.8rem;color:#555b5f}
/* 06 Layout */
.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1rem;text-decoration:none;font-weight:700;border:1px solid transparent}.primary{background:var(--ink);color:var(--white)}.text-button{border-color:var(--stone)}.light{border-color:rgba(255,255,255,.5);color:var(--white)}
/* 07 Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(245,241,233,.97);border-bottom:var(--border)}.header-inner{min-height:72px;display:flex;align-items:center;gap:1.2rem}.brand{width:245px;margin-right:auto}.primary-nav{display:flex;align-items:center;gap:clamp(.55rem,1vw,1rem)}.primary-nav a{font-size:.75rem;text-decoration:none;white-space:nowrap}.nav-cta{border-left:1px solid var(--bronze);padding:.5rem 0 .5rem 1rem;font-weight:700}.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px}
/* 08 Hero */
.hero{padding:clamp(4rem,8vw,7.5rem) 0;background:linear-gradient(90deg,var(--paper) 0 70%,var(--blue-wash) 70%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,6rem)}.hero-copy h1{margin:1rem 0 1.5rem}.hero-copy em{color:var(--blue);font-style:normal}.micro-status{margin-top:2.3rem;font-size:var(--step--1);display:flex;gap:.6rem;align-items:center}.micro-status span{width:8px;height:8px;background:var(--teal)}
/* 09 Mandate Blocks */
.hero-structure{position:relative;min-height:520px}.mandate-block{position:absolute;padding:1.2rem 1rem 1rem;border:1px solid currentColor;background:var(--clean);box-shadow:var(--shadow);display:grid;gap:.3rem;color:var(--blue)}.mandate-block::before{content:"";position:absolute;top:10px;left:10px;width:4px;height:38%;background:currentColor}.mandate-block::after{content:"";position:absolute;width:11px;height:11px;border:2px solid currentColor;border-radius:50%;right:-6px;top:28%}.mandate-block b,.mandate-block span{padding-left:.7rem}.capital{left:0;top:5%;width:65%;height:125px}.operations{right:0;top:25%;width:58%;height:140px;color:var(--teal)}.governance{left:8%;top:51%;width:72%;height:128px;color:var(--burgundy)}.ethics{right:3%;top:73%;width:49%;height:112px;color:var(--plum)}.hero-structure>p{position:absolute;left:0;bottom:-1rem;width:46%;font-size:.78rem;border-left:2px solid var(--bronze);padding-left:1rem}
/* 10 Control Cuts */
.control-cut{display:block;position:relative;width:38px;height:30px;border-left:2px solid var(--bronze);margin-bottom:1rem}.control-cut::before{content:"";position:absolute;left:-7px;top:8px;width:12px;height:12px;border:2px solid var(--bronze);border-radius:50%;background:var(--paper)}.control-cut::after{content:"";position:absolute;left:9px;top:13px;width:28px;border-top:2px solid var(--bronze)}
/* 11 Institutional Strip */
.institutional-strip{background:var(--ink);color:var(--mist);padding:3.5rem 0}.strip-intro{font-family:var(--font-editorial);font-size:var(--step-1);max-width:850px;margin:.6rem 0 2.4rem}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #576069}.strip-grid p{padding:1.4rem;border-right:1px solid #576069}.strip-grid strong{display:block;color:var(--white);font-family:var(--font-editorial);font-size:1.4rem}
/* 12 Mandate Areas */
.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.area-card{position:relative;padding:1.6rem;background:var(--clean);border-top:5px solid currentColor;min-height:530px;display:flex;flex-direction:column;color:var(--blue)}.area-card h3{margin:.8rem 0 1.2rem}.area-card p,.area-card li{color:var(--graphite);font-size:.92rem}.area-card ul{padding-left:1.1rem}.area-card .boundary{margin-top:auto;border-top:1px solid currentColor;padding-top:1rem;font-size:.78rem}.area-card.teal{color:var(--teal);margin-top:2rem}.area-card.plum{color:var(--plum)}.area-card.burgundy{color:var(--burgundy);margin-top:2rem}
/* 13 Governance Links */
.links-section{background:var(--clean)}.link-stack{display:grid;gap:1.2rem}.link-panel{border:var(--border);padding:clamp(1.5rem,4vw,3.3rem);display:grid;grid-template-columns:100px 1fr 1.2fr;gap:2rem;align-items:start}.link-panel:nth-child(2){margin-left:9%;border-left:7px solid var(--teal)}.link-panel:nth-child(3){margin-right:9%;border-left:7px solid var(--plum)}.link-panel:first-child{border-left:7px solid var(--blue)}.question{font-family:var(--font-editorial);font-size:1.25rem}.consider{font-family:var(--font-mono);font-size:.77rem;color:var(--stone)}.link-panel .boundary{grid-column:2/-1;border-top:var(--border);padding-top:1rem;font-weight:700}
/* 14 Mandate Boundary Test */
.review-section{background:var(--ink);color:var(--mist)}.review-section h2,.review-section h3{color:var(--white)}.review-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.review-grid article{position:relative;border:1px solid #596067;padding:1.3rem;min-height:200px}.review-grid article:nth-child(1),.review-grid article:nth-child(4){grid-column:span 4}.review-grid article:nth-child(2),.review-grid article:nth-child(3){grid-column:span 4}.review-grid article:nth-child(n+5){grid-column:span 4}.review-grid b{font-family:var(--font-mono);color:var(--bronze)}.review-grid h3{margin:.8rem 0}.review-grid p{font-size:.88rem}
/* 15 Professional Checklist */
.checklist{margin-top:4rem;padding:clamp(1.5rem,4vw,3rem);background:var(--paper);color:var(--graphite);display:grid;grid-template-columns:1fr 2fr;gap:3rem}.checklist h2{margin-top:.7rem}.checklist ul{columns:2;margin:0;padding-left:1.2rem}.checklist li{break-inside:avoid;margin-bottom:.55rem}
/* 16 Reference Profiles */
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.profile{padding:1.5rem;background:var(--clean);border:var(--border);border-top:5px solid var(--blue)}.profile.offset{transform:translateY(1.5rem)}.profile.reference{border-top-color:var(--plum);background:var(--plum-wash)}.avatar{display:grid;place-items:center;width:64px;height:64px;background:var(--ink);color:var(--white);font-family:var(--font-mono);margin-bottom:1.2rem}.profile h3{margin:.5rem 0}.role{font-weight:700;font-size:.88rem;margin-bottom:1rem}.profile>p:not(.role,.tags,.disclaimer){font-size:.9rem}.tags{color:var(--stone);margin-top:1rem}.email-row{border-top:var(--border);margin-top:1.2rem;padding-top:1rem;display:grid;gap:.6rem}.email-row a{font-size:.78rem;overflow-wrap:anywhere}.copy-email{width:max-content;background:var(--ink);color:var(--white);border:0;padding:.5rem .8rem;cursor:pointer}.disclaimer{font-size:.7rem;color:var(--stone);margin-top:1rem}.independence{margin-top:5rem;border:2px solid var(--burgundy);padding:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem}.independence h2{grid-column:1/-1}.independence p{font-size:.88rem}
/* 17 Independence Note */
.independence .eyebrow{grid-column:1/-1}
/* 18 Financial Governance Notes */
.notes-section{background:var(--clean)}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.note{border:var(--border);border-left:5px solid var(--blue);padding:1.3rem;background:var(--white)}.note:nth-child(3n+2){border-left-color:var(--teal)}.note:nth-child(3n){border-left-color:var(--plum)}.note summary{cursor:pointer;font-family:var(--font-editorial);font-size:1.3rem;color:var(--ink);line-height:1.25;padding:.8rem 2rem .8rem 0}.note details>p,.expanded{font-size:.9rem;padding-top:.9rem}.expanded{border-top:var(--border);margin-top:.9rem}.note .tags{font-size:.7rem}
/* 19 Search */
.search-panel{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;margin-bottom:2rem;padding:1.3rem;background:var(--blue-wash)}.search-panel label{grid-column:1/-1;font-weight:700}.search-panel>div{display:flex}.search-panel input{width:min(650px,100%);min-height:50px;border:1px solid var(--blue);background:var(--white);padding:.7rem 1rem}.search-panel button{border:0;background:var(--ink);color:var(--white);padding:.5rem 1rem}.no-results{padding:2rem;border:var(--border);text-align:center;margin-top:1rem}
/* 20 About */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem)}.about-copy p{margin-bottom:1rem}.about-grid .section-heading{margin:0}
/* 21 Principles */
.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem}.principles article{border-left:1px solid var(--bronze);padding:1.5rem}.principles b{font-family:var(--font-mono);color:var(--bronze)}.principles h3{margin:.7rem 0;text-transform:uppercase;font-size:1.05rem}
/* 22 Final CTA */
.final-cta{background:var(--burgundy);color:var(--white);padding:var(--section) 0}.final-cta h2{color:var(--white);margin:.6rem 0 1.2rem}.cta-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:5rem;align-items:center}.cta-orbit{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative}.cta-orbit span{border:1px solid rgba(255,255,255,.5);padding:1.2rem;font:700 .75rem var(--font-mono)}.cta-orbit strong{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:var(--ink);padding:1.5rem;font-family:var(--font-editorial);letter-spacing:.1em}
/* 23 Footer */
footer{background:var(--ink);color:var(--mist);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:3rem}.footer-grid h2{color:var(--white);margin:1rem 0 .4rem}.footer-grid nav{display:grid;gap:.4rem}.footer-grid a{text-decoration:none}.back-top{align-self:start;border-bottom:1px solid var(--bronze)}.copyright{border-top:1px solid #555c63;margin-top:3rem;padding-top:1.5rem;font-size:.78rem}
/* 24 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity 600ms ease,transform 600ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 25 Responsive */
@media(max-width:1050px){.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.is-open{display:flex}.primary-nav a{font-size:.9rem;padding:.45rem}.nav-cta{border-left:0;border-top:1px solid var(--bronze)}.area-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.profile.offset{transform:none}}
@media(max-width:760px){.hero{background:var(--paper)}.hero-grid,.about-grid,.cta-grid{grid-template-columns:1fr}.hero-structure{min-height:490px}.strip-grid{grid-template-columns:repeat(2,1fr)}.link-panel{grid-template-columns:1fr;gap:1rem}.link-panel .boundary{grid-column:auto}.link-panel:nth-child(2),.link-panel:nth-child(3){margin:0}.review-grid article:nth-child(n){grid-column:span 6}.checklist{grid-template-columns:1fr}.checklist ul{columns:1}.profile-grid,.notes-grid{grid-template-columns:1fr}.independence{grid-template-columns:1fr}.independence h2,.independence .eyebrow{grid-column:auto}.principles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}}
@media(max-width:520px){.container{width:min(calc(100% - 1.25rem),var(--container))}.brand{width:205px}.area-grid,.strip-grid,.principles{grid-template-columns:1fr}.area-card.teal,.area-card.burgundy{margin-top:0}.review-grid article:nth-child(n){grid-column:1/-1}.hero-structure{min-height:455px}.mandate-block{font-size:.78rem}.capital{width:78%}.operations{width:70%}.governance{left:0;width:84%}.ethics{width:66%}.hero-structure>p{width:55%;font-size:.68rem}.search-panel{grid-template-columns:1fr}.search-panel>div{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-grid nav{grid-column:1}}
/* 26 Reduced Motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}}
