/* ============================================================
   СТАТИЧЕСКИЕ СТРАНИЦЫ — РУЧНОЙ ДОБОР ПОД ALCHEMY
   Anna Gorodetskaya — Portfolio · 13 сент 2026

   Рукописный файл, тот же статус, что у case-alchemy-tune.css/
   practice-alchemy-tune.css: подключается ключом pagesTuneCss
   (CSS_KEYS, site/build.mjs) после pagesCss (=pages-jelly.css) во
   всех четырёх функциях (buildAbout/buildCv/buildContact/buildLegal),
   едет только в dist-alchemy.

   Здесь ровно две задачи, ни одна не решается токенами моста
   (design/system/_alchemy-bridge.css уже даёт --g-intro — фон тела
   всех пяти страниц, см. бридж):

   1. Розовый хэйрлайн jelly под обложками About/CV. pages-jelly.css
      красит его литералом rgba(181,118,155,0.4) — не переменной,
      мост такое не достаёт (color-mix/var читает только имена).
      На тёмном оливковом грунте alchemy этот маджента-розовый читается
      чужеродным пятном — perekрашено на тот же приём, что уже даёт
      case-alchemy-tune.css для плум-градиента ведущего кадра: та же
      альфа (0.4), тот же композиционный смысл (тонкая линия под
      светлой текстурной обложкой), но из уже объявленного токена
      темы, а не нового hex.

   2. Фамильяр About (about-alchemy.html) — крылатое яйцо взамен
      убранного портрета. Слот тот же, что держал figure.jpage__portrait
      (правая колонка .jpage__cover, align-items:end), но фамильяр —
      декоративный объект, а не фотография во всю колонку: сажать
      его на всю высоту как портрет значило бы утяжелить страницу
      ради виджета, который не несёт информации, только акцент.

   Белые полупрозрачные rgba (jcv__rail/jcv-f: rgba(255,255,255,0.55)
   и rgba(255,255,255,0.3), по два вхождения каждый) — проверены в
   браузере на тёмном грунте, читаются обычной стеклянной плашкой
   (тот же приём, что .button.glass в skin-alchemy.css — тоже белый
   на тёмном), узнаваемого чужого цвета не дают. Не тронуты.
   ============================================================ */

/* ------------------------------------------------------------
   1. РОЗОВЫЙ ХЭЙРЛАЙН — About и CV, обе обложки несут его отдельно
      (pages-jelly.css: .jpage__cover строка ~25, .jcv__cover ~133).
   ------------------------------------------------------------ */

.jpage__cover,
.jcv__cover {
  border-bottom-color: color-mix(in srgb, var(--accent) 40%, transparent);
}

/* ------------------------------------------------------------
   2. ФАМИЛЬЯР ABOUT — .jpage__familiar заменяет .jpage__portrait
      в правой колонке обложки. Ширина — тот же порядок величины,
      что .silver-about на главной (clamp 260–360px под ouroboros
      about-section), здесь чуть скромнее: яйцо в about-alchemy.html
      акцент рядом с текстом, а не главный визуальный вес экрана,
      как портрет был у jelly.
   ------------------------------------------------------------ */

.jpage__familiar {
  align-self: end;
  justify-self: center;
  width: clamp(200px, 22vw, 300px);
  padding-bottom: 8%;
}

@media (max-width: 860px) {
  .jpage__familiar {
    justify-self: center;
    width: clamp(160px, 42vw, 220px);
    padding-bottom: 0;
    margin: 0 auto;
  }
}