:root{--bg-canvas:#160f2e;--bg-surface:#281b40;--bg-surface-hover:#34224e;--text-primary:#fff;--text-muted:#d2c9df;--accent-primary:#e0409b;--accent-secondary:#b7dc53;--border-subtle:rgba(183,220,83,.25);--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(224,64,155,.35);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem;color-scheme:dark}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}body::before{content:"";position:fixed;inset:18px;border:1px solid var(--border-subtle);pointer-events:none;z-index:30}a{color:var(--accent-secondary);text-underline-offset:4px}a:hover{color:#fff}button,input,textarea{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-secondary);outline-offset:5px}::selection{background:var(--accent-secondary);color:var(--bg-canvas)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{position:relative;z-index:10;background:transparent;transition:background .3s}.site-header.scrolled{background:var(--bg-surface)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;white-space:nowrap;font-size:15px;font-weight:750;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--accent-secondary);border-radius:50%;color:var(--accent-secondary);font-size:23px;line-height:1}.main-nav{display:flex;align-items:center;gap:20px}.main-nav a{font-size:13px;text-decoration:none;color:var(--text-muted)}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);color:#fff;font-size:28px;width:44px;height:44px;line-height:1}.skip-link{position:absolute;left:35px;top:-80px;background:var(--accent-secondary);color:var(--bg-canvas);padding:10px;z-index:60}.skip-link:focus{top:20px}h1,h2,h3,h4,.eyebrow,.stat-label,.tab-button{font-family:"Arial Narrow","Helvetica Neue",sans-serif;text-transform:uppercase;letter-spacing:.065em;line-height:1.12;hyphens:none}h1{font-size:clamp(2.5rem,5.5vw,4.8rem);margin:20px 0 25px;font-stretch:condensed;max-width:18ch}h2{font-size:clamp(1.65rem,3vw,2.6rem);margin:0 0 20px}h3{font-size:1.2rem;margin:0 0 15px}p{margin:0 0 20px}.eyebrow{font-size:11px;font-weight:750;color:var(--accent-secondary);letter-spacing:.19em}.muted,figcaption,.caption{color:var(--text-muted)}.lead{font-size:clamp(1.08rem,1.7vw,1.23rem);color:var(--text-muted);max-width:56ch}.hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:45px 0 65px}.hero::before{content:"";position:absolute;inset:-70px -20px 0;z-index:-1;background:radial-gradient(ellipse at 22% 34%,rgba(224,64,155,.15),transparent 55%),radial-gradient(ellipse at 85% 70%,rgba(183,220,83,.08),transparent 55%);background-size:200% 200%;animation:gradientShift 12s ease infinite}.hero figure{margin:0;position:relative}.hero-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.hero figcaption{font-size:12px;margin-top:12px;padding-right:55px}.scale-badge{width:76px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-secondary);color:var(--bg-canvas);font-size:11px;font-weight:800;line-height:1.25;text-align:center;position:absolute;right:-17px;bottom:42px;box-shadow:var(--shadow-elevation)}.scale-badge strong{font-size:21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:0;background:var(--accent-primary);color:#160f2e;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;padding:17px 22px;box-shadow:4px 4px 0 var(--accent-secondary);text-decoration:none;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic),background .3s}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--accent-secondary);color:#160f2e;background:#ef65b1}.button.secondary{background:var(--bg-surface);color:#fff;box-shadow:4px 4px 0 var(--accent-primary)}.actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.hero-note{font-size:12px;color:var(--text-muted);margin-top:23px}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-surface);box-shadow:var(--shadow-elevation);margin:12px 0 55px}.stat-strip>div{padding:22px 28px;border-right:1px solid var(--border-subtle)}.stat-strip>div:last-child{border-right:0}.stat-strip strong{display:block;font-size:25px;color:var(--accent-secondary);font-family:"Arial Narrow",sans-serif}.stat-label{display:block;font-size:10px;margin-top:6px;line-height:1.5}.stat-source{font-size:11px;color:var(--text-muted)}.section{padding:38px 0}.section-heading{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-heading p{max-width:49ch;color:var(--text-muted)}.section-number{color:var(--accent-primary);font-family:monospace;font-size:12px;display:block;margin-bottom:14px}.panel{background:var(--bg-surface);padding:30px;box-shadow:var(--shadow-elevation);transition:transform .4s var(--ease-kinetic),box-shadow .4s var(--ease-kinetic),background .4s}.interactive-panel:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.panel p:last-child{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)));gap:22px}.split-panel{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);box-shadow:var(--shadow-elevation)}.split-panel>div{padding:35px}.split-panel img{width:100%;height:100%;min-height:280px;object-fit:cover;aspect-ratio:4/3}.media-card{display:block;background:var(--bg-surface);text-decoration:none;color:#fff;box-shadow:var(--shadow-elevation);transition:transform .4s var(--ease-kinetic),box-shadow .4s}.media-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.media-card .card-copy{padding:25px}.media-card p{color:var(--text-muted);font-size:14px}.card-link{font-size:12px;font-weight:750;color:var(--accent-secondary)}.tabs{background:var(--bg-surface);box-shadow:var(--shadow-elevation)}.tab-list{display:flex;gap:0;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.tab-button{padding:18px 24px;font-size:11px;letter-spacing:.1em;background:transparent;color:var(--text-muted);border:0;border-bottom:3px solid transparent}.tab-button[aria-selected=true]{color:var(--accent-secondary);border-bottom-color:var(--accent-primary)}.tab-panel{padding:30px;display:grid;grid-template-columns:1fr 1.1fr;gap:35px;align-items:center}.tab-panel[hidden]{display:none}.motion-diagram{width:100%;height:auto;background:#201635;display:block;aspect-ratio:16/9}.motion-diagram text{fill:var(--text-muted);font:12px system-ui,sans-serif}.motion-diagram .stroke{stroke:var(--accent-secondary);stroke-width:3;fill:none}.motion-diagram .accent{stroke:var(--accent-primary);stroke-width:5;fill:none}.motion-diagram .pivot{fill:var(--accent-secondary)}.oscillating-arm{transform-origin:100px 100px;animation:rock 3s ease-in-out infinite}.diagram-note{font-size:12px;color:var(--text-muted);margin-top:12px}.note{border-left:3px solid var(--accent-secondary);padding:15px 20px;background:rgba(183,220,83,.06);font-size:14px}.compact-link{display:flex;align-items:center;gap:20px;text-decoration:none;color:#fff}.compact-link img{width:84px;height:84px;object-fit:cover;flex:none}.compact-link span{display:block;color:var(--accent-secondary);font-size:12px;margin-top:8px}.feature-overlay{position:relative;background:linear-gradient(120deg,#281b40,#3b204d);padding:40px;box-shadow:var(--shadow-elevation)}.feature-overlay::after{content:"";position:absolute;right:18px;top:18px;width:50px;height:50px;border-top:1px solid var(--accent-secondary);border-right:1px solid var(--accent-secondary);pointer-events:none}.page-intro{padding:50px 0 20px}.page-intro h1{max-width:22ch;font-size:clamp(2.4rem,5vw,4.2rem)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:55px;padding-bottom:55px}.prose{max-width:72ch;width:100%;margin:0 auto}.prose h2{font-size:1.65rem;margin:42px 0 18px}.prose h3{margin:28px 0 16px}.prose p,.prose li{color:var(--text-muted)}.prose strong{color:#fff}.prose ul,.prose ol{padding-left:22px}.article-image{margin:18px 0 30px}.article-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.article-image figcaption{font-size:12px;margin-top:10px}.sidebar{align-self:start;position:sticky;top:25px}.sidebar h2{font-size:15px}.sidebar a{display:block;margin:12px 0;font-size:13px}.sidebar p{font-size:13px;color:var(--text-muted)}.sidebar .panel{padding:23px}.table-scroll{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;min-width:460px;width:100%;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-secondary);background:var(--bg-surface)}td{color:var(--text-muted)}details{background:var(--bg-surface);margin:15px 0;padding:20px 24px;box-shadow:var(--shadow-elevation)}summary{cursor:pointer;font-weight:700;color:#fff;line-height:1.5}details[open] summary{margin-bottom:14px}details p{color:var(--text-muted);font-size:15px}details p:last-child{margin-bottom:0}.source-list{font-size:13px}.source-list li{margin:12px 0}.page-content{padding-bottom:65px}.reading-page{max-width:72ch;margin:0 auto;padding-bottom:65px}.reading-page h2{font-size:1.55rem;margin:35px 0 17px}.reading-page p,.reading-page li{color:var(--text-muted)}.form-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding-bottom:65px}label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}input,textarea{width:100%;background:#1d1433;border:1px solid #806b95;color:#fff;padding:12px 14px;border-radius:0;margin-bottom:20px}textarea{min-height:155px;resize:vertical}input::placeholder,textarea::placeholder{color:#c0b3ce}.form-help{font-size:12px;color:var(--text-muted)}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;color:var(--text-muted);min-height:160px;background:#1d1433;padding:20px}.status{min-height:30px;color:var(--accent-secondary);font-size:13px;margin-top:18px}.site-footer{margin-top:25px;border-top:1px solid var(--border-subtle);padding:35px 0 55px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-top{margin-bottom:25px}.footer-brand{color:#fff;font-weight:750;text-decoration:none;font-size:14px}.footer-top p{font-size:12px;color:var(--text-muted);margin-top:8px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.footer-bottom{font-size:11px;color:var(--text-muted)}.footer-bottom a{color:var(--text-muted)}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rock{0%,100%{transform:rotate(-22deg)}50%{transform:rotate(22deg)}}
@media(min-width:1025px){.hero{min-height:630px}.hero h1{font-size:clamp(3.5rem,5.4vw,4.8rem)}}
@media(min-width:769px) and (max-width:1024px){.wrap{width:calc(100% - 72px)}.header-inner{gap:15px}.main-nav{gap:13px}.main-nav a{font-size:11px}.brand{font-size:12px}.hero{gap:30px}.article-layout{grid-template-columns:minmax(0,1fr) 205px;gap:30px}.tab-panel{gap:20px}}
@media(max-width:768px){.wrap{width:calc(100% - 54px)}body::before{inset:10px}.header-inner{min-height:82px}.brand{font-size:13px}.menu-toggle{display:block}.main-nav{display:flex;flex-wrap:wrap;gap:16px;padding:0 0 22px}.js .main-nav{display:none;position:absolute;top:calc(100% - 1px);left:27px;right:27px;background:var(--bg-surface);padding:22px;box-shadow:var(--shadow-elevation);backdrop-filter:var(--glass-backdrop)}.js .main-nav.is-open{display:grid;grid-template-columns:1fr 1fr;animation:menuIn .25s var(--ease-kinetic)}.main-nav a{font-size:14px}.header-inner{flex-wrap:wrap}.js .header-inner{flex-wrap:nowrap}.hero{grid-template-columns:1fr;gap:30px;padding-top:25px}.hero h1{max-width:19ch}.hero-photo{aspect-ratio:16/10;max-height:440px}.scale-badge{right:10px}.stat-strip>div{padding:18px}.stat-strip strong{font-size:21px}.section-heading{display:block}.split-panel{grid-template-columns:1fr}.split-panel img{max-height:360px}.tab-panel{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:20px}.sidebar{position:static}.form-layout{grid-template-columns:1fr}.page-intro{padding-top:30px}.section{padding:28px 0}@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:480px){.wrap{width:calc(100% - 44px)}.brand{font-size:11px;gap:7px}.brand-mark{width:26px;height:26px;font-size:19px}.hero{padding-bottom:30px}.hero h1{font-size:2.55rem}.hero-photo{aspect-ratio:4/3}.stat-strip{grid-template-columns:1fr;margin-bottom:25px}.stat-strip>div{border-right:0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:65px 1fr;align-items:center;gap:3px 12px}.stat-strip>div:last-child{border-bottom:0}.stat-source{grid-column:2}.panel,.tab-panel,.split-panel>div,.feature-overlay{padding:23px}.tab-button{padding:15px 12px;font-size:10px}.section-heading h2{font-size:1.8rem}.actions{gap:16px}.button{padding:15px 17px;font-size:11px}.footer-top,.footer-bottom{display:block}.footer-links{margin:18px 0}.footer-bottom p{margin:10px 0}.page-intro h1{font-size:2.4rem}.scale-badge{width:66px;height:66px}.compact-link{align-items:flex-start;gap:14px}.compact-link img{width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.interactive-panel:hover,.media-card:hover{transform:none}}