:root{--bg-canvas:#3b0d1a;--bg-surface:#511b2a;--bg-surface-hover:#612638;--text-primary:#fff4df;--text-muted:#deccb7;--accent-primary:#e8d5a8;--accent-secondary:#f4e6c8;--border-subtle:rgba(232,213,168,.3);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.35);--glow-accent:none;--glass-backdrop:none;--wine-dark:#290a13}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,sans-serif;font-size:16px;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,.eyebrow,.button,.brand,nav{font-family:"Arial Narrow","Helvetica Neue",sans-serif}h1,h2,h3{text-transform:uppercase;letter-spacing:.12em;line-height:1.22;hyphens:none}h1{font-size:clamp(2rem,4.5vw,4.2rem);font-weight:500;margin:.5em 0}h2{font-size:clamp(1.4rem,2.6vw,2.3rem);font-weight:500}h3{font-size:1rem}p{margin:0 0 1.2em}a{color:var(--accent-primary);text-underline-offset:5px}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:auto;object-fit:cover}figure{margin:0;min-width:0}figcaption,.caption,.meta{font-size:.84rem;color:var(--text-muted);line-height:1.6}figcaption{padding-top:12px}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.site-header{position:relative;padding:22px 24px;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border:1px solid var(--border-subtle);border-radius:60px;padding:12px 18px;color:var(--text-primary);letter-spacing:.04em;font-size:.94rem;white-space:nowrap}.brand-mark{font-size:1.3rem}.main-nav{display:flex;gap:16px;align-items:center}.main-nav a{font-size:.76rem;letter-spacing:.035em;text-decoration:none;white-space:nowrap}.main-nav a[aria-current=page]{text-decoration:underline}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.8rem;line-height:1;padding:6px 15px}.skip-link{position:absolute;top:-100px;left:16px;padding:10px;background:var(--accent-primary);color:var(--wine-dark);z-index:20}.skip-link:focus{top:12px}.hero{padding:60px 0 80px}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}.split.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.split.reverse>figure{order:-1}.hero-image{aspect-ratio:4/5;box-shadow:var(--shadow-elevation)}.section-image{aspect-ratio:4/3;box-shadow:var(--shadow-elevation)}.banner-image{aspect-ratio:16/9;box-shadow:var(--shadow-elevation)}.eyebrow{font-size:.75rem;letter-spacing:.19em;text-transform:uppercase;color:var(--accent-primary)}.lead{font-size:1.13rem;color:var(--text-muted);max-width:60ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid var(--accent-primary);color:var(--accent-primary);background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;text-decoration:none;transition:transform .3s var(--ease-kinetic),background .3s,box-shadow .3s}.button:hover{transform:translateY(-3px);background:var(--bg-surface-hover);box-shadow:var(--shadow-elevation);color:var(--text-primary)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0}.band{padding:74px 0}.band-dark{background:var(--wine-dark)}.band-surface{background:var(--bg-surface)}.research-list{margin:24px 0;border-top:1px solid var(--border-subtle)}.research-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:16px;padding:24px 0;border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:background .3s,transform .3s var(--ease-kinetic)}.research-row:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}.research-row h3{margin:0 0 8px;color:var(--text-primary)}.research-row p{color:var(--text-muted);margin:0}.instrument{font-size:1.3rem;color:var(--accent-primary)}.row-arrow{align-self:center}.page-heading{padding:48px 0 44px}.page-heading h1{max-width:1000px}.reading{max-width:70ch;margin:0 auto}.article-body{padding:0 28px 72px}.article-body section{margin:48px 0}.article-body h2{font-size:1.45rem}.article-body h3{margin-top:30px}.article-body li{margin-bottom:10px}.observation-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:30px 0}.observation-pair>div{padding:22px}.observation-pair>div+div{background:var(--bg-surface)}.observation-pair h3{margin-top:0}.table-scroll{overflow-x:auto;margin:28px 0}table{width:100%;border-collapse:collapse;font-size:.9rem}caption{text-align:left;color:var(--text-muted);margin-bottom:12px}th,td{padding:15px;text-align:left;vertical-align:top;border:1px solid var(--border-subtle)}th{background:var(--bg-surface);color:var(--accent-primary)}.source-list{padding-left:20px;font-size:.94rem}.notice{padding:22px;border-left:2px solid var(--accent-primary);background:var(--bg-surface);margin:26px 0}.faq-list{border-top:1px solid var(--border-subtle)}details{border-bottom:1px solid var(--border-subtle);padding:20px 0}summary{cursor:pointer;font-size:1.05rem;color:var(--accent-primary)}details p{margin:16px 0 0}.site-footer{padding:45px 0;background:var(--wine-dark);border-top:1px solid var(--border-subtle)}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.site-footer p{margin:8px 0;font-size:.85rem;color:var(--text-muted)}.site-footer a{font-size:.88rem}.form-grid{display:grid;gap:20px}.field label{display:block;margin-bottom:6px;color:var(--accent-primary)}input,textarea{width:100%;border:1px solid var(--border-subtle);border-radius:0;background:var(--wine-dark);color:var(--text-primary);padding:12px}textarea{min-height:160px;resize:vertical}.output{min-height:230px}.status{min-height:1.8em;color:var(--accent-primary)}.tool{border-top:1px solid var(--border-subtle);padding-top:24px}.diagram{border:1px solid var(--border-subtle);padding:25px;margin:30px 0}.diagram-scale{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin:18px 0}.diagram-scale span{border-top:8px solid var(--accent-primary);padding-top:12px;font-size:.82rem}.diagram-scale span:nth-child(2){border-top-width:16px}.diagram-scale span:nth-child(3){border-top-width:24px}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}.small{font-size:.88rem;color:var(--text-muted)}
@media(min-width:1025px){.hero .split{gap:75px}.hero h1{font-size:3.7rem}}
@media(min-width:769px) and (max-width:1024px){.header-inner{flex-wrap:wrap}.main-nav{width:100%;justify-content:space-between}.split,.split.reverse{gap:32px}.hero{padding-top:30px}}
@media(min-width:481px) and (max-width:768px){.wrap{padding:0 24px}.band{padding:52px 0}}
@media(max-width:768px){.split,.split.reverse{grid-template-columns:1fr;gap:32px}.split.reverse>figure{order:0}.hero{padding:30px 0 48px}.hero-image{aspect-ratio:4/3}.hero h1{font-size:clamp(2rem,7vw,3.4rem)}.page-heading{padding:28px 0}.band{padding:48px 0}.header-inner{flex-wrap:wrap;gap:12px}.main-nav{width:100%;flex-wrap:wrap;gap:12px 22px}.article-body section{margin:34px 0}}
@media(max-width:767px){.menu-toggle{display:block}.js .main-nav{display:none;position:absolute;top:calc(100% - 8px);left:24px;right:24px;width:auto;padding:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.js .main-nav.is-open{display:grid;grid-template-columns:1fr 1fr}.main-nav a{font-size:.84rem;padding:7px 0}}
@media(max-width:480px){.site-header{padding:16px}.brand{font-size:.82rem;padding:10px 13px}.wrap{padding:0 20px}.article-body{padding:0 20px 48px}h1{font-size:2rem}.research-row{gap:10px;grid-template-columns:23px minmax(0,1fr) 15px}.footer-inner{display:block}.footer-links{margin:20px 0}.observation-pair>div{padding:18px}.button{width:100%}.actions{gap:12px}.js .main-nav{left:16px;right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.button:hover,.research-row:hover{transform:none}}