/* ============================================================
   base.css — сброс, типографика, контейнер, утилиты, секции
   Маппинг в WP: общий стиль темы (enqueue на всех страницах).
   ============================================================ */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Manrope",system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--bg);
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

/* Заголовки: по ТЗ — font-weight 800, выравнивание по левому краю */
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.08;text-align:left;}
h2{font-size:clamp(26px,3vw,40px);}
p{margin:0;}

.container{max-width:var(--container);margin:0 auto;padding:0 24px;}

.eyebrow{
  font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brand-ink);
}

/* доступная скрытая подпись (напр. SEO h1 при слайдере) */
.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ---------- SECTION ---------- */
section.block{padding:56px 0;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap;}
.sec-head .left{max-width:680px;}
.sec-head .eyebrow{margin-bottom:10px;}
.sec-head p.lead{color:var(--ink-2);font-size:16px;margin-top:12px;}
.sec-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-ink);font-size:15px;}
.sec-link svg{width:16px;height:16px;transition:.18s;}
.sec-link:hover svg{transform:translateX(4px);}

@media(max-width:760px){
  section.block{padding:40px 0;}
}