/* Базовый слой: reset и элементы (тёмная тема макета). */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

/* якорные переходы: отъезд ниже закреплённой шапки */
[id] { scroll-margin-top: var(--header-h); }

body {
  margin: 0;
  font-family: var(--f-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--c-on-bg);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip; /* полноширинные ленты слайдеров не дают горизонтальный скролл */
}

h1, h2, h3, h4 {
  font-family: var(--f-head);
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: inherit;
}

h1 { font-size: var(--fs-hero-title); line-height: var(--lh-hero-title); font-weight: 500; }
h2 { font-size: var(--fs-section); line-height: var(--lh-section); font-weight: 500; }
h3 { font-size: var(--fs-sub); line-height: var(--lh-sub); font-weight: 400; }

p { margin: 0; }

a { color: var(--c-on-bg); text-decoration: none; }
a:not(.btn):not(.perf-row__btn):not(.actor-card__btn):hover { color: var(--c-accent); }

img { max-width: 100%; height: auto; display: block; }

ul { margin: 0; padding: 0; list-style: none; }

:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }

.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}