/* 01. Design tokens */
:root{--forest:#20302d;--teal:#3f7775;--coral:#c07162;--canopy:#687c54;--plum:#755c78;--sand:#b99561;--water:#526b7b;--pale:#deeae8;--coral-wash:#f0e1dd;--canopy-wash:#e5eadb;--plum-wash:#eae3eb;--sand-wash:#f1e7d8;--paper:#f7f3e9;--cool:#eef1ef;--graphite:#35403e;--muted:#727c79;--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:.78rem;--fs-body:clamp(.96rem,.9rem + .2vw,1.08rem);--fs-h2:clamp(2rem,4vw,3.6rem);--space:clamp(4rem,8vw,8rem);--container:1200px;--border:1px solid color-mix(in srgb,var(--forest),transparent 78%);--radius:10px;--shadow:0 16px 40px rgba(32,48,45,.08);--transition:220ms ease}
/* 02. Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:92px}body,h1,h2,h3,p,ul{margin:0}ul{padding:0}img{display:block;max-width:100%}button,input{font:inherit}a{color:inherit}
/* 03. Base */
body{background:var(--paper);color:var(--graphite);font:var(--fs-body)/1.68 var(--font-sans);overflow-x:hidden}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.section{padding-block:var(--space)}.cool,.notes{background:var(--cool)}.virus{--accent:var(--plum);--wash:var(--plum-wash)}.reef{--accent:var(--coral);--wash:var(--coral-wash)}.ecosystem{--accent:var(--canopy);--wash:var(--canopy-wash)}.climate,.comparative{--accent:var(--water);--wash:var(--pale)}
/* 04. Accessibility */
.skip-link{position:fixed;z-index:999;top:8px;left:8px;background:var(--white);padding:.7rem 1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:3px solid var(--sand);outline-offset:4px}.clipboard-fallback{position:fixed;left:-9999px}
/* 05. Typography */
h1,h2,h3{color:var(--forest);font-family:var(--font-editorial);font-weight:400;line-height:1.08}h1{font-size:clamp(2.7rem,5.6vw,5.8rem);letter-spacing:-.04em}h1 em{color:var(--teal);font-style:italic}h2{max-width:900px;margin-bottom:2.4rem;font-size:var(--fs-h2);letter-spacing:-.025em}h3{font-size:clamp(1.35rem,2vw,1.8rem)}.eyebrow,.micro,.scale-label,.orcid,.status{font:700 var(--fs-sm)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin-bottom:1.2rem;color:var(--teal)}.lede{max-width:650px;margin-top:1.7rem;font-size:1.15rem}.micro{margin-top:2rem;color:var(--muted)}
/* 06. Layout */
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.15rem;border:1px solid var(--forest);border-radius:3px;text-decoration:none;font-weight:700}.primary{background:var(--forest);color:var(--white)}.secondary:hover{background:var(--pale)}
/* 07. Header */
.site-header{position:sticky;z-index:50;top:0;background:rgba(247,243,233,.97);border-bottom:var(--border)}.header-inner{display:flex;align-items:center;min-height:78px}.brand{width:260px;margin-right:auto}.site-header nav{display:flex;align-items:center;gap:1.05rem;font-size:.78rem}.site-header nav a{text-decoration:none}.nav-cta{padding:.55rem .75rem;background:var(--forest);color:white;border-radius:3px}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:25px;height:2px;margin:5px;background:var(--forest)}
/* 08. Hero */
.hero{padding:clamp(5rem,10vw,9rem) 0;background:linear-gradient(100deg,var(--paper) 60%,var(--pale) 60%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw}
/* 09. Response Scales */
.scale-field{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1rem}.response-scale{position:relative;min-height:460px;padding:1rem .75rem 1.2rem;background:var(--wash);border-top:4px solid var(--accent)}.response-scale:nth-child(2){min-height:530px;transform:translateY(24px)}.response-scale:nth-child(3){min-height:420px;transform:translateY(-20px)}.scale-label{color:var(--accent)}.axis{position:relative;width:50px;height:185px;margin:1.4rem auto;border-left:2px solid var(--forest);background:rgba(255,255,255,.32)}.axis i{position:absolute;left:-1px;width:22px;border-top:1px solid var(--forest)}.axis i:nth-child(1){top:12%}.axis i:nth-child(2){top:36%}.axis i:nth-child(3){top:64%}.axis i:nth-child(4){top:88%}.axis b{position:absolute;top:46%;left:-6px;width:31px;height:7px;background:var(--accent)}.axis u{position:absolute;right:0;bottom:22%;width:8px;height:8px;border-radius:50%;background:var(--sand)}.response-scale p{margin-top:.65rem;font-size:.74rem;line-height:1.45}.response-scale strong{display:block;color:var(--accent);font-family:var(--mono)}.scale-caption{grid-column:1/-1;margin-top:1.4rem;font-size:.82rem}
/* 10. Sample Marks */
.method-grid article::before,.principles article::before{content:"· ┐";color:var(--sand);font-family:var(--font-mono)}
/* 11. Pressure Band */
.pressure-band{padding:4rem 0;background:var(--forest);color:var(--white)}.pressure-band .eyebrow{color:var(--sand)}.band-intro{max-width:780px;font-family:var(--font-editorial);font-size:1.5rem}.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.band-grid p{padding-top:1rem;border-top:1px solid var(--teal)}
/* 12. Living Systems */
.systems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cdd2cd;border:var(--border)}.system{padding:2rem;background:var(--paper);border-top:5px solid var(--accent)}.system>span{font-family:var(--font-mono);color:var(--accent)}.system h3{margin:2.5rem 0 1rem}.system ul,.profile ul{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.3rem;list-style:none}.system li,.profile li{padding:.2rem .5rem;background:var(--wash);font-size:.72rem}
/* 13. Pressure Links */
.links-stack{display:grid;gap:1.2rem}.pressure-link{display:grid;grid-template-columns:230px 1fr;gap:2rem;padding:2rem;background:var(--paper);border-left:6px solid var(--accent)}.pressure-link span{display:block;color:var(--accent);font:700 .85rem var(--font-mono)}.pressure-link small{font-family:var(--font-mono)}.pressure-link h3{margin-bottom:1rem}.pressure-link p+p{margin-top:.7rem}.boundary{padding-top:.8rem;border-top:1px solid var(--accent);font-weight:600}
/* 14. Response Method */
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.method-grid article{min-height:250px;padding:1.5rem;border:var(--border);background:var(--white)}.method-grid article:nth-child(even){transform:translateY(24px)}.method-grid b{float:right;color:var(--sand);font-family:var(--font-mono)}.method-grid h3{margin:2rem 0 1rem;font:700 .86rem var(--font-mono);letter-spacing:.08em}
/* 15. Response Checklist */
.checklist{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:6rem;padding:3rem;background:var(--forest);color:var(--white)}.checklist h2{color:white}.checklist ul{columns:2;column-gap:3rem;list-style:"□  ";padding-left:1rem}.checklist li{break-inside:avoid;margin-bottom:.55rem}
/* 16. Academic References */
.references{background:var(--paper)}.contact-note{margin:2rem 0;padding:1rem;border-left:4px solid var(--sand);background:var(--sand-wash)}.profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.profile{position:relative;padding:1.6rem;background:var(--white);border-top:5px solid var(--accent);box-shadow:var(--shadow)}.profile.offset{transform:translateY(25px)}.profile header{display:flex;justify-content:space-between;align-items:center}.profile header b{display:grid;place-items:center;width:54px;height:54px;background:var(--accent);color:white;border-radius:50%;font-family:var(--font-mono)}.profile header span{color:var(--accent);font:700 .7rem var(--font-mono)}.profile h3{margin:1.5rem 0 .5rem}.profile p{margin-top:.75rem;font-size:.88rem}.orcid{color:var(--accent)}.contact{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--accent)}.contact span,.contact a{display:block;font-size:.76rem;overflow-wrap:anywhere}.copy-email,#clear-search{margin-top:.6rem;padding:.45rem .7rem;background:transparent;border:1px solid var(--accent);cursor:pointer}.status{margin-top:1.4rem!important;color:var(--accent)}
.profile::after{content:"";position:absolute;right:1.2rem;bottom:1.2rem;width:16px;height:62px;border-left:1px solid var(--accent);border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);opacity:.35}
.profile:nth-child(2n)::after{height:82px}.profile:nth-child(3n)::after{height:48px}
/* 17. Independence Note */
.independence{padding:4rem 0;background:var(--plum);color:white}.independence h2{color:white}.independence .eyebrow{color:var(--sand-wash)}.independence .container>div{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.independence p+p{margin-top:1rem}
/* 18. Response Notes */
.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.response-note{background:var(--white);border-top:4px solid var(--accent)}.response-note summary{padding:1.5rem;cursor:pointer;list-style:none}.response-note summary::-webkit-details-marker{display:none}.response-note summary span{color:var(--accent);font:700 .72rem var(--font-mono);text-transform:uppercase}.response-note h3{margin:.8rem 0}.response-note details>p,.response-note small{display:block;padding:0 1.5rem 1.5rem}.response-note small{color:var(--accent);font-family:var(--font-mono)}
/* 19. Search */
.search-box{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.8rem;margin:2.5rem 0}.search-box label{grid-column:1/-1;font-weight:700}.search-box>div{display:flex}.search-box input{width:min(100%,700px);padding:.9rem;border:1px solid var(--forest);background:white}.search-box button{margin:0;border-left:0}.no-results{padding:3rem;text-align:center;font-family:var(--editorial);font-size:1.4rem}
/* 20. About */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw}.about-grid>div>p+p{margin-top:1rem}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.principles article{padding:1.2rem;border-top:2px solid var(--teal)}.principles h3{margin:.8rem 0}
/* 21. Final CTA */
.final-cta{padding:var(--space) 0;background:var(--teal);color:white}.final-cta h2{color:white}.final-cta .eyebrow{color:var(--sand-wash)}.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.light{background:white;color:var(--forest)}.outline{border-color:white;color:white}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;align-items:center;text-align:center}.layers b{grid-column:1/-1;padding:1rem;background:rgba(255,255,255,.14);font-family:var(--font-mono)}.layers i{grid-column:1/-1;color:var(--sand-wash)}.layers strong{grid-column:1/-1;padding:1.8rem;border:1px solid white;font-family:var(--editorial);font-size:1.5rem}.layers span{font:700 .7rem var(--font-mono)}
/* 22. Footer */
footer{padding:4rem 0 1.5rem;background:var(--forest);color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:3rem}.footer-grid img{width:55px;filter:brightness(0) invert(1)}footer h2{margin:.8rem 0;color:white;font-size:1.8rem}footer nav{display:grid;gap:.35rem}footer a{text-decoration:none}.copyright{margin-top:3rem;padding-top:1rem;border-top:1px solid #52635f;font-size:.78rem}
/* 23. Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.js-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}
/* 24. Responsive */
@media(max-width:1050px){.menu-toggle{display:block}.site-header nav{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1.2rem 20px;background:var(--paper);border-bottom:var(--border)}.site-header nav.is-open{display:flex}.hero-grid{grid-template-columns:1fr}.scale-field{margin-top:3rem}.systems-grid{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:repeat(2,1fr)}.profiles{grid-template-columns:repeat(2,1fr)}.profile.offset{transform:none}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--container))}.brand{width:210px}.hero{background:var(--paper)}.scale-field{grid-template-columns:1fr}.response-scale,.response-scale:nth-child(2),.response-scale:nth-child(3){min-height:auto;transform:none}.axis{height:125px}.band-grid,.systems-grid,.method-grid,.profiles,.notes-grid,.principles{grid-template-columns:1fr}.pressure-link,.checklist,.about-grid,.final-grid,.independence .container>div,.footer-grid{grid-template-columns:1fr}.method-grid article:nth-child(even){transform:none}.checklist{padding:1.5rem}.checklist ul{columns:1}.search-box{grid-template-columns:1fr}.search-box>div{min-width:0}.search-box input{min-width:0}.footer-grid{gap:2rem}}
/* 25. Reduced Motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-enabled .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}