/* 01. Design tokens */
:root{--basalt:#25282C;--marine:#315E6B;--vermilion:#C45B49;--pollen:#E0B84F;--sage:#DDE7DF;--chalk:#F7F3EA;--fog:#E7EDF0;--ink:#30343B;--slate:#6F7780;--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;--container:1200px;--border:1px solid rgba(48,52,59,.18);--radius:10px;--shadow:0 14px 32px rgba(37,40,44,.08);--transition:180ms ease}
/* 02. Reset */
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
/* 03. Base */
body{background:var(--chalk);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.62}p{max-width:68ch}ul,ol{padding:0;list-style:none}
/* 04. Accessibility */
.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--pollen);color:var(--basalt);padding:.6rem 1rem;z-index:1000;font-weight:700}.skip-link:focus{top:1rem}.copy-status{position:absolute;left:-9999px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pollen);outline-offset:3px}
/* 05. Typography */
h1,h2,h3{font-family:var(--font-editorial);font-weight:500;line-height:1.08}h1{font-size:clamp(2.55rem,5vw,5.2rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.4vw,3.7rem);letter-spacing:-.035em}h3{font-size:1.42rem}.eyebrow,.micro-label,.role-label,.fragment-label,.orcid,.viewpoint>span,.connection>span{font:700 .69rem/1.3 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}.eyebrow{color:var(--marine);margin-bottom:1rem}.lede{font-size:1.12rem;margin-top:1.6rem;color:#4c535a}.tags{font:600 .72rem/1.55 var(--font-mono);letter-spacing:.02em;color:var(--marine)}
/* 06. Global layout */
.container{width:min(calc(100% - 3rem),var(--container));margin:auto}.section{padding:clamp(5rem,10vw,9rem) 0}.section-intro{margin-bottom:3.25rem}.section-intro>p:not(.eyebrow){margin-top:1rem;color:#565d64}.button-row{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:2.1rem}.button{display:inline-block;padding:.82rem 1.15rem;font-weight:700;border-radius:4px;transition:transform var(--transition),background var(--transition)}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--marine);color:var(--white)}.text-link{font-weight:700;border-bottom:1px solid var(--vermilion);padding-bottom:.15rem}.text-link span{color:var(--vermilion);padding-left:.25rem}
/* 07. Header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(247,243,234,.96);border-bottom:var(--border);backdrop-filter:blur(8px)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{width:min(300px,55vw)}.brand img{width:100%}.site-nav{display:flex;align-items:center;gap:1.1rem;font-size:.82rem;font-weight:650}.site-nav>a:not(.nav-cta){border-bottom:1px solid transparent}.site-nav>a:not(.nav-cta):hover{border-color:var(--vermilion)}.nav-cta{background:var(--basalt);color:var(--white);padding:.55rem .75rem;border-radius:3px}.menu-toggle{display:none;background:none;border:0;width:42px;padding:8px}.menu-toggle span{display:block;height:2px;background:var(--basalt);margin:5px 0}
/* 08. Hero */
.hero{padding:clamp(4rem,8vw,8rem) 0 5rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,9rem);align-items:center}.hero h1 em{font-style:italic;color:var(--marine)}.micro-label{margin-top:3rem;color:var(--slate)}
/* 09. Parallax fragments */
.fragments{position:relative;min-height:530px;padding-top:2rem}.visual-heading{font:700 .67rem var(--font-mono);letter-spacing:.1em;color:var(--slate);display:flex;gap:.6rem;align-items:center}.visual-heading b{color:var(--vermilion);font-size:1.2rem}.fragment{position:absolute;width:80%;padding:1.3rem 1.4rem;border:var(--border);box-shadow:var(--shadow)}.fragment h2{font-size:1.7rem;margin:.65rem 0}.fragment p{font-size:.88rem;line-height:1.5}.source{background:var(--fog);top:80px;left:0}.source .fragment-label{color:var(--marine)}.signal{background:var(--sage);top:205px;right:0}.signal .fragment-label{color:var(--marine)}.assay{background:var(--white);top:355px;left:9%;border-left:4px solid var(--vermilion)}.assay .fragment-label{color:var(--vermilion)}.interpretation{position:absolute;top:245px;left:8%;display:flex;align-items:center;gap:.5rem;background:var(--basalt);color:var(--white);padding:.3rem .65rem;font:700 .62rem var(--font-mono);letter-spacing:.08em}.interpretation img{width:29px;height:29px}.observation{position:absolute;bottom:0;right:0;font:600 .68rem var(--font-mono);letter-spacing:.05em;color:var(--slate)}
/* 10. Concept strip */
.concept-strip{background:var(--basalt);color:var(--white);padding:3.3rem 0}.concept-strip .container{display:grid;grid-template-columns:1fr 1.25fr;gap:3rem;align-items:end}.concept-strip .eyebrow{color:var(--pollen)}.concept-strip h2{font-size:clamp(1.5rem,2.4vw,2.5rem)}.concept-strip ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.concept-strip li{border-top:1px solid #667078;padding-top:.8rem;font-size:.92rem}
/* 11. Viewpoints */
.viewpoint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c8c5bc;border:var(--border)}.viewpoint{background:var(--chalk);padding:1.6rem;min-height:350px;display:flex;flex-direction:column}.viewpoint:nth-child(2){background:var(--sage)}.viewpoint:nth-child(3){background:var(--fog)}.viewpoint>span{color:var(--vermilion)}.viewpoint h3{margin:1.4rem 0 1rem}.viewpoint p{font-size:.91rem}.viewpoint ul{margin-top:auto;padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.viewpoint li{font:600 .63rem var(--font-mono);background:var(--white);border:var(--border);padding:.25rem .4rem}
/* 12. Intersections */
.intersections{background:var(--fog)}.connection-list{display:grid;gap:1.25rem}.connection{position:relative;padding:2.2rem clamp(1.5rem,5vw,4rem);border:var(--border);background:var(--chalk)}.connection::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:6px;background:var(--marine)}.connection h3{font-size:clamp(1.35rem,2.4vw,2.1rem);max-width:760px;margin:.75rem 0}.connection p{font:600 .72rem var(--font-mono);color:var(--slate)}.connection-b{margin-left:5%;background:var(--sage)}.connection-b::before{background:var(--vermilion)}.connection-c{margin-left:10%;background:var(--white)}.connection-c::before{background:var(--pollen)}
/* 13. Reading method */
.method-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:5rem}.method-list{border-left:1px solid #b8b7b1}.method-list li{display:grid;grid-template-columns:74px 1fr;gap:1.4rem;padding:0 0 2.1rem 1.5rem;position:relative}.method-list li::before{content:"";position:absolute;width:10px;height:10px;background:var(--pollen);border-radius:50%;left:-5px;top:.4rem}.method-list b{font:700 .8rem var(--font-mono);color:var(--vermilion)}.method-list h3{font:700 .75rem var(--font-mono);letter-spacing:.09em;margin:.15rem 0 .45rem}.checklist{background:var(--basalt);color:var(--white);padding:2rem;height:max-content;border-top:5px solid var(--pollen)}.checklist .eyebrow{color:var(--pollen)}.checklist h3{margin-bottom:1rem}.checklist li{font-size:.85rem;padding:.5rem 0;border-top:1px solid #4b5156}.checklist li::before{content:"— ";color:var(--pollen)}
/* 14. References */
.references{background:var(--white)}.contact-note{padding:1.3rem 1.5rem;margin-bottom:2rem;border-left:5px solid var(--pollen);background:var(--fog)}.contact-note h3{font-size:1.2rem;margin-bottom:.4rem}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.profile{border:var(--border);padding:1.5rem;background:var(--white);box-shadow:0 4px 12px rgba(37,40,44,.035)}.profile.platform{border-top:4px solid var(--vermilion)}.initials{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--basalt);color:var(--white);font:700 .78rem var(--font-mono);float:right}.role-label{color:var(--marine);margin-bottom:.8rem}.profile h3{margin-bottom:.55rem}.profile p{font-size:.82rem;margin:.55rem 0}.profile .institution{font-weight:700;color:var(--slate)}.profile .orcid{color:var(--slate)}.profile a{font:600 .76rem var(--font-mono);color:var(--marine);overflow-wrap:anywhere;display:block;margin:1rem 0 .65rem}.copy-email{border:1px solid var(--marine);background:transparent;color:var(--marine);padding:.42rem .6rem;font-size:.75rem;font-weight:700}
/* 15. Independence note */
.independence{padding:5rem 0;background:var(--sage)}.independence .container{max-width:850px}.independence h2{margin-bottom:1.4rem}.independence p:not(.eyebrow){margin:1rem 0}
/* 16. Evidence cards */
.evidence{background:var(--fog)}.evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.evidence-card{background:var(--white);border:var(--border)}.evidence-card details{height:100%;padding:1.3rem}.evidence-card summary{cursor:pointer;list-style:none}.evidence-card summary::-webkit-details-marker{display:none}.evidence-card summary::after{content:"+";float:right;color:var(--vermilion);font-size:1.5rem;line-height:1}.evidence-card details[open] summary::after{content:"−"}.evidence-card summary span{font:700 .65rem var(--font-mono);letter-spacing:.08em;color:var(--marine);text-transform:uppercase}.evidence-card h3{font-size:1.36rem;margin:.7rem 2rem .7rem 0}.evidence-card p{font-size:.89rem}.evidence-card details>p{border-top:var(--border);margin-top:1rem;padding-top:1rem}.evidence-card .tags{border-top:0;margin-top:0;padding-top:0}
/* 17. Search */
.search-panel{border:var(--border);background:var(--chalk);padding:1.2rem;margin-bottom:1.4rem}.search-panel label{display:block;font-weight:700;margin-bottom:.55rem}.search-panel>div{display:flex;gap:.7rem}.search-panel input{width:100%;border:1px solid #9ea2a2;background:var(--white);padding:.75rem}.search-panel button{border:0;background:var(--basalt);color:var(--white);padding:.6rem 1rem;white-space:nowrap}.search-panel p{font:600 .75rem var(--font-mono);color:var(--slate);margin-top:.6rem}.no-results{text-align:center;padding:2rem;color:var(--slate)}
/* 18. About */
.about .container{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.about-copy p:not(.eyebrow){margin-top:1rem}.principles{border-top:var(--border)}.principles article{padding:1.2rem 0;border-bottom:var(--border);display:grid;grid-template-columns:45px 1fr;column-gap:1rem}.principles b{grid-row:span 2;color:var(--vermilion);font:700 .8rem var(--font-mono)}.principles h3{font-size:1.25rem}.principles p{font-size:.88rem;margin-top:.4rem}
/* 19. Final CTA */
.final-cta{background:var(--marine);color:var(--white);padding:clamp(5rem,10vw,9rem) 0}.final-cta .container{max-width:900px}.final-cta .eyebrow{color:var(--pollen)}.final-cta h2{max-width:800px}.final-cta>div>p:not(.eyebrow){font-size:1.08rem;margin-top:1.4rem}.button-light{background:var(--pollen);color:var(--basalt)}.text-link.light{border-color:var(--pollen)}.text-link.light span{color:var(--pollen)}
/* 20. Footer */
.site-footer{background:var(--basalt);color:var(--white);padding:3.5rem 0 1.2rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr auto;gap:2rem;align-items:start}.footer-brand{display:flex;gap:1rem}.footer-brand img{width:56px;height:56px}.footer-brand h2{font-size:1.45rem}.footer-brand p{color:var(--sage);font:500 .68rem var(--font-mono);letter-spacing:.05em;margin:.15rem 0}.footer-brand small{color:#bac0c2}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.85rem}.site-footer nav a:hover{text-decoration:underline}.back-to-top{border:1px solid #697176;background:transparent;color:var(--white);padding:.6rem .8rem}.copyright{border-top:1px solid #4a5155;margin-top:2.5rem;padding-top:1rem;color:#bac0c2;font-size:.75rem}
/* 21. Reveal states */
.reveal{opacity:1;transform:none}.js-enabled .reveal{opacity:0;transform:translateY(16px);transition:opacity 550ms ease,transform 550ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 22. Responsive */
@media(max-width:950px){.site-nav{gap:.7rem;font-size:.75rem}.hero-grid{grid-template-columns:1fr;gap:2rem}.fragments{max-width:580px;width:100%;margin:auto}.viewpoint-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.method-layout{gap:2.5rem}.about .container{gap:3rem}}
@media(max-width:720px){.header-inner{min-height:66px}.menu-toggle{display:block}.site-nav{position:absolute;top:66px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem 1.5rem 1.5rem;background:var(--chalk);border-bottom:var(--border)}.site-nav.is-open{display:flex}.site-nav a{padding:.55rem 0}.nav-cta{text-align:center;margin-top:.4rem}.concept-strip .container,.method-layout,.about .container{grid-template-columns:1fr}.concept-strip ul{margin-top:1rem}.checklist{margin-top:1rem}.connection-b,.connection-c{margin-left:0}.footer-grid{grid-template-columns:1fr}.footer-grid nav{max-width:340px}.back-to-top{width:max-content}}
@media(max-width:540px){.container{width:min(calc(100% - 2rem),var(--container))}.hero{padding-top:3.5rem}.fragments{min-height:615px}.fragment{width:92%;padding:1rem}.source{top:75px}.signal{top:225px}.assay{top:398px}.interpretation{top:320px;left:4%}.observation{bottom:15px;font-size:.58rem}.concept-strip ul,.viewpoint-grid,.profile-grid,.evidence-grid{grid-template-columns:1fr}.concept-strip .container{gap:1.5rem}.section{padding:4.2rem 0}.profile-grid{gap:.9rem}.search-panel>div{flex-direction:column}.search-panel button{width:100%}}
/* 23. Reduced motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-enabled .reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}