/* Совместимость форм / cookie / prose с тёмной оболочкой референса */
:root {
  --rb-black: #f5f5f7;
  --rb-white: #141414;
  --rb-paper: #141414;
  --rb-gray-50: #1c1c1e;
  --rb-gray-100: #222226;
  --rb-gray-300: #3a3a40;
  --rb-gray-500: #8a8a94;
  --rb-gray-700: #b8b8c2;
  --rb-line: #ffffff20;
  --rb-line-strong: #ffffff35;
  color-scheme: dark;
}

body {
  background: #141414;
  color: #fff;
}

/* Cookie / feedback на тёмном фоне */
[data-rb-cookie],
.cookie-banner,
.rb-cookie {
  color: #141414;
}

.document-content.prose,
.prose {
  color: #bdbdc7;
}

.document-content.prose h1,
.document-content.prose h2,
.document-content.prose h3,
.document-content.prose h4,
.prose h1,
.prose h2,
.prose h3 {
  color: #fff;
}

.document-content.prose a,
.prose a {
  color: #c5a6ff;
}

/* Inputs на тёмных страницах */
input,
textarea,
select {
  color-scheme: dark;
}

/* ——— Hero: камень/монолит на широких экранах + боковая подпись ——— */

/* Держим эмблему справа в кадре, а не обрезаем по центру */
.hero-scene {
  object-fit: cover;
  object-position: 72% 46%;
}

/* Подпись рядом с логотипом в artwork (якорь — .hero, не .container) */
.hero-side-note {
  position: absolute;
  z-index: 2;
  top: 38%;
  right: clamp(28px, 9.5vw, 160px);
  left: auto;
  margin: 0;
  pointer-events: none;
  text-align: left;
}

@media (min-width: 1200px) {
  .hero-grid {
    height: clamp(480px, 40vw, 680px);
  }
  .hero-scene {
    object-position: 78% 44%;
  }
  .hero-side-note {
    top: 36%;
    right: clamp(48px, 11vw, 190px);
  }
}

/* Широкие мониторы: выше hero → меньше crop, камень остаётся в кадре */
@media (min-width: 1600px) {
  .hero-grid {
    height: clamp(600px, 38vw, 780px);
  }
  .hero-scene {
    object-fit: cover;
    object-position: right 42%;
  }
  .hero-side-note {
    top: 34%;
    right: clamp(72px, 12vw, 220px);
  }
}

@media (min-width: 1920px) {
  .hero-grid {
    height: clamp(660px, 36vw, 860px);
  }
  .hero-scene {
    /* Почти весь кадр artwork, смещение к эмблеме справа */
    object-position: 88% 40%;
  }
  .hero-side-note {
    right: clamp(100px, 13vw, 260px);
  }
}

/* Мобильная вёрстка референса без изменений */
@media (max-width: 760px) {
  .hero-side-note {
    display: none;
  }
}