/* base-clt.css — СКВОЗНАЯ дизайн-система (все страницы): токены, reset, шапка, подвал, кнопки, курсор, reveal.
   Тёмный фон body и секции — в home-clt.css (только главная). Подвал имеет свой тёмный фон и потому тёмный на любой странице. */

/* Raleway со своего сервера. Раньше грузился с fonts.googleapis.com — из России
   запрос к Google подвисал, а подвисший стиль откладывает выполнение скриптов,
   и первый экран замирал на прелоадере. Внешних зависимостей у шрифта больше нет.
   Файл переменный (одна гарнитура на все начертания), поэтому вес задан диапазоном. */
@font-face{font-family:'Raleway';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/raleway/raleway-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/raleway/raleway-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}

:root{
  --font:"Raleway","Century Gothic",ui-rounded,"Segoe UI",system-ui,sans-serif;
  --mono:ui-monospace,"Cascadia Mono","Consolas",monospace;
  --canvas:#0f0a06; --surface:#170f09; --bark:#2a1b0f;
  --cream:#f2e7d5; --muted:#b7a488; --faint:#8a7358;
  --ember:#E47010; --ash:#cfc4b1; --line:#33261a;
  --maxw:1600px; --pad:clamp(20px,5vw,80px);
  /* шкала отступов */
  --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:48px; --sp-6:64px; --sp-7:96px; --sp-8:130px;
  --section-y:clamp(100px,13vw,190px);
  /* радиусы */
  --r-sm:8px; --r:16px; --r-lg:26px; --r-pill:999px;
  /* кривые (сильные ease-out/ease-in-out) */
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-in-out:cubic-bezier(.77,0,.175,1);
  /* брейкпоинты (для справки; в CSS используем как значения @media): --bp-mobile 560, --bp-tablet 900, --bp-narrow 1200 */
}
.light{--canvas:#f3eee2; --surface:#fffdf8; --bark:#e7ddc9; --cream:#1d140c; --muted:#6b5a45; --faint:#9a8a70; --line:#e2d8c4; --ash:#4a3826;}
*{box-sizing:border-box}
html{font-size:16px;
  /* Место под полосу прокрутки резервируется всегда. Иначе при открытии модала
     (body.modal-open{overflow:hidden}
/* Запасной путь для браузеров без scrollbar-gutter: ширину полосы подставляет JS
   в --sbw, компенсируем её паддингом у body и у фиксированной шапки. */
html.no-sbgutter body.modal-open{padding-right:var(--sbw,0px)}
html.no-sbgutter body.modal-open .nav{padding-right:calc(var(--pad) + var(--sbw,0px))}) полоса исчезает, и вся страница вместе с
     фиксированной шапкой прыгает вправо на её ширину. */
  scrollbar-gutter:stable}
body{margin:0;font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.loading{overflow:hidden;height:100vh}
.wrap{width:100%;max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-inline:var(--pad)}
a{color:inherit;text-decoration:none}
::selection{background:var(--ember);color:#fff}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001s!important;transition-duration:.001s!important}}

/* ТИПОГРАФИКА (сквозная шкала) */
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
h1{font-size:clamp(34px,5.4vw,80px);line-height:1;letter-spacing:-.022em}
h1 em,h2 em{font-style:normal;color:var(--ember)}
h2{font-size:clamp(32px,5.4vw,72px);letter-spacing:-.025em;line-height:1.02}
h3{font-size:clamp(22px,2.8vw,40px)}
h4{font-size:clamp(17px,1.4vw,20px)}
h5{font-size:16px}
h6{font-size:14px;font-family:var(--mono);color:var(--faint);letter-spacing:.04em;font-weight:400}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.lead{color:var(--muted);font-size:clamp(18px,1.6vw,23px);max-width:60ch;line-height:1.5}
.accent{font-size:clamp(24px,3.4vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.015em;max-width:22ch}
.accent b,.accent em{color:var(--ember);font-style:normal}
.eyebrow{font-family:var(--mono);font-size:14px;color:var(--faint);letter-spacing:.04em}

/* ФОРМЫ (сквозной компонент) — под тёмный фон */
.form{display:grid;gap:16px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:640px){.form__row{grid-template-columns:1fr}}
.form label{display:block;font-size:13px;color:var(--faint);margin-bottom:6px;letter-spacing:.01em}
.form input,.form textarea,.form select{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--cream);font:inherit;font-size:16px;padding:9px 2px;transition:border-color .25s}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-bottom-color:var(--ember)}
.form input::placeholder,.form textarea::placeholder{color:var(--faint)}
.form textarea{resize:vertical;height:58px;min-height:58px;line-height:1.45}
.form select{appearance:none;cursor:pointer;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b7a488' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}
.form select option{background:#1a1109;color:var(--cream)}
.form__agree{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--faint);line-height:1.4}
.form__agree input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:var(--ember);margin-top:1px}
.form__agree a{color:var(--muted);text-decoration:underline}
.form .cta-btn{justify-self:start}

/* курсор */
.cursor{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--ember);pointer-events:none;z-index:200;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s}
.cursor.big{width:64px;height:64px;background:transparent;border:1px solid var(--ember)}
@media(hover:none){.cursor{display:none}}

