@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/assets/th/oswald-cyrillic.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/assets/th/oswald-latin.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: 'Lora'; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/th/lora-cyrillic.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/th/lora-latin.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; }
/* Оформление «Журнал»: бумага, чёрные линии, афишный узкий шрифт Oswald и книжный Lora, один акцент цвета. Рамки, нумерация, таблицы вместо плиток. */
body.t-zhurnal { --red: #A93216; --bg: #F5EEDD; --ink: #1A1A1A; --grey: #EADFC6; --line: #1A1A1A; --r: 0; background: var(--bg); color: var(--ink); font-family: Lora, Georgia, "Times New Roman", serif; font-size: 17px; line-height: 1.65; }
.t-zhurnal h1, .t-zhurnal h2, .t-zhurnal h3 { font-family: Oswald, "Arial Narrow", Impact, sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .01em; line-height: 1.05; color: var(--ink); }
.t-zhurnal h1 { font-size: clamp(38px, 10.5vw, 84px); }
.t-zhurnal h2 { font-size: clamp(28px, 6.4vw, 46px); padding-top: 12px; border-top: 4px solid var(--ink); display: block; }
.t-zhurnal section.alt > .wrap > h2, .t-zhurnal section.alt > .wrap > h1 { color: var(--ink); }
.t-zhurnal h3 { font-size: 22px; letter-spacing: .02em; }
.t-zhurnal a { color: var(--red); }
.t-zhurnal a.card { color: var(--ink); }
.t-zhurnal .top { background: var(--bg); border-bottom: 4px double var(--ink); }
.t-zhurnal .top .wrap { padding-top: 6px; padding-bottom: 6px; }
.t-zhurnal .brand { font: 600 16px/1 Oswald, Impact, sans-serif; text-transform: uppercase; letter-spacing: .07em; color: var(--ink); white-space: nowrap; }
.t-zhurnal .brand .mark { display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: var(--red); border-radius: 50%; vertical-align: -1px; }
.t-zhurnal .tel { font: 600 14px Oswald, sans-serif; letter-spacing: .04em; color: var(--ink); }
@media (min-width: 760px) { .t-zhurnal .brand { font-size: 21px; letter-spacing: .12em; } .t-zhurnal .tel { font-size: 17px; } }
.t-zhurnal .btn { background: var(--ink); color: #fff; border-radius: 0; font: 600 17px/1 Oswald, sans-serif; letter-spacing: .12em; text-transform: uppercase; padding: 17px 28px; box-shadow: 5px 5px 0 var(--red); transition: transform .1s, box-shadow .1s; }
.t-zhurnal .btn:hover { background: var(--ink); transform: translate(-2px, -2px); box-shadow: 7px 7px 0 var(--red); }
.t-zhurnal .btn.ghost { background: transparent; color: var(--ink); border: 2px solid var(--ink); box-shadow: none; padding: 14px 22px; }
.t-zhurnal .btn:focus-visible, .t-zhurnal input:focus-visible { outline-color: var(--red); }
.t-zhurnal .tags li { border: 0; border-bottom: 2px solid var(--red); border-radius: 0; padding: 2px 0; font: 500 13px Oswald, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.t-zhurnal .tags { gap: 16px; }
.t-zhurnal .lead { font-size: 19px; font-style: italic; }
.t-zhurnal .arrows li::before { content: "—"; color: var(--red); }
.t-zhurnal .note { font-size: 13.5px; opacity: .8; font-style: italic; }
.t-zhurnal .crumbs a { color: var(--ink); text-decoration: underline; }

/* первый экран: рамка-«вклейка» с рисунком, под ней заголовок */
.t-zhurnal .hero { padding: 0; background: var(--bg); }
.t-zhurnal .hero-art { height: 220px; margin: 18px 16px 0; background: url("/assets/th/hero-m.webp") 60% 60% / cover no-repeat; border: 3px solid var(--ink); box-shadow: 8px 8px 0 var(--red); }
.t-zhurnal .hero-in .hero-art { height: 110px; }
.t-zhurnal .hero .wrap { padding-top: 34px; padding-bottom: 36px; }
.t-zhurnal .form { background: #FBF7EC; border: 3px solid var(--ink); border-radius: 0; box-shadow: 8px 8px 0 var(--ink); }
.t-zhurnal .form h2 { border-top: 0; padding-top: 0; font-size: 26px; }
.t-zhurnal .form label.f { font: 600 14px Oswald, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.t-zhurnal .form input[type=text], .t-zhurnal .form input[type=tel] { border: 0; border-bottom: 2.5px solid var(--ink); border-radius: 0; background: transparent; padding: 12px 2px; font-family: Lora, serif; }
.t-zhurnal .form .agree input { accent-color: var(--red); }
.t-zhurnal .form .btn { box-shadow: 4px 4px 0 var(--red); }
.t-zhurnal .strip ul { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 26px 0 6px; padding: 0; border-top: 3px solid var(--ink); border-bottom: 3px solid var(--ink); }
.t-zhurnal .strip li { padding: 12px 6px; text-align: center; border-right: 1.5px solid var(--ink); }
.t-zhurnal .strip li:last-child { border-right: 0; }
.t-zhurnal .strip b { display: block; font: 600 clamp(24px, 6.4vw, 34px)/1 Oswald, sans-serif; text-transform: uppercase; white-space: nowrap; }
.t-zhurnal .strip span { display: block; font: 500 13px Oswald, sans-serif; letter-spacing: .12em; text-transform: uppercase; margin-top: 4px; color: var(--red); }

/* разделы: линейка вместо плиток */
.t-zhurnal section { padding: 40px 0; }
.t-zhurnal section.alt { background: var(--grey); border-top: 1.5px solid var(--ink); border-bottom: 1.5px solid var(--ink); }
.t-zhurnal .cards { gap: 0; }
.t-zhurnal .card { background: transparent; border: 0; border-top: 1.5px solid var(--ink); border-radius: 0; padding: 22px 0 22px; }
.t-zhurnal section.alt .card { border-color: var(--ink); }
.t-zhurnal .sec-pages .cards { counter-reset: c; }
.t-zhurnal .sec-pages .card { counter-increment: c; position: relative; padding-left: 74px; }
.t-zhurnal .sec-pages .card::before { content: "0" counter(c); position: absolute; left: 0; top: 14px; font: 600 54px/1 Oswald, sans-serif; color: transparent; -webkit-text-stroke: 1.5px var(--ink); }
.t-zhurnal a.card:hover { background: #fff; border-color: var(--ink); }
.t-zhurnal a.card:hover::before { -webkit-text-stroke-color: var(--red); }
.t-zhurnal a.card .more { color: var(--red); font: 600 15px Oswald, sans-serif; letter-spacing: .12em; text-transform: uppercase; }

/* цифры: таблица */
.t-zhurnal .figs-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.t-zhurnal .figs-grid li { padding: 18px 0; border-bottom: 1.5px solid var(--ink); display: grid; grid-template-columns: 1fr; }
.t-zhurnal .figs-grid b { font: 600 clamp(52px, 14vw, 76px)/.95 Oswald, sans-serif; letter-spacing: -.01em; white-space: nowrap; }
.t-zhurnal .figs-grid span { font: 600 14px Oswald, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: var(--red); }
.t-zhurnal .figs-grid small { font-size: 15px; font-style: italic; margin-top: 4px; }
.t-zhurnal .figs::after { content: ""; display: block; height: 200px; margin: 30px auto 0; max-width: 1048px; width: calc(100% - 32px); border: 3px solid var(--ink); background: url("/assets/th/band.webp") center / cover no-repeat; box-shadow: 8px 8px 0 var(--red); }

/* шаги: огромные цифры */
.t-zhurnal .steps { gap: 0; }
.t-zhurnal .steps li { background: transparent; border-top: 1.5px solid var(--ink); border-radius: 0; padding: 18px 0 18px 84px; }
.t-zhurnal .steps li::before { left: 0; top: 10px; width: auto; height: auto; border-radius: 0; background: none; color: transparent; -webkit-text-stroke: 1.5px var(--red); font: 600 64px/1 Oswald, sans-serif; content: "0" counter(s); text-align: left; }
.t-zhurnal .steps h3 { margin: 4px 0 6px; }
.t-zhurnal .steps p:last-child { margin-bottom: 0; }

/* вопросы */
.t-zhurnal details { background: transparent; border: 0; border-top: 1.5px solid var(--ink); border-radius: 0; padding: 16px 0; margin: 0; }
.t-zhurnal details:last-of-type { border-bottom: 1.5px solid var(--ink); }
.t-zhurnal summary { list-style: none; display: flex; justify-content: space-between; gap: 14px; font: 600 19px/1.25 Oswald, sans-serif; letter-spacing: .02em; text-transform: uppercase; }
.t-zhurnal summary::-webkit-details-marker { display: none; }
.t-zhurnal summary::after { content: "+"; color: var(--red); font-size: 28px; line-height: .9; }
.t-zhurnal details[open] summary::after { content: "–"; }
.t-zhurnal .cookie a { color: #F4A58E; }
.t-zhurnal .cookie { background: var(--ink); color: #EDE6D3; border-radius: 0; }
.t-zhurnal .cookie button { border-radius: 0; font-family: Oswald, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.t-zhurnal footer { background: var(--ink); color: #EDE6D3; border-top: 6px double var(--bg); }
.t-zhurnal footer a { color: #F4A58E; }
.t-zhurnal footer .slogan { font-family: Oswald, sans-serif; }
.t-zhurnal footer .slogan b { color: #F4A58E; }
.t-zhurnal .call-fixed { background: var(--bg); border-top: 3px solid var(--ink); }
.t-zhurnal .call-fixed .btn { padding: 14px 8px; font-size: 15px; }

@media (min-width: 760px) {
  .t-zhurnal .hero-art { height: 360px; margin: 26px auto 0; max-width: 1048px; width: calc(100% - 32px); background-position: center 62%; }
  .t-zhurnal .hero-in .hero-art { height: 150px; }
  .t-zhurnal .figs-grid li { grid-template-columns: 1.3fr .8fr 2fr; align-items: baseline; gap: 24px; }
  .t-zhurnal .figs-grid span { align-self: center; }
  .t-zhurnal .sec-pages .cards { grid-template-columns: 1fr 1fr; column-gap: 40px; }
  .t-zhurnal .steps { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); column-gap: 30px; }
  .t-zhurnal .steps li { padding: 84px 0 18px; border-top: 3px solid var(--ink); }
  .t-zhurnal .steps li::before { left: 0; top: 12px; }
  .t-zhurnal .call-fixed { display: none; }
}