/* 01. Design tokens */
:root{--ink:#263238;--moss:#5c725d;--plum:#695b72;--terra:#b66d4d;--gold:#c49a42;--blue:#698392;--mist:#e3ebee;--sage:#e5ece4;--plum-wash:#ece7ef;--clay:#f2e5de;--paper:#f8f4ea;--graphite:#363a3d;--muted:#74797b;--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:clamp(.72rem,.68rem + .2vw,.82rem);--fs-body:clamp(.98rem,.94rem + .18vw,1.08rem);--fs-h3:clamp(1.3rem,1.05rem + .8vw,1.75rem);--fs-h2:clamp(2.05rem,1.45rem + 2.4vw,3.8rem);--fs-h1:clamp(3rem,1.55rem + 6vw,7.2rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:clamp(5rem,10vw,9rem);--container:1200px;--border:1px solid rgba(38,50,56,.2);--radius:8px;--shadow:0 12px 32px rgba(38,50,56,.08);--transition:180ms ease}
/* 02. Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:6rem}body,h1,h2,h3,p,ul{margin:0}ul{padding:0}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}
/* 03. Base */
body{background:var(--paper);color:var(--graphite);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65}body::before{content:"";position:fixed;inset:0;z-index:-1;opacity:.23;background-image:linear-gradient(rgba(38,50,56,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(38,50,56,.04) 1px,transparent 1px);background-size:32px 32px}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.section{padding-block:var(--space-6)}.section-lead{max-width:850px;font-size:1.12rem}
/* 04. Accessibility */
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--white);padding:.8rem 1rem;color:var(--ink)}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}
/* 05. Typography */
h1,h2,h3{font-family:var(--font-editorial);font-weight:400;color:var(--ink);line-height:1.06}h1{font-size:var(--fs-h1);letter-spacing:-.055em}h1 em{color:var(--terra);font-style:italic}h2{font-size:var(--fs-h2);letter-spacing:-.035em;max-width:880px;margin-bottom:var(--space-4)}h3{font-size:var(--fs-h3)}.eyebrow,.micro,.area>span,.shift span,.field,.orcid,.matrix-index,.context-cell small,.contact small,.note-grid summary>span,.note-body small,.checklist li,.shift small{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:var(--terra);font-weight:700;margin-bottom:var(--space-2)}
/* 06. Layout */
.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.65rem 1.1rem;text-decoration:none;border:1px solid var(--ink);font-weight:650}.primary{background:var(--ink);color:var(--white)}.text{border-color:transparent;border-bottom-color:var(--ink)}
/* 07. Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,244,234,.96);border-bottom:var(--border);backdrop-filter:blur(8px)}.header-inner{width:min(calc(100% - 2rem),1360px);margin:auto;min-height:78px;display:flex;align-items:center;gap:2rem}.brand{width:280px}.site-header nav{display:flex;align-items:center;gap:clamp(.65rem,1.3vw,1.4rem);margin-left:auto}.site-header nav a{font-size:.82rem;text-decoration:none;white-space:nowrap}.nav-cta{border:1px solid var(--ink);padding:.55rem .7rem}.menu-toggle{display:none;background:transparent;border:0;padding:.6rem}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}
/* 08. Hero */
.hero{padding:clamp(4rem,8vw,8rem) 0 var(--space-6)}.hero-heading{display:grid;grid-template-columns:1.65fr .6fr;gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:var(--space-5)}.hero-intro{border-left:2px solid var(--gold);padding-left:var(--space-3)}.hero-intro .actions{margin:1.5rem 0}.micro{color:var(--muted)}
/* 09. Context matrix */
.matrix-wrap{background:var(--white);border:var(--border);box-shadow:var(--shadow)}.matrix-index{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:var(--border);color:var(--muted)}.matrix-index strong{color:var(--ink)}.matrix-head,.matrix-row{display:grid;grid-template-columns:.55fr 1.25fr 1.2fr 1.75fr 1fr}.matrix-head span,.matrix-row>*{padding:1rem;border-right:var(--border)}.matrix-head{background:var(--ink);color:var(--white);font:var(--fs-sm) var(--font-mono);letter-spacing:.08em}.matrix-row{border-bottom:var(--border)}.matrix-row>strong{font:700 var(--fs-sm) var(--font-mono);letter-spacing:.08em}.matrix-row.care>strong{color:var(--moss)}.matrix-row.learning>strong{color:var(--plum)}.matrix-row.data>strong{color:var(--blue)}.matrix-note{display:grid;grid-template-columns:1fr 2fr;gap:2rem;padding:1rem;background:var(--clay);font-size:.9rem}.matrix-note strong{font:var(--fs-sm) var(--font-mono);color:var(--terra)}
/* 10. Research notation */
.context-cell{margin-top:auto;padding:1rem;border-left:3px solid currentColor;background:rgba(255,255,255,.55)}.context-cell p{margin-top:.35rem}
/* 11. Concept strip */
.concept-strip{background:var(--ink);color:var(--white);padding:var(--space-5) 0}.concept-strip h2{color:var(--white)}.statements{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff38}.statements span{padding:1rem;border-right:1px solid #ffffff38}
/* 12. Research areas */
.area-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border);border-left:var(--border)}.area{padding:1.5rem;border-right:var(--border);border-bottom:var(--border);min-height:430px;display:flex;flex-direction:column}.area h3{margin:3rem 0 1.2rem}.area ul{list-style:none;margin-top:auto}.area li{border-top:var(--border);padding:.4rem 0;font-size:.9rem}.area.care{background:var(--sage)}.area.learning{background:var(--plum-wash)}.area.data{background:var(--mist)}.area.interpretation{background:var(--clay)}
/* 13. Context shifts */
.shifts{background:var(--white)}.shift{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.5fr;border-top:var(--border);padding:2rem 0;gap:2rem}.shift:last-child{border-bottom:var(--border)}.shift h3{margin-top:.6rem}.shift b{color:var(--terra)}.shift small{color:var(--muted)}
/* 14. Interpretation protocol */
.protocol-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:clamp(3rem,8vw,8rem)}.protocol-rows article{display:grid;grid-template-columns:70px 1fr;gap:1rem;padding:1.4rem 0;border-top:var(--border)}.protocol-rows article>span{font:1rem var(--font-mono);color:var(--terra)}.protocol-rows h3{font-family:var(--font-sans);font-size:1rem;font-weight:750;letter-spacing:.06em}.protocol-rows p{color:var(--muted);margin-top:.35rem}
/* 15. Checklist */
.checklist{background:var(--ink);color:var(--white);padding:2rem;align-self:start}.checklist h2{color:var(--white);font-size:2.2rem}.checklist ul{list-style:none}.checklist li{padding:.65rem 0;border-top:1px solid #ffffff2b;text-transform:none;letter-spacing:0}
/* 16. Academic references */
.references{background:var(--sage)}.contact-note{display:grid;grid-template-columns:1fr 3fr;gap:2rem;border:1px solid var(--moss);padding:1rem;margin:2rem 0}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.profile{padding:1.5rem;background:var(--paper);border:var(--border);display:flex;flex-direction:column;gap:1rem;min-width:0}.profile:nth-child(3n+2){transform:translateY(1.5rem)}.profile-top{display:flex;justify-content:space-between;align-items:center}.avatar{width:54px;height:54px;border:1px solid currentColor;display:grid;place-items:center;font:700 .8rem var(--font-mono)}.profile.care{color:var(--moss)}.profile.learning{color:var(--plum)}.profile.data{color:var(--blue)}.profile h3,.profile>p{color:var(--graphite)}.profile .role{font-weight:700}.orcid{padding-top:.75rem;border-top:var(--border)}.contact{border-top:var(--border);padding-top:1rem}.contact a{display:block;overflow-wrap:anywhere;font-size:.85rem}.copy-email{margin-top:.75rem;background:transparent;border:1px solid currentColor;padding:.45rem .75rem;cursor:pointer}
/* 17. Independence note */
.independence{padding:var(--space-5) 0;background:var(--clay)}.independence .container{display:grid;grid-template-columns:.5fr 1fr 1.5fr;gap:2rem}.independence h2{font-size:2.4rem}.independence p+p{margin-top:1rem}
/* 18. Field notes */
.notes-head{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3rem}.field-note{border:var(--border);background:var(--white)}.field-note summary{cursor:pointer;padding:1.5rem;list-style:none;min-height:230px}.field-note summary::-webkit-details-marker{display:none}.field-note summary::after{content:"＋";float:right;color:var(--terra);font-size:1.5rem}.field-note details[open] summary::after{content:"−"}.field-note summary h3{margin:2rem 0 .8rem}.note-body{padding:0 1.5rem 1.5rem;border-top:var(--border)}.note-body p{padding:1.2rem 0}.note-body small{color:var(--muted)}
/* 19. Search */
.search-panel{border-top:3px solid var(--gold);padding-top:1rem}.search-panel label{font-weight:700}.search-panel>div{display:flex;margin-top:.5rem}.search-panel input{width:100%;min-width:0;padding:.8rem;border:1px solid var(--ink);background:var(--white)}.search-panel button{border:1px solid var(--ink);border-left:0;background:var(--clay);cursor:pointer}.search-panel>p{font:var(--fs-sm) var(--font-mono);margin-top:.5rem}.no-results{padding:3rem;text-align:center;border:var(--border);margin-top:1rem}
/* 20. About */
.about{background:var(--white)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem}.about-copy p+p{margin-top:1rem}.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:var(--space-5);border-top:var(--border)}.principles article{padding:1.5rem;border-right:var(--border)}.principles span{font:var(--fs-sm) var(--font-mono);color:var(--terra)}.principles h3{margin:2rem 0 1rem}
/* 21. Final CTA */
.final-cta{padding:var(--space-6) 0;background:var(--plum);color:var(--white)}.final-cta h2{color:var(--white)}.final-grid{display:grid;grid-template-columns:1fr .75fr;gap:6rem;align-items:center}.light{background:var(--white);color:var(--ink);border-color:var(--white)}.text-light{border-color:transparent;border-bottom-color:var(--white)}.meaning-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;aspect-ratio:1;border:1px solid #ffffff80}.meaning-grid span{padding:1rem;border:1px solid #ffffff40;font:var(--fs-sm) var(--font-mono)}.meaning-grid span:nth-child(even){text-align:right}.meaning-grid span:nth-child(n+3){align-content:end}.meaning-grid strong{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:120px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--ink);font:700 .8rem var(--font-mono)}
/* 22. Footer */
footer{background:var(--ink);color:var(--white);padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr .6fr;gap:3rem}.footer-grid img{width:58px;filter:brightness(0) invert(1);margin-bottom:1rem}.footer-grid h2{color:var(--white);font-size:2rem;margin-bottom:.5rem}.footer-grid nav{display:grid;gap:.4rem}.footer-grid a{text-decoration:none}.back-top{justify-self:end}.copyright{border-top:1px solid #ffffff32;margin-top:3rem;padding-top:1rem;font-size:.8rem;color:#ffffffaa}
/* 23. Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(20px);transition:opacity 650ms ease,transform 650ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 24. Responsive */
@media(max-width:1050px){.brand{width:220px}.site-header nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1rem;display:none;flex-direction:column;align-items:stretch;border-bottom:var(--border)}.site-header nav.is-open{display:flex}.menu-toggle{display:block;margin-left:auto}.hero-heading{grid-template-columns:1fr}.area-grid,.principles{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.profile:nth-child(3n+2){transform:none}.shift{grid-template-columns:1fr 1fr}.independence .container{grid-template-columns:1fr 1fr}.independence .container>div{grid-column:1/-1}.footer-grid{grid-template-columns:1.5fr 1fr}}
@media(max-width:700px){.section{padding-block:4rem}.brand{width:200px}.hero{padding-top:3rem}.matrix-index{gap:.5rem;flex-wrap:wrap}.matrix-head{display:none}.matrix-row{display:block;padding:1rem}.matrix-row>*{border:0;padding:.65rem}.matrix-row p::before{content:attr(data-label);display:block;font:700 .67rem var(--font-mono);color:var(--muted);text-transform:uppercase;margin-bottom:.2rem}.matrix-note,.statements,.area-grid,.shift,.protocol-layout,.contact-note,.profile-grid,.independence .container,.notes-head,.note-grid,.about-grid,.principles,.final-grid,.footer-grid{grid-template-columns:1fr}.statements span{border-bottom:1px solid #ffffff38}.area{min-height:auto}.protocol-layout{gap:3rem}.profile-grid{gap:1rem}.independence .container{gap:1rem}.notes-head{gap:2rem}.principles article{border-bottom:var(--border)}.meaning-grid{max-width:400px}.back-top{justify-self:start}}
@media(max-width:370px){.brand{width:168px}.header-inner{min-height:68px}h1{font-size:2.65rem}.actions{align-items:stretch;flex-direction:column}.button{width:100%}.matrix-note{display:block}.matrix-note p{margin-top:.7rem}.protocol-rows article{grid-template-columns:42px 1fr}.checklist{padding:1.25rem}}
/* 25. 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}}