/* v10 theme: warm ivory + deep teal ink + muted brass. Calm, not bright, not dull. */
:root{
  --bg:#F5F1E8;--bg2:#ECE6D8;--surface:#FFFCF5;--ink:#15222B;--muted:#5A6670;--line:#DCD4C3;
  --accent:#1E5560;--accent-ink:#FFFDF6;--soft:#DFE9E6;--glass:rgba(245,241,232,.78);--lines:30,85,96;
  --brass:#A98550;--brass2:#D9C29A;
  --serif:"Cormorant Garamond","PT Serif",Georgia,serif;--sans:"PT Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0C1519;--bg2:#111D22;--surface:#142027;--ink:#EDE8DC;--muted:#9AA9AE;--line:#24363D;--accent:#8CC4C2;--accent-ink:#0A1417;--soft:#16323A;--glass:rgba(12,21,25,.76);--lines:140,196,194;--brass:#D2B27B;--brass2:#6B5836}}
:root[data-theme="dark"]{--bg:#0C1519;--bg2:#111D22;--surface:#142027;--ink:#EDE8DC;--muted:#9AA9AE;--line:#24363D;--accent:#8CC4C2;--accent-ink:#0A1417;--soft:#16323A;--glass:rgba(12,21,25,.76);--lines:140,196,194;--brass:#D2B27B;--brass2:#6B5836}
body{background:
  radial-gradient(900px 520px at 85% -8%,rgba(169,133,80,.16),transparent 60%),
  radial-gradient(800px 560px at -8% 18%,rgba(var(--lines),.13),transparent 60%),var(--bg);
  background-attachment:fixed;font-size:17px;letter-spacing:.005em}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,.logo,.fact b,.tl .e b,.m a,summary,.portrait .tag b{font-family:var(--serif)}
h1{font-weight:600;font-size:clamp(46px,7.4vw,96px);line-height:.98;letter-spacing:-.025em}
h1::after{content:"";display:block;width:84px;height:2px;margin-top:22px;background:linear-gradient(90deg,var(--brass),transparent)}
h2{font-weight:600;font-size:clamp(32px,4.2vw,50px);line-height:1.04;letter-spacing:-.015em;position:relative;padding-top:20px}
h2::before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--brass)}
.card h3,.bigc h3,.panel h3,.gh{font-weight:600}
.card h3{font-size:22px}.bigc h3{font-size:24px}
.eyebrow{color:var(--brass);letter-spacing:.22em;font-size:12.5px}
.role{font-size:clamp(18px,1.8vw,22px)}
.top{background:var(--glass);border-color:rgba(var(--lines),.18);box-shadow:0 10px 30px -22px rgba(var(--lines),.5)}
.logo{font-size:21px;font-weight:700;letter-spacing:.01em}
.top nav a:hover{background:var(--soft)}
.btn{border-color:rgba(var(--lines),.45);letter-spacing:.01em}
.btn.pri{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#000));border-color:transparent;box-shadow:0 12px 24px -14px rgba(var(--lines),.9)}
.btn:hover{box-shadow:0 14px 26px -16px rgba(var(--lines),.8)}
.portrait::before{content:"";position:absolute;inset:-14px -14px 14px 14px;border:1px solid var(--brass2);border-radius:210px 210px 30px 30px;opacity:.8}
.portrait .frame{position:relative;border-color:transparent;box-shadow:0 40px 70px -40px rgba(var(--lines),.7),0 0 0 6px var(--surface)}
.portrait .tag{border-color:var(--brass2);background:var(--glass);backdrop-filter:blur(12px)}
.fact,.panel,.card,.bigc,.prof a,details,.dc{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--bg2)));border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 18px 36px -30px rgba(var(--lines),.45)}
.card:hover,.bigc:hover,.prof a:hover,.dc:hover{border-color:var(--brass);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 28px 50px -30px rgba(var(--lines),.6)}
.fact b{font-size:25px;font-weight:600}
.tagl,.tl .e time,.m time,.bigc .go,.back{color:var(--brass)}
.tl .e,.m{border-top-color:var(--line)}
.tl .e b{font-size:21px;font-weight:600}
.chip{border-color:var(--line)}a.chip:hover{border-color:var(--brass);color:var(--accent)}
.chip.fill{background:var(--accent)}
summary{font-size:22px;font-weight:600}summary::after{color:var(--brass)}
section{margin-bottom:96px}
.hero{padding-block:clamp(56px,9vw,120px) 48px}
::selection{background:var(--brass2);color:#15222B}
footer{border-top-color:var(--line)}
.gal figure,.phs img{border-color:var(--line)}