@font-face { font-family: "Golos Hero"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(/fonts/golostext/v7/q5uCsoe9Lv5t7Meb31EcEx58hK5SAMqbpw.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Golos Hero"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(/fonts/golostext/v7/q5uCsoe9Lv5t7Meb31EcExd8hK5SAMqbpw.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Hero"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(/fonts/golostext/v7/q5uCsoe9Lv5t7Meb31EcEx18hK5SAMqbpw.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Golos Hero"; font-style: normal; font-weight: 400 900; font-display: swap; src: url(/fonts/golostext/v7/q5uCsoe9Lv5t7Meb31EcExN8hK5SAMo.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; }

.ah-big { padding: 60px 0 54px; }
.ah-big > .container > * { max-width: none; }
.ah-big .ah-back { margin: 0 0 30px; font-size: 13px; }
.ah-big .ah-back a { color: var(--turquoise); }

.ah-tag { display: flex; align-items: center; margin: 0 0 16px; color: var(--white); }
.ah-ico { position: relative; flex: none; width: 20px; height: 26px; }
.ah-ico svg { display: block; width: 100%; height: 100%; }
html[data-theme="light"] .ah-ico { --white: #FFFFFF; --turquoise: #FF4433; }
.ah-ico::before { content: ""; position: absolute; left: 2px; top: -6px; width: 2px; height: 2px; background: currentColor; box-shadow: 9px 2px 0 #FF4433, -4px 6px 0 rgba(140,140,140,.55), 15px 4px 0 rgba(255,68,51,.45); }
.ah-tag i { display: block; flex: none; width: 36px; height: 2px; margin-left: -1px; background: currentColor; clip-path: polygon(0 0, 100% 0, 0 100%); }
.ah-pill { margin-left: 12px; padding: 5px 9px 6px; border-radius: 999px; font: 500 11px/1 "Golos Text", system-ui, sans-serif; letter-spacing: 0; background: #fff; color: #111; box-shadow: 0 3px 36px rgba(0,0,0,.24); }
html:not([data-theme="light"]) .ah-pill { background: #1e1e1e; color: #ededed; box-shadow: none; }

.article-hero.ah-big h1.ah-h1 { margin: 0; font-size: clamp(36px, 5.2vw, 72px); line-height: .92; letter-spacing: -.04em; font-weight: 700; }
.ah-h1 > span { display: block; margin: 0 -.08em; padding: .14em .08em; text-wrap: balance; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ah-h1 > span:first-child { margin-top: -.14em; }
.ah-h1 > span + span { margin-top: -.28em; }
.ah-h1 > span:last-child { margin-bottom: -.14em; }
.ah-h1 .ah-1, .ah-h1 .ah-3 { font-family: "Golos Hero", "Golos Text", system-ui, sans-serif !important; font-weight: 700; }
.ah-h1 .ah-2 { font-family: Georgia, "Noto Serif", serif !important; font-style: italic; font-weight: 400; letter-spacing: -.025em; }
.ah-h1 .ah-1 { background-image: linear-gradient(180deg, #0a0a0a 24%, #262626 100%); }
.ah-h1 .ah-2 { background-image: linear-gradient(180deg, #2e2e2e 20%, #7a7a7a 100%); }
.ah-h1 .ah-3 { background-image: linear-gradient(180deg, #333333 25%, #a0a0a0 100%); }
html:not([data-theme="light"]) .ah-h1 .ah-1 { background-image: linear-gradient(180deg, #dcdcdc 24%, #aaaaaa 100%); }
html:not([data-theme="light"]) .ah-h1 .ah-2 { background-image: linear-gradient(180deg, #a3a3a3 30%, #6b6b6b 100%); }
html:not([data-theme="light"]) .ah-h1 .ah-3 { background-image: linear-gradient(180deg, #cfcfcf 25%, #555555 100%); }
html[data-theme="light"] .grain::after { opacity: 0; }
.ah-big .ah-meta { margin: 30px 0 0; color: var(--grey); font-size: 13px; }
@media (forced-colors: active) { .ah-h1 > span { -webkit-text-fill-color: currentColor; background: none; } }
@media (max-width: 640px) { .ah-big { padding: 36px 0 30px; } .ah-big .ah-back { margin-bottom: 20px; } .ah-tag { margin-bottom: 10px; } .ah-big .ah-meta { margin-top: 20px; } }
html[data-theme="light"] .article-body .table-wrap { border-color: #D4D4D4; background: #FFFFFF; }
html[data-theme="light"] .article-body th, html[data-theme="light"] .article-body td { border-bottom-color: #E4E4E4; }
html[data-theme="light"] .article-body th { background: #F3F3F3; color: #555555; }
.hub-hero { padding: 72px 0 64px; text-align: center; }
.hub-hero > .container > * { max-width: none; }
.hub-hero .ah-tag { justify-content: center; }
.hub-hero.ah-big h1.ah-h1 { font-size: clamp(38px, 6vw, 84px); }
.hub-hero .hub-sub { max-width: 620px; margin: 26px auto 0 !important; font: 400 18px/1.5 Georgia, "Noto Serif", serif !important; color: var(--grey) !important; }
@media (max-width: 640px) { .hub-hero { padding: 40px 0 34px; } .hub-hero .hub-sub { font-size: 16px !important; } }
.blog-card h3 > .c1, .blog-card h3 > .c2, .blog-card h3 > .c3 { display: block; }
.blog-card h3 > .c1, .blog-card h3 > .c3 { font-family: "Golos Hero", "Golos Text", system-ui, sans-serif; font-weight: 700; letter-spacing: -.025em; font-size: 1.1em; }
.blog-card h3 > .c2 { font-family: Georgia, "Noto Serif", serif; font-style: italic; font-weight: 400; font-size: 1.05em; color: #5a5a5a; }
html:not([data-theme="light"]) .blog-card h3 > .c2 { color: #a0a0a0; }
