/* 01 Tokens & Reset */
:root{--color-ink:#192423;--color-deep:#223C3B;--color-mineral:#446A67;--color-oxide:#A4573C;--color-sand:#DDD2BE;--color-paper:#F3F0E9;--color-surface:#FBF9F4;--color-line:#C8CFCC;--color-muted:#697572;--color-cool:#BDD0CD;--color-white:#fff;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--step--1:clamp(.78rem,.74rem + .18vw,.88rem);--step-0:clamp(.96rem,.9rem + .2vw,1.05rem);--step-1:clamp(1.16rem,1.04rem + .5vw,1.45rem);--step-2:clamp(1.55rem,1.27rem + 1.1vw,2.2rem);--step-3:clamp(2.05rem,1.55rem + 2.1vw,3.4rem);--step-4:clamp(2.65rem,1.85rem + 3.5vw,5rem);--space-xs:.5rem;--space-sm:.85rem;--space-md:1.35rem;--space-lg:2.2rem;--space-xl:clamp(3.5rem,7vw,7rem);--container:1240px;--border:1px solid var(--color-line);--radius:3px;--shadow:0 20px 45px rgba(25,36,35,.08);--transition:180ms ease}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65}img,svg{display:block;max-width:100%}button,input{font:inherit}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.025em}h1{font-size:var(--step-4);max-width:900px;margin:0}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{color:#465351}
/* 02 Base */
.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}.section{padding:var(--space-xl) 0}.section-header{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1.5fr);gap:var(--space-lg);align-items:start;margin-bottom:clamp(2rem,5vw,4rem)}.section-header h2{margin-bottom:.8rem}.section-header>p:last-child{grid-column:2;max-width:720px}.section-kicker,.eyebrow,.domain-number{text-transform:uppercase;letter-spacing:.16em;font-size:var(--step--1);font-weight:750;color:var(--color-oxide)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.15rem;border:1px solid var(--color-deep);text-decoration:none;font-weight:700;transition:background var(--transition),color var(--transition)}.button-primary{background:var(--color-deep);color:var(--color-white)}.button-secondary{background:transparent;color:var(--color-deep)}.button:hover{background:var(--color-mineral);color:#fff}
/* 03 Accessibility */
.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;padding:.7rem 1rem;background:#fff;transform:translateY(-200%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-oxide);outline-offset:3px}section[id]{scroll-margin-top:96px}
/* 04 Layout */
.about-grid,.boundary-layout,.independence-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,7vw,7rem)}
/* 05 Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,249,244,.97);border-bottom:var(--border)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{flex:0 1 272px}.primary-nav{display:flex;align-items:center;gap:clamp(.65rem,1.35vw,1.35rem)}.primary-nav a{text-decoration:none;font-size:.86rem;font-weight:650;white-space:nowrap}.primary-nav a:hover{color:var(--color-oxide)}.nav-action{border-left:1px solid var(--color-line);padding-left:1rem;color:var(--color-oxide)}.menu-toggle{display:none;background:none;border:1px solid var(--color-line);padding:.55rem .7rem;color:var(--color-ink)}
/* 06 Hero */
.hero{padding:clamp(4rem,9vw,8rem) 0 0;background:linear-gradient(90deg,var(--color-paper) 0 68%,var(--color-sand) 68% 100%)}.hero-copy{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.7fr);gap:clamp(2rem,7vw,7rem);align-items:end;padding-bottom:clamp(3rem,7vw,6rem)}.eyebrow{display:flex;align-items:center;gap:.7rem}.hero-support>p:first-child{font-family:var(--font-serif);font-size:var(--step-1);color:var(--color-ink)}.scope-marker{font-size:.78rem;margin:1.3rem 0 0;text-transform:uppercase;letter-spacing:.08em}.scope-marker span{color:var(--color-oxide);padding:.3rem}
/* 07 System Cross-Section */
.cross-section{background:var(--color-deep);color:#fff;padding:clamp(1rem,3vw,2.5rem);box-shadow:var(--shadow)}.visual-heading{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1.2rem;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--color-cool)}.system-band{display:grid;grid-template-columns:50px minmax(120px,1.4fr) repeat(2,minmax(90px,.7fr));gap:1rem;align-items:center;min-height:68px;padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.22);position:relative}.system-band::after{content:"";position:absolute;right:7%;top:-4px;width:1px;height:8px;background:var(--color-oxide)}.system-band b{color:var(--color-cool)}.system-band strong{text-transform:uppercase;letter-spacing:.12em}.system-band span{font-size:.88rem;color:#dce5e3}.band-resource{width:88%;background:rgba(189,208,205,.07)}.band-process{width:96%;background:rgba(189,208,205,.11)}.band-reliability{width:92%;background:rgba(189,208,205,.07)}.band-transition{width:100%;background:rgba(164,87,60,.16)}
/* 08 System View */
.system-view{background:var(--color-ink);color:#fff;padding:2.5rem 0}.view-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.view-grid article{padding:1rem 1.4rem;border-left:1px solid #50605e;min-width:0}.view-grid span{font-size:.72rem;color:var(--color-oxide)}.view-grid h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;margin:.7rem 0}.view-grid p{font-size:.88rem;color:#cbd5d2;margin:0}.system-view .section-kicker{color:var(--color-cool)}
/* 09 System Domains */
.domain-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(1rem,2vw,1.7rem);align-items:stretch}.domain-card{height:auto;min-width:0;padding:clamp(1.4rem,3vw,2.4rem);border:var(--border);background:var(--color-white);position:relative}.domain-card::before{content:"";position:absolute;left:0;top:0;width:30%;height:5px;background:var(--color-mineral)}.domain-card h3{margin:1rem 0 1.4rem;max-width:520px}.domain-card ul{padding-left:1.1rem;margin-bottom:0;color:#4c5956}.domain-card li+li{margin-top:.4rem}.domain-1{grid-column:1/7}.domain-2{grid-column:7/13}.domain-3{grid-column:1/6;background:var(--color-paper)}.domain-4{grid-column:6/13;background:#e7efed}.domain-4::before{background:var(--color-oxide)}
/* 10 System Boundary */
.boundary{background:var(--color-paper)}.boundary blockquote{margin:2rem 0 0;padding:1.5rem;border-left:3px solid var(--color-oxide);font-family:var(--font-serif);font-size:var(--step-1)}.boundary-visual{display:grid;align-content:center;gap:.8rem}.boundary-visual span{display:flex;align-items:center;min-height:64px;padding:1rem 1.5rem;background:var(--color-deep);color:#fff;text-transform:uppercase;letter-spacing:.12em}.boundary-visual span:nth-child(2){width:88%}.boundary-visual span:nth-child(3){width:95%}.boundary-visual span:nth-child(4){width:82%;border-left:8px solid var(--color-oxide)}
/* 11 System Balance Review */
.balance{background:#eef2f0}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--color-line);border:var(--border)}.stage{min-width:0;height:auto;background:var(--color-surface);padding:clamp(1.4rem,3vw,2.3rem)}.stage span{color:var(--color-oxide);font-weight:800}.stage h3{margin:2rem 0 .8rem}.stage p{margin:0}
/* 12 Reference Set */
.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.profile{min-width:0;height:auto;padding:1.6rem;border:var(--border);background:#fff}.profile.contact{border-top:5px solid var(--color-oxide)}.profile.research{border-top:5px double var(--color-mineral);background:var(--color-paper)}.avatar{width:48px;height:48px;display:grid;place-items:center;background:var(--color-deep);color:#fff;font-weight:800;margin-bottom:1.4rem}.research .avatar{background:var(--color-mineral)}.profile-meta span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-oxide);font-weight:750}.research .profile-meta span{color:var(--color-mineral)}.profile h3{margin:.4rem 0}.role{font-size:.85rem;color:var(--color-mineral);font-weight:700;min-height:2.8em}.profile>p:not(.role){font-size:.92rem}.email-row{border-top:var(--border);padding-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.email-row a{overflow-wrap:anywhere;font-size:.82rem}.copy-email{border:1px solid var(--color-deep);background:transparent;padding:.35rem .55rem;cursor:pointer;font-size:.76rem;font-weight:700}.copy-status{font-size:.75rem;color:var(--color-mineral)}.contact-clarification{margin-top:1.5rem;padding:1.4rem;border-left:4px solid var(--color-oxide);background:var(--color-paper)}.contact-clarification p{margin:.4rem 0 0}
/* 13 Independence */
.independence{background:var(--color-deep);color:#fff}.independence h2{color:#fff}.independence p{color:#d7e0dd}.independence-grid>div:last-child{columns:2;column-gap:2.5rem}.independence-grid>div:last-child p{break-inside:avoid}
/* 14 System Notes */
.notes-list{border-top:1px solid var(--color-line)}.note{border-bottom:1px solid var(--color-line)}.note[hidden]{display:none}.note details{background:transparent}.note summary{cursor:pointer;list-style:none;padding:1.4rem .5rem;position:relative}.note summary::-webkit-details-marker{display:none}.note summary::after{content:"+";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-oxide)}.note details[open] summary::after{content:"−"}.note summary span{display:grid;grid-template-columns:120px minmax(0,1fr) 230px;gap:1rem;align-items:center;padding-right:2rem}.note summary b,.note summary small{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.note summary b{color:var(--color-oxide)}.note summary strong{font-size:var(--step-1)}.note summary small{text-align:right;color:var(--color-muted)}.note-body{padding:0 min(13vw,150px) 1.5rem 136px;max-width:1000px}.note-body p{margin-bottom:.6rem}
/* 15 Search */
.search-panel{background:var(--color-paper);padding:1.4rem;margin-bottom:2rem}.search-panel label{display:block;font-weight:800;margin-bottom:.55rem}.search-row{display:flex;gap:.7rem}.search-row input{min-width:0;flex:1;border:1px solid var(--color-line);background:#fff;padding:.8rem 1rem;color:var(--color-ink)}.search-row button{border:1px solid var(--color-deep);background:transparent;padding:.6rem 1rem;cursor:pointer}.search-panel p{margin:.5rem 0 0;font-size:.8rem}.no-results{padding:1.5rem;border:1px solid var(--color-oxide)}
/* 16 About */
.about{background:var(--color-paper)}.about-grid>div:last-child p:first-child{font-family:var(--font-serif);font-size:var(--step-1);color:var(--color-ink)}
/* 17 System Principles */
.principle-list{border-top:2px solid var(--color-deep)}.principle-list article{display:grid;grid-template-columns:60px minmax(180px,.7fr) minmax(0,1.5fr);gap:1.5rem;padding:1.3rem 0;border-bottom:var(--border);align-items:baseline}.principle-list span{color:var(--color-oxide);font-weight:800}.principle-list h3,.principle-list p{margin:0}
/* 18 Final CTA */
.final-cta{background:var(--color-deep);padding:clamp(3rem,7vw,6rem) 0}.cta-inset{background:var(--color-paper);padding:clamp(2rem,6vw,5rem);border-left:12px solid var(--color-oxide);position:relative}.cta-inset::after{content:"";position:absolute;right:4%;top:0;width:30%;height:7px;background:repeating-linear-gradient(90deg,var(--color-mineral) 0 25px,transparent 25px 32px)}.cta-inset h2{max-width:850px}.cta-inset>p:not(.eyebrow){max-width:740px}
/* 19 Footer */
.site-footer{background:var(--color-ink);color:#fff;padding:4rem 0}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .7fr;gap:3rem}.site-footer h2{font-size:1.3rem;margin:.8rem 0}.site-footer p,.site-footer small{color:#b9c6c3}.site-footer nav{display:grid;align-content:start;gap:.6rem}.site-footer a{text-decoration:none}.footer-end{text-align:right}
/* 20 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(16px);transition:opacity 550ms ease,transform 550ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 21 Responsive */
@media(max-width:1100px){.primary-nav{gap:.6rem}.primary-nav a{font-size:.78rem}.nav-action{display:none}.hero-copy{grid-template-columns:1.3fr .7fr}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.menu-toggle{display:flex;align-items:center;gap:.6rem}.menu-toggle i,.menu-toggle i::before,.menu-toggle i::after{display:block;width:20px;height:2px;background:currentColor}.menu-toggle i{position:relative}.menu-toggle i::before,.menu-toggle i::after{content:"";position:absolute;left:0}.menu-toggle i::before{top:-6px}.menu-toggle i::after{top:6px}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:1rem max(1.25rem,calc((100vw - var(--container))/2));background:var(--color-surface);border-bottom:var(--border);box-shadow:var(--shadow)}.primary-nav.is-open{display:grid}.primary-nav a{font-size:1rem;padding:.65rem 0}.hero-copy,.about-grid,.boundary-layout,.independence-grid{grid-template-columns:1fr}.view-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.5rem}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header{grid-template-columns:1fr;gap:.5rem}.section-header>p:last-child{grid-column:auto}.independence-grid>div:last-child{columns:auto}}
@media(max-width:767px){.container{width:min(calc(100% - 1.5rem),var(--container))}.header-inner{min-height:66px}.brand{flex-basis:220px}.hero{padding-top:3rem;background:var(--color-paper)}.hero-copy{gap:2rem}.system-band{grid-template-columns:35px minmax(0,1fr);gap:.3rem 1rem;padding:.7rem}.system-band span{grid-column:2}.band-resource,.band-process,.band-reliability,.band-transition{width:100%}.visual-heading span:last-child{display:none}.domain-grid{display:grid;grid-template-columns:1fr}.domain-1,.domain-2,.domain-3,.domain-4{grid-column:auto}.boundary-visual span,.boundary-visual span:nth-child(n){width:100%}.profile-grid,.stage-grid{grid-template-columns:1fr}.note summary span{grid-template-columns:1fr;gap:.3rem}.note summary small{text-align:left}.note-body{padding:0 2.5rem 1.2rem .5rem}.principle-list article{grid-template-columns:44px 1fr}.principle-list p{grid-column:2}.footer-grid{grid-template-columns:1fr}.footer-end{text-align:left}}
@media(max-width:480px){.view-grid{grid-template-columns:1fr}.search-row{align-items:stretch;flex-direction:column}.email-row{align-items:flex-start;flex-direction:column}.button-row{align-items:stretch;flex-direction:column}.button{width:100%}}
/* 22 Reduced Motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}}