/* layout.css — каркас: контейнер, секции, заголовки секций, сетки. */
.container { width: min(100% - var(--gutter) * 2, var(--container)); margin-inline: auto; }

.section { padding-block: var(--sp-9); position: relative; }
.section--alt { background: var(--c-bg-alt); }

/* Срез под наклон логотипа. Работает на любой секции. */
.section--slant {
  clip-path: polygon(0 var(--slant), 100% 0, 100% calc(100% - var(--slant)), 0 100%);
  padding-block: calc(var(--sp-9) + var(--slant));
  margin-block: calc(var(--slant) * -.5);
}

.section__head { max-width: 46rem; margin-bottom: var(--sp-7); }
.section__head p { margin-top: var(--sp-4); color: var(--c-text-2); font-size: var(--fs-500); line-height: 1.55; }

/* Заголовок внутренней страницы (услуги, прайс и т.п.) */
.page-head { padding-top: calc(var(--header-h) + var(--sp-8)); padding-bottom: var(--sp-7); border-bottom: 1px solid var(--c-line); }

main { display: block; }