:root{
  --paper:#F6F2EB; --paper-2:#EFE9DF; --ink:#23201B; --ink-soft:#3C382F;
  --taupe:#6E675B; --taupe-2:#928B7D; --line:rgba(35,32,27,.14);
  --olive:#565E45; --olive-2:#434A34; --olive-tint:#E6E9DB;
  --gold:#A98D50; --dark:#282420;
  --serif:"Fraunces","Cormorant Garamond",Georgia,serif;
  --sans:"Instrument Sans","Helvetica Neue",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html[data-lang="en"] .ru{display:none !important}
html[data-lang="ru"] .en{display:none !important}
body{margin:0;background:var(--paper);color:var(--ink-soft);font-family:var(--sans);font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--ink);margin:0}
.wrap{width:min(1180px,92vw);margin-inline:auto}
.kicker{font-weight:600;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--olive)}

/* header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(246,242,235,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-head .bar{display:flex;align-items:center;gap:22px;height:70px}
.brand{display:flex;flex-direction:column;line-height:1;margin-right:auto;text-decoration:none}
.brand b{font-family:var(--serif);font-weight:400;font-size:1.1rem;letter-spacing:.14em;color:var(--ink)}
.brand span{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe);margin-top:6px}
.head-links{display:flex;gap:22px;align-items:center}
.head-links a{text-decoration:none;font-size:.9rem;color:var(--ink-soft)}
.head-links a:hover{color:var(--olive)}
.head-cta{background:var(--olive);color:var(--paper) !important;padding:10px 18px;border-radius:3px}
.head-cta:hover{background:var(--olive-2)}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;font-size:.76rem;flex-shrink:0}
.lang button{all:unset;cursor:pointer;padding:6px 10px;letter-spacing:.08em;color:var(--taupe);min-width:40px;text-align:center}
.lang button.active{background:var(--ink);color:var(--paper)}
@media(max-width:640px){.head-links .hide-sm{display:none}.brand span{display:none}}
.lang-link{flex-shrink:0;text-decoration:none;border:1px solid var(--line);border-radius:2px;padding:6px 11px;font-size:.76rem;letter-spacing:.08em;color:var(--taupe)}
.lang-link:hover{border-color:var(--olive);color:var(--olive)}
.art-meta .lang-inline{margin-left:auto;color:var(--olive);text-decoration:none;border-bottom:1px solid var(--olive-tint)}
.art-meta .lang-inline:hover{border-color:var(--gold)}

/* article */
.art-hero{padding:clamp(56px,9vw,104px) 0 0}
.art-col{width:min(720px,92vw);margin-inline:auto}
.crumbs{font-size:.85rem;color:var(--taupe)}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}
.crumbs a:hover{color:var(--olive);border-color:var(--olive)}
.art-hero .kicker{margin-top:30px}
.art-hero h1{margin-top:18px;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.08;letter-spacing:-.012em;font-weight:300}
.art-hero .dek{margin-top:22px;font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.2vw,1.45rem);line-height:1.45;color:var(--ink)}
.art-meta{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.86rem;color:var(--taupe)}
.art-meta b{font-weight:500;color:var(--ink)}
.art-body{padding:44px 0 20px}
.art-body p{margin:0 0 1.15em}
.art-body .lead-p{font-size:1.14rem;color:var(--ink)}
.art-body h2{font-size:clamp(1.45rem,2.6vw,1.85rem);line-height:1.2;margin:2.1em 0 .75em}
.art-body em{font-style:italic}
.art-body .accent{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.5;color:var(--ink)}
.art-body blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:2px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.42;color:var(--ink)}
.art-body ul{margin:0 0 1.3em;padding:0;list-style:none}
.art-body ul.voices{display:flex;flex-wrap:wrap;gap:9px}
.art-body ul.voices li{background:var(--paper-2);border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:.96rem;color:var(--ink)}
.art-body ul.questions li,.art-body ul.gains li{position:relative;padding:9px 0 9px 22px;border-top:1px solid var(--line)}
.art-body ul.questions li:last-child,.art-body ul.gains li:last-child{border-bottom:1px solid var(--line)}
.art-body ul.questions li::before,.art-body ul.gains li::before{content:"";position:absolute;left:0;top:1.15em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.art-body ul.questions li{font-family:var(--serif);font-style:italic;font-size:1.08rem;color:var(--ink)}
.art-body .dialogue{margin:0 0 1.3em;padding:18px 22px;background:var(--paper-2);border-radius:4px}
.art-body .dialogue p{margin:0;padding:6px 0;font-family:var(--serif);font-style:italic;font-size:1.08rem;color:var(--ink)}
.art-body .dialogue p+p{border-top:1px solid var(--line)}
.art-body .chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 1.3em}
.art-body .chain span{background:var(--olive-tint);border:1px solid rgba(67,74,52,.25);color:var(--olive-2);padding:6px 13px;border-radius:999px;font-size:.93rem}
.art-body .chain i{font-style:normal;color:var(--gold)}
.art-body .chain.muted span{background:transparent;border-style:dashed;color:var(--taupe)}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.art-tags li{font-size:.8rem;letter-spacing:.04em;color:var(--taupe);border:1px solid var(--line);padding:5px 12px;border-radius:999px}

/* cta */
.art-cta{background:var(--dark);color:var(--paper);margin-top:64px;padding:clamp(56px,8vw,90px) 0}
.art-cta h2{color:var(--paper);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:300;line-height:1.12}
.art-cta p{color:rgba(246,242,235,.82);margin-top:18px}
.art-cta .row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.btn{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;font-weight:500;font-size:.95rem;padding:14px 24px;border-radius:3px;border:1px solid var(--paper);transition:transform .25s ease,background .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn.light{background:var(--paper);color:var(--ink)}
.btn.ghost{background:transparent;color:var(--paper);border-color:rgba(246,242,235,.5)}
.author{margin-top:34px;padding-top:20px;border-top:1px solid rgba(246,242,235,.16);font-size:.88rem;color:#C9CEB2}

/* more */
.more{padding:clamp(56px,8vw,90px) 0}

/* list */
.list-hero{padding:clamp(60px,10vw,120px) 0 20px}
.list-hero h1{margin-top:16px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:300;line-height:1.08}
.list-hero p{margin-top:18px;max-width:58ch;font-size:1.08rem}
.list-note{margin-top:14px;font-size:.88rem;color:var(--taupe)}
.alist{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.alist li{border-bottom:1px solid var(--line)}
.alist a{display:grid;grid-template-columns:180px 1fr auto;gap:10px 36px;align-items:baseline;padding:30px 0;text-decoration:none;transition:background .25s ease}
.alist a:hover h2,.alist a:hover h3{color:var(--olive)}
.alist .when{font-size:.84rem;letter-spacing:.04em;color:var(--taupe)}
.alist h2,.alist h3{font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2;transition:color .25s ease}
.alist .d{margin-top:8px;color:var(--taupe);font-size:.98rem}
.alist .go{font-size:.9rem;color:var(--olive);white-space:nowrap}
@media(max-width:760px){.alist a{grid-template-columns:1fr;gap:6px}.alist .go{margin-top:6px}}
.list-wrap{padding-bottom:clamp(60px,9vw,110px)}

/* footer */
.site-foot{background:var(--ink);color:rgba(246,242,235,.62);padding:40px 0}
.site-foot .row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.site-foot .brand b{color:var(--paper)}
.site-foot .brand span{color:rgba(246,242,235,.5)}
.site-foot small{font-size:.82rem}