/* ------------------------------------------------------------------
   БЦ «ТРАСТ» — временная страница-заглушка
   Все значения взяты из брендбука «ТРАСТ» 2025 и исходника TPACT_2.ai.
   Логоблок (логотип + дескриптор) целиком экспортирован из артборда 1
   файла TPACT_2.ai в assets/logoblock.svg с официальными пропорциями
   и расстояниями. Паттерн — артборд 17 того же файла.
   ------------------------------------------------------------------ */

@font-face {
  font-family: "Jost";
  src: url("assets/jost-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Фирменные цвета, брендбук стр. 16 */
  --trast-dark: #122E39;          /* R18 G46 B57 — доминирующий тёмно-синий */

  /* Ширина логоблока задаёт всю типографическую сетку страницы.
     Ширина viewBox логоблока равна ширине логотипа (350.038 pt),
     поэтому логотип сохраняет прежний размер на экране. */
  --logo-w: clamp(160px, 30vmin, 360px);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background-color: var(--trast-dark);
  color: #FFFFFF;
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif;
  font-weight: 300;
  overflow: hidden;
}

.page {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  justify-items: center;
  height: 100vh;
  height: 100svh;
  padding: 0 24px;
  overflow: hidden;
}

/* Фирменный паттерн, TPACT_2.ai артборд 17:
   блок 600.655 × 886.536 pt, отцентрован, 82.09 % высоты полосы 1920×1080.
   В исходнике белые штрихи с непрозрачностью 24 % по светлому фону #EBE7E4.
   На тёмном фоне та же непрозрачность дала бы заметно более контрастный
   рисунок, поэтому она снижена до 6 % — тон-в-тон сохранён. */
.page__pattern {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: min(82svh, 115vw);
  aspect-ratio: 600.655 / 886.536;
  background: url("assets/pattern.svg") center / 100% 100% no-repeat;
  opacity: 0.06;
  pointer-events: none;
}

.brand {
  position: relative;
  grid-row: 1;
  align-self: center;
  margin-top: 8svh;               /* оптический сдвиг блока к центру полосы */
}

.brand__logoblock {
  display: block;
  width: var(--logo-w);
  height: auto;
  aspect-ratio: 350.038 / 475.687;
}

.notice {
  grid-row: 2;
  margin: 0 0 clamp(28px, 9svh, 92px);
  font-size: clamp(11px, calc(var(--logo-w) * 0.055), 18px);
  font-weight: 300;
  letter-spacing: 0.32em;
  text-indent: 0.32em;            /* компенсация хвостового трекинга при центрировании */
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  color: rgba(255, 255, 255, 0.58);
}

/* Низкие экраны в альбомной ориентации: сжимаем сетку, чтобы не было обрезки */
@media (max-height: 520px) and (orientation: landscape) {
  :root { --logo-w: clamp(120px, 26vmin, 240px); }
  .brand { margin-top: 4svh; }
  .page__pattern { height: min(76svh, 115vw); }
  .notice {
    margin-bottom: clamp(16px, 6svh, 40px);
    font-size: 11px;
    letter-spacing: 0.24em;
    text-indent: 0.24em;
  }
}