/* Reset + базовая типографика + RTL. Страница ивритская: . */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } body { font-family: var(--font-family); font-weight: var(--fw-light); color: var(--color-ink); background: var(--color-white); text-align: right; overflow-x: hidden; } img, svg, video { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; } ul, ol { list-style: none; } h1, h2, h3, h4, p { font-weight: inherit; font-size: inherit; } :focus-visible { outline: none; box-shadow: var(--focus-ring); } /* Канва 1440 — якорь координатной раскладки секций. До 1440px ширина канвы = 100vw (поведение не меняется), выше 1441px (--u: 1px) канва фиксируется в 1440px и центрируется — координатные элементы не липнут к левому краю широких экранов. Full-bleed фоны (фото, оверлеи, текстуры) остаются на уровне секции. */ .canvas { position: relative; width: calc(1440 * var(--u)); height: 100%; margin: 0 auto; } @media (max-width: 767px) { .canvas { position: static; width: auto; height: auto; margin: 0; } } .visually-hidden { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } /* Заголовок секции — общий паттерн макета: 85px / ExtraLight 200 */ .section-title { font-size: calc(85 * var(--u)); font-weight: var(--fw-xlight); line-height: calc(109 / 85); text-align: center; color: var(--color-ink); } @media (max-width: 767px) { .section-title { font-size: calc(44 * var(--u)); line-height: 1.25; } }