/* ========================================
   PROBATUM — точные координаты .fig (page-rel: x = pagex-6224, top = pagey-192)
   Контейнер = весь фрейм 1440 (поля неравномерны: SIGN @73, hero @183, заголовок @569).
   Линии #989CA0 (bracket/col 0.5, SIGN underline 1). ls:6=6%(0.06em), ls:19=19%(0.19em).
   Отклонение от Figma — только кириллические шрифты.
   ======================================== */

.probatum-page {
  position: relative;
  width: 1440px;
  max-width: 100%;
  height: 1292px;            /* T192→T1484 (низ форматов) */
  margin: 0 auto;
  padding-top: 117px;        /* зазор под навбар (Figma title @T192, навбар 75) */
  box-sizing: content-box;
  background: #F1F1F1;
}

/* обёртки прозрачны — листья позиционируются от .probatum-page */
.probatum-hero, .probatum-sign-section,
.sign-heading-row, .sign-body, .sign-two-columns,
.sign-format-grid, .sign-col-clarifications, .sign-col-functional { display: contents; }

/* ── Hero ── */
.probatum-main-title {
  position: absolute; left: 569px; top: 0; margin: 0;     /* Figma @L569/T192 */
  font-family: 'Luxerie', serif;
  font-size: 64px; font-weight: 400; letter-spacing: 0.06em;
  color: #000; line-height: normal;
}

.pb-stmt {
  position: absolute; top: 110px; margin: 0;   /* Figma T302 */
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400; letter-spacing: 0.06em;
  color: #474646; white-space: nowrap;
}
.pb-stmt--1 { left: 183px; }                   /* Figma L183 */
.pb-stmt--2 { left: 597px; }                   /* Figma L597 */
.pb-stmt--3 { left: 1011px; }                  /* Figma L1011 */

/* bracket (Figma Line24-27) */
.pb-bracket-h, .pb-bracket-tl, .pb-bracket-tr, .pb-bracket-tc {
  position: absolute; background: #989CA0;
}
.pb-bracket-h  { left: 301px;  top: 164px; width: 837px;  height: 0.5px; } /* Line25 */
.pb-bracket-tl { left: 301px;  top: 153px; width: 0.5px;  height: 11px; }  /* Line24 */
.pb-bracket-tr { left: 1138px; top: 164px; width: 0.5px;  height: 11px; }  /* Line26 */
.pb-bracket-tc { left: 720px;  top: 186px; width: 0.5px;  height: 22px; }  /* Line27 */

.access-heading {
  position: absolute; left: 594px; top: 266px; margin: 0; /* Figma @L594/T458 */
  font-family: 'Maven Pro', sans-serif;
  font-size: 40px; font-weight: 400; letter-spacing: 0.06em;
  color: #474646; line-height: normal; white-space: nowrap;
}
.access-tagline {
  position: absolute; left: 591px; top: 328px; margin: 0; /* Figma @L591/T520 */
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400; letter-spacing: 0.06em;
  color: #474646; line-height: 1; white-space: nowrap;
}
.access-description {
  position: absolute; left: 579px; top: 367px; margin: 0; /* Figma @L579/T559 */
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400;
  color: #252525; line-height: 1; white-space: nowrap;
}

/* ── SIGN ── */
.sign-heading {
  position: absolute; left: 73px; top: 481px; margin: 0;  /* Figma @L73/T673 */
  font-family: 'Luxerie', serif;
  font-size: 40px; font-weight: 400; color: #000; line-height: normal;
}
.sign-heading-rule {
  position: absolute; left: 73px; top: 535px;  /* Figma Line1 @T727 */
  width: 1278px; height: 1px; background: #989CA0;
}
.sign-intro-text {
  position: absolute; left: 76px; top: 578px; margin: 0;  /* Figma @L76/T770 */
  width: 1253px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400; color: #252525; line-height: 1;
}
.sign-brand-name { font-weight: 400; }

.sign-clarification-text {
  position: absolute; left: 164px; top: 676px; margin: 0; /* Figma @L164/T868 */
  width: 416px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400; color: #252525; line-height: 1.75;
}
.sign-col-separator {
  position: absolute; left: 720px; top: 655px; /* Figma Line28 @T847 */
  width: 0.5px; height: 144px; background: #989CA0;
}
.sign-functional-text {
  position: absolute; left: 794px; top: 677px; margin: 0; /* Figma @L794/T869 */
  width: 557px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400; color: #252525; line-height: 1.75;
}
.sign-stable-note {
  position: absolute; left: 85px; top: 874px; margin: 0;  /* Figma @L85/T1066 */
  width: 802px;
  font-family: 'Maven Pro', sans-serif;
  font-size: 20px; font-weight: 400; color: #000; line-height: 1.3;
}

/* ── Четыре формата (Figma @T1128) ── */
.format-box {
  position: absolute; top: 936px;              /* Figma T1128 */
  width: 305px; height: 356px;
}
.format-box:nth-of-type(1) { left: 82px; }     /* DIGITAL */
.format-box:nth-of-type(2) { left: 405px; }    /* PRINT */
.format-box:nth-of-type(3) { left: 730px; }    /* EMBOSSING */
.format-box:nth-of-type(4) { left: 1054px; }   /* ENGRAVING */

.format-box-label {
  position: absolute; top: 21px; left: 0; width: 100%; /* Figma @T1149 */
  text-align: center;
  font-family: 'Maven Pro', sans-serif;
  font-size: 24px; font-weight: 400; letter-spacing: 0.19em;
  color: #474646; line-height: normal;
}
.format-box-image {
  position: absolute; top: 64px; left: 0;      /* Figma image @T1192 */
  width: 305px; height: 292px; overflow: hidden;
}
.format-box-image img,
.format-box-image svg { width: 100%; height: 100%; object-fit: cover; display: block; }
.format-box:nth-of-type(1) .format-box-image { background: #fff; } /* DIGITAL — белый */

/* ── Адаптив: <1480 — поток (точный десктоп = 1440; mobile — отдельно) ── */
@media (max-width: 1480px) {
  .probatum-page {
    position: static; width: auto; height: auto;
    padding: 120px 24px 60px;
  }
  .probatum-hero, .probatum-sign-section,
  .sign-heading-row, .sign-body, .sign-two-columns,
  .sign-format-grid, .sign-col-clarifications, .sign-col-functional { display: block; }
  .probatum-page :where(h1,h2,p,span):not(.sign-brand-name),
  .sign-heading-rule, .sign-col-separator { position: static !important; }
  .probatum-main-title { text-align: center; }
  .pb-stmt { display: inline-block; margin: 12px 24px 0 0; }
  .pb-bracket-h, .pb-bracket-tl, .pb-bracket-tr, .pb-bracket-tc { display: none; }
  .access-heading { text-align: center; margin-top: 32px; white-space: normal; }
  .access-tagline, .access-description { text-align: center; white-space: normal; }
  .sign-heading { margin-top: 56px; }
  .sign-heading-rule { width: 100%; margin: 8px 0 24px; }
  .sign-intro-text, .sign-clarification-text, .sign-functional-text,
  .sign-stable-note { width: auto !important; max-width: 1100px; margin-top: 16px; }
  .sign-col-separator { display: none; }
  .sign-two-columns { display: flex !important; flex-wrap: wrap; gap: 48px; }
  .sign-format-grid { display: flex !important; flex-wrap: wrap; gap: 20px; margin-top: 32px; }
  .format-box { position: relative !important; width: 305px; height: 356px; top: auto; left: auto !important; }
}