/* ==========================================================================
   GLOBAL CSS — сайт «БЕЗ ГРАНИЦ» (kristinasamofal.com)
   ЗАКОН: всё оформление, общее для страниц, живёт ТОЛЬКО здесь.
   Подключается на каждой странице последним (после встроенных стилей build.py),
   поэтому правило отсюда побеждает. Правила — в docs/GLOBAL-CSS.md.
   ========================================================================== */

/* ===== ТИПОГРАФИКА — единая шкала (меняется только здесь) =====
   Премиально = сдержанно: Bold вместо Black, умеренные кегли, короткая строка, много воздуха. */
:root{
 --t-h1:clamp(28px,1.6vw + 20px,44px);     /* заголовок статьи и страницы */
 --t-lead:clamp(28px,1.8vw + 20px,46px);   /* главная статья на главной */
 --t-h2:clamp(22px,0.8vw + 18px,30px);     /* разделы */
 --t-h3:19px;
 --t-dek:clamp(17px,0.25vw + 16px,19px);   /* подзаголовок */
 --t-body:16px;                             /* текст */
 --t-card:clamp(17px,0.3vw + 15px,20px);   /* заголовок карточки */
 --t-small:14px;
 --w-head:700;                              /* насыщенность заголовков */
 --lh-head:1.12;
 /* главные заголовки (H1): заглавные, разрядка, лёгкое начертание — «люкс» */
 --h1-case:uppercase; --h1-track:.075em; --h1-weight:400;
 --t-h1-caps:clamp(24px,1.2vw + 18px,38px);
 --t-lead-caps:clamp(24px,1.3vw + 18px,40px);
}
body h1,body .mag-head h1,body .pg-hero h1,body .lead-story h1{text-transform:var(--h1-case);letter-spacing:var(--h1-track)!important;font-weight:var(--h1-weight)!important;font-size:var(--t-h1-caps)!important;line-height:1.22!important}
body .lead-story h1{font-size:var(--t-lead-caps)!important}
body .mag-head h1{max-width:26ch;margin-left:0;margin-right:0}
@media(min-width:760px){body .mag-head h1{margin-left:auto;margin-right:auto}}
body h1,body .mag-head h1,body .pg-hero h1,body .lead-story h1{font-family:var(--disp);font-weight:var(--w-head);font-size:var(--t-h1);line-height:var(--lh-head);letter-spacing:-.005em;text-wrap:balance}
body .lead-story h1{font-size:var(--t-lead)}
body .mag-head h1{max-width:26ch;margin:0 0 18px}
@media(min-width:760px){body .mag-head h1{margin:0 auto 18px}}
body h2,body .sec h2,body .mag h2{font-weight:var(--w-head);font-size:var(--t-h2);line-height:1.18;letter-spacing:0}
body h3{font-size:var(--t-h3)}
body .dek,body .mag-head .dek{font-size:var(--t-dek);line-height:1.55;max-width:60ch}
body .mag-head .dek{margin-left:auto;margin-right:auto}
body .card .t,body .feat2 .card .t{font-weight:var(--w-head);font-size:var(--t-card);line-height:1.25}
body .pop .t{font-weight:var(--w-head);font-size:calc(var(--t-card) - 2px)}
body blockquote,body .pull q{font-weight:var(--w-head);font-size:clamp(20px,0.8vw + 16px,26px)}
body .mag{font-size:var(--t-body)}
@media(min-width:1100px){body .mag{font-size:18px}}
body .mag-head .crumbs{display:none}           /* в статье хватает рубрики; крошки остаются в разметке для Google */
body .mag-head{padding-top:44px}
body .byline{font-size:var(--t-small)}

/* ===== ФОТО В СТАТЬЯХ: рамка как у видео ===== */
.mag figure:has(>.pic),.mag-img{margin-left:0!important;margin-right:0!important}.mag .pic{border-radius:var(--r);overflow:hidden;box-shadow:0 18px 40px -18px rgba(20,16,12,.45),0 4px 12px rgba(20,16,12,.08)}.mag .pic img{border-radius:0!important}   /* фото в рамке как видео (8 окт 2026) */

/* ===== ПОДПИСЬ ФОТО ProStudio1 ===== */
.pcr{position:absolute;right:12px;bottom:12px;font:500 9px/1 Oswald,'Arial Narrow',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.88);background:rgba(14,13,12,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:5px 9px 5px 10px;border-radius:999px;pointer-events:none;z-index:2}

/* ===== ГЛАВНАЯ: главная статья ===== */
body .lead-story h1.lh-long{font-size:clamp(24px,2.3vw,34px)!important;line-height:1.18!important;letter-spacing:.02em!important}
@media(min-width:900px){body .lead-story{align-items:start!important}body .lead-story .fresh{justify-content:flex-start}}

/* ===== ОКНО ПРЕМЬЕРЫ: «Слушать момент» до выхода выпуска ===== */
.prem-pop{position:fixed;inset:0;z-index:9999;background:rgba(14,13,12,.55);display:grid;place-items:center;padding:24px;backdrop-filter:blur(4px)}.prem-pop[hidden]{display:none}
.prem-card{position:relative;max-width:420px;width:100%;background:#0e0d0c;color:#fff;border-radius:var(--r,18px);padding:30px 26px 26px;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:left}
.prem-card .aud-k{display:block;font:500 10.5px var(--rub);letter-spacing:.2em;text-transform:uppercase;color:#d9b98f;margin-bottom:10px}
.prem-card b{display:block;font:700 22px/1.25 var(--disp);margin-bottom:10px}.prem-card p{margin:0 0 20px;color:#cfc8bf;font-size:15px;line-height:1.5}
.prem-card .cta{display:inline-flex!important;align-items:center;justify-content:center;background:#d9b98f!important;color:#0e0d0c!important;border:0!important;margin:0!important;padding:16px 24px!important;line-height:1!important}.prem-x{position:absolute;top:10px;right:12px;border:0;background:none;color:#fff;font-size:28px;line-height:1;cursor:pointer}