/* =========================================================
   Anton: акцентный шрифт. Жирный узкий, только заглавными.
   Где: заголовок первого экрана (h1), заголовки блоков (h2),
   крупные цифры (метрики, кейсы, цены), заголовки разделов в тексте.
   Подключён в site-top.ejs через Google Fonts, файл грузится последним.
   ========================================================= */
:root{--dg-display:"Anton","Impact","Arial Narrow Bold",sans-serif}

/* Первый экран: всегда Anton */
.dg-h1,.dg .dg-h1{font-family:var(--dg-display);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.98}
.dg-hero .dg-h1{font-size:clamp(44px,6.4vw,96px);max-width:22ch}
.dg-hero--compact .dg-h1{font-size:clamp(40px,5.4vw,80px);max-width:24ch}
.dg-hero--glow .dg-h1{font-size:clamp(48px,7.4vw,112px);max-width:18ch}

/* Заголовки блоков */
.dg-h2,.dg .dg-h2{font-family:var(--dg-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1}
.dg-h2{font-size:clamp(34px,4.2vw,62px)}

/* Заголовки разделов в тексте статьи или кейса */
.dg .dg-prose h2{font-family:var(--dg-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;font-size:clamp(28px,2.8vw,40px)}

/* Крупные цифры: метрики, цены, кейсы, меню */
.dg-num,.dg-ccard__num,.dg-ccard__num b,.dg-mcase__num{font-family:var(--dg-display);font-weight:400;letter-spacing:0}
.dg-num small,.dg-ccard__num small,.dg-mcase__num small{font-family:var(--dg-sans,inherit)}

@media (max-width:640px){
  .dg-hero .dg-h1{font-size:clamp(40px,11vw,60px)}
  .dg-h2{font-size:clamp(30px,8.6vw,44px)}
}

/* В dg-cf.css стоит общий text-transform:none!important, поэтому здесь сильнее */
html .dg .dg-h1,html .dg .dg-h1 *,html .dg .dg-h2,html .dg .dg-h2 *,html .dg .dg-prose h2{text-transform:uppercase!important}
/* польские знаки (Ą Ę Ó Ś) в заглавных: строкам нужен запас по высоте */
html .dg .dg-h1{line-height:1.04!important}
html .dg .dg-h2{line-height:1.1!important}

/* Карточки кейсов в меню (компьютер .dg-ccard, телефон .dg-mcase):
   название проекта крупно белым Anton, цифра обычным шрифтом, фон-скриншот сильно затемнён */
html .dg-ccard__img{opacity:.16!important;filter:grayscale(.5) brightness(.55)!important}
html .dg-ccard:hover .dg-ccard__img{opacity:.24!important}
.dg-ccard::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,8,7,.55),rgba(10,8,7,.85) 55%,rgba(10,8,7,.96))}
html .dg-ccard__num,html .dg-ccard__num b,html .dg-mcase__num,html .dg-mcase__num b{font-family:var(--dg-sans,"Inter",system-ui,sans-serif)!important;font-weight:600!important;letter-spacing:-.03em!important}
html .dg-ccard__num{font-size:32px!important;margin-top:0}
html .dg-ccard__num small,html .dg-mcase__num small{font-weight:400!important;letter-spacing:0!important}
html .dg-ccard__unit{color:rgba(255,255,255,.78)}
html .dg-ccard__name,html .dg-mcase__name{font-family:var(--dg-display)!important;font-weight:400!important;color:#fff!important;text-transform:uppercase!important;letter-spacing:.01em;line-height:1.08}
html .dg-ccard__top,html .dg-mcase__top{order:-2}
html .dg-ccard__name{order:-1;margin:0 0 4px;font-size:28px}
html .dg-mcase__name{order:-1;margin:auto 0 4px;font-size:25px}
html .dg-mcase__num{font-size:30px!important;margin-top:0!important}
html .dg-mcase img{filter:grayscale(.5) brightness(.5)}
html .dg-mcase::before{background:linear-gradient(180deg,rgba(10,8,7,.72),rgba(10,8,7,.84) 45%,rgba(10,8,7,.97))!important}
html body .dg-ccard .dg-ccard__name,html body .dg-mcase .dg-mcase__name{text-transform:uppercase!important}
/* цифра в карточке: тем же шрифтом, размером и цветом, что и подпись */
html .dg-ccard__num,html .dg-ccard__num b,html .dg-ccard__num small,html .dg-mcase__num,html .dg-mcase__num b,html .dg-mcase__num small{font-family:var(--dg-sans,"Inter Tight",Arial,sans-serif)!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important;line-height:1.35!important;color:rgba(255,255,255,.78)!important;opacity:1!important}
html .dg-ccard__num,html .dg-mcase__num{margin:0!important}

/* Крупные цифры Anton выглядят крупнее обычного шрифта: размер уменьшен примерно на треть */
html .dg-num{font-size:clamp(44px,5.4vw,78px)}
html .dg-cols .dg-num,html .dg-case .dg-num{font-size:clamp(40px,3.9vw,60px)}
html .dg-num small{font-size:.5em}
/* Подпись при цифре не раздувает строку при переносе */
html .dg-num small{line-height:1.15;display:inline-block;vertical-align:baseline;margin-left:.2em}
/* Сетка всех реализаций: цифра поменьше, подпись отдельной строкой под ней */
html .dg-cg__num{font-size:clamp(36px,3.3vw,50px);line-height:1}
html .dg-cg__num small{display:block;margin:8px 0 0;font-family:var(--dg-sans,inherit);font-size:17px;line-height:1.3;letter-spacing:0}