/* 01. Design tokens */
:root{--fig:#352c38;--mauve:#765f73;--rose:#a66c72;--blue:#61798a;--moss:#707963;--ochre:#a58a58;--slate:#798087;--mauve-mist:#e9e2e8;--rose-wash:#f0e1e1;--blue-wash:#e2e9ed;--moss-wash:#e6e9e1;--ochre-wash:#f1e8d7;--paper:#f8f3eb;--cool:#eff1f1;--graphite:#3d3c40;--muted:#78777c;--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(.75rem,.7rem + .16vw,.84rem);--fs-body:clamp(.98rem,.93rem + .18vw,1.08rem);--fs-h3:clamp(1.25rem,1.05rem + .7vw,1.72rem);--fs-h2:clamp(2rem,1.4rem + 2vw,3.35rem);--fs-h1:clamp(2.7rem,1.55rem + 4.3vw,5.75rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.25rem;--space-5:3.5rem;--space-6:clamp(5rem,9vw,9rem);--container:1200px;--border:1px solid rgba(53,44,56,.2);--radius:12px;--shadow:0 16px 36px rgba(53,44,56,.08);--transition:220ms ease}
/* 02. Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul{margin:0}ul{padding: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(--fs-body);line-height:1.7;overflow-x:hidden}.container{width:min(calc(100% - 2.5rem),var(--container));margin-inline:auto}.section{padding:var(--space-6) 0}main:focus{outline:none}.rose{--accent:var(--rose);--wash:var(--rose-wash)}.blue{--accent:var(--blue);--wash:var(--blue-wash)}.moss{--accent:var(--moss);--wash:var(--moss-wash)}.ochre{--accent:var(--ochre);--wash:var(--ochre-wash)}
/* 04. Accessibility */
.skip-link{position:fixed;top:1rem;left:1rem;z-index:1000;background:var(--white);color:var(--fig);padding:.7rem 1rem;transform:translateY(-180%);transition:transform var(--transition)}.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}.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}.clipboard-fallback{position:fixed;left:-9999px}
/* 05. Typography */
h1,h2,h3{font-family:var(--font-editorial);font-weight:400;color:var(--fig);line-height:1.08}h1{font-size:var(--fs-h1);letter-spacing:-.045em}h1 em{color:var(--mauve);font-weight:400}h2{font-size:var(--fs-h2);letter-spacing:-.025em;max-width:20ch;margin-bottom:var(--space-5)}h3{font-size:var(--fs-h3)}.eyebrow,.field,.micro-label,.tags,.orcid,.status,.contact>span,.area>span,.method-grid article>span{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--mauve);font-weight:700;margin-bottom:var(--space-2)}.lead,.section-intro{font-size:clamp(1.08rem,1rem + .4vw,1.3rem);max-width:67ch}.section-intro{margin-top:calc(var(--space-4)*-1);margin-bottom:var(--space-4)}
/* 06. Layout */
.actions{display:flex;gap:1rem;flex-wrap:wrap;margin:var(--space-4) 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.2rem;text-decoration:none;border:1px solid var(--fig);font-weight:650;transition:background var(--transition),color var(--transition),transform var(--transition)}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--fig);color:var(--white)}.button.secondary{background:transparent;color:var(--fig)}
/* 07. Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,243,235,.96);border-bottom:var(--border);backdrop-filter:blur(8px)}.header-inner{min-height:78px;display:flex;align-items:center;gap:1.5rem}.brand{width:260px;flex:none}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:1.15rem;margin-left:auto}.site-header nav a{font-size:.76rem;text-decoration:none;white-space:nowrap}.site-header nav a:not(.nav-cta):hover{color:var(--mauve)}.nav-cta{padding:.55rem .75rem;border:1px solid var(--fig)}.menu-toggle{display:none;background:none;border:0;padding:.65rem}.menu-toggle span{display:block;width:24px;height:2px;background:var(--fig);margin:5px}
/* 08. Hero */
.hero{padding:clamp(4rem,7vw,7rem) 0 var(--space-6)}.hero-grid{display:grid;grid-template-columns:51fr 49fr;gap:clamp(2rem,5vw,6rem);align-items:center}.hero-copy .lead{margin-top:var(--space-4)}.micro-label{color:var(--muted)}.relation-inline{color:var(--ochre)}.hero-traces{display:grid;gap:1.8rem;padding-top:1rem}.comparison-note{font-size:.78rem;color:var(--muted);border-left:2px solid var(--ochre);padding-left:1rem;max-width:60ch}
/* 09. Dual Traces */
.trace-pair{--shift:12%;position:relative;padding:0 0 .25rem 5%}.trace-pair.offset{padding-left:14%}.trace-label{display:flex;justify-content:space-between;width:76%;font:700 .68rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.trace-art{height:48px;position:relative;width:88%}.trace-art i{position:absolute;height:16px;border-bottom:2px solid var(--accent);width:72%}.trace-art i:first-child{left:0;top:1px;border-left:2px solid var(--accent)}.trace-art i:first-child::after{content:"";position:absolute;right:-9px;bottom:-6px;width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;background:var(--paper)}.trace-art i:nth-child(2){right:0;bottom:2px;border-right:2px solid var(--accent);width:64%}.trace-art i:nth-child(2)::after{content:"";position:absolute;left:-5px;bottom:-5px;width:10px;height:10px;background:var(--accent)}.trace-art span{position:absolute;left:48%;top:20px;height:10px;border-left:2px solid var(--ochre)}.trace-pair p{font-size:.83rem;max-width:55ch;color:var(--muted)}
/* 10. Relation Marks */
.profile::before,.method-grid article::before{content:"";display:block;width:24px;height:10px;border-top:2px solid var(--accent,var(--ochre));border-bottom:2px solid var(--accent,var(--ochre));margin-bottom:1.2rem}.profile::after,.method-grid article::after{content:"";position:absolute;width:5px;height:5px;background:var(--accent,var(--ochre));top:2rem;right:2rem}
/* 11. Concept Band */
.concept-band{background:var(--fig);color:var(--white);padding:var(--space-5) 0}.concept-band .eyebrow{color:var(--ochre-wash)}.concept-lead{font-family:var(--font-editorial);font-size:clamp(1.55rem,1.25rem + 1vw,2.25rem);max-width:42ch;line-height:1.3}.concept-statements{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.22);margin-top:var(--space-4)}.concept-statements p{background:var(--fig);padding:1.3rem;border-top:2px solid var(--mauve)}
/* 12. Research Areas */
.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.area{padding:1.5rem;border-top:4px solid var(--accent);background:var(--wash);min-height:420px;display:flex;flex-direction:column}.area h3{margin:2rem 0 1.25rem}.area p{font-size:.95rem}.area ul{list-style:none;margin-top:auto;padding-top:1.5rem}.area li{border-top:1px solid color-mix(in srgb,var(--accent),transparent 55%);padding:.35rem 0;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase}
/* 13. Paired Readings */
.readings{background:var(--cool)}.reading-list{display:grid;gap:2rem}.reading{display:grid;grid-template-columns:minmax(240px,35%) 1fr;gap:clamp(2rem,5vw,5rem);border-top:1px solid var(--accent);padding:2.5rem 0}.reading-visual{color:var(--accent);font:700 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.long-trace{height:70px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);margin:.5rem 1.5rem .5rem 0;position:relative}.long-trace::before{content:"";position:absolute;right:-6px;bottom:-6px;width:11px;height:11px;border:2px solid var(--accent);border-radius:50%;background:var(--cool)}.long-trace::after{content:"";position:absolute;left:35%;bottom:-18px;width:9px;height:9px;background:var(--accent)}.reading h3{font-size:clamp(1.6rem,1.25rem + 1vw,2.25rem);margin:.5rem 0 1.2rem}.reading p{margin:.75rem 0}.field{color:var(--accent)}.boundary{padding:1rem;background:var(--white);font-size:.92rem}
/* 14. Interpretive Method */
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(165,138,88,.35);border:1px solid rgba(165,138,88,.35)}.method-grid article{position:relative;background:var(--paper);padding:2rem}.method-grid article:last-child{grid-column:2}.method-grid h3{margin:.8rem 0}.method-grid p{font-size:.93rem}
/* 15. Interpretive Checklist */
.checklist{margin-top:var(--space-6);background:var(--ochre-wash);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-5);border-left:5px solid var(--ochre)}.checklist h2{margin-bottom:0}.checklist ul{columns:2;column-gap:2rem}.checklist li{break-inside:avoid;margin:0 0 .65rem 1.2rem;font-size:.9rem}
/* 16. Academic References */
.references{background:var(--white)}.reference-intro{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;margin:-1rem 0 var(--space-5);padding-bottom:2rem;border-bottom:var(--border);font-size:.9rem}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:start}.profile{position:relative;padding:2rem;background:linear-gradient(135deg,var(--wash),var(--white));border-top:3px solid var(--accent);box-shadow:var(--shadow)}.profile.stagger{margin-top:2.5rem}.profile header{display:flex;justify-content:space-between;align-items:start;color:var(--accent);font:700 .72rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.avatar{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--accent);font-family:var(--font-editorial);font-size:1.15rem}.profile h3{margin:1.4rem 0 .5rem}.profile p{font-size:.85rem;margin:.75rem 0}.profile .role{font-weight:700;color:var(--accent)}.profile .tags,.profile .orcid,.profile .status{font-size:.68rem}.contact{border-top:1px solid var(--accent);padding-top:1rem;margin-top:1rem;display:grid;gap:.6rem}.contact a{font-size:.78rem;overflow-wrap:anywhere}.copy-email{justify-self:start;border:1px solid var(--accent);background:transparent;color:var(--fig);padding:.45rem .7rem;cursor:pointer}.copy-email:hover{background:var(--wash)}
/* 17. Independence Note */
.independence{margin-top:var(--space-6);padding:clamp(2rem,4vw,3.5rem);border:1px solid var(--mauve);background:var(--mauve-mist);columns:2;column-gap:4rem}.independence .eyebrow,.independence h2{column-span:all}.independence p{margin-bottom:1rem}
/* 18. Research Notes */
.notes{background:var(--cool)}.note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.research-note details{height:100%;background:var(--white);border-top:3px solid var(--mauve)}.research-note summary{list-style:none;padding:1.6rem;cursor:pointer}.research-note summary::-webkit-details-marker{display:none}.research-note summary::after{content:"+";float:right;margin-top:-2rem;font-size:1.5rem;color:var(--mauve)}.research-note details[open] summary::after{content:"−"}.research-note summary span{font:700 .7rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mauve)}.research-note h3{margin:.65rem 2rem .65rem 0}.research-note summary p,.note-content{font-size:.92rem}.note-content{padding:0 1.6rem 1.6rem}.note-content .tags{border-top:var(--border);padding-top:1rem;margin-top:1rem;font-size:.68rem}.no-results{text-align:center;padding:3rem;border:1px dashed var(--muted)}
/* 19. Search */
.search-wrap{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:end;padding:1.3rem 0 2rem;border-top:var(--border)}.search-wrap label{font-weight:700}.search-wrap>div{display:flex}.search-wrap input{width:100%;min-height:50px;border:1px solid var(--mauve);background:var(--white);padding:.75rem 1rem;color:var(--fig)}.search-wrap button{border:1px solid var(--mauve);border-left:0;background:var(--mauve-mist);padding:.5rem 1rem;color:var(--fig);cursor:pointer}.search-wrap p{font-family:var(--font-mono);font-size:.78rem;white-space:nowrap}
/* 20. About */
.about .container{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(3rem,8vw,7rem)}.about-copy p{margin:1rem 0}.principles{border-top:1px solid var(--fig)}.principles article{display:grid;grid-template-columns:40px 1fr;gap:.5rem 1rem;padding:1.5rem 0;border-bottom:var(--border)}.principles article>span{grid-row:1/3;font:700 .75rem var(--font-mono);color:var(--mauve)}.principles p{font-size:.9rem}
/* 21. Final CTA */
.final-cta{padding:var(--space-6) 0;background:var(--mauve-mist)}.final-grid{display:grid;grid-template-columns:42% 1fr;gap:clamp(3rem,7vw,7rem);align-items:center}.coexistence-art{min-height:390px;display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;align-items:center;position:relative;font:700 .68rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mauve)}.coexistence-art span{border-bottom:2px solid var(--mauve);padding:1rem}.coexistence-art span:nth-of-type(even){transform:translateY(1.5rem)}.coexistence-art i{position:absolute;height:13px;border-left:2px solid var(--ochre);left:50%}.coexistence-art i:nth-of-type(1){top:22%}.coexistence-art i:nth-of-type(2){top:48%}.coexistence-art i:nth-of-type(3){top:73%}.coexistence-art b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--fig);color:var(--white);padding:1rem}
/* 22. Footer */
footer{background:var(--fig);color:var(--white);padding:var(--space-5) 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr auto;gap:3rem}.footer-grid img{width:54px;filter:brightness(0) invert(1);margin-bottom:1rem}.footer-grid h2{color:var(--white);font-size:1.8rem;margin:0 0 .5rem}.footer-grid p{font-size:.85rem;color:var(--mauve-mist)}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.footer-grid a{font-size:.82rem;text-decoration:none}.back-top{align-self:start}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:1.3rem;font-size:.75rem;color:var(--mauve-mist)}
/* 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:1100px){.site-header nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:1.5rem;display:none;flex-direction:column;align-items:stretch;border-bottom:var(--border);box-shadow:var(--shadow)}.site-header nav.is-open{display:flex}.menu-toggle{display:block;margin-left:auto}.area-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.profile.stagger{margin-top:0}.reference-intro{grid-template-columns:1fr}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid article:last-child{grid-column:auto}}
@media (max-width:760px){.container{width:min(calc(100% - 1.5rem),var(--container))}.brand{width:220px}.hero-grid,.reading,.checklist,.about .container,.final-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.6rem,13vw,4.3rem)}.hero-traces{margin-top:2rem}.concept-statements,.area-grid,.profile-grid,.note-grid,.method-grid{grid-template-columns:1fr}.method-grid article:last-child{grid-column:auto}.checklist ul{columns:1}.reference-intro{gap:1rem}.independence{columns:1}.search-wrap{grid-template-columns:1fr;align-items:start}.search-wrap>div{min-width:0}.search-wrap input{min-width:0}.footer-grid{grid-template-columns:1fr}.footer-grid nav{grid-template-columns:1fr 1fr}.coexistence-art{min-height:330px;order:2}}
@media (max-width:380px){.brand{width:185px}.header-inner{min-height:68px}.button{width:100%}.trace-pair,.trace-pair.offset{padding-left:0}.contact a{font-size:.7rem}.search-wrap>div{display:grid}.search-wrap button{border-left:1px solid var(--mauve);border-top:0}.footer-grid nav{grid-template-columns:1fr}}
/* 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}}