/* ============================================================
   ДОСТОЯНИЕ · цвета и графика проекта для квиз-посадок.
   Подключается после site.css и quiz.css.
   Из буклета: белый фон, тёмно-синий Новастроя, тёплый песочный,
   тонкие линии, орнамент из знака. Заголовки — Unbounded
   (вместо фирменного Benzin: файлов нет), текст — Montserrat.
   ============================================================ */
.theme-brand{
  --font-ui:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-display:'Unbounded','Arial Black',system-ui,sans-serif;
  --bg:#FFFFFF;
  --bg-2:#F6F3EE;
  --bg-3:#ECE6DB;
  --line:rgba(27,37,79,.16);
  --txt:#1B254F;
  --dim:#565D7C;
  --paper:#1B254F;
  --accent:#1B254F;
  --accent-hi:#2C3A75;
  --accent2:#8A6F45;
  --on-accent:#FFFFFF;
  --scrim:255,255,255;
  --card:#FFFFFF;
  --input-bg:#FAF8F4;
  --grain-opacity:0;
  --tint:#E2CFA9;
  --tint-mid:#EADDC3;
  --tint-soft:#F4EEE2;
  --ink-rgb:27,37,79;
  --deco-photo:url(img/ornament_white.png);
  --deco-photo-opacity:.9;
  --deco-corner:url(img/ornament_navy.png);
  --logo-h:92px;
  color-scheme:light;
}
/* орнамент из знака — мягкой вуалью из угла видео, без рамки и подложки:
   узор растворяется по диагонали и не имеет обрезанных краёв */
.theme-dost .intro__media::after{
  left:0;top:0;right:auto;bottom:auto;width:64%;height:58%;aspect-ratio:auto;
  background:
    var(--deco-photo) repeat left top/230px auto,
    radial-gradient(115% 115% at 0 0,rgba(27,37,79,.62) 0,rgba(27,37,79,.3) 38%,rgba(27,37,79,0) 70%);
  opacity:.72;mix-blend-mode:normal;
  -webkit-mask-image:radial-gradient(115% 115% at 0 0,#000 0,rgba(0,0,0,.7) 30%,transparent 66%);
          mask-image:radial-gradient(115% 115% at 0 0,#000 0,rgba(0,0,0,.7) 30%,transparent 66%);
}
.theme-dost .offer--main .offer__cap{color:var(--tint)}
@media (min-width:1100px){
  .theme-dost .screen--quiz::after,.theme-dost .screen--form::after{right:24px;bottom:24px;width:150px;aspect-ratio:1/1;opacity:.5}
}
/* кадрирование квадратных роликов в высокой колонке: держим людей в кадре */
.theme-dost .intro__photo[src*="hero-ipoteka"],.theme-dost .intro__video[data-src*="hero-ipoteka"]{object-position:0 50%}
.theme-dost .intro__photo[src*="hero-start"],.theme-dost .intro__video[data-src*="hero-start"]{object-position:15% 50%}