/* ==========================================================================
   layout.css — общий каркас: .page, хром на всю ширину
   Межсекционная вертикаль НЕ хардкодится тут — каждая секция задаёт свой
   padding из своей геометрии Figma.
   ========================================================================== */

/* Страховка от горизонтального скролла на всех брейкпоинтах */
html, body {
  overflow-x: clip;
}

/* Обёртка контента сайта (секции hero..photobank) */
.page {
  /* Дизайн рассчитан на 1920: на экранах шире — контент по центру, не тянется */
  position: relative;
  max-width: 1920px;
  margin-inline: auto;
  background: var(--c-bg);
  overflow-x: clip;
}

/* Шапка и подвал — на всю ширину, вне .page */
.header {
  width: 100%;
}

.footer {
  width: 100%;
}