:root{
  --ink:#1a1813;--paper:#fbf9f3;--muted:#6f6a5f;
  --accent:#16456e;--gold:#a8842c;--line:#e4dece;--card:#f3efe4
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:18px/1.7 -apple-system,"Segoe UI",Roboto,Helvetica,sans-serif;
  background-image:radial-gradient(120% 60% at 50% 0,#fffdf7 0,var(--paper) 60%)}
.serif{font-family:"Playfair Display",Georgia,"Times New Roman",serif}
.topbar{height:4px;background:linear-gradient(90deg,var(--gold),var(--accent))}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:740px;margin:0 auto;padding:0 22px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px}
.nav .home{font:800 18px/1 "Playfair Display",Georgia,serif;color:var(--ink)}
.nav .home span{color:var(--gold)}
.tg{background:var(--accent);color:#fff;padding:8px 15px;border-radius:999px;
  font-size:13px;font-weight:600;white-space:nowrap}
.tg:hover{text-decoration:none;opacity:.92}
/* газетная вывеска */
.masthead{text-align:center;padding:30px 0 20px;border-bottom:3px double var(--line);
  margin-bottom:8px;animation:rise .6s both}
.kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.masthead h1{font:900 clamp(40px,11vw,76px)/.92 "Playfair Display",Georgia,serif;
  letter-spacing:-.02em;margin:10px 0 8px}
.masthead h1 span{color:var(--gold)}
.dateline{display:flex;align-items:center;justify-content:center;gap:12px;
  color:var(--muted);font-size:13px;letter-spacing:.04em}
.dateline:before,.dateline:after{content:"";height:1px;width:42px;background:var(--line)}
.cat{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold);font-weight:700}
.meta{color:var(--muted);font-size:13px}
.feed{list-style:none;padding:0;margin:14px 0 0}
.feed li{padding:24px 0;border-bottom:1px solid var(--line);animation:rise .55s both}
.feed li:nth-child(1){animation-delay:.05s}.feed li:nth-child(2){animation-delay:.1s}
.feed li:nth-child(3){animation-delay:.15s}.feed li:nth-child(4){animation-delay:.2s}
.feed li:nth-child(n+5){animation-delay:.25s}
.feed h2{font:700 23px/1.28 "Playfair Display",Georgia,serif;margin:5px 0 6px}
.feed h2 a{color:var(--ink)}
.teaser{color:var(--muted);margin-top:5px}
article{animation:rise .5s both}
article .cat{display:block;margin-bottom:6px}
article h1{font:800 clamp(28px,5vw,38px)/1.18 "Playfair Display",Georgia,serif;margin:6px 0 14px}
article p{margin:0 0 16px}
article p:first-of-type::first-letter{float:left;color:var(--accent);
  font:800 3.4em/.74 "Playfair Display",Georgia,serif;padding:6px 10px 0 0}
img.cover{width:100%;border-radius:6px;margin:14px 0;border:1px solid var(--line)}
.cta{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--gold);
  border-radius:8px;padding:18px 20px;margin:30px 0}
.src{color:var(--muted);font-size:14px;margin-top:22px}
.empty{background:var(--card);border:1px dashed #d8d1bf;border-radius:12px;
  padding:42px 26px;text-align:center;color:var(--muted);margin:8px 0;animation:rise .6s both}
footer{border-top:3px double var(--line);margin-top:48px;
  color:var(--muted);font-size:13px;padding:24px 0;text-align:center}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}