/* ==========================================================================
   Russian edition (/ru/). Loaded after site.css and only adds to it.

   Archivo has no Cyrillic, so headings fall through to Roboto Flex for
   Cyrillic characters; it has a width axis, so the condensed display styles
   in site.css (font-stretch 75–92%) still apply. Latin characters in headings
   keep using Archivo. Body text gets the Cyrillic subset of Source Serif 4
   under the same family name, so the Latin face in site.css is untouched.
   ========================================================================== */

@font-face {
  font-family: 'Roboto Flex';
  src: url('/assets/fonts/robotoflex-cyrillic-var.woff2') format('woff2');
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Source Serif 4';
  src: url('/assets/fonts/sourceserif4-cyrillic-var.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
  --display: 'Archivo', 'Roboto Flex', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

/* Russian words run long; let body copy hyphenate, never headings. */
html[lang='ru'] p { hyphens: auto; }

/* ---------------------------------------------------------------- cover -- */

/* The English cover has black margins that melt into the page; this one has
   a magenta band, so it reads as a printed book instead: no blend, a shadow. */
.hero__cover img,
.contact__book img {
  mix-blend-mode: normal;
  border-radius: 2px;
  box-shadow: 0 30px 70px -30px rgba(230, 40, 140, 0.45), 0 18px 40px -18px rgba(0, 0, 0, 0.9);
}

.hero__cover img { max-width: 320px; }

.deck { max-width: 30ch; }

/* --------------------------------------------------------- about the book */

.intro__dedication {
  margin: 1.75rem 0 0;
  padding-left: 1.25rem;
  font-style: italic;
  color: var(--muted);
  max-width: 34ch;
}

.intro__note {
  padding-left: 1.25rem;
  border-left: 2px solid var(--line);
}

/* Specs: six pairs instead of four. */
.specs { max-width: 30rem; }

/* ------------------------------------------------------------ backlist --- */

.book + .book { margin-top: 1.5rem; }

/* ---------------------------------------------------------- breakpoints -- */

@media (max-width: 55.99rem) {
  .hero__cover img { max-width: 220px; }
}