@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Bodoni+Moda:opsz,ital,wght@6..96,0,400..900;6..96,1,400..900&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Space+Mono:wght@400;700&display=swap');

:root { color-scheme: dark; --ink:#121110; --paper:#f3eee5; --cream:#faf7f1; --gold:#d7b77f; --wine:#9b2e2a; --muted:#a9a196; --line:rgba(215,183,127,.3); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--cream); font-family:"DM Sans",Arial,sans-serif; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:4px; }
a:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
.site-shell { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 92% 1%,rgba(155,46,42,.23),transparent 23rem),linear-gradient(142deg,#0d0d0c 0%,#16130f 58%,#23180f 100%); }
.topbar { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1440px; min-height:86px; margin:auto; padding:0 42px; border-bottom:1px solid rgba(255,255,255,.09); }
.brand { display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.15em; }
.brand::before { width:9px; height:9px; border-radius:50%; content:""; background:var(--wine); box-shadow:0 0 0 4px rgba(155,46,42,.18); }
.brand em { color:var(--gold); font-family:"Bodoni Moda",Georgia,serif; font-weight:500; }
.topnav { display:flex; flex-wrap:wrap; justify-content:center; gap:25px; color:rgba(255,255,255,.74); font-size:12px; font-weight:600; letter-spacing:.04em; }
.topnav a { text-decoration:none; transition:color .18s ease; }.topnav a:hover,.topnav a[aria-current="page"] { color:var(--gold); }
.contact-link { border-bottom:1px solid var(--gold); color:#f5e1b8; font-size:11px; font-weight:700; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
.masthead { position:relative; max-width:1440px; margin:auto; padding:112px 42px 90px; }
.masthead::after { position:absolute; right:-5%; bottom:-2rem; width:min(38vw,530px); height:min(38vw,530px); border:1px solid rgba(215,183,127,.18); border-radius:50%; content:""; }
.eyebrow { position:relative; z-index:1; display:flex; align-items:center; gap:14px; margin:0 0 22px; color:var(--gold); font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow::before { width:40px; height:1px; background:var(--gold); content:""; }
h1 { position:relative; z-index:1; max-width:1080px; margin:0; color:var(--cream); font-family:"Barlow Condensed",Impact,sans-serif; font-size:clamp(4.5rem,10vw,10.8rem); font-weight:700; letter-spacing:-.055em; line-height:.76; text-transform:uppercase; }
h1 em { color:var(--gold); font-family:"Bodoni Moda",Georgia,serif; font-size:.68em; font-style:italic; font-weight:600; letter-spacing:-.075em; text-transform:none; }
.intro { position:relative; z-index:1; max-width:690px; margin:34px 0 0 54px; color:rgba(250,247,241,.78); font-size:clamp(1.04rem,1.5vw,1.24rem); line-height:1.68; }
.intro strong { color:#fff; }.intro a { color:var(--gold); }
.content { position:relative; background:var(--paper); color:#25201d; padding:92px 42px; }
.content-inner { max-width:1250px; margin:auto; }
.section-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(280px,3fr); gap:80px; align-items:start; padding:48px 0; border-top:1px solid #cfc5b9; }
.section-grid:first-child { padding-top:0; border-top:0; }
h2 { max-width:760px; margin:0; color:#29221e; font-family:"Bodoni Moda",Georgia,serif; font-size:clamp(2.3rem,4.2vw,4.6rem); font-weight:500; letter-spacing:-.055em; line-height:.94; }
h2 em { color:var(--wine); font-style:italic; }
h3 { margin:0; color:#2b2420; font-family:"DM Sans",Arial,sans-serif; font-size:15px; letter-spacing:.02em; }
p { font-size:16px; line-height:1.78; }
.body-copy p { max-width:720px; margin:0 0 20px; }.body-copy p:last-child { margin-bottom:0; }
.note { padding:23px 24px; border-left:2px solid var(--wine); background:#e8dfd3; color:#564b44; font-size:14px; line-height:1.62; }.note strong { color:#332924; }
.kicker { margin:0 0 10px; color:var(--wine); font-family:"Space Mono",monospace; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.timeline { margin:0; padding:0; list-style:none; border-left:1px solid #b4a694; }.timeline li { position:relative; padding:0 0 36px 29px; }.timeline li:last-child { padding-bottom:0; }.timeline li::before { position:absolute; top:4px; left:-6px; width:11px; height:11px; border:2px solid var(--wine); border-radius:50%; background:var(--paper); content:""; }.timeline time { display:block; margin-bottom:8px; color:var(--wine); font-family:"Space Mono",monospace; font-size:11px; letter-spacing:.1em; }.timeline p { margin:11px 0 0; color:#655b54; font-size:14px; line-height:1.65; }
.card-list { display:grid; gap:1px; overflow:hidden; border:1px solid #d1c6ba; background:#d1c6ba; }.card { padding:25px 26px; background:#faf7f1; }.card p { margin:9px 0 0; color:#675d55; font-size:14px; line-height:1.62; }
.source-list { display:grid; gap:0; margin:0; padding:0; list-style:none; border-top:1px solid #cfc5b9; }.source-list li { display:grid; grid-template-columns:120px 1fr; gap:22px; padding:24px 0; border-bottom:1px solid #cfc5b9; }.source-list time { color:var(--wine); font-family:"Space Mono",monospace; font-size:11px; line-height:1.5; }.source-list h3 { margin-bottom:7px; }.source-list p { margin:0; color:#675d55; font-size:14px; line-height:1.65; }.source-list a { color:#6f211f; font-weight:700; }
.cta-band { background:linear-gradient(125deg,#651e1b,#a23931 58%,#7b2823); color:#fff9f2; padding:74px 42px; }.cta-inner { display:grid; grid-template-columns:1fr auto; gap:42px; align-items:end; max-width:1250px; margin:auto; }.cta-band h2 { max-width:800px; color:#fff9f2; }.cta-band p { max-width:600px; margin:18px 0 0; color:rgba(255,249,242,.8); }.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 24px; background:#efd19b; color:#20160f; font-size:11px; font-weight:700; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:transform .15s ease,background-color .18s ease; }.button:hover { background:#fff0cc; transform:translateY(-2px); }
.site-footer { background:#0a0a09; color:#cfc5b9; }.footer-inner { display:grid; grid-template-columns:1.2fr .8fr; gap:40px; max-width:1440px; margin:auto; padding:45px 42px; }.footer-inner p { max-width:590px; margin:16px 0 0; font-size:13px; line-height:1.65; }.footer-links { display:flex; flex-wrap:wrap; align-content:start; gap:13px 22px; padding-top:2px; }.footer-links a { color:#efe7dc; font-size:12px; text-decoration:none; }.footer-links a:hover { color:var(--gold); }
@media (max-width:760px) { .topbar{min-height:auto;padding:24px 22px}.topnav,.contact-link{display:none}.masthead{padding:86px 22px 70px}h1{font-size:clamp(4rem,19vw,6.8rem);line-height:.8}.intro{margin:28px 0 0;font-size:1.03rem}.content{padding:62px 22px}.section-grid{grid-template-columns:1fr;gap:30px;padding:36px 0}h2{font-size:clamp(2.5rem,12vw,4rem)}.cta-band{padding:58px 22px}.cta-inner{grid-template-columns:1fr;gap:30px}.button{width:100%}.footer-inner{grid-template-columns:1fr;padding:38px 22px;gap:28px}.source-list li{grid-template-columns:1fr;gap:8px}.masthead::after{width:75vw;height:75vw;right:-30vw}.card{padding:22px} }