/* прелоадер (разметка выводится только на главной) */
.pre{position:fixed;inset:0;z-index:300;background:var(--cream);display:grid;place-items:center;transition:opacity .7s,visibility .7s;overflow:hidden}
.pre.done{opacity:0;visibility:hidden}
/* Страховка на чистом CSS: если скрипт не выполнился вовсе (подвис внешний ресурс,
   ошибка в JS, отключённый JS) — прелоадер уходит сам и не держит сайт заложником. */
.pre{animation:pre-failsafe .6s linear 6s forwards}
@keyframes pre-failsafe{to{opacity:0;visibility:hidden}}
.pre__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#0f0a06;z-index:1}
.pre__logo{position:relative;z-index:2;mix-blend-mode:difference;width:min(48vw,440px);height:auto}
.pre__num{position:absolute;bottom:8vh;right:var(--pad);z-index:2;mix-blend-mode:difference;color:#fff;font-family:var(--mono);font-size:16px}

/* ШАПКА (сквозная) — тёмная подложка-градиент сверху, лого/меню белые всегда (читаемо на любом фоне) */
.nav{position:fixed;top:0;left:0;right:0;z-index:120;display:flex;align-items:center;justify-content:space-between;padding:24px var(--pad)}
.nav::before{content:"";position:fixed;top:0;left:0;right:0;height:132px;background:linear-gradient(180deg,rgba(8,5,3,.66) 0%,rgba(8,5,3,.34) 48%,transparent 100%);z-index:0;pointer-events:none}
.nav__logo{font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:10px;color:#fff;position:relative;z-index:2}
.nav__r{display:flex;gap:30px;align-items:center;color:#fff;position:relative;z-index:2}
.nav__r a{font-size:15px;letter-spacing:.02em}
/* пункты меню: растущее подчёркивание на ховере + активный пункт */
.nav__r a:not(.nav__cta){position:relative;transition:color .25s var(--ease-out)}
.nav__r a:not(.nav__cta)::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--ember);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .32s var(--ease-out)}
.nav__r a.active::after{transform:scaleX(1)}
.nav__cta{border:1px solid #fff;border-radius:999px;padding:9px 20px;transition:background .25s var(--ease-out),color .25s var(--ease-out),border-color .25s}
@media(hover:hover) and (pointer:fine){
  .nav__r a:not(.nav__cta):hover::after{transform:scaleX(1)}
  .nav__cta:hover{background:#fff;color:#0f0a06;border-color:#fff}
}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:26px;background:none;border:0;padding:0;cursor:pointer;position:relative;z-index:2}
.burger span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;transition:transform .35s,opacity .2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:820px){
  .burger{display:flex}
  .nav__r{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);flex-direction:column;align-items:flex-start;justify-content:center;gap:30px;background:#0f0a06;padding:96px 44px;transform:translateX(100%);transition:transform .42s cubic-bezier(.16,1,.3,1);z-index:1;mix-blend-mode:normal;box-shadow:-30px 0 60px rgba(0,0,0,.4)}
  .nav.open{mix-blend-mode:normal}
  .nav.open::before{content:"";position:fixed;inset:0;background:rgba(10,7,4,.6);backdrop-filter:blur(3px);z-index:0}
  .nav.open .nav__r{transform:translateX(0)}
  .nav__r a{font-size:21px}
  .nav__cta{border-color:var(--ember);background:var(--ember);color:#fff;padding:12px 26px;margin-top:8px}
}
.logo-img{height:35px;width:auto;display:block}

/* reveal-анимации */
/* reveal — прогрессивное улучшение: по умолчанию виден; прячется только когда JS отметил html.reveal-ready */
.rv{transition:opacity 1s var(--ease-out),transform 1s var(--ease-out)}
.reveal-ready .rv{opacity:0;transform:translateY(26px)}
.reveal-ready .rv.in{opacity:1;transform:none}
.lnmask{display:block;overflow:hidden}
.lnmask>span{display:block;transform:translateY(105%);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.lit .lnmask>span{transform:none}

/* кнопки */
.cta-btn{display:inline-flex;align-items:center;gap:12px;background:var(--ember);color:#fff;font-weight:700;border-radius:999px;padding:17px 34px;font-size:17px}
.cta-btn.big{padding:21px 44px;font-size:19px}
/* background/font-family заданы явно — иначе <button class="ghost"> получает системный серый фон и чужой шрифт */
.ghost{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:transparent;color:var(--cream);font-family:inherit;font-weight:700;border-radius:999px;padding:14px 28px;font-size:16px;cursor:pointer;transition:border-color .2s,color .2s}
.ghost:hover{border-color:var(--ember);color:var(--ember)}
.blockfoot{margin-top:clamp(40px,5vw,64px)}

/* ПОДВАЛ (сквозной) — свой тёмный фон, поэтому тёмный на любой странице */
footer{background:#0f0a06;color:var(--muted);padding:80px 0;border-top:1px dashed var(--line)}
.foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}
@media(max-width:1000px){.foot__grid{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:560px){.foot__grid{grid-template-columns:1fr;gap:28px}}
.foot h4{color:#f2e7d5;font-size:15px;margin:0 0 14px;font-weight:700;padding:0;border:0;text-transform:none;letter-spacing:0}
.foot h4::before,.foot h4::after{content:none!important;display:none!important}
.foot a{display:block;font-size:16px;color:var(--muted);margin-bottom:6px}
.foot a:hover{color:var(--ember)}
/* Соцсети одним рядом иконок (подвал + /contacts/, разметка — ahs_render_socials).
   Без плашек и рамок: иконки сами по себе силуэты, лишний контейнер утяжелил бы
   блок и разошёлся бы с редакторской подачей остального сайта.
   Селектор `.socrow .soc` (0,2,0) намеренно перебивает `.foot a{display:block}` и
   `.contactblock a{display:block;font-size:23px}` — иначе иконки встают в столбик
   и наследуют кегль текстовых ссылок. */
.socrow{display:flex;align-items:center;gap:18px;margin-top:2px;--soc:26px}
/* На /contacts/ соседние ссылки крупнее (до 23px против 16px в подвале),
   поэтому иконки там на 15% больше — чтобы визуальный вес совпал с блоком адреса. */
.contactblock .socrow{--soc:30px;gap:20px;margin-top:4px}
/* Цвет НЕ задаём: иконка наследует его от контекста через `fill:currentColor` —
   в подвале `.foot a` даёт --muted, на /contacts/ `.contactblock a` даёт --cream,
   и соцсети везде весят столько же, сколько соседние ссылки блока. */
.socrow .soc{display:inline-flex;margin:0;transition:color .25s,transform .25s var(--ease-out)}
.socrow .soc svg{width:var(--soc);height:var(--soc);display:block;fill:currentColor}
@media(hover:hover) and (pointer:fine){.socrow .soc:hover{color:var(--ember);transform:translateY(-2px)}}
.socrow .soc:focus-visible{outline:2px solid var(--ember);outline-offset:4px;border-radius:4px}

/* CTA-кнопка в подвале: белый текст всегда (перебить .foot a / Elementor-kit a) */
.foot .cta-btn,.foot .cta-btn:hover{display:inline-flex;color:#fff;margin-bottom:0}
.foot__req{color:var(--faint);font-size:14px;line-height:1.7;margin-top:14px}
.foot__dist{margin-top:44px;padding-top:24px;border-top:1px dashed var(--line);font-family:var(--mono);font-size:14px;color:var(--faint)}
/* CTA-строка в подвале (ТЗ: «Получить расчёт проекта» → поп-ап) */
.foot__cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:48px;margin-bottom:48px;border-bottom:1px dashed var(--line)}
.foot__cta h3{color:var(--cream)}
.foot__cta p{color:var(--muted);margin-top:10px;max-width:46ch}

/* МОДАЛ ЗАЯВКИ (сквозной, ТЗ: одна форма-заявка в поп-апе) */
.modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:24px}
.modal.open{display:flex}
.modal__overlay{position:absolute;inset:0;background:rgba(8,5,3,.72);backdrop-filter:blur(6px);animation:modalfade .4s ease}
.modal__panel{position:relative;z-index:1;width:100%;max-width:600px;max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3vw,38px);box-shadow:0 40px 120px rgba(0,0,0,.6);transform-origin:center;animation:modalin .28s var(--ease-out) both}
@keyframes modalfade{from{opacity:0}to{opacity:1}}
@keyframes modalin{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
/* .modal .modal__close — двойной класс, чтобы перебить глобальный Elementor-kit (.elementor-kit-7 button{background:primary}) */
.modal .modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .2s,color .2s,transform .16s var(--ease-out);z-index:2}
.modal .modal__close svg{width:15px;height:15px;display:block}
.modal .modal__close:hover{border-color:var(--ember);color:var(--ember)}
.modal .modal__close:active{transform:scale(.92)}
.modal__panel h3{margin:0;max-width:16ch;font-size:clamp(22px,2.3vw,28px);line-height:1.1}
.modal__lead{color:var(--muted);margin:10px 0 20px;font-size:15px;line-height:1.5;max-width:46ch}
/* компактный модал на низких экранах (ноутбуки 1366×768 → полезная высота ~610) */
@media(max-height:720px){
  .modal__panel{max-height:94vh;padding:20px 26px}
  .modal__panel h3{font-size:22px}
  .modal__lead{margin:8px 0 14px;font-size:14px}
  .form{gap:11px}
  .form label{margin-bottom:3px}
  .form textarea{height:44px;min-height:44px}
}
body.modal-open{overflow:hidden}

/* CF7-разметка внутри нашего .form (autop отключён в functions.php) */
.form .wpcf7-form-control-wrap{display:block}
.form select.wpcf7-form-control{width:100%}
/* .form .form__submit .wpcf7-submit — (0,3,0), бьёт Elementor-kit .elementor-kit-7 input[type=submit] (0,2,1) */
.form .form__submit .wpcf7-submit{display:inline-flex;align-items:center;gap:12px;background:var(--ember);color:#fff;font-weight:700;border:0;border-radius:999px;padding:15px 32px;font-size:16px;cursor:pointer;transition:filter .2s,transform .16s var(--ease-out)}
.form .form__submit .wpcf7-submit:hover{background:var(--ember);border-radius:999px;filter:brightness(1.07)}
.form .form__submit .wpcf7-submit:active{transform:scale(.98)}
.form__submit{margin-top:2px}
/* согласие (CF7 acceptance) */
.form__agree .wpcf7-form-control-wrap{display:inline}
.form__agree .wpcf7-list-item{margin:0;display:block}
.form__agree .wpcf7-list-item label{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--faint);line-height:1.45;cursor:pointer}
.form__agree input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:var(--ember);margin-top:1px}
.form__agree a{color:var(--muted);text-decoration:underline}
/* подсказки/ответ CF7 */
.form .wpcf7-not-valid-tip{color:#ff7a59;font-size:13px;margin-top:6px}
.form .wpcf7-not-valid{border-bottom-color:#ff7a59!important}
.wpcf7-response-output{margin:16px 0 0!important;padding:12px 15px!important;border-radius:var(--r-sm);font-size:14px;line-height:1.4;border:1px solid var(--line)!important}
.wpcf7-response-output:empty{display:none!important}
.wpcf7 form.sent .wpcf7-response-output{border-color:rgba(120,200,120,.5)!important;color:#bfe6bf}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output{border-color:rgba(255,122,89,.5)!important;color:#ffb9a6}
.wpcf7-spinner{background-color:var(--ember)!important}
/* перебиваем Elementor-kit фон и на бургере */
.nav .burger{background:none}

/* ═══ ЮРИДИЧЕСКИЕ ССЫЛКИ В ПОДВАЛЕ ═══
   Стоят в колонке с логотипом и реквизитами, друг под другом. Доступны всем,
   но тише остальных пунктов — это служебные документы, а не навигация. */
.foot__legal{margin:18px 0 0;display:flex;flex-direction:column;gap:6px}
/* без подчёркивания — в подвале его нет ни у одной ссылки */
.foot .foot__legal a{display:block;margin:0;font-size:15px;line-height:1.45;color:var(--faint);text-decoration:none}
.foot .foot__legal a:hover{color:var(--ember)}

/* ═══ COOKIE-УВЕДОМЛЕНИЕ ═══
   Компактная карточка по центру снизу, не полоса во всю ширину: полоса
   отъедает целую строку экрана и читается как системное сообщение. */
.cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:400;pointer-events:none;
  transform:translateY(calc(100% + 20px));transition:transform .5s var(--ease-out)}
.cookiebar.show{transform:none}
.cookiebar__inner{max-width:760px;margin:0 auto;pointer-events:auto;display:flex;align-items:center;
  justify-content:space-between;gap:clamp(16px,2vw,28px);flex-wrap:wrap;
  padding:18px 20px;border:1px solid color-mix(in srgb,var(--ash) 22%,transparent);border-radius:var(--r);
  background:rgba(18,12,8,.97);backdrop-filter:blur(10px);
  /* мягкое свечение: тёплый ореол наружу + тонкая светлая кромка внутрь —
     плашка отделяется от тёмной страницы, не превращаясь в яркий блок */
  box-shadow:0 0 34px rgba(242,231,213,.10), 0 18px 50px rgba(0,0,0,.45),
             inset 0 1px 0 rgba(242,231,213,.09)}
.cookiebar__t{margin:0;flex:1 1 300px;min-width:0;color:var(--muted);font-size:15px;line-height:1.55;text-wrap:pretty}
.cookiebar__t a{color:var(--ash);text-decoration:underline;text-underline-offset:3px}
.cookiebar__t a:hover{color:var(--ember)}
.cookiebar__btn{flex:0 0 auto;border:0;cursor:pointer;font:inherit;font-size:15px;font-weight:700;color:#fff;
  background:var(--ember);padding:12px 26px;border-radius:var(--r-pill);transition:transform .25s var(--ease-out),filter .25s}
.cookiebar__btn:hover{transform:translateY(-2px);filter:brightness(1.06)}
.cookiebar__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:560px){.cookiebar{left:12px;right:12px;bottom:12px}.cookiebar__inner{gap:14px;padding:16px}.cookiebar__btn{width:100%}}
@media(prefers-reduced-motion:reduce){.cookiebar{transition:none}}

/* ═══ ПОДПИСИ В ЛАЙТБОКСЕ ═══
   GLightbox по умолчанию рисует подпись белой плашкой чёрным Arial — на тёмном
   оверлее это выглядит как чужой элемент. Приводим к языку сайта: подложки нет,
   Raleway, наши цвета, по центру под изображением. Правило общее для всех галерей
   (сертификаты, применение CLT, проекты), поэтому живёт в base-clt. */
.glightbox-container .gslide-description{background:transparent;padding:0}
.glightbox-container .gdesc-inner{padding:20px 6px 4px}
.glightbox-container .gslide-title{font-family:var(--font);font-size:17px;font-weight:400;line-height:1.45;letter-spacing:.005em;color:#cfc4b1;text-align:center;margin:0}
.glightbox-container .gslide-desc{font-family:var(--font);font-size:16px;line-height:1.5;color:#8a7358;text-align:center;margin:8px 0 0}
/* стрелки и крестик — тоньше и в цвете сайта, чтобы не спорили с документом */
.glightbox-container .gnext,.glightbox-container .gprev,.glightbox-container .gclose{background:transparent;opacity:.65;transition:opacity .2s}
.glightbox-container .gnext:hover,.glightbox-container .gprev:hover,.glightbox-container .gclose:hover{opacity:1}

/* WP-only: скрыть бейдж reCAPTCHA на деве (ключ на прод-домен). Настроить в Этапе C. */
.grecaptcha-badge{display:none!important}

/* внутренние страницы: отступ под фиксированную шапку (на главной hero сам держит) */
body:not(.home){padding-top:88px}

/* ═══ ПРИГЛАШЕНИЕ К СОТРУДНИЧЕСТВУ / РАБОТА ПО МИРУ ═══
   Сквозной редакторский блок (рендерится ahs_render_invite в functions.php).
   Живёт в base-clt, потому что используется и на главной, и на внутренних. */
.invite__item{display:grid;grid-template-columns:minmax(260px,.85fr) 1.55fr;gap:clamp(26px,5vw,88px);align-items:start}
.invite__item+.invite__item{margin-top:clamp(52px,6.5vw,96px);padding-top:clamp(52px,6.5vw,96px);border-top:1px solid var(--line)}
.invite__ttl{font-size:clamp(30px,4.2vw,58px);line-height:1.04;letter-spacing:-.025em;margin:0;max-width:13ch}
.invite__body{max-width:70ch}
.invite__body p{color:var(--muted);font-size:clamp(16px,1.4vw,19px);line-height:1.62;margin:0}
.invite__body p+p{margin-top:20px}
.invite__body .lead{color:var(--ash);font-size:clamp(19px,1.75vw,25px);line-height:1.44;max-width:none}
@media(max-width:900px){
  .invite__item{grid-template-columns:1fr;gap:22px}
  .invite__ttl{max-width:18ch}
}