/* 01. Design tokens */
:root{--navy:#202b3a;--petrol:#356b68;--aubergine:#6d596e;--terracotta:#b66f58;--mustard:#c29a4b;--quiet-blue:#718a9d;--forest:#627066;--aqua:#dce9e6;--lavender:#eae4ec;--terra-wash:#f1e2dc;--soft-mustard:#f2e8d2;--parchment:#f7f2e7;--cool-gray:#edf0f1;--graphite:#373d42;--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:clamp(.76rem,.72rem + .15vw,.84rem);--fs-body:clamp(.98rem,.94rem + .15vw,1.08rem);--fs-h3:clamp(1.28rem,1.1rem + .5vw,1.7rem);--fs-h2:clamp(2rem,1.5rem + 1.8vw,3.4rem);--fs-h1:clamp(2.65rem,1.8rem + 3.6vw,5.6rem);--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:clamp(5rem,9vw,9rem);--container:1200px;--border:1px solid rgba(32,43,58,.2);--radius:12px;--shadow:0 14px 40px rgba(32,43,58,.08);--transition:220ms ease}
/* 02. Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto}body,h1,h2,h3,p,ul{margin:0}ul{padding:0}img,svg{display:block;max-width:100%}button,input{font:inherit}a{color:inherit}
/* 03. Base */
body{background:var(--parchment);color:var(--graphite);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;overflow-x:hidden}::selection{background:var(--soft-mustard);color:var(--navy)}[hidden]{display:none!important}.container{width:min(calc(100% - 2rem),var(--container));margin-inline:auto}.section{padding-block:var(--space-6)}
/* 04. Accessibility */
.skip-link{position:fixed;z-index:1000;top:1rem;left:1rem;padding:.7rem 1rem;background:var(--white);color:var(--navy);transform:translateY(-200%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mustard);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.clipboard-helper{position:fixed;left:-9999px}
/* 05. Typography */
h1,h2,h3{color:var(--navy);font-family:var(--font-editorial);font-weight:400;line-height:1.08}h1{font-size:var(--fs-h1);letter-spacing:-.04em}h2{max-width:850px;font-size:var(--fs-h2);letter-spacing:-.025em}h3{font-size:var(--fs-h3)}p+p{margin-top:1rem}.eyebrow,.label,.micro,.frame-number,.interface span,.method-step>span,.profile .label,.contact>span,.status,.field-note summary>span{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase}.eyebrow{margin-bottom:1rem;color:var(--petrol);font-weight:700}.section-intro{max-width:760px;margin-top:1.4rem;font-size:1.12rem}
/* 06. Layout */
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:.7rem 1.15rem;border:1px solid var(--navy);border-radius:4px;font-size:.9rem;font-weight:650;text-decoration:none;transition:background var(--transition),color var(--transition),transform var(--transition)}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--navy);color:var(--white)}.button.secondary:hover{background:var(--white)}.actions{display:flex;flex-wrap:wrap;gap:.75rem}
/* 07. Header */
.site-header{position:sticky;z-index:100;top:0;border-bottom:var(--border);background:rgba(247,242,231,.97)}.header-inner{display:flex;min-height:76px;align-items:center;gap:1.5rem}.brand{width:260px;margin-right:auto}.brand img{width:100%}.site-header nav{display:flex;align-items:center;gap:clamp(.7rem,1.25vw,1.2rem);font-size:.77rem}.site-header nav a{text-decoration:none;white-space:nowrap}.site-header nav a:not(.nav-cta):hover{color:var(--petrol)}.nav-cta{padding:.65rem .8rem;border:1px solid var(--navy)}.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:0;background:none}.menu-toggle span{display:block;height:2px;margin:5px;background:var(--navy)}
/* 08. Hero */
.hero{padding-block:clamp(4rem,8vw,8rem);border-bottom:var(--border)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(460px,.97fr);align-items:center;gap:clamp(2rem,6vw,7rem)}.hero h1 em{color:var(--petrol);font-style:normal}.lede{max-width:680px;margin:1.7rem 0;font-size:clamp(1.08rem,1rem + .35vw,1.32rem)}.micro{margin-top:1.4rem;color:var(--muted)}
/* 09. Access Frames */
.frame-composition{position:relative;min-height:610px}.participation{position:absolute;z-index:5;top:43%;left:34%;padding:1.15rem 1.3rem;border:1px solid var(--navy);background:var(--parchment);color:var(--navy);font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase}.participation::after{position:absolute;right:-7px;bottom:-7px;width:13px;height:13px;border-radius:50%;background:var(--mustard);content:""}.participation span{display:block;color:var(--muted);font-size:.6rem}.access-frame{position:absolute;width:75%;min-height:180px;padding:1.5rem 2rem;background:rgba(247,242,231,.8)}.access-frame::before{position:absolute;inset:0;border:2px solid currentColor;clip-path:polygon(0 0,85% 0,85% 2px,100% 2px,100% 100%,0 100%);content:""}.access-frame::after{position:absolute;width:30%;height:1px;background:currentColor;content:""}.access-frame h2{margin:.3rem 0;font-size:1.8rem}.access-frame p{max-width:330px;font-size:.85rem}.access-frame.language{top:0;left:0;color:var(--petrol)}.access-frame.language::after{right:-8%;bottom:28%}.access-frame.governance{z-index:2;top:165px;right:0;color:var(--aubergine)}.access-frame.governance::after{top:20%;left:-9%}.access-frame.learning{z-index:3;top:330px;left:8%;color:var(--terracotta)}.access-frame.learning::after{right:-15%;bottom:18%}.frame-caption{position:absolute;bottom:0;left:0;max-width:500px;padding-left:1rem;border-left:3px solid var(--mustard);font-size:.78rem;color:var(--muted)}
/* 10. Condition Labels */
.tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none}.tags li{padding:.2rem .5rem;border:1px solid currentColor;border-radius:99px;font-family:var(--font-mono);font-size:.67rem;text-transform:uppercase}
/* 11. Concept Band */
.concept-band{padding-block:var(--space-5);background:var(--navy);color:var(--white)}.concept-band h2{color:var(--white)}.concept-band .eyebrow{color:var(--mustard)}.statements{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;background:rgba(255,255,255,.22)}.statements p{padding:1.4rem;background:var(--navy);font-family:var(--font-editorial);font-size:1.15rem}
/* 12. Study Domains */
.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3.5rem;border-top:var(--border);border-left:var(--border)}.domain{position:relative;min-height:410px;padding:1.8rem;border-right:var(--border);border-bottom:var(--border)}.domain::after{position:absolute;right:1.5rem;top:1.5rem;width:8px;height:8px;border-radius:50%;background:var(--mustard);content:""}.domain>span{font-family:var(--font-mono);font-size:.8rem}.domain h3{margin:4.5rem 0 1.2rem}.domain .tags{position:absolute;right:1.8rem;bottom:1.8rem;left:1.8rem}.language{--accent:var(--petrol)}.governance{--accent:var(--aubergine)}.learning{--accent:var(--terracotta)}.domain{border-top:4px solid var(--accent)}
/* 13. Interface Questions */
.interfaces{background:var(--cool-gray)}.interface{display:grid;grid-template-columns:.8fr 1.05fr 1.15fr;gap:2rem;margin-top:2rem;padding:2rem;border-top:3px solid var(--accent);background:var(--white);box-shadow:var(--shadow)}.interface h3{margin-top:.7rem}.interface .question{font-family:var(--font-editorial);font-size:1.3rem;line-height:1.35}.interface .label{color:var(--accent)}.limit{margin-top:1rem;padding-top:1rem;border-top:var(--border);font-size:.85rem}
/* 14. Conditions Method */
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.method-step{position:relative;min-height:240px;padding:2rem;border:1px solid var(--navy);border-top-color:transparent}.method-step::before{position:absolute;top:-1px;left:-1px;width:70%;border-top:1px solid var(--navy);content:""}.method-step::after{position:absolute;top:-6px;right:20%;width:11px;height:11px;border-radius:50%;background:var(--mustard);content:""}.method-step h3{margin-top:2rem;font-size:1.42rem}.method-step p{margin-top:1rem;font-size:.9rem}
/* 15. Access Checklist */
.checklist{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem;margin-top:5rem;padding:clamp(2rem,5vw,5rem);background:var(--aqua)}.checklist ul{columns:2;column-gap:3rem;padding-left:1.2rem}.checklist li{break-inside:avoid;margin-bottom:.65rem}
/* 16. Academic References */
.references{background:var(--white)}.contact-note{max-width:900px;margin:1.5rem 0 3rem;padding:1rem 1.3rem;border-left:4px solid var(--mustard);background:var(--soft-mustard)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.profile{position:relative;padding:1.7rem;border:1px solid var(--accent);border-right-color:transparent}.profile.offset{border-right:1px solid var(--accent);border-bottom-color:transparent}.profile-top{display:flex;align-items:center;justify-content:space-between}.avatar{display:grid;width:54px;height:54px;place-items:center;background:var(--accent);color:var(--white);font-family:var(--font-mono);font-size:.8rem}.profile .label{color:var(--accent)}.profile h3{margin:1.5rem 0 .3rem}.profile p{font-size:.86rem}.profile .role{color:var(--accent);font-weight:700}.themes{padding-top:1rem;border-top:var(--border)}.orcid{font-family:var(--font-mono);font-size:.75rem!important}.contact{margin-top:1rem;padding-top:1rem;border-top:var(--border)}.contact span,.contact a,.contact button{display:block}.contact a{overflow-wrap:anywhere}.copy-email{margin-top:.6rem;padding:.4rem .7rem;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}.status{margin-top:1rem;color:var(--accent)}
/* 17. Independence Note */
.independence{display:grid;grid-template-columns:.65fr 1.1fr 1fr 1fr;gap:2rem;margin-top:3rem;padding:2.5rem;background:var(--navy);color:var(--white)}.independence h2{color:var(--white);font-size:2rem}.independence .eyebrow{color:var(--mustard)}.independence p{font-size:.88rem}
/* 18. Field Notes */
.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field-note{border-top:1px solid var(--navy);background:rgba(255,255,255,.4)}.field-note summary{position:relative;padding:1.5rem 3rem 1.5rem 1.5rem;cursor:pointer;list-style:none}.field-note summary::-webkit-details-marker{display:none}.field-note summary::after{position:absolute;top:1.5rem;right:1.5rem;color:var(--petrol);content:"+";font-size:1.8rem}.field-note details[open] summary::after{content:"−"}.field-note summary>span{color:var(--petrol)}.field-note h3{margin:.7rem 0}.field-note summary p{font-size:.9rem}.field-note details>div{padding:0 1.5rem 1.5rem}.field-note details>div>p{padding-top:1.3rem;border-top:var(--border)}.field-note .tags{margin-top:1rem;color:var(--petrol)}
/* 19. Search */
.search-panel{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:1rem;margin:3rem 0;padding:1.5rem;border:var(--border);background:var(--white)}.search-panel label{font-family:var(--font-editorial);font-size:1.3rem}.search-panel>div{display:flex}.search-panel input{width:100%;padding:.85rem;border:0;border-bottom:2px solid var(--navy);background:var(--cool-gray)}.search-panel button{border:0;border-bottom:2px solid var(--navy);background:var(--navy);color:var(--white);cursor:pointer}.search-panel>p{font-family:var(--font-mono);font-size:.8rem}.no-results{padding:3rem;text-align:center;font-family:var(--font-editorial);font-size:1.5rem}
/* 20. About */
.about{background:var(--terra-wash)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem)}.about-grid>div:first-child>p:not(.eyebrow){max-width:620px}.principles{border-top:1px solid var(--navy)}.principles article{display:grid;grid-template-columns:40px 1fr;gap:.4rem 1rem;padding:1.3rem 0;border-bottom:1px solid var(--navy)}.principles span{grid-row:1/3;font-family:var(--font-mono);font-size:.8rem}.principles p{font-size:.88rem}
/* 21. Final CTA */
.final-cta{padding-block:var(--space-6)}.cta-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.corner-field{display:grid;grid-template-columns:1fr 1fr;place-items:center;position:relative;aspect-ratio:1;border:1px solid var(--navy);clip-path:polygon(0 0,35% 0,35% 2px,65% 2px,65% 0,100% 0,100% 38%,calc(100% - 2px) 38%,calc(100% - 2px) 65%,100% 65%,100% 100%,0 100%);font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase}.corner-field::after{position:absolute;top:15%;right:15%;width:11px;height:11px;border-radius:50%;background:var(--mustard);content:""}.corner-field strong{position:absolute;font-family:var(--font-editorial);font-size:2.6rem;font-weight:400}.cta-grid h2{margin-bottom:1.4rem}.cta-grid .actions{margin-top:1.5rem}
/* 22. Footer */
footer{padding:4rem 0 1.5rem;background:var(--navy);color:var(--white)}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:3rem}.footer-grid img{width:58px;margin-bottom:1rem;filter:brightness(0) invert(1)}footer h2{color:var(--white);font-size:1.8rem}footer p{font-size:.85rem}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 2rem}footer a{text-decoration:none}.back-top{align-self:start}.copyright{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2);font-size:.78rem}
/* 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){.menu-toggle{display:block}.site-header nav{position:absolute;top:76px;right:0;left:0;display:none;padding:1.5rem;background:var(--parchment);border-bottom:var(--border);box-shadow:var(--shadow)}.site-header nav.is-open{display:grid}.nav-cta{justify-self:start}.hero-grid{grid-template-columns:1fr}.frame-composition{width:min(100%,650px);margin-inline:auto}.domain-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.independence{grid-template-columns:1fr 1fr}.interface{grid-template-columns:1fr 1fr}.interface>div:last-child{grid-column:1/-1}.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.section{padding-block:4.5rem}.brand{width:220px}.hero{padding-top:3.5rem}.frame-composition{min-height:720px}.access-frame{width:92%;min-height:180px}.access-frame.governance{top:205px}.access-frame.learning{top:410px}.participation{top:35%;left:25%}.frame-caption{bottom:0}.statements,.domain-grid,.profile-grid,.notes-grid{grid-template-columns:1fr}.domain{min-height:350px}.interface,.method-grid,.checklist,.about-grid,.cta-grid,.footer-grid{grid-template-columns:1fr}.interface{padding:1.5rem}.checklist{gap:2rem}.checklist ul{columns:1}.independence{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr}.search-panel>div{min-width:0}.corner-field{width:min(100%,390px);margin-inline:auto}.footer-grid nav{grid-template-columns:1fr 1fr}.actions{align-items:stretch;flex-direction:column}.button{width:100%}}
@media(max-width:380px){.brand{width:185px}.header-inner{gap:.5rem}.container{width:min(calc(100% - 1.25rem),var(--container))}.frame-composition{min-height:750px}.access-frame{padding:1.2rem}.participation{left:15%}.search-panel{padding:1rem}.search-panel>div{display:grid}.search-panel button{padding:.7rem}.profile{padding:1.25rem}}
/* 25. Reduced Motion */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}}