/* Акт 7 — дом изнутри: сад, лобби, пентхаусы, приватность, паспорт.

   ФОН — БУМАГА (#F2EFE9). Акт 5 перед ним лежит на земле страницы, и акт
   уходит на бумагу, чтобы читаться отдельной главой; снизу его отделяет
   линейка от шестого, который тоже бумажный.

   КОНТРАСТ ПОСЧИТАН (sRGB, WCAG 2.1) на #F2EFE9:
       --sd-ink     #1F1B18  14.90
       проза        #2A2521  13.21
       --sd-brick   #5A241B  10.75
       --sd-muted-s #544D45   7.25   — подписи и метки мельче 14px
   Кнопка: #F6F2EA на --sd-brick — 11.04. Новых цветов не заведено.

   Скрытых состояний в этом файле нет: без JS акт виден целиком. Прячет
   и проявляет только js/act7.js. */

.sd-a7 {
  position: relative;
  background: var(--sd-paper);
  border-bottom: 1px solid var(--sd-rule-soft);
  padding: clamp(72px, 12vh, 148px) var(--sd-gutter) clamp(64px, 10vh, 128px);
}
.sd-a7__wrap { max-width: 1180px; margin: 0 auto; }

.sd-a7__head { max-width: 680px; margin: 0 0 clamp(34px, 5vh, 62px); }
.sd-a7__k {
  margin: 0 0 14px; font-family: var(--sd-draft); font-weight: 600;
  font-size: clamp(11px, .78vw, 13px); letter-spacing: .2em;
  text-transform: uppercase; color: var(--sd-brick);       /* 10.75 */
}
.sd-a7__h {
  margin: 0; font-family: var(--sd-display); font-weight: 400;
  font-size: clamp(29px, 3.3vw, 45px); line-height: 1.16;
  letter-spacing: .012em; color: var(--sd-ink);            /* 14.90 */
}
.sd-a7__h span { display: block; }
.sd-a7__t, .sd-a7__p {
  margin: 18px 0 0; font-size: clamp(15px, 1.05vw, 18px); line-height: 1.6;
  color: #2A2521;                                          /* 13.21 */
}
.sd-a7__p { margin-top: 14px; }
.sd-a7__h3 {
  margin: 0; font-family: var(--sd-display); font-weight: 400;
  font-size: clamp(24px, 2.3vw, 34px); line-height: 1.18;
  letter-spacing: .012em; color: var(--sd-ink);
}

/* ─── кадры ─────────────────────────────────────────────────────────── */

.sd-a7__fig { margin: 0; }
.sd-a7__frame {
  overflow: hidden; background: #DCD6CB;
  border: 1px solid var(--sd-rule-soft);
}
.sd-a7__frame img { display: block; width: 100%; height: auto; }
.sd-a7__cap {
  margin: 14px 0 0; font-family: var(--sd-draft); font-size: 12.5px;
  line-height: 1.5; letter-spacing: .05em;
  color: var(--sd-muted-s);                                /* 7.25 */
}
/* «Проектная визуализация» — своей строкой с засечкой, как в акте 4c:
   при переносе inline-разделитель повисал бы в начале строки. */
.sd-a7__src {
  display: block; margin-top: 6px;
  letter-spacing: .16em; text-transform: uppercase; font-size: 11px;
}
.sd-a7__src::before {
  content: ""; display: inline-block; width: 16px; height: 1px;
  margin: 0 9px 3px 0; background: var(--sd-rule); vertical-align: middle;
}

/* текст под широким кадром — узкой колонкой со сдвигом, а не на всю ширину */
.sd-a7__text { max-width: 620px; margin: clamp(26px, 4vh, 44px) 0 0; }
.sd-a7__fig + .sd-a7__text { margin-left: clamp(0px, 8vw, 120px); }

/* лобби: кадр слева, текст справа по центру кадра */
.sd-a7__pair {
  display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: clamp(24px, 3.6vw, 60px); align-items: center;
  margin-top: clamp(64px, 10vh, 128px);
}
.sd-a7__duo {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 2.4vw, 36px);
  margin-top: clamp(30px, 4.5vh, 54px);
}
.sd-a7__fig--top { margin-top: clamp(64px, 10vh, 128px); }

.sd-a7__two {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(26px, 4vw, 70px); align-items: start;
}
.sd-a7__two .sd-a7__text { max-width: none; }

.sd-a7__list {
  display: grid; grid-template-columns: auto 1fr; gap: 12px 18px;
  margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--sd-rule-soft);
}
.sd-a7__list dt {
  margin: 0; padding-top: 4px;
  font-family: var(--sd-draft); font-weight: 600; font-size: 12px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--sd-brick);                                  /* 10.75 */
}
.sd-a7__list dd {
  margin: 0; font-size: clamp(14px, .98vw, 16.5px); line-height: 1.55;
  color: #2A2521;
}

/* ─── паспорт по декларации и призыв ────────────────────────────────── */

.sd-a7__pass {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(26px, 4vw, 70px); align-items: center;
  margin-top: clamp(52px, 8vh, 100px);
}
.sd-a7__card {
  padding: clamp(20px, 1.8vw, 30px) clamp(22px, 2vw, 34px);
  background: var(--sd-paper); border: 1px solid var(--sd-rule);
  box-shadow: 0 18px 44px rgba(60, 40, 30, .13);
}
.sd-a7__meta {
  display: grid; grid-template-columns: auto 1fr; gap: 8px 18px; margin: 0;
  font-family: var(--sd-draft); font-size: 12.5px;
  letter-spacing: .12em; text-transform: uppercase;
}
.sd-a7__meta dt { margin: 0; color: var(--sd-muted-s); }   /* 7.25 */
.sd-a7__meta dd { margin: 0; color: var(--sd-ink); }
.sd-a7__note {
  margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--sd-rule-soft);
  font-family: var(--sd-draft); font-size: 12px; line-height: 1.5;
  letter-spacing: .04em; color: var(--sd-muted-s);
}
.sd-a7__tt {
  margin: 0 0 16px; font-size: clamp(15px, 1.05vw, 18px); line-height: 1.5;
  color: #2A2521;
}
/* Контурная: заливкой кирпича на странице помечена только настоящая
   отправка формы. Эта кнопка — переход к ней. */
.sd-a7__cta {
  display: inline-block; padding: 13px 26px;
  border: 1px solid var(--sd-brick); background: transparent;
  color: var(--sd-brick);
  font-family: var(--sd-draft); font-weight: 600; font-size: 13px;
  letter-spacing: .18em; text-transform: uppercase; text-decoration: none;
  transition: background .18s ease, color .18s ease;
}
.sd-a7__cta:hover, .sd-a7__cta:focus-visible {
  background: var(--sd-brick); color: #F6F2EA;             /* 11.04 */
}

@media (max-width: 860px) {
  .sd-a7 { padding: 56px 12px 56px; }
  .sd-a7__head { margin-bottom: 26px; }
  .sd-a7__fig + .sd-a7__text { margin-left: 0; }
  .sd-a7__pair, .sd-a7__duo, .sd-a7__two, .sd-a7__pass { grid-template-columns: 1fr; }
  .sd-a7__pair { margin-top: 52px; }
  .sd-a7__fig--top { margin-top: 52px; }
  .sd-a7__list { grid-template-columns: 1fr; gap: 4px; }
  .sd-a7__list dd { margin-bottom: 10px; }
  .sd-a7__meta { font-size: 12px; letter-spacing: .1em; }
}