:root{--bg-canvas:#160f2e;--bg-surface:#281b43;--bg-surface-hover:#382451;--text-primary:#fff;--text-muted:#d8cce5;--accent-primary:#e0409b;--accent-secondary:#bef264;--border-subtle:#624c76;--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 var(--accent-primary);--glass-backdrop:blur(16px) saturate(180%)}
*{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;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;font-weight:400;text-wrap:balance}h1{font-size:clamp(2.6rem,5vw,4.9rem);margin:.3em 0}h2{font-size:clamp(1.9rem,3vw,2.8rem);margin:.4em 0 .7em}h3{font-size:1.55rem}p{margin:0 0 1.2em}a{color:var(--accent-secondary);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,select{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}figure{margin:0;min-width:0}figcaption{color:var(--text-muted);font-size:.82rem;line-height:1.6;padding:.75rem 0}main{max-width:1200px;margin:auto;padding:2.5rem 1.5rem 5rem}section{margin-bottom:4rem}article,aside,section,div{min-width:0}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas)}.brand{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-size:1.05rem;font-weight:700;white-space:nowrap;hyphens:none}.brand-mark{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--accent-primary);border-radius:50%;color:var(--accent-secondary);font-family:Georgia,serif}.site-nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}.site-nav a{font-size:.87rem;color:var(--text-primary);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;border:1px solid var(--border-subtle);background:var(--bg-surface);color:#fff;font-size:1.8rem;width:44px;height:44px;align-items:center;justify-content:center}.skip-link{position:absolute;left:1rem;top:-120px;z-index:20;background:var(--accent-secondary);color:var(--bg-canvas);padding:.7rem}.skip-link:focus{top:.5rem}.eyebrow{font-size:.77rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:.8rem}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem;padding:1rem 0 2.5rem;border-bottom:1px solid var(--border-subtle)}.hero .intro{font-size:1.12rem;max-width:52ch}.hero-image{aspect-ratio:4/5;border:1px solid var(--border-subtle)}.banner-image{aspect-ratio:16/9}.grid-image{aspect-ratio:4/3}.thumbnail-image{aspect-ratio:1/1;width:110px;flex-shrink:0}.button{display:inline-block;background:var(--accent-primary);color:var(--bg-canvas);font-weight:750;text-decoration:none;border:1px solid var(--accent-primary);padding:.75rem 1.05rem;box-shadow:4px 4px 0 var(--accent-secondary);transition:transform .25s var(--ease-kinetic),box-shadow .25s var(--ease-kinetic),background .25s}.button:hover{transform:translate(4px,4px);box-shadow:0 0 0 var(--accent-secondary)}.button.secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-subtle);box-shadow:4px 4px 0 var(--accent-primary)}.button.secondary:hover{box-shadow:none}.actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1.6rem 0}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.fluid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.5rem}.panel,.card{padding:2rem;background:rgba(40,27,67,.88);border:1px solid var(--border-subtle);backdrop-filter:var(--glass-backdrop)}.card{transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic),background .35s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.color-block{background:#782652;padding:1rem}.color-block.plum{background:#452657}.feature-panel{background:rgba(22,15,46,.85);padding:2rem;backdrop-filter:var(--glass-backdrop)}.feature-panel p:last-child,.panel p:last-child{margin-bottom:0}.wide-card{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center}.compact-card{display:flex;gap:1.3rem;align-items:start}.badge{display:inline-block;border:1px solid var(--border-subtle);border-radius:999px;padding:.2rem .7rem;color:var(--text-muted);font-size:.73rem;margin-bottom:1rem}.muted,.caption{color:var(--text-muted)}.reading{max-width:70ch;margin:0 auto}.reading h2{margin-top:2rem}.reading h3{margin-top:1.6rem}.article-header{max-width:900px;margin:0 auto 2.5rem}.article-header h1{font-size:clamp(2.5rem,5vw,4.3rem)}.article-header .intro{max-width:65ch;font-size:1.15rem}.source-note{border-left:3px solid var(--accent-secondary);padding:1rem 1.25rem;background:var(--bg-surface);font-size:.92rem;margin:2rem 0}.source-list{padding-left:1.3rem}.source-list li{margin:.6rem 0}.table-scroll{overflow-x:auto;margin:2rem 0;border:1px solid var(--border-subtle)}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:1rem;min-width:145px}th{background:var(--bg-surface);color:var(--accent-secondary)}caption{text-align:left;padding:1rem;font-family:Georgia,serif;font-size:1.3rem}.access-list{padding-left:1.3rem}.access-list li{margin:.65rem 0}details{border-top:1px solid var(--border-subtle);padding:1.1rem 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-weight:650;color:var(--text-primary);padding-right:1rem}details p{margin:1rem 0 0;color:var(--text-muted)}.site-footer{border-top:1px solid var(--border-subtle);padding:2.5rem max(1.5rem,calc((100vw - 1152px)/2));background:#1e1436;font-size:.9rem}.site-footer .colophon{font-family:Georgia,serif;font-size:1.45rem;max-width:50ch}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:1rem 0}.footer-meta{margin-top:1.8rem;color:var(--text-muted)}label{display:block;margin:1.2rem 0 .4rem;font-weight:600}input,textarea,select{width:100%;border:1px solid var(--border-subtle);background:var(--bg-canvas);color:#fff;padding:.8rem;border-radius:0}textarea{resize:vertical;min-height:150px}.postcard{border-top:6px solid var(--accent-primary)}.postcard h2,.preview-panel h2{font-size:2rem}.preview{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.88rem;background:var(--bg-canvas);padding:1.2rem;min-height:250px;border:1px solid var(--border-subtle)}.status{min-height:1.75em;color:var(--accent-secondary);font-size:.9rem}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal.reveal-visible{opacity:1;transform:translateY(0)}.legal-nav{margin-bottom:2rem}.legal-nav a{margin-right:1rem}
@media(min-width:1025px){.site-nav{flex-wrap:nowrap}.hero{min-height:620px}.article-photo{max-width:1000px;margin:0 auto 3rem}}
@media(min-width:769px) and (max-width:1024px){.site-header{align-items:flex-start;flex-wrap:wrap}.site-nav{margin-left:auto}.hero{gap:2rem}.panel,.card{padding:1.5rem}}
@media(min-width:481px) and (max-width:768px){main{padding:2rem 1.25rem 4rem}.hero{gap:1.8rem}.hero h1{font-size:3rem}.editorial-grid{gap:1rem}.panel,.card{padding:1.3rem}}
@media(max-width:767px){.site-header{padding:1rem;flex-wrap:wrap}.brand{font-size:.95rem}.js .menu-toggle{display:flex}.site-nav{width:100%;display:flex;flex-wrap:wrap;padding:1rem 0}.js .site-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:1.3rem;box-shadow:var(--shadow-elevation)}.js .site-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));animation:menuOpen .25s var(--ease-kinetic)}.site-nav a{padding:.4rem}.hero,.wide-card,.editorial-grid{grid-template-columns:1fr}.hero-image{aspect-ratio:4/3}.hero{gap:2rem}.composer-grid{grid-template-columns:1fr}}
@media(max-width:480px){main{padding:1.8rem 1rem 3rem}h1{font-size:2.65rem}.brand{font-size:.84rem;gap:.4rem}.brand-mark{width:27px;height:27px}.hero{padding-top:0}.panel,.card,.feature-panel{padding:1.25rem}.color-block{padding:.6rem}.compact-card{flex-direction:column}.thumbnail-image{width:100%;aspect-ratio:4/3}.site-footer{padding:2rem 1rem}.actions{gap:1rem}.button{font-size:.9rem}}
@keyframes menuOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.card:hover,.button:hover{transform:none}}