/* ============================================================
   Quadrum Cyber — Serif display theme
   Layered on top of styles.css. Serif headings in soft silver,
   Inter for labels/UI, section dividers, blended founder cards.
   Used by index.html, about.html, services.html, contact.html.
   ============================================================ */

:root { --qc-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif; }

/* Thin horizontal divider line between stacked sections (as in the mockup) */
main > section + section { border-top: 2px solid rgba(255, 255, 255, 0.16); }

/* Serif display headings in soft silver/white (no cyan emphasis) */
h1, h2, h3, h4 {
  font-family: var(--qc-font-serif);
  font-weight: 500;
  letter-spacing: 0;
  color: #e9eef2;
}
em, i, .italic-accent {
  font-family: var(--qc-font-serif);
  font-style: italic;
  font-weight: 500;
  color: inherit;            /* emphasis is serif italic, not cyan */
}

/* Hero headline — large, light serif, muted silver (as in the mockup) */
.hero-copy h1 {
  font-family: var(--qc-font-serif);
  font-weight: 500;
  font-size: clamp(2.6rem, 1.9rem + 3vw, 4.1rem);
  line-height: 1.12;
  color: #c6cfd8;
}
.hero-copy h1 i { color: #c6cfd8; }

.leader-split-copy h2, .cta-band h2, .section-head h2 { font-weight: 500; }
.page-hero h1 { font-weight: 500; }

/* Keep the small uppercase labels in Inter (eyebrows, nav, buttons, advisory items, stat labels) */
.eyebrow, .nav-links a, .btn, .footer-col h5, .advisory-box h4,
.advisory-item-title, .philosophy-card h3, .philosophy-card-link,
.stat-block .lbl, .leader-title-premium, .leader-details-premium,
.founder-role, .service-card h4, .domain-header .domain-index,
.domain-card .domain-no, .domain-card .count { font-family: var(--qc-font-sans); }

/* Stat numbers stay in Inter for that engineered look */
.stat-block .big, .value-card .num { font-family: var(--qc-font-sans); font-weight: 800; }

/* Services page: cap each executive description at 3 lines */
.service-card p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Founders (home leadership split) — blended, borderless portraits on the dark background */
.leader-card-premium { background: transparent; border: none; border-radius: 0; }
.leader-card-premium:hover { background: transparent; border: none; transform: none; }
.leader-photo-premium {
  aspect-ratio: 1 / 1.12;
  background: transparent;
  border-bottom: none;
  border-radius: var(--radius-sm);
}
.leader-photo-premium img { object-position: center top; }
.leader-card-premium:hover .leader-photo-premium img { transform: none; }
.leader-body-premium { padding: var(--sp-4) 0 0; }
.leader-body-premium h3 {
  font-family: var(--qc-font-sans);
  color: var(--qc-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: var(--fs-sm);
  margin-bottom: var(--sp-2);
}
.leader-title-premium { color: var(--qc-text-2); }   /* role line in soft grey, not cyan */
.leader-details-premium { color: var(--qc-muted); }