/* ==========================================================================
   CPG PROPERTIES — display face for the English and Russian locales
   --------------------------------------------------------------------------
   Evaluation, 2026-09-09. The Georgian locale tries "Dachi The Lynx" — a
   wide, geometric, all-caps display face. Unbounded (Google Fonts, SIL OFL,
   self-hosted here) is the closest Latin + Cyrillic match in that spirit:
   wide, geometric, sober. It carries only the headings and the navigation,
   locale-scoped, at a reduced size so it sits like the Georgian face.
   ========================================================================== */
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/unbounded-cyrillic-ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/unbounded-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/unbounded-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("../fonts/unbounded-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-display-latin: "Unbounded", "Noto Sans Georgian", Arial, sans-serif;
}
:root:is(:lang(en), :lang(ru)) .cpg-body--properties :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-display-latin) !important;
  font-weight: 500;
  letter-spacing: -.02em;
  zoom: 0.8;
}
:root:is(:lang(en), :lang(ru)) .cpg-body--properties :is(h1, h2, h3, h4, h5, h6) :is(em, i, span, strong, b, a) {
  font-family: var(--font-display-latin) !important;
  font-style: normal !important;
}
:root:is(:lang(en), :lang(ru)) .cpg-body--properties nav,
:root:is(:lang(en), :lang(ru)) .cpg-body--properties nav :is(a, button, summary, span, strong, small),
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpg-mega,
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpg-mega :is(a, button, summary, p, span, strong, small),
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpg-menu-toggle,
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpg-header :is(.cpg-btn, .cpg-crosslink, .cpg-lang__summary),
:root:is(:lang(en), :lang(ru)) .cpg-body--properties :is(.cpg-btn, .cpgf-stack__submit, .cpgu__cta, .cpgx-text-link, .asy-cols__cta, .asy-cols__link, .cpgab-close__cta, .cpgab-mark, .cpgab-chip, .cpgh-pill, .cpgt__action, .cpgx-glass-action) {
  font-family: var(--font-display-latin) !important;
  font-weight: 500;
}

/* Unbounded is wide; the About page's largest titles step down so a long
   word stays inside its column, as the Georgian sheet does for its face. */
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpgab-hero__title { font-size: clamp(2rem, 0.8rem + 4.2vw, 4.5rem); }
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpgab-h2 { font-size: clamp(1.25rem, 0.9rem + 1.2vw, 1.875rem); }
:root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpgab-title { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.75rem); }
@media (min-width: 64rem) {
  :root:is(:lang(en), :lang(ru)) .cpg-body--properties .cpgab-process__inner { grid-template-columns: minmax(0, 1.5fr) minmax(0, 2.5fr); }
}

/* ==========================================================================
   One black (2026-09-09). The footer, the hero and the showcase sit on
   --cpg-panel-ink (#16181b); every other large dark surface on the
   Properties site used its own near-black, which read as a different
   colour beside them. They all take the footer's black now, in light and
   dark themes alike (the dark sheet redefines --cpg-panel-ink).
   ========================================================================== */
.cpg-body--properties {
  --cpg-surface-ink: var(--cpg-panel-ink, #16181b);
  --asy-ink: var(--cpg-panel-ink, #16181b);
  --cpgx-ink: var(--cpg-panel-ink, #16181b);
}
.cpg-body--properties :is(.cpgab-close__panel, .cpgd-dock__bar, .asy-cols__cta, .cpg-skip-link, .asy-cols__cell--ink, .asy-slides__btn, .cpgu__tab.is-current, .cpgu__plan-mode.is-current, .cpgab-mark, .cpgd-card__badge, .cpgu__cta, .cpg-btn--ink, .cpgh-pill--dark, .cpgh-badge, .cpgx-band--ink, .cpgp-sibling, .cpgp-process__step:nth-child(even)),
.cpg-body--properties .cpgm-curtain,
.cpgm-curtain {
  background-color: var(--cpg-panel-ink, #16181b) !important;
}

/* Phone (2026-09-09): the two search actions under the field sit side by
   side. Declared here, on the last sheet, because the editorial sheet
   stacks them at the same specificity. */
@media (max-width: 47.999rem) {
  .cpg-body--properties .cpgh-discover__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
  .cpg-body--properties .cpgh-discover__actions .cpgh-pill { width: 100%; justify-content: center; min-height: 3.25rem; padding-inline: .75rem; }
  .cpg-body--properties .cpgh-discover__actions .cpgh-pill > span:first-child { white-space: nowrap; }
}

/* Phone (2026-09-09): nothing sits on the very edge. The close-up panel's
   copy and the project page's crumbs had no gutter of their own. */
@media (max-width: 47.999rem) {
  .cpg-body--properties .cpgh-panels__body { padding-inline: var(--cpg-gutter, 1.25rem); box-sizing: border-box; }
  .cpg-body--properties .cpgx-project .cpgp-crumbs,
  .cpg-body--properties .asy-asym .cpgp-crumbs { padding-inline: var(--cpg-gutter, 1.25rem); }
}