/* welawart-home.css — главная (front-page). Каркас (шапка/подвал/кнопка) — welawart-rebuild.css;
 * сетка карточек кейсов (.rb-grid/.rb-card) — welawart-listing.css.
 *
 * ДВА РЕЖИМА:
 *  • Мобайл (≤979): чистый ОДНОСТОЛБЦОВЫЙ стек (mobile-first база) — аккуратно стекается.
 *  • Десктоп (≥980): композиция ОРИГИНАЛА (right-push, 2-колоночная модель; контент в правой половине).
 *
 * 12 ПРАВОК Руслана (HOME_EDITS): п.1 типографика (TTCommons, +30%, полужирный 600 кроме названий
 * разделов); п.2/6/8 черты-разделители; п.3 названия разделов тусклые+обычный вес; п.4 фото услуг по центру;
 * п.5 «Подробнее» ниже; п.7 фото в карточках публикаций по центру; п.9 кнопка «Смотреть все публикации»;
 * п.12 фикс-логотип при скролле + скрытие статич. знака в подвале. */

/* Полужирное (600) для главной = TT Commons Medium (самый плотный в наборе — Bold-файла в наборе нет). */
@font-face{font-family:'TTCommons';src:url('../fonts/TT_Commons_Pro_Medium.woff2') format('woff2'),url('../fonts/TT_Commons_Pro_Medium.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}

.home{display:block;}
/* п.10 плавная прокрутка к разделам по якорям меню; offset под липкую шапку */
html{scroll-behavior:smooth;}
#services,#about,#m-cases,#form,#contacts{scroll-margin-top:72px;}

/* ===== п.1 ТИПОГРАФИКА: весь текст главной — полужирный (600); размеры подняты ~+30% (по элементам ниже). */
.home-body{font-weight:600;}
/* ===== п.3 НАЗВАНИЯ РАЗДЕЛОВ — тусклые + ОБЫЧНЫЙ вес (исключение из п.1). */
.home-sec__h2{color:#9a938c;font-weight:400;}
.home-bordo__h2{color:rgba(255,255,244,.55);font-weight:400;}
/* CTA формы — не «название раздела», а призыв: тёмный + полужирный (как основной текст). */
.home-form .home-sec__h2{color:var(--dark);font-weight:600;}

/* ===== п.2/6/8 ЧЕРТА-РАЗДЕЛИТЕЛЬ. */
.home-rule{height:0;margin:20px 0;border:0;border-top:1px solid rgba(32,30,30,.16);}
.home-rule--cream{border-top-color:rgba(255,255,244,.3);}

/* ===================== HERO (мобайл-база) ===================== */
.home-hero__in{padding:22px 20px 6px;display:flex;flex-direction:column;}
.home-hero__media{position:relative;width:100%;max-width:300px;aspect-ratio:96/134;background:var(--dark);border-radius:2px;overflow:hidden;order:1;}
@supports not (aspect-ratio:1){.home-hero__media{height:0;padding-bottom:139%;}}
.home-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;}
.home-hero__media img:first-child{opacity:1;transition:none;}   /* постоянный базовый кадр — НИКОГДА не тёмный */
.home-hero__media img.is-active{opacity:1;}
.home-hero__lead{order:2;margin-top:18px;font-size:22px;line-height:1.4;color:var(--dark);overflow-wrap:anywhere;}
.home-hero__lead p{margin:0;}
.home-hero__art,.home-hero__law{display:block;height:auto;}
.home-hero__art{order:3;width:86%;align-self:flex-start;margin-top:22px;}
.home-hero__law{order:4;width:86%;align-self:flex-end;margin-top:8px;}
/* MOBILE_STYLE п.1: эйброу+CTA в герое существуют ТОЛЬКО на мобайле (≤768). На десктопе/планшете скрыты. */
.home-hero__eyebrow,.home-hero__cta{display:none;}

/* ===================== СЕКЦИИ (общее, мобайл-база) ===================== */
.home-sec{padding:0;}
.home-sec__in{padding:32px 20px;}
.home-sec__h2{margin:0 0 12px;font-size:31px;line-height:1.15;}
.home-sec__intro{margin:0 0 12px;font-size:21px;line-height:1.45;color:var(--dark);overflow-wrap:anywhere;}
.home-sec__intro p{margin:0 0 10px;}
.home-sec__intro p:last-child{margin-bottom:0;}

/* ===================== УСЛУГИ (мобайл-база) ===================== */
.home-svc{display:grid;grid-template-columns:1fr;gap:14px;}
@media (min-width:640px){.home-svc{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* EDITS4-0: фон карточек — тёплый персиковый на тон темнее кремового фона страницы (не серо-бежевый). */
.home-svc__card{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8ece1;border-radius:2px;color:var(--dark);transition:background .2s;}
.home-svc__card:hover{background:#f2e2d2;}
.home-svc__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.home-svc__name{font-size:25px;line-height:1.2;}
.home-svc__n{font-size:18px;color:#6b6862;font-variant-numeric:tabular-nums;}
/* п.4 фото услуги — по ЦЕНТРУ карточки (горизонтально), небольшое */
.home-svc__ph{display:block;width:55%;max-width:200px;margin:4px auto;aspect-ratio:1;border-radius:2px;overflow:hidden;background:#f0e2d4;}  /* EDITS4-0: плейсхолдер фото — теплее (в тон персиковой карточки) */
.home-svc__ph img{width:100%;height:100%;object-fit:cover;}
.home-svc__more{margin-top:auto;padding-top:2px;font-size:18px;color:var(--bordo);}

/* ===================== БОРДО-ПЛАШКА (О компании + Наши клиенты, мобайл-база) ===================== */
.home-bordo__in{padding:0;}
.home-bordo__panel{background:var(--bordo);color:var(--cream);padding:36px 20px 52px;display:flex;flex-direction:column;gap:28px;}  /* EDITS3-1: запас снизу под «Наши клиенты» */
.home-bordo__row{display:block;}
.home-bordo__h2{margin:0 0 12px;font-size:29px;line-height:1.15;}
.home-bordo__rich{font-size:21px;line-height:1.45;color:var(--cream);overflow-wrap:anywhere;}
.home-bordo__rich p{margin:0 0 10px;}
.home-bordo__rich p:last-child{margin-bottom:0;}
.home-bordo__rich a{color:var(--cream);text-decoration:underline;}
/* п.5/EDITS2-2: «Подробнее» — на строку ниже текста И выровнено ВПРАВО (к правому краю колонки). */
.home-bordo__link{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:28px;min-height:44px;color:var(--cream);font-size:20px;text-decoration:underline;}

/* ===================== ПУБЛИКАЦИИ: п.7 фото по центру (как услуги), п.9 кнопка ===================== */
/* карточки публикаций переиспользуют .rb-card; на главной фото — по центру (не обложка сверху) */
/* EDITS4-0: на ГЛАВНОЙ карточки публикаций тоже персиковые (как карточки услуг), а не кремовые с рамкой. */
.home #m-cases .rb-card{align-items:stretch;background:#f8ece1;border-color:transparent;}
.home #m-cases .rb-card:hover{background:#f2e2d2;border-color:transparent;}
.home #m-cases .rb-card__ph{order:3;width:55%;max-width:200px;margin:12px auto 4px;aspect-ratio:1;align-self:center;background:#f0e2d4;}  /* EDITS4-0: плейсхолдер теплее */
.home #m-cases .rb-card__more{order:4;}
/* EDITS2-3: кнопка «Смотреть все публикации» — как submit «Отправить заявку» (бордо-заливка,
 * светлый текст, заглавные, те же паддинги), а не текстовая ссылка. */
.home-pubs-all{margin:26px 0 0;}
.home-pubs-all a{min-height:0;padding:10px 24px;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;border-radius:0;color:#ffffff;}  /* EDITS3-2: текст белый */
.home-pubs-all a:hover{background:#992f4d;}

/* ===================== ФОРМА (мобайл-база) ===================== */
.home-form__sub{margin:0 0 18px;font-size:22px;line-height:1.4;color:var(--dark);}
.home-form__box{max-width:560px;}

/* ===================== п.12 ФИКС-ЛОГОТИП (появляется при скролле, снизу-слева) ===================== */
/* Диагональный лок-ап ART/LAW (как на оригинале): ART сверху-слева, LAW снизу-справа (один SVG). */
.home-fixlogo{position:fixed;left:14px;bottom:14px;z-index:50;display:block;width:150px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility .3s;pointer-events:none;}
.home-fixlogo.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.home-fixlogo img{display:block;width:100%;height:auto;}   /* мобайл — небольшой, не перекрывает контент */
/* п.12: статичный знак в подвале убран на ВСЕХ ширинах главной (его заменяет фикс-лого). */
.home-body .rb-foot .wl-m__foot-wm{display:none;}
/* EDITS4-1: контакты подвала на главной — компактнее (было 22px) → 16px, чтобы блок не выбивался. */
.home-body .rb-foot .wl-m__contact{font-size:16px;}

/* =======================================================================================
 * ДЕСКТОП ≥980 — КОМПОЗИЦИЯ ОРИГИНАЛА (right-push, 2-колоночная модель)
 * ======================================================================================= */
@media (min-width:980px){
  /* общий контейнер секции: центр, боковые поля 22 → 2-колоночный грид */
  .home-hero__in,.home-sec__in,.home-bordo__in{max-width:1920px;margin:0 auto;padding-left:22px;padding-right:22px;}

  /* ----- ШАПКА: логотип + меню (ЗАГЛАВНЫЕ) слева, «Связаться» справа ----- */
  .home-body .rb-hdr{padding:0 22px;}
  .home-body .rb-hdr__logo img{height:18px;}
  .home-body .rb-hdr__nav{flex:1;margin-left:34px;gap:30px;}
  .home-body .rb-hdr__nav a{text-transform:uppercase;letter-spacing:.04em;font-size:15px;}
  .home-body .rb-hdr__cta{margin-left:auto;text-transform:uppercase;color:#fff;}  /* EDITS4-3: белый текст на залитой бордо-кнопке (фон/паддинг — из .rb-hdr__nav .rb-hdr__cta) */

  /* ----- HERO ----- */
  .home-hero__in{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;
    grid-template-areas:". photo" ". lead" "art ." ". law";padding-top:4px;padding-bottom:86px;}
  .home-hero__media{grid-area:photo;width:14%;max-width:none;aspect-ratio:96/134;margin:0;order:0;}
  .home-hero__lead{grid-area:lead;order:0;margin-top:76px;font-size:26px;line-height:1.35;max-width:none;}
  .home-hero__art{grid-area:art;order:0;width:100%;align-self:start;margin-top:96px;}
  .home-hero__law{grid-area:law;order:0;width:100%;align-self:start;margin-top:28px;}

  /* ----- ПРАВАЯ ПОЛОВИНА ----- */
  .home-right .home-sec__in{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:start;padding-top:60px;padding-bottom:60px;}
  .home-right__col{grid-column:2;min-width:0;}
  .home-sec__h2{display:inline-block;font-size:21px;line-height:1.25;margin-bottom:14px;}

  /* услуги */
  .home-svc{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
  .home-svc__card{aspect-ratio:1;padding:18px;justify-content:space-between;}
  .home-svc__top{align-self:stretch;}
  .home-svc__name{font-size:25px;}
  .home-svc__ph{aspect-ratio:1;width:29%;max-width:none;align-self:center;margin:0;}
  .home-svc__more{font-size:17px;text-transform:uppercase;letter-spacing:.03em;align-self:flex-end;}
  .home-svc__card--feat{grid-column:1 / -1;aspect-ratio:686/619;}
  .home-svc__card--feat .home-svc__ph{aspect-ratio:214/286;width:31%;}

  /* ----- БОРДО-ПЛАШКА ----- */
  .home-bordo__in{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;}
  .home-bordo__panel{grid-column:2;padding:18px 18px 48px;gap:30px;}  /* EDITS3-1: запас снизу под «Наши клиенты» */
  .home-bordo__row{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);column-gap:20px;align-items:start;}
  .home-bordo__h2{display:inline-block;justify-self:start;margin:0;font-size:21px;}
  .home-bordo__rich{font-size:21px;line-height:1.45;}

  /* черта в бордо на всю ширину панели (а не в сетке колонок) */
  .home-bordo__panel .home-rule{margin:6px 0;}

  /* публикации: фото по центру карточки (как услуги) */
  .home #m-cases .rb-card__ph{width:31%;max-width:none;}

  /* ----- ФОРМА ----- */
  .home-form .home-sec__h2{font-size:22px;}
  .home-form__sub{font-size:22px;}
  .home-form__box{max-width:none;}

  /* ----- ПОДВАЛ: статич. знак скрыт (его заменяет фикс-лого, п.12); контакты в правой половине ----- */
  .home-body .rb-foot .wl-m__foot{display:block;}
  .home-body .rb-foot .wl-m__foot-wm{display:none;}
  .home-body .rb-foot .wl-m__contacts{width:50%;margin-left:50%;}

  /* фикс-лого на десктопе крупнее и дальше от края */
  .home-fixlogo{left:30px;bottom:26px;width:440px;}   /* крупный диагональный знак, как на оригинале (~450px) */
}
@media (min-width:1500px){
  .home-hero__lead{font-size:29px;}
}

/* =======================================================================================
 * MOBILE_STYLE (≤768) — смелее освежить мобайл главной, сохранив айдентику (чёрный/кремовый/бордо,
 * крупная типографика ART LAW). Десктоп ≥980 и планшет 769–979 НЕ тронуты (всё в max-width:768).
 * ======================================================================================= */
@media (max-width:768px){
  /* ---------------- п.1 HERO: выразительный первый экран ---------------- */
  .home-hero__in{padding:24px 20px 32px;}
  /* порядок: эйброу → ART → LAW → оффер → CTA → фото (мелкое, в конце). Экран больше не открывается фото. */
  .home-hero__eyebrow{display:block;order:0;margin:4px 0 0;font-size:12.5px;font-weight:600;
    letter-spacing:.13em;text-transform:uppercase;color:var(--bordo);line-height:1.4;}
  .home-hero__eyebrow::after{content:"";display:block;width:46px;height:2px;background:var(--bordo);margin-top:14px;border-radius:2px;}
  .home-hero__art{order:1;width:96%;align-self:flex-start;margin-top:18px;}
  .home-hero__law{order:2;width:96%;align-self:flex-end;margin-top:2px;}
  .home-hero__lead{order:3;margin-top:24px;font-size:20px;line-height:1.45;}
  .home-hero__cta{display:inline-flex;order:4;margin-top:24px;}
  .home-hero__media{order:5;width:150px;max-width:150px;align-self:flex-start;margin-top:26px;border-radius:3px;}

  /* ---------------- п.6/п.7 РИТМ + бордо-акцент секций ---------------- */
  .home-sec__in{padding:38px 20px;}
  .home-sec__h2{font-size:27px;margin:0 0 8px;}
  /* бордо-черта над названием каждой кремовой секции (единый акцент, как эйброу героя) */
  .home-sec__h2::before{content:"";display:block;width:36px;height:2px;background:var(--bordo);margin:0 0 14px;border-radius:2px;}
  .home-sec__intro{font-size:19px;margin-bottom:14px;}
  .home-rule{margin:16px 0;}

  /* ---------------- п.2 КАРТОЧКИ УСЛУГ — премиальнее ---------------- */
  .home-svc{gap:16px;}
  .home-svc__card{position:relative;padding:22px;background:#f6e7d8;border:1px solid rgba(121,14,44,.16);
    border-radius:12px;box-shadow:0 1px 3px rgba(32,30,30,.05);
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease;-webkit-tap-highlight-color:transparent;}
  .home-svc__card:active{transform:scale(.985);background:#f0dcc8;box-shadow:0 1px 2px rgba(32,30,30,.07);}
  .home-svc__top{align-items:flex-start;}
  .home-svc__name{font-size:22px;line-height:1.18;max-width:80%;}
  /* крупный номер 01–05 как дизайн-элемент (бордо) */
  .home-svc__n{font-size:32px;font-weight:600;line-height:1;color:var(--bordo);opacity:.92;}
  /* единый аккуратный кроп фото (во всю ширину карточки) */
  .home-svc__ph{width:100%;max-width:none;aspect-ratio:16/10;margin:16px 0 0;border-radius:7px;background:#ead9c6;}
  .home-svc__more{margin-top:16px;font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}

  /* ---------------- п.2/п.7 КАРТОЧКИ ПУБЛИКАЦИЙ — те же приёмы ---------------- */
  .home #m-cases .rb-card{padding:22px;background:#f6e7d8;border:1px solid rgba(121,14,44,.16);
    border-radius:12px;box-shadow:0 1px 3px rgba(32,30,30,.05);transition:transform .22s ease,background .22s ease;-webkit-tap-highlight-color:transparent;}
  .home #m-cases .rb-card:active{transform:scale(.985);background:#f0dcc8;}
  .home #m-cases .rb-card__ph{width:100%;max-width:none;aspect-ratio:16/10;margin:0 0 14px;border-radius:7px;order:0;}
  .home #m-cases .rb-card__cat{order:1;}
  .home #m-cases .rb-card__title{order:2;}
  .home #m-cases .rb-card__teaser{order:3;}
  .home #m-cases .rb-card__more{order:4;text-transform:uppercase;letter-spacing:.05em;font-weight:600;}

  /* ---------------- п.6 БОРДО-ПЛАШКА: убрать большую пустоту снизу ---------------- */
  .home-bordo__panel{padding:34px 22px;gap:30px;}
  .home-bordo__h2{font-size:24px;}
  .home-bordo__rich{font-size:19px;}
  .home-bordo__link{margin-top:16px;justify-content:flex-start;font-size:15px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}

  /* ---------------- п.3 «Смотреть все публикации» — во всю ширину, крупнее ---------------- */
  .home-pubs-all{margin-top:22px;}
  .home-pubs-all a{width:100%;min-height:54px;padding:16px 24px;font-size:15px;border-radius:8px;}

  /* ---------------- ФОРМА ---------------- */
  .home-form__sub{font-size:19px;}
  /* п.3: кнопка отправки формы — тоже крупная CTA во всю ширину, тач-цель ≥48px (как .rb-btn). */
  .home-form__box .wl-submit{width:100%;min-height:54px;padding:16px 24px;font-size:15px;border-radius:8px;}
  /* п.5: запас снизу, чтобы фикс-лого (скрывается у низа в JS) не накладывался на форму */
  .home-form .home-sec__in{padding-bottom:60px;}

  /* ---------------- п.5 ФИКС-ЛОГО: компактнее (наезд у низа убирает JS — прячет у формы/подвала) ---- */
  .home-fixlogo{width:118px;left:16px;bottom:16px;}
}