/* =====================================
   PROPERTY INVESTMENT — CORPORATE TYPOGRAPHY REFRESH 20260826
   Matches refreshed Denarya / About typography.
===================================== */


/* =====================================
   BASE TYPE
===================================== */

body {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-synthesis: none;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
input,
select,
textarea {
  font-family: inherit;
}


/* =====================================
   HERO
===================================== */

body .pi-page-header h1 {
  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
}

.pi-page-header p {
  font-weight: 400;
}


/* =====================================
   MAJOR DISPLAY HEADINGS
===================================== */

.pi-model-workspace h3,
.pi-proforma-card h3,
.pi-insights-card h2,
.pi-insights-hero h2 {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 400;
  letter-spacing: -0.025em;
}


/* =====================================
   LARGE MODEL SECTION TITLES
===================================== */

.pi-big-section-title {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 400 !important;
  letter-spacing: -0.02em;
}


/* =====================================
   WORKSPACE / CONTENT HEADINGS
===================================== */

.pi-model-workspace h3,
.pi-workspace-panel h3,
.pi-proforma-card h3,
.pi-insights-card h3 {
  font-weight: 400;
}


/* =====================================
   KICKERS / EYEBROWS / MICRO LABELS
===================================== */

.pi-kicker,
.pi-eyebrow,
.pi-section-kicker,
.pi-insights-kicker {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  font-weight: 500;
}


/* =====================================
   BODY COPY
===================================== */

.pi-page-header p,
.pi-insights-card p,
.pi-insights-hero p,
.pi-commentary-card p {
  font-weight: 400;
}


/* =====================================
   UI EMPHASIS
===================================== */

body strong,
body b {
  font-weight: 600;
}

label,
button,
input,
select,
textarea {
  font-family:
    "IBM Plex Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}


/* =====================================
   CARD / CONTROL TITLES
===================================== */

.pi-mini-card-title,
.pi-side-section h4,
.pi-summary-item span,
.pi-deal-strip-card span {
  font-weight: 500;
}


/* =====================================
   COMMENTARY / EDITORIAL
===================================== */

.pi-insights-card h2,
.pi-insights-card h3,
.pi-commentary-card h2,
.pi-commentary-card h3 {
  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight: 400;
}


/* =====================================
   LIGHT MODE — ABOUT-MATCHED TYPE
===================================== */

body:not(.dark-mode) .pi-page-header h1,
body:not(.dark-mode) .pi-model-workspace h3,
body:not(.dark-mode) .pi-proforma-card h3,
body:not(.dark-mode) .pi-insights-card h2,
body:not(.dark-mode) .pi-big-section-title {
  color: #17130f;
}

body:not(.dark-mode) .pi-kicker,
body:not(.dark-mode) .pi-eyebrow,
body:not(.dark-mode) .pi-section-kicker,
body:not(.dark-mode) .pi-insights-kicker {
  color: #8f642c;
}

body:not(.dark-mode) .pi-page-header p,
body:not(.dark-mode) .pi-insights-card p,
body:not(.dark-mode) .pi-insights-hero p {
  color: rgba(23, 19, 15, 0.68);
}


/* =====================================
   DARK MODE — ABOUT-MATCHED TYPE
===================================== */

body.dark-mode .pi-page-header h1,
body.dark-mode .pi-model-workspace h3,
body.dark-mode .pi-proforma-card h3,
body.dark-mode .pi-insights-card h2,
body.dark-mode .pi-big-section-title {
  color: #f5f5f2;
}

body.dark-mode .pi-kicker,
body.dark-mode .pi-eyebrow,
body.dark-mode .pi-section-kicker,
body.dark-mode .pi-insights-kicker {
  color: #a98653;
}

body.dark-mode .pi-page-header p,
body.dark-mode .pi-insights-card p,
body.dark-mode .pi-insights-hero p {
  color: rgba(245, 245, 242, 0.72);
}


/* =====================================
   NAV → HERO SPACING
   Removes oversized legacy opening gap.
===================================== */

body .pi-page {
  padding-top: 22px !important;
}

@media (max-width: 760px) {
  body .pi-page {
    padding-top: 18px !important;
  }
}


/* =====================================
   MOBILE DISPLAY TYPE
===================================== */

@media (max-width: 760px) {
  body .pi-page-header h1,
  .pi-big-section-title,
  .pi-insights-card h2 {
    letter-spacing: -0.02em !important;
  }
}