/* цвета сайта, собрано из _semya/sites.py */
:root {
  --b1: #D42A21; --b2: #1D2735; --accent-t: #D42A21; --btn: #D42A21;
  --ink: #1D2735; --light: #F4F2F1; --grey: #F4F2F1; --dark: #D42A21; --deep: #1D2735;
  --mark: #F8DCD9; --mark-op: 1; --w1: #D42A21; --w2: #1D2735;
  --pink: #FFD2CF; --red-t: #D42A21; --red-d: #D42A21; --red: #D42A21;
  --mark-face: rgba(212,42,33,.25); --hero-eyebrow: #D42A21;
}
body[data-theme="white"], body[data-theme="light"], body[data-theme="grey"] { --fg: var(--ink); --fg-2: rgba(29,39,53,.74); --line: rgba(29,39,53,.18); }
body[data-theme="dark"], body[data-theme="ink"] { --fg: #fff; --fg-2: rgba(255,255,255,.88); --line: rgba(255,255,255,.3); --red-t: #FFD2CF; }
body[data-theme="ink"] .hdr.is-scrolled, body[data-theme="ink"] .stagebg { background-color: var(--deep); }
.page main > section[data-theme="white"] { background: #fff; color: var(--ink); --fg: var(--ink); --fg-2: rgba(29,39,53,.74); --line: rgba(29,39,53,.18); }
.page main > section[data-theme="light"], .page main > section[data-theme="grey"] { background: var(--light); color: var(--ink); --fg: var(--ink); --fg-2: rgba(29,39,53,.74); --line: rgba(29,39,53,.18); }
.page main > section[data-theme="dark"] { background: var(--dark); color: #fff; --fg: #fff; --fg-2: rgba(255,255,255,.88); --line: rgba(255,255,255,.3); --red-t: #FFD2CF; }
.page main > section[data-theme="ink"] { background: var(--deep); color: #fff; --fg: #fff; --fg-2: rgba(255,255,255,.86); --line: rgba(255,255,255,.28); --red-t: #FFD2CF; }
.page main > section.s-hero { background: #fff; }
.s-hero { box-shadow: inset 0 8px 0 var(--b1); }
.s-hero .phero__title { color: var(--b1); font-weight: var(--fw-strong); }
.s-hero .phero__title .line:first-child { font-size: clamp(3.5rem, 22vw, 13rem); line-height: .92; letter-spacing: -.02em; }
.s-hero .phero__subline { color: var(--ink); font-weight: var(--fw-head); }