/* ТЕССИНСКИЙ, V — страница «Застройщик ELEMENT».
   Подключается после css/style.css?v=17 — переиспользует токены и большинство
   существующих классов (.numbers, .arch-grid, .dist-item, .credit-row,
   .intro-quote и т.д.), уже проверенные на контраст. Здесь — только то,
   чего не было в общей таблице стилей. */

/* ---------- шапка на подстранице ----------
   Пробовали показывать .nav-links на мобильном горизонтальной лентой, но
   логотип при этом сжимался и ломался на две строки, наезжая на ссылки.
   Оставляем как на главной: до 980px меню скрыто, логотип ведёт на главную,
   переходы по разделам — из подвала. */
.nav-current { color: var(--gold) !important; }

/* ---------- хлебные крошки поверх тёмного хиро ---------- */
.crumbs {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
}
.crumbs a { color: rgba(255, 255, 255, 0.88); }
.crumbs a:hover { color: var(--gold); }

/* ---------- хиро застройщика: статичный кадр вместо видео-лупа ---------- */
.dev-hero {
  position: relative;
  min-height: 74vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--charcoal);
  /* шапка .nav фиксированная и занимает ~109px сверху. Контента в хиро больше,
     чем 74vh, и при align-items:flex-end переполнение уходит вверх — прямо под
     логотип и меню. Отступ держит крошки и h1 ниже шапки на любой высоте экрана. */
  padding-top: clamp(124px, 18vh, 190px);
}
.dev-hero img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 42%;
}
.dev-hero::after {
  content: "";
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(20,17,13,0.5) 0%, rgba(20,17,13,0.14) 32%, rgba(20,17,13,0.66) 76%, rgba(20,17,13,0.92) 100%);
}
.dev-hero-copy {
  position: relative; z-index: 2;
  width: 100%;
  padding: 0 0 clamp(40px, 7vh, 88px);
  color: #fff;
}
.dev-hero-copy .inner { max-width: var(--maxw); margin: 0 auto; padding: 0 clamp(20px,5vw,64px); }
.dev-hero h1 {
  font-size: clamp(34px, 5.6vw, 68px);
  line-height: 1.06;
  color: #fff;
  text-shadow: 0 2px 30px rgba(20,17,13,0.4);
}
.dev-hero-sub {
  margin-top: 20px;
  font-size: clamp(15px, 1.4vw, 18px);
  max-width: 640px;
  color: rgba(255,255,255,0.88);
  line-height: 1.65;
}
.dev-hero-cta { margin-top: 32px; display: flex; gap: 16px; flex-wrap: wrap; }

/* ---------- «также ищут как» — короткая строка под about ---------- */
.dev-alt-name {
  margin-top: 18px;
  font-size: 13.5px;
  color: var(--stone);
}

/* ---------- команда проекта: карточки чередуются, как .arch-grid, но своя разметка для текстовых блоков без фото ---------- */
.partner-block { margin-top: 90px; }
.partner-block:first-child { margin-top: 0; }
.partner-block .arch-media img { border-radius: var(--radius); }
.partner-text-only {
  border-top: 1px solid var(--line);
  padding-top: 28px;
  margin-top: 90px;
}

/* ---------- юр. факты проекта (переиспользует .credit-row из style.css) ---------- */
.legal-note {
  margin-top: 24px;
  font-size: 14px;
  color: var(--stone-dark);
  line-height: 1.7;
}
.legal-note a { color: var(--terracotta-deep); text-decoration: underline; text-underline-offset: 3px; }
.legal-note a:hover { color: var(--terracotta); }

/* ---------- статус в списке портфеля (переиспользует .dist-item) ---------- */
.dev-portfolio .dist-item .time { font-size: 13.5px; font-family: 'Jost', sans-serif; color: var(--terracotta-ink); text-transform: uppercase; letter-spacing: 0.06em; }
.dev-portfolio .dist-item.is-current .name { color: var(--terracotta-deep); }
.dev-portfolio .dist-item.is-current .time { color: var(--terracotta-deep); font-weight: 500; }

/* ---------- адаптив ---------- */
@media (max-width: 820px) {
  .dev-hero { min-height: 60vh; }
  .partner-block, .partner-text-only { margin-top: 48px; }
}