/* 01. Design tokens */
:root{--ink:#222C38;--cobalt:#586B88;--auburn:#9A624B;--moss:#6D795D;--plum:#806C83;--ochre:#B29457;--slate:#6A767E;--pale-cobalt:#E2E7EE;--auburn-wash:#F0E3DC;--moss-wash:#E8EBDD;--plum-wash:#EBE5EC;--paper:#F8F4EB;--cool:#EFF1F2;--graphite:#373D43;--muted:#747B80;--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(.98rem,.25vw + .92rem,1.08rem);--fs-h3:clamp(1.25rem,1vw + 1rem,1.65rem);--fs-h2:clamp(2rem,3vw,3.7rem);--fs-hero:clamp(2.9rem,5vw,5.35rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:clamp(4rem,8vw,7.5rem);--container:1200px;--border:1px solid rgba(34,44,56,.2);--radius:3px;--shadow:0 18px 50px rgba(34,44,56,.08);--transition:220ms ease}
/* 02. Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body,h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}img{display:block;max-width:100%}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% - 2.5rem),var(--container));margin-inline:auto}.section{padding-block:var(--space-6)}section{scroll-margin-top:78px}.button{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1.15rem;background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);color:var(--white);font-family:var(--font-mono);font-size:.73rem;font-weight:700;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:background var(--transition),color var(--transition),transform var(--transition)}.button:hover{background:var(--auburn);border-color:var(--auburn);transform:translateY(-2px)}.button-small{padding:.62rem .8rem}.text-link{font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.03em;text-decoration-thickness:1px;text-underline-offset:5px;text-transform:uppercase}.actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.lead{font-size:clamp(1.05rem,.5vw + .95rem,1.28rem);max-width:58ch;color:#535b62}.section-heading{max-width:760px;margin-bottom:var(--space-5)}.section-heading.wide{max-width:900px}.section-heading>p:not(.eyebrow){margin-top:1rem;max-width:78ch}.section-heading.wide>p{color:#596168}.section-heading.wide>p+p{margin-top:.6rem}
/* 04. Accessibility */
.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;transform:translateY(-200%);background:var(--white);color:var(--ink);padding:.7rem 1rem;border:2px solid var(--ochre)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}
/* 05. Typography */
h1,h2,h3{color:var(--ink);font-family:var(--font-editorial);font-weight:400;line-height:1.08}h1{font-size:var(--fs-hero);letter-spacing:-.045em}h1 em{color:var(--auburn);font-style:italic}h2{font-size:var(--fs-h2);letter-spacing:-.035em}h3{font-size:var(--fs-h3)}.eyebrow,.desk-label,.number,.category,.field,.case-route,.micro-label{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:700;letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--auburn);margin-bottom:1.15rem}
/* 06. Layout */
.hero-grid,.method-grid,.about-grid,.final-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3rem,6vw,6rem);align-items:start}
/* 07. Header */
.site-header{position:sticky;z-index:100;top:0;background:rgba(248,244,235,.96);border-bottom:var(--border);backdrop-filter:blur(10px)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{flex:0 1 340px}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.65rem,1.25vw,1.15rem)}.site-header nav>a:not(.button){font-family:var(--font-mono);font-size:.67rem;text-decoration:none;white-space:nowrap}.site-header nav>a:not(.button):hover{color:var(--auburn)}.menu-toggle{display:none;background:none;border:0;padding:.5rem}.menu-toggle span{display:block;width:24px;height:2px;margin:5px;background:var(--ink)}
/* 08. Hero */
.hero{padding-block:clamp(4rem,8vw,8rem);background:linear-gradient(90deg,var(--paper) 0 63%,var(--cool) 63%)}.hero-copy{padding-top:2rem}.hero-copy .lead{margin:2rem 0}.micro-label{display:flex;align-items:center;gap:.7rem;margin-top:3rem;color:var(--muted)}.micro-label span{width:34px;height:1px;background:var(--ochre)}.deliberation-desk{background:var(--white);padding:clamp(1.25rem,2.5vw,2.25rem);border-top:5px solid var(--ink);box-shadow:var(--shadow)}.desk-label{padding-bottom:1.1rem;border-bottom:var(--border);color:var(--slate)}.desk-note{font-size:.82rem;color:var(--muted);margin-top:1.2rem}
/* 09. Consideration Bands */
.hero-band{padding:1.2rem 0;border-bottom:var(--border)}.hero-band header{display:flex;justify-content:space-between;font:700 .65rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.hero-band header span{color:var(--muted)}.hero-band h2{font-size:1.22rem;margin:.75rem 0 .45rem}.hero-band p{font-size:.76rem;color:var(--muted)}.hero-band p strong{font:700 .65rem var(--font-mono);color:var(--ink);text-transform:uppercase}.hero-band footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.65rem;font:700 .62rem var(--font-mono);text-transform:uppercase}.hero-band footer span{text-align:right;color:var(--muted);text-transform:none}.band-track{position:relative;height:8px;margin-top:.7rem;width:88%;background:currentColor}.hero-band.community .band-track{width:97%}.hero-band.infection .band-track{width:74%}.band-track::after{content:"";position:absolute;right:-8px;top:-4px;width:8px;height:16px;border:2px solid var(--ink);background:var(--white)}.band-track::before{content:"";position:absolute;left:0;right:-18px;top:12px;height:1px;background:var(--ochre)}.band-track i{position:absolute;z-index:2;left:56%;top:-3px;width:14px;height:14px;border-radius:50%;background:var(--ochre)}.band-track b{position:absolute;z-index:1;left:72%;top:-6px;width:2px;height:20px;background:var(--ink)}.philosophy{--accent:var(--auburn);color:var(--auburn)}.community{--accent:var(--moss);color:var(--moss)}.infection{--accent:var(--cobalt);color:var(--cobalt)}.neutral{--accent:var(--plum);color:var(--plum)}.platform{--accent:var(--ochre);color:var(--ochre)}
/* 10. Concept Band */
.concept-band{padding-block:4rem;background:var(--ink);color:var(--white)}.concept-band h2{color:var(--white);font-size:clamp(1.7rem,2.5vw,2.8rem);max-width:920px}.concept-band .eyebrow{color:#d4bd87}.concept-statements{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#48515b;margin-top:3rem}.concept-statements p{padding:1.5rem;background:var(--ink);font-family:var(--font-editorial);font-size:1.2rem}
/* 11. Study Areas */
.study-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border);border-left:var(--border)}.study-card{position:relative;padding:2rem 1.5rem;color:var(--graphite);border-right:var(--border);border-bottom:var(--border);overflow:hidden}.study-card::before{content:"";position:absolute;top:0;left:0;width:72%;height:6px;background:var(--accent)}.study-card:nth-child(even)::before{width:45%}.study-card .number{color:var(--accent)}.study-card h3{margin:2.2rem 0 1rem}.study-card p{font-size:.93rem}.study-card ul,.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}.study-card li,.tags li{padding:.25rem .45rem;background:color-mix(in srgb,var(--accent) 12%,transparent);font:600 .64rem var(--font-mono);text-transform:uppercase;color:var(--graphite)}
/* 12. Decision Cases */
.cases-section{background:var(--cool)}.case-list{display:grid;gap:1.5rem}.case{display:grid;grid-template-columns:100px 1fr minmax(250px,.65fr);gap:2rem;align-items:start;padding:2rem;background:var(--paper);border-left:7px solid var(--accent);color:var(--graphite)}.case-index,.case aside span{font:700 .7rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.case-route{color:var(--accent);margin-bottom:.5rem}.field{display:block;color:var(--muted);margin-bottom:.8rem}.case h3{font-size:clamp(1.5rem,2vw,2.2rem)}.case ul{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.2rem}.case li{font-size:.75rem;border-bottom:1px solid var(--accent)}.case aside{padding:1.3rem;border-top:4px solid var(--accent);background:var(--white);font-size:.88rem}.case aside span{display:block;margin-bottom:.6rem}
/* 13. Responsibility Method */
.method-bands{display:grid;gap:1.1rem}.method-bands article{position:relative;display:grid;grid-template-columns:48px 1fr;gap:1rem;width:var(--band);min-width:62%;padding:1rem 1rem 1rem 0;border-top:7px solid var(--cobalt)}.method-bands article::after{content:"";position:absolute;right:0;top:-11px;width:8px;height:15px;border:2px solid var(--ink);background:var(--paper)}.method-bands span{font:700 .7rem var(--font-mono);color:var(--ochre)}.method-bands h3{font-size:1.2rem}.method-bands p{font-size:.83rem;color:var(--muted);margin-top:.25rem}
/* 14. Checklist */
.checklist{position:sticky;top:110px;padding:2rem;background:var(--ink);color:var(--white)}.checklist h2{font-size:2.2rem;color:var(--white)}.checklist .eyebrow{color:#d4bd87}.checklist ul{columns:2;column-gap:2rem;margin-top:2rem}.checklist li{break-inside:avoid;position:relative;padding:.65rem 0 .65rem 1.4rem;border-bottom:1px solid #46505a;font-size:.82rem}.checklist li::before{content:"";position:absolute;left:0;top:1rem;width:7px;height:7px;border:1px solid var(--ochre)}
/* 15. Reference Profiles */
.references-section{background:var(--pale-cobalt)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.profile{display:flex;flex-direction:column;min-width:0;padding:1.6rem;background:var(--white);border-top:6px solid var(--accent);color:var(--graphite)}.profile:nth-child(2),.profile:nth-child(5){transform:translateY(1.5rem)}.profile header{display:flex;align-items:flex-start;justify-content:space-between}.profile.variant header{flex-direction:row-reverse}.avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--accent);color:var(--white);font:700 .85rem var(--font-mono)}.category{color:var(--accent)}.profile h3{margin:1.4rem 0 .7rem}.profile .role{font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:1rem}.profile>p:not(.role):not(.orcid):not(.reference-label){font-size:.85rem}.orcid,.reference-label{margin-top:1.2rem;font:700 .68rem var(--font-mono);color:var(--accent)}.contact{margin-top:auto;padding-top:1.2rem;display:grid;gap:.4rem}.contact span{font:700 .67rem var(--font-mono);text-transform:uppercase;color:var(--accent)}.contact a{font-size:.78rem;overflow-wrap:anywhere}.copy-email{justify-self:start;margin-top:.4rem;padding:.45rem .65rem;border:1px solid var(--ink);background:transparent;font:700 .66rem var(--font-mono);text-transform:uppercase;cursor:pointer}.copy-email:hover{background:var(--ink);color:var(--white)}
/* 16. Independence Note */
.independence-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;margin-top:5rem;padding:2.5rem;background:var(--paper);border-left:8px solid var(--ochre)}.independence-note h2{font-size:2.4rem}.independence-note>div:last-child{display:grid;gap:.7rem;font-size:.88rem}
/* 17. Reading Notes */
.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.reading-note{color:var(--graphite)}.reading-note details{height:100%;background:var(--white);border-top:5px solid var(--accent);box-shadow:0 6px 20px rgba(34,44,56,.04)}.reading-note summary{height:100%;padding:1.5rem;cursor:pointer;list-style:none}.reading-note summary::-webkit-details-marker{display:none}.reading-note summary>span{font:700 .67rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.reading-note summary h3{margin:.8rem 0}.reading-note summary p{font-size:.9rem}.reading-note summary b{display:inline-block;margin-top:1.2rem;font:700 .66rem var(--font-mono);text-transform:uppercase;color:var(--accent)}.reading-note details[open] summary{height:auto;border-bottom:var(--border)}.note-content{padding:1.5rem;font-size:.9rem}.no-results{padding:3rem;text-align:center;border:var(--border);font-family:var(--font-editorial);font-size:1.4rem}
/* 18. Search */
.search-box{display:grid;grid-template-columns:1fr auto;gap:.55rem 1rem;margin-bottom:2rem;padding:1.3rem;background:var(--ink);color:var(--white)}.search-box label{grid-column:1/-1;font:700 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.search-box>div{display:flex}.search-box input{width:100%;min-width:0;padding:.85rem;border:0;background:var(--white);color:var(--ink)}.search-box button{padding:.7rem 1rem;border:0;border-left:1px solid #ccd0d3;background:var(--white);font:700 .67rem var(--font-mono);text-transform:uppercase;cursor:pointer}.search-box>p{align-self:center;font:700 .75rem var(--font-mono);white-space:nowrap}
/* 19. About */
.about-section{background:var(--auburn-wash)}.about-copy{display:grid;gap:1rem}.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:5rem;border-top:1px solid var(--auburn)}.principles article{padding:1.6rem;border-right:1px solid rgba(154,98,75,.35)}.principles span{font:700 .7rem var(--font-mono);color:var(--auburn)}.principles h3{margin:2rem 0 .8rem}.principles p{font-size:.85rem}
/* 20. Final CTA */
.final-cta{padding-block:var(--space-6);background:var(--ink);color:var(--white)}.final-grid{align-items:center}.final-cta h2{color:var(--white)}.final-cta p:not(.eyebrow){margin:1.5rem 0 2rem;max-width:55ch}.final-cta .eyebrow{color:#d4bd87}.button.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.text-link.light{color:var(--white)}.word-stack{display:grid;justify-items:center;text-transform:uppercase}.word-stack span{font:700 clamp(1.1rem,2.2vw,2rem) var(--font-mono);letter-spacing:.13em;color:#aeb6bc}.word-stack strong{padding:1rem 2rem;border:1px solid var(--ochre);font:400 clamp(2rem,4vw,4rem) var(--font-editorial);color:var(--white)}.word-stack i{width:1px;height:25px;background:var(--ochre)}
/* 21. Footer */
.site-footer{padding:4rem 0 1.5rem;background:#18212b;color:#cdd2d5}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;gap:3rem}.site-footer h2{margin-top:1rem;color:var(--white);font-size:1.6rem}.site-footer p{font-size:.85rem}.site-footer small{font:600 .67rem var(--font-mono);text-transform:uppercase}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.site-footer nav a,.back-top{font:600 .7rem var(--font-mono);text-decoration:none}.copyright{margin-top:3rem;padding-top:1.2rem;border-top:1px solid #3d4650;font-size:.72rem}
/* 22. Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity 650ms ease,transform 650ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 23. Responsive */
@media(max-width:1100px){.brand{flex-basis:275px}.site-header nav{position:absolute;top:78px;left:0;right:0;display:none;align-items:stretch;padding:1.2rem;background:var(--paper);border-bottom:var(--border);box-shadow:var(--shadow)}.site-header nav.is-open{display:grid}.site-header nav a{padding:.45rem}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero{background:linear-gradient(180deg,var(--paper) 0 45%,var(--cool) 45%)}.study-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.profile:nth-child(2),.profile:nth-child(5){transform:none}.method-grid{grid-template-columns:1.05fr .95fr}.checklist ul{columns:1}}
@media(max-width:760px){.container{width:min(calc(100% - 1.5rem),var(--container))}.section{padding-block:4.5rem}.brand{flex-basis:250px}.concept-statements,.study-grid,.profile-grid,.notes-grid,.principles{grid-template-columns:1fr}.concept-statements p{padding:1rem}.case{grid-template-columns:1fr;gap:1.1rem;padding:1.4rem}.case-index{padding-bottom:.5rem;border-bottom:1px solid var(--accent)}.method-grid,.about-grid,.final-grid,.independence-note{grid-template-columns:1fr}.checklist{position:static}.method-bands article{width:100%!important}.independence-note{gap:1.2rem;padding:1.5rem;margin-top:3rem}.search-box{grid-template-columns:1fr}.search-box>p{grid-row:3}.footer-grid{grid-template-columns:1fr}.site-footer nav{grid-template-columns:1fr 1fr}.word-stack{margin-bottom:1rem}}
@media(max-width:420px){.brand img{width:225px}.hero-copy{padding-top:0}.deliberation-desk{padding:1rem}.hero-band footer{display:grid}.hero-band footer span{text-align:left}.actions{align-items:flex-start;flex-direction:column}.search-box>div{display:grid}.search-box button{border-left:0;border-top:1px solid #ccd0d3}.checklist{padding:1.35rem}.principles article{border-right:0;border-bottom:1px solid rgba(154,98,75,.35)}.profile{padding:1.25rem}}
/* 24. 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}}