:root { color-scheme: dark; --bg:#070706; --panel:#11100e; --line:#302a22; --gold:#d8b04c; --red:#9b0707; --text:#f4efe7; --muted:#aaa298; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Georgia,"Noto Serif SC","Songti SC",serif; line-height:1.75; }
a { color:inherit; }
.shell { width:min(1120px,calc(100% - 40px)); margin:auto; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(7,7,6,.9); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand img { display:block; width:145px; height:48px; object-fit:contain; }
.nav-links { display:flex; align-items:center; gap:22px; color:var(--muted); font:600 .88rem/1.4 system-ui,sans-serif; }
.nav a { text-decoration:none; }
.nav a:hover { color:var(--gold); }
.hero { padding:100px 0 72px; background:radial-gradient(circle at 25% 0,rgba(155,7,7,.28),transparent 46%),linear-gradient(180deg,#0d0b09,var(--bg)); border-bottom:1px solid var(--line); }
.kicker,.meta { color:var(--gold); letter-spacing:.16em; text-transform:uppercase; font:700 .78rem/1.5 system-ui,sans-serif; }
h1 { max-width:900px; margin:16px 0 20px; font-size:clamp(2.7rem,7vw,6rem); line-height:1.05; letter-spacing:-.035em; }
.lead { max-width:720px; margin:0; color:var(--muted); font:400 1.05rem/1.8 system-ui,sans-serif; }
.featured { display:grid; grid-template-columns:1.15fr .85fr; min-height:480px; margin:72px 0; border:1px solid #59462a; background:var(--panel); overflow:hidden; }
.featured-media { min-height:360px; background-position:center; background-size:cover; position:relative; }
.featured-media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 55%,var(--panel)); }
.featured-copy { padding:52px 48px; display:flex; flex-direction:column; justify-content:center; }
.featured h2,.timeline h2 { margin:10px 0 18px; font-size:clamp(1.8rem,4vw,3rem); line-height:1.25; }
.summary { margin:0 0 26px; color:#cbc4bb; font-family:system-ui,sans-serif; }
.actions { display:flex; flex-wrap:wrap; gap:12px; }
.button { display:inline-block; padding:11px 17px; border:1px solid #625b51; text-decoration:none; font:700 .9rem/1.4 system-ui,sans-serif; }
.button.primary { border-color:var(--red); background:var(--red); }
.button:hover { border-color:var(--gold); color:var(--gold); }
.button.primary:hover { background:#b20a0a; color:white; }
.timeline { padding:4px 0 96px; }
.timeline-title { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:26px; }
.timeline-title h2 { margin:0; }
.timeline-list { border-top:1px solid var(--line); }
.entry { display:grid; grid-template-columns:160px 1fr auto; gap:30px; align-items:center; padding:30px 0; border-bottom:1px solid var(--line); }
.entry time { color:var(--muted); font:600 .9rem/1.5 system-ui,sans-serif; }
.entry h3 { margin:0 0 6px; font-size:1.35rem; line-height:1.4; }
.entry p { margin:0; color:var(--muted); font:400 .95rem/1.7 system-ui,sans-serif; }
.entry-link { color:var(--gold); text-decoration:none; white-space:nowrap; font:700 .9rem/1.4 system-ui,sans-serif; }
.article { width:min(900px,calc(100% - 40px)); margin:auto; padding:90px 0 110px; }
.article h1 { font-size:clamp(2.5rem,6vw,5.2rem); }
.article-intro { margin:36px 0; padding-left:24px; border-left:3px solid var(--gold); color:var(--gold); font-size:clamp(1.3rem,3vw,2rem); font-style:italic; line-height:1.7; }
.article-body { font-size:1.08rem; }
.article-body p { margin:0 0 22px; }
.article-body h2 { margin:48px 0 14px; color:var(--gold); font-size:clamp(1.55rem,3vw,2.15rem); line-height:1.35; }
.video { position:relative; padding-top:56.25%; margin:44px 0; overflow:hidden; border:1px solid #59462a; background:#000; box-shadow:0 28px 70px rgba(0,0,0,.5); }
.video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.compact-video { margin-top:26px; }
.notice { margin:34px 0; padding:20px 24px; border:1px solid var(--line); background:var(--panel); color:var(--muted); font:400 .95rem/1.7 system-ui,sans-serif; }
.source-note { margin-top:42px!important; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font:400 .9rem/1.7 system-ui,sans-serif; }
.source-note a { color:var(--gold); text-underline-offset:3px; }
.article-footer { display:flex; justify-content:space-between; gap:20px; margin-top:64px; padding-top:28px; border-top:1px solid var(--line); }
footer { border-top:1px solid var(--line); color:var(--muted); font:400 .85rem/1.6 system-ui,sans-serif; }
footer .shell { padding:30px 0; }
@media(max-width:760px){.shell{width:min(100% - 28px,1120px)}.nav{min-height:62px}.brand img{width:112px}.nav-links a:not(:last-child){display:none}.hero{padding:68px 0 52px}.featured{grid-template-columns:1fr;margin:46px 0}.featured-media{min-height:220px}.featured-media::after{background:linear-gradient(180deg,transparent 55%,var(--panel))}.featured-copy{padding:30px 24px}.entry{grid-template-columns:1fr;gap:8px;padding:24px 0}.entry-link{margin-top:8px}.article{width:min(100% - 28px,900px);padding:60px 0 80px}.article-footer{flex-direction:column}}