@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-normal-cyrillic-0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/inter-normal-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/inter-normal-cyrillic-0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/inter-normal-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/inter-normal-cyrillic-0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/inter-normal-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/inter-normal-cyrillic-0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/inter-normal-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/inter-normal-cyrillic-0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/inter-normal-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/inter-normal-cyrillic-0.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/inter-normal-latin-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/literata-italic-cyrillic-2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/literata-italic-latin-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/literata-normal-cyrillic-4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/literata-normal-latin-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/literata-normal-cyrillic-4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/literata-normal-latin-5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/unbounded-normal-cyrillic-6.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/unbounded-normal-latin-7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/unbounded-normal-cyrillic-6.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/unbounded-normal-latin-7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/unbounded-normal-cyrillic-6.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/unbounded-normal-latin-7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#141414;--muted:#6b6b6b;--line:#e4e4e4;--soft:#f4f3ef;--bg:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.65 Literata,Georgia,serif}
a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.pic{display:block;overflow:hidden}
.meta,nav,.kicker,cite,.bit{font-family:Inter,system-ui,sans-serif}
header.site{max-width:1280px;margin:0 auto;padding:34px 32px 28px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
/* навигация держит линию с логотипом (самым сильным элементом), девиз — подпись под ним;
   от совпадения середин строчных опущено на 2 px — подобрано редактором на глаз (21.10) */
header.site nav{margin-top:5px}
.logo{font:900 40px/1 Inter,system-ui,sans-serif;letter-spacing:-.045em;text-decoration:none}
.logo .tag{display:block;font:400 15px/1.45 Inter,system-ui,sans-serif;letter-spacing:0;margin-top:10px}
.logo .t1,.logo .t2{display:block;white-space:nowrap}.logo .t1{color:#3a3a3a}.logo .t2{color:var(--muted)}
nav{font-size:15px;display:flex;gap:22px;align-items:baseline}  /* «Люди» на одной линии с текстом переключателя */nav a{text-decoration:none;color:var(--muted)}nav a.on,nav a:hover{color:var(--ink)}
.proto{max-width:1280px;margin:10px auto 0;padding:0 32px;font:13px/1.5 Inter,system-ui,sans-serif;color:#8a5a00}
.kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.meta{font-size:14px;color:var(--muted)}
footer{max-width:1280px;margin:0 auto;padding:24px 32px 44px;border-top:1px solid var(--line);font:13px Inter,system-ui,sans-serif;color:var(--muted)}

/* ===== Лента ===== */
.ribbon{max-width:1100px;margin:0 auto;padding:6px 32px 80px}
.feature{padding-bottom:40px;border-bottom:3px solid var(--ink);margin-bottom:8px}
.feature .pic{aspect-ratio:21/9}
.fbody{display:grid;grid-template-columns:7fr 4fr;gap:44px;margin-top:22px;align-items:start}
.feature h2{font:900 clamp(38px,4.6vw,64px)/1 Inter,system-ui,sans-serif;letter-spacing:-.045em;margin:10px 0 0}
.feature h2 a,.row h3 a{text-decoration:none}.feature h2 a:hover,.row h3 a:hover{text-decoration:underline;text-decoration-thickness:3px}
.feature .sub{font-size:19px;color:#3a3a3a;margin:0 0 14px}
.day{display:grid;grid-template-columns:180px 1fr;gap:32px;border-top:1px solid var(--ink);padding:26px 0 8px}
.day>.date{font:800 22px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.02em}
.day>.date span{display:block;font-weight:400;font-size:14px;color:var(--muted);letter-spacing:0;margin-top:4px}
.row{display:grid;grid-template-columns:220px 1fr;gap:26px;margin-bottom:34px}
.row .pic{aspect-ratio:4/3;border-radius:2px}
.row h3{font:800 27px/1.12 Inter,system-ui,sans-serif;letter-spacing:-.03em;margin:6px 0 8px}
.row .sub{font-size:17px;color:#444;margin:0 0 8px}
.row.solo{grid-template-columns:1fr}
.dayline{display:flex;align-items:center;gap:14px;margin:34px 0 22px;font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dayline::after{content:"";flex:1;height:1px;background:var(--line)}.row.solo h3{font-size:21px}
.row.solo p{font-size:16px;margin:0 0 .5em;color:#333}
.bits{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px dashed var(--line);font:15px/1.4 Inter,system-ui,sans-serif}
.bits li{margin:0 0 8px;display:flex;gap:10px}.bits li::before{content:"✦";color:var(--c1)}
.bits a{text-decoration:none}.bits a:hover{text-decoration:underline}
.bits .lbl{font:700 11px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}

/* ===== Статья ===== */
.open{position:relative;height:min(74vh,720px);overflow:hidden;background:var(--c1)}
.opening{max-width:1180px;margin:0 auto;padding:44px 32px 8px}
.opening h1{font:900 clamp(40px,6vw,78px)/.98 Inter,system-ui,sans-serif;letter-spacing:-.05em;margin:14px 0 22px;max-width:1080px}
.opening .subtitle{font:400 24px/1.4 Inter,system-ui,sans-serif;color:#3d3d3d;max-width:900px;margin:0 0 26px}
.byline{display:flex;flex-wrap:wrap;gap:8px 26px;font:14px/1.4 Inter,system-ui,sans-serif;color:var(--muted);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:12px 0}
.byline b{color:var(--ink);font-weight:600}
.body{max-width:1180px;margin:0 auto;padding:36px 32px 90px;display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:56px}
.lede{font:400 24px/1.55 Literata,Georgia,serif;color:#262626;margin:0 0 8px}
.lede::before{content:"";display:block;width:64px;height:6px;background:var(--c1);margin-bottom:22px}
.text h2{font:800 30px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.025em;margin:56px 0 14px;scroll-margin-top:24px}
.text h2 .n{display:block;font:700 13px Inter,system-ui,sans-serif;letter-spacing:.14em;color:var(--c1);margin-bottom:8px}
.text p{margin:0 0 1.05em}
.text blockquote{margin:34px 0 34px -48px;padding:0 0 0 44px;border-left:6px solid var(--c1);font:600 29px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em}
.text blockquote p{margin:0}.text cite{display:block;font:normal 14px/1.5 Inter,system-ui,sans-serif;color:var(--muted);margin-top:10px;letter-spacing:0}
.tc{font:600 13px Inter,system-ui,sans-serif;background:var(--ink);color:#fff;border:0;border-radius:3px;padding:2px 8px;cursor:pointer;margin-left:8px}
.player{position:relative;aspect-ratio:16/9;margin:36px 0;background:#000}
.poster{position:absolute;inset:0;cursor:pointer;overflow:hidden}.poster img{opacity:.8}
.poster .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 16px Inter,system-ui,sans-serif;color:#fff}
.poster .play b{background:rgba(0,0,0,.65);padding:13px 20px;border-radius:999px}
.player.on .poster{display:none}
#ytwrap{position:absolute;inset:0;display:none}.player.on #ytwrap{display:block}
#ytwrap iframe,#yt{width:100%;height:100%;border:0;display:block}
#ytwrap.docked{position:fixed;inset:auto 22px 22px auto;width:420px;height:auto;aspect-ratio:16/9;z-index:60;box-shadow:0 18px 50px rgba(0,0,0,.35);border-radius:6px;background:#000}
#ytwrap.docked.big{width:min(720px,60vw)}
.dockbar{display:none;position:absolute;top:-36px;right:0;gap:6px}
#ytwrap.docked .dockbar{display:flex}
.dockbar button{font:600 14px Inter,sans-serif;border:0;border-radius:6px;background:var(--ink);color:#fff;width:32px;height:30px;cursor:pointer}
.tc.now{background:var(--c1);color:var(--c2)}
@media(max-width:700px){#ytwrap.docked,#ytwrap.docked.big{width:auto;inset:auto 10px 10px 10px}}
/* «кусочки» на полях — те же фрагменты, что уходят в Telegram */
.text section{position:relative}
.bit{margin:-6px 0 22px;padding:14px 16px;background:var(--soft);border-radius:3px;font-size:14px;line-height:1.45}
.bit .lbl{display:block;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--c1);margin-bottom:6px}
.bit b{display:block;font-size:16px;line-height:1.3;margin-bottom:6px}
.bit a{color:var(--muted)}
.bit:target{outline:3px solid var(--c1)}
@media(min-width:1180px){.bit{position:absolute;left:calc(100% + 56px);top:60px;width:300px;margin:0}}
.source{font:15px/1.5 Inter,system-ui,sans-serif;color:var(--muted);margin-top:56px;border-top:1px solid var(--line);padding-top:16px}

/* ===== Плитка ===== */
.tiles{max-width:1440px;margin:0 auto;padding:4px 20px 80px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:14px;grid-auto-flow:dense}
.tile{position:relative;overflow:hidden;border-radius:4px;text-decoration:none;color:var(--c2);background:var(--c1);display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.tile .bg{position:absolute;inset:0}.tile .bg img{transition:transform .8s}.tile:hover .bg img{transform:scale(1.04)}
.tile>*:not(.bg){position:relative;z-index:1}
.tile .t{font:900 34px/.98 Unbounded,Inter,sans-serif;letter-spacing:-.02em;text-transform:uppercase}
.tile .s{font:500 15px/1.35 Inter,sans-serif;margin-top:10px;opacity:.95}
.tile .k{font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin-bottom:10px}
.tile.photo{color:#fff}.tile.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72))}
.tile.num .big{font:900 clamp(56px,8vw,140px)/.85 Unbounded,sans-serif;letter-spacing:-.05em}
.tile.quote .t{text-transform:none;font:700 26px/1.15 Unbounded,sans-serif;letter-spacing:-.01em}
.tile.blob{background:radial-gradient(circle at 25% 30%,var(--c2) 0,transparent 45%),radial-gradient(circle at 80% 75%,var(--c2) 0,transparent 35%),var(--c1);color:#fff}
.tile.ink{background:var(--ink);color:#fff}.tile.paper{background:var(--soft);color:var(--ink)}
.switch{display:inline-flex;border:1.5px solid var(--ink);border-radius:999px;overflow:hidden}
.switch a{padding:5px 14px;color:var(--ink)}.switch a.on{background:var(--ink);color:#fff}
/* мягкая подсветка при переходе: маркер по строкам — прорисовывается слева направо и тает */
@property --hl{syntax:"<number>";inherits:true;initial-value:0}
.hl{background-image:linear-gradient(transparent 58%,rgba(255,206,64,calc(var(--hl)*.42)) 58%,rgba(255,206,64,calc(var(--hl)*.42)) 92%,transparent 92%);
 background-repeat:no-repeat;background-size:0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.flash .hl{animation:mark 4.2s ease-out forwards}
@keyframes mark{0%{background-size:0% 100%;--hl:1}22%{background-size:100% 100%;--hl:1}60%{--hl:1}100%{background-size:100% 100%;--hl:0}}
.bit.flash,.row.flash,blockquote.flash{animation:soft 3.6s ease-out}
.keys{margin:0 0 40px;padding:18px 0 4px;border-top:3px solid var(--ink);border-bottom:1px solid var(--line);font-family:Inter,system-ui,sans-serif}
.keys .lbl{display:block;font:800 12px Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c1)}
.keys ul{list-style:none;margin:12px 0 10px;padding:0}
.keys li{position:relative;padding-left:24px;margin:0 0 12px;font:600 18px/1.35 Inter,system-ui,sans-serif}
.keys li::before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:9px;background:var(--c1)}
.keys a{text-decoration:none;color:var(--ink)}.keys a:hover{text-decoration:underline;text-decoration-color:var(--c1);text-decoration-thickness:2px}
.colrow{display:grid;grid-template-columns:220px 1fr;gap:26px;margin-bottom:34px;text-decoration:none;color:var(--ink);padding:26px 0 22px;border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}
.colrow .pic{aspect-ratio:auto;align-self:end;display:block}.colrow .pic img{height:auto;max-height:230px;object-fit:contain;object-position:bottom}
.colrow>span:last-child{display:flex;flex-direction:column;justify-content:center}
.colrow .kicker{color:var(--ink)}.colrow .ct{display:block;font:italic 600 34px/1.12 Literata,Georgia,serif;letter-spacing:-.015em;margin:8px 0 10px}
.colrow .sub{display:block;font-size:18px;color:#444;margin:0 0 10px}.colrow .meta{display:block}
.colrow:hover .ct{text-decoration:underline;text-decoration-thickness:2px}
.col-list .colrow:first-child{border-top-width:1px}
.tile.coltile{background:var(--soft);color:var(--ink);justify-content:flex-start;padding-bottom:0}
.tile.coltile .k{color:var(--ink);opacity:1}.tile.coltile .ct{font:italic 600 26px/1.15 Literata,Georgia,serif;margin-top:4px}
.tile.coltile .cp{margin-top:auto;display:flex;justify-content:center}.tile.coltile .cp img{width:78%;height:auto;object-fit:contain}
.column{max-width:820px;margin:0 auto;padding:10px 32px 80px}
.doc h1{font:700 clamp(30px,4vw,44px)/1.1 Literata,Georgia,serif;letter-spacing:-.01em;margin:18px 0 28px}
footer .fine{display:block;margin-top:6px;font-size:12px}footer .fine a{color:inherit}
.col-head{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:end;padding-bottom:28px;border-bottom:3px solid var(--ink);margin-bottom:34px}
.col-head .col-pic img{height:auto;object-fit:contain}
.col-head h1{font:italic 700 clamp(36px,5vw,58px)/1.04 Literata,Georgia,serif;letter-spacing:-.02em;margin:10px 0 14px}
.col-lead{font:400 21px/1.45 Inter,sans-serif;color:#3d3d3d;margin:0 0 18px}
.cver{display:inline-block;margin-left:10px;padding:2px 8px;border:1px dashed var(--muted);font:600 11px Inter,sans-serif;color:var(--muted)}
.col-body p{margin:0 0 1.1em}.col-body blockquote{margin:1.6em 0;padding:0 0 0 24px;border-left:3px solid var(--ink);font-style:italic}
.col-body p:last-child i{display:block;text-align:right;color:var(--muted);font-size:17px}.col-body ul{padding-left:1.2em}.col-body li{margin:0 0 .6em}
@media(max-width:700px){.colrow,.col-head{grid-template-columns:1fr}.colrow .pic img,.col-head .col-pic img{max-height:220px;width:auto}}
.rot{display:grid;margin:-10px 0 44px;padding:2px 0 2px 26px;border-left:3px solid var(--c1)}
.feature .rot{margin:30px 0 0}
.rot .th{grid-area:1/1;display:block;text-decoration:none;color:var(--ink);opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.rot .th.on{opacity:1;visibility:visible}
.rot .q{display:block;font:500 28px/1.32 Literata,Georgia,serif;letter-spacing:-.01em}
.rot .by{display:block;margin-top:10px;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c1)}
.rot .th:hover .q{text-decoration:underline;text-decoration-color:var(--c1);text-decoration-thickness:2px}
.rot-dots{grid-area:2/1;display:flex;gap:8px;margin-top:14px}
.rot-dots button{width:9px;height:9px;padding:0;border:1.5px solid var(--c1);border-radius:50%;background:transparent;cursor:pointer}
.rot-dots button.on{background:var(--c1)}
.rot+.att-num{margin-top:-20px}
.att-num,.rot{contain:inline-size}  /* крупная неразрывная цифра не должна раздвигать колонку ленты */
.att-num{position:relative;overflow:hidden}
.att-num>*{position:relative}
.att-num.v-dots{background:var(--soft) radial-gradient(circle,var(--c1) 1.4px,transparent 1.6px) 0 0/11px 11px;padding:34px 30px}
.att-num.v-dots .big{background:var(--soft);padding:2px 12px 6px;box-shadow:0 0 0 10px var(--soft)}.att-num.v-dots .cap{background:var(--soft);padding:8px 12px}
.att-num.v-grad{background:linear-gradient(115deg,var(--c1) 0%,var(--c1) 35%,var(--c2) 140%);color:var(--c2);padding:18px 30px 0;grid-template-columns:1fr;gap:0;min-height:170px}
.att-num.v-grad .big{color:var(--c2);font-size:clamp(90px,13vw,170px);line-height:.78;margin:0 0 -.12em -.04em;order:2;opacity:.95}
.att-num.v-grad .cap{color:var(--c2);order:1;max-width:520px;margin-bottom:14px}
.att-num.v-board{background:var(--ink);color:#f3f0e8;padding:24px 26px}
.att-num.v-board .big{display:flex;gap:4px;color:#ffd84a;font:700 44px/1 Unbounded,sans-serif;letter-spacing:0}
.att-num.v-board .big i{font-style:normal;background:#1e1e1e;border-radius:4px;padding:10px 6px 9px;min-width:.82em;text-align:center;box-shadow:inset 0 -2px 0 #000,inset 0 2px 0 #333;position:relative}
.att-num.v-board .big i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000}
.att-num.v-board .cap{color:#f3f0e8}
.att-num.v-photo{background:var(--c2);padding:40px 30px 30px;min-height:190px;grid-template-columns:1fr;gap:14px}
.att-num.v-photo .bgimg{position:absolute;inset:0;opacity:.35;filter:grayscale(1) contrast(1.4)}
.att-num.v-photo .big{font-size:clamp(70px,10vw,120px);color:var(--c1);mix-blend-mode:multiply}
.att-num.v-photo .cap{max-width:620px;font-size:20px;color:var(--ink)}
.att-num.v-water{background:radial-gradient(ellipse 40% 70% at 15% 40%,color-mix(in srgb,var(--c1) 60%,transparent),transparent 70%),radial-gradient(ellipse 35% 60% at 55% 75%,color-mix(in srgb,var(--c2) 70%,transparent),transparent 70%),radial-gradient(ellipse 30% 50% at 85% 25%,color-mix(in srgb,var(--c1) 40%,transparent),transparent 70%),#faf8f3;padding:36px 30px}
.att-num.v-water .big{color:var(--ink)}
.att-num.v-grid{background:#fbfbf7 linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% 18px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/18px 100%;border:1px solid var(--line);padding:32px 30px}
.att-num.v-grid .big{border-bottom:4px solid var(--c1);padding-bottom:6px}
.att-num.v-grid .cap{font-family:Literata,Georgia,serif;font-style:italic;font-weight:400}
.att-num.v-rule{background:none;border-top:8px solid var(--c1);border-bottom:1px solid var(--ink);border-radius:0;padding:22px 0 20px;grid-template-columns:1fr;gap:12px}
.att-num.v-rule .big{color:var(--paper,#fff);-webkit-text-stroke:5px var(--c1);paint-order:stroke fill;font-size:clamp(70px,10vw,110px)}
.lab{max-width:900px;margin:0 auto;padding:0 32px 80px}.lab h1{font:900 48px/1 Inter,sans-serif;letter-spacing:-.04em;margin:26px 0 8px}
.lab>p{color:var(--muted);margin:0 0 30px}.lab-i{margin:0 0 54px}.lab-i h3{font:700 13px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 26px}
.lab-i .att-num{margin:0}
.att.voice{display:block;text-decoration:none;color:var(--ink)}
.att.voice .q{display:block;font:500 28px/1.32 Literata,Georgia,serif;letter-spacing:-.01em}
.att.voice .by{display:block;margin-top:10px;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c1)}
.att.voice:hover .q{text-decoration:underline;text-decoration-color:var(--c1);text-decoration-thickness:2px}
.att-num{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;margin:-10px 0 44px;padding:20px 24px;background:var(--soft);border-radius:3px;text-decoration:none;color:var(--ink)}
.att+.att-num{margin-top:-20px}.feature .att-num{margin:24px 0 0}
.att-num .big{font:900 54px/.9 Unbounded,Inter,sans-serif;letter-spacing:-.045em;color:var(--c1);white-space:nowrap}
.att-num .cap{font:600 18px/1.35 Inter,sans-serif}.att-num:hover .cap{text-decoration:underline;text-decoration-color:var(--c1)}
@media(max-width:700px){.att.voice .q{font-size:22px}.att-num{grid-template-columns:1fr;gap:10px}.att-num .big{font-size:40px}}
.att{margin:-10px 0 44px;padding:2px 0 2px 26px;border-left:3px solid var(--c1);display:grid;gap:22px}
.feature .att{margin:30px 0 0}
.att-i{display:block;text-decoration:none;color:var(--ink)}
.att-i .q{display:block;font:500 27px/1.3 Literata,Georgia,serif;letter-spacing:-.01em}
.att-i.thought .q::before{content:"";display:block;width:28px;height:4px;background:var(--c1);margin:0 0 12px}
.att-i .by{display:block;margin-top:8px;font:700 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--c1)}
.att-i.number{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.att-i .big{font:900 58px/.9 Unbounded,Inter,sans-serif;letter-spacing:-.045em;color:var(--c1);white-space:nowrap}
.att-i .cap{font:600 19px/1.35 Inter,sans-serif}
.att-i:hover .q,.att-i:hover .cap{text-decoration:underline;text-decoration-color:var(--c1);text-decoration-thickness:2px}
.ed-ideas{margin:56px 0 0;padding:22px 24px;border:2px dashed var(--line);display:grid;gap:20px}
.ed-ideas .lbl{font:700 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tile.split{padding:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--c1);color:var(--c2)}
.tile.split .img{overflow:hidden}.tile.split .img img{transition:transform .8s}.tile.split:hover .img img{transform:scale(1.03)}
.tile.split .cap{padding:16px 22px 20px}.tile.split .k{margin-bottom:6px}
.tile.split .h{font:800 25px/1.12 Inter,sans-serif;letter-spacing:-.025em}.tile.split.w6 .h{font-size:32px}
.tile.split:hover .h{text-decoration:underline;text-decoration-thickness:2px}
.tile.idea-n{justify-content:space-between;background:var(--c1);color:var(--c2)}
.tile.idea-n .big{font:900 80px/.9 Unbounded,sans-serif;letter-spacing:-.05em;white-space:nowrap}
.tile.idea-n .s{font:600 16px/1.3 Inter,sans-serif;margin-top:12px;max-width:520px}
.tile.idea-t{justify-content:space-between;background:var(--soft);color:var(--ink);border-top:6px solid var(--c1)}
.tile.idea-t .k{color:var(--c1);opacity:1}
.tile.idea-t .t{font:500 25px/1.25 Literata,Georgia,serif;letter-spacing:-.01em;text-transform:none}
.tile.idea-t:hover .t{text-decoration:underline;text-decoration-color:var(--c1)}
.ideas{max-width:820px;margin:0 auto;padding:0 32px 80px}
.ideas-head h1{font:900 clamp(48px,7vw,84px)/1 Inter,sans-serif;letter-spacing:-.055em;margin:26px 0 10px}
.ideas-head p{font:400 20px/1.4 Inter,sans-serif;color:var(--muted);margin:0 0 34px}
.idea{padding:42px 0 40px;border-top:1px solid var(--line)}
.i-n{font:700 12px Inter,sans-serif;letter-spacing:.16em;color:var(--c1);margin-bottom:18px}
.i-t{margin:0;font:500 clamp(26px,3.4vw,36px)/1.24 Literata,Georgia,serif;letter-spacing:-.015em}
.i-t a{text-decoration:none}.i-t a:hover{text-decoration:underline;text-decoration-color:var(--c1);text-decoration-thickness:2px}
.i-t.quote{font-style:italic}
.idea.number{background:var(--c1);color:var(--c2);padding:40px 40px 36px;border-top:0;border-radius:4px;margin:8px 0 22px}
.idea.number .i-n{color:var(--c2);opacity:.8}.idea.number .i-by,.idea.number .i-by a{color:var(--c2)}
.i-big{white-space:nowrap;font:900 clamp(48px,7.5vw,88px)/.9 Unbounded,sans-serif;letter-spacing:-.055em}
.i-cap{font:600 22px/1.35 Inter,sans-serif;margin:18px 0 0;max-width:620px}
.i-by{display:flex;align-items:center;gap:14px;margin-top:24px;font:14px/1.35 Inter,sans-serif}
.i-by .ava{width:46px;height:46px;border-radius:50%;overflow:hidden;flex:none}
.i-by b{display:block;font-weight:700}.i-by a{color:var(--muted);text-decoration:none}.i-by a:hover{text-decoration:underline}
@media(max-width:700px){.att-i .q{font-size:22px}.att-i .big{font-size:42px}.idea.number{padding:28px 22px}}
@keyframes soft{0%{box-shadow:inset 3px 0 0 var(--c1),0 0 0 6px rgba(255,206,64,.18)}100%{box-shadow:inset 3px 0 0 transparent,0 0 0 6px transparent}}
.tile.list{background:var(--soft);color:var(--ink);justify-content:flex-start}
.tile.list .k{color:var(--c1);opacity:1}
.tile.list ul{list-style:none;margin:6px 0 0;padding:0;font:700 18px/1.22 Inter,sans-serif;letter-spacing:-.01em}
.tile.list li{padding:10px 0;border-top:1px solid #d9d6cc}.tile.list li:first-child{border-top:0;padding-top:4px}
.tile.list a{text-decoration:none}.tile.list a:hover{color:var(--c1)}
.tile.raster{color:var(--ink);background:var(--c2)}
.tile.raster .s{background:var(--c2);display:inline;padding:2px 6px;font:700 18px/1.5 Inter,sans-serif;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.tile.raster .k{color:var(--c1);opacity:1}
.tile.num{background:var(--c1);color:var(--c2)}
.w2{grid-column:span 2}.w3{grid-column:span 3}.w4{grid-column:span 4}.w6{grid-column:span 6}
.h1{grid-row:span 1}.h2{grid-row:span 2}.h3{grid-row:span 3}.h4{grid-row:span 4}
.tile.w4 .t,.tile.w6 .t{font-size:clamp(34px,4.4vw,64px)}
@media(max-width:900px){.fbody,.row,.day{grid-template-columns:1fr}.feature h2{font-size:36px}
.body{grid-template-columns:1fr}.text blockquote{margin-left:0;padding-left:18px;font-size:23px}
.logo .t1,.logo .t2{white-space:normal}.tiles{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.w3,.w4,.w6{grid-column:span 2}.tile .t{font-size:24px}}