/*
 * Pharynos Custom Styles
 * Brand-specific overrides and custom components.
 * Loaded after Bootstrap CDN and agency-theme.css.
 */

:root {
  /* === Pharynos Brand Palette (WEF Design Language) === */

  /* Primary */
  --pharynos-black: #0D0D0D;           /* Near-Black (primary dark) */
  --pharynos-gold: #D4AF37;            /* Metallic Gold (strategic emphasis) */
  --pharynos-gold-hover: #E0C068;      /* Gold hover state */
  --pharynos-smoke: #F5F5F5;           /* White Smoke (replaces pure white) */

  /* Secondary */
  --pharynos-gunmetal: #2E2E2E;        /* Gunmetal Gray (body text) */
  --pharynos-red: #991B1B;             /* Deep Red (alerts, max 2-3 per page) */
  --pharynos-light-gray: #DCDCDC;      /* Light Gray (borders, dividers) */

  /* Data visualization only */
  --pharynos-chart-blue: #0074E4;

  /* Legacy aliases (backward compat) */
  --pharynos-bronze: var(--pharynos-gold);
  --pharynos-bronze-dark: #8B6914;
  --pharynos-bronze-light: var(--pharynos-gold);
  --pharynos-bronze-subtle: #F5E6D3;
  --pharynos-dark: var(--pharynos-gunmetal);
  --pharynos-charcoal: var(--pharynos-gunmetal);
  --pharynos-text-light: #ECF0F1;
  --pharynos-logo-url: url("../assets/logo.svg");

  /* Bootstrap overrides */
  --bs-body-bg: #fff;
  --bs-body-color: var(--pharynos-gunmetal);
  --bs-body-font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* === Base Layout === */

html {
  scroll-padding-top: 4.5rem;
}

body {
  position: relative;
}

p {
  line-height: 1.75;
}

.page-section {
  padding: 7rem 0;
}
.page-section h2.section-heading, .page-section .section-heading.h2 {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.page-section h3.section-subheading, .page-section .section-subheading.h3 {
  font-size: 1rem;
  font-weight: 400;
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
  section {
    padding: 10rem 0;
  }
}

/* === Buttons === */

.btn-xl {
  padding: 1.25rem 2.5rem;
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
}

.btn-social {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 100%;
}

/* === Navigation === */

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: var(--pharynos-black);
}
#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-size: 0.75rem;
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
#mainNav .navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--pharynos-gold) !important;
  font-family: "Roboto Slab", Georgia, serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* inject logo before the text */
#mainNav .navbar-brand::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: var(--pharynos-logo-url) no-repeat center / contain;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}

@media (min-width: 992px) {
  #mainNav .navbar-brand::before { width: 40px; height: 40px; }
}

#mainNav .navbar-brand img {
  height: 1.5rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.95rem;
  color: #fff;
  letter-spacing: 0.0625em;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: var(--pharynos-gold);
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border: none;
    background-color: transparent;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    font-size: 1.5em;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 2rem;
    transition: height 0.3s ease-in-out;
  }
  #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--pharynos-black);
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
  #mainNav.navbar-shrink .navbar-brand svg,
  #mainNav.navbar-shrink .navbar-brand img {
    height: 1.5rem;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem;
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
}

/* === Masthead === */

header.masthead {
  padding-top: 8rem;
  padding-bottom: 4rem;
  text-align: center;
  color: #fff;
  background-image: url("../assets/img/pharynos-hero.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center left;
  background-size: cover;
}
header.masthead .masthead-subheading {
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: var(--pharynos-light-gray);
  letter-spacing: 0.02em;
}
header.masthead .masthead-heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.25rem;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: 0.02em;
}
header.masthead .masthead-subtext {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 2.5rem;
  letter-spacing: 0.03em;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 10rem;
    padding-bottom: 5rem;
  }
  header.masthead .masthead-subheading {
    font-size: 1.75rem;
    /* font-style: italic; */
    line-height: 2rem;
    margin-bottom: 2rem;
  }
  header.masthead .masthead-heading {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin-bottom: 1.5rem;
  }
  header.masthead .masthead-subtext {
    font-size: 1.25rem;
    margin-bottom: 3rem;
  }
}

/* Customize .masthead */

/* Hero: big decorative logo on the left, does not affect layout */
.masthead {
  position: relative; /* allow absolute children */
  background-color: var(--pharynos-black);
  overflow: hidden;
}

/* put the logo behind content, left side */
/* .masthead::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-image: var(--pharynos-logo-url);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: clamp(240px, 40vw, 520px) auto;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
} */

/* keep hero text above the decorative mark */
.masthead .container { position: relative; z-index: 1; }

/* Optionally tint hero text/buttons to gold; comment out if you prefer white */
/* .masthead .masthead-heading,
.masthead .masthead-subheading { color: var(--pharynos-gold); }*/
.btn-primary {
  --bs-btn-bg: var(--pharynos-gold);
  --bs-btn-border-color: var(--pharynos-gold);
  --bs-btn-color: var(--pharynos-black);
  --bs-btn-hover-bg: var(--pharynos-gold-hover);
  --bs-btn-hover-border-color: var(--pharynos-gold-hover);
  --bs-btn-hover-color: var(--pharynos-black);
  --bs-btn-active-bg: var(--pharynos-gold-hover);
  --bs-btn-active-border-color: var(--pharynos-gold-hover);
  --bs-btn-active-color: var(--pharynos-black);
  --bs-btn-disabled-bg: var(--pharynos-gold);
  --bs-btn-disabled-border-color: var(--pharynos-gold);
  --bs-btn-disabled-color: var(--pharynos-black);
  --bs-btn-focus-shadow-rgb: 212, 175, 55;
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* On very small screens, hide the big decorative logo if it crowds content */
@media (max-width: 575.98px) {
  .masthead::before { display: none; }
}

/* === Contact Section === */

section#contact {
  background-color: var(--pharynos-black);
  background-image: url("../assets/img/map-image.png");
  background-repeat: no-repeat;
  background-position: center;
}
section#contact .section-heading {
  color: #fff;
}
section#contact form#contactForm .form-group {
  margin-bottom: 1.5rem;
}
section#contact form#contactForm .form-group input,
section#contact form#contactForm .form-group textarea {
  padding: 1.25rem;
}
section#contact form#contactForm .form-group input.form-control {
  height: auto;
}
section#contact form#contactForm .form-group-textarea {
  height: 100%;
}
section#contact form#contactForm .form-group-textarea textarea {
  height: 100%;
  min-height: 10rem;
}
section#contact form#contactForm p.help-block {
  margin: 0;
}
section#contact form#contactForm .form-control:focus {
  border-color: var(--pharynos-gold);
  box-shadow: none;
}
section#contact form#contactForm ::-webkit-input-placeholder {
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm :-moz-placeholder {
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm ::-moz-placeholder {
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm :-ms-input-placeholder {
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: #ced4da;
}

/* === Footer === */

.footer {
  text-align: center;
  font-size: 0.9rem;
  font-family: "Source Sans 3", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

footer a {
  color: var(--pharynos-gunmetal) !important;
  text-decoration: none;
}
footer a:hover {
  color: var(--pharynos-gold) !important;
}

.linkedin-icon {
  color: #0077B5; /* Linkedin Official Blue */
  transition: color 0.2s ease;
}

.linkedin-icon:hover {
  color: var(--pharynos-gold);
}

/* === Card icon — simple gold icon, no circle background === */

.card-icon {
  font-size: 2.25rem;
  color: var(--pharynos-gold);
  line-height: 1;
  display: block;
}

/* === Shared feature/engagement card styles === */

.feature-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: center;
  border-top: 3px solid var(--pharynos-gold); /* subtle gold accent */
}

.feature-card .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .75rem;
}

/* Headings: scale up on larger screens */
.feature-card .card-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  text-wrap: balance;
  margin-bottom: .75rem;
  color: var(--bs-dark, #212529);
  font-size: 1.25rem;        /* base (mobile ~20px) */
  line-height: 1.3;
  min-height: 2.5em;         /* keeps heights consistent */
}

@media (min-width: 768px) {
  .feature-card .card-title {
    font-size: 1.5rem;       /* tablet ~24px */
  }
}
@media (min-width: 1200px) {
  .feature-card .card-title {
    font-size: 1.75rem;      /* desktop ~28px */
  }
}

/* Body text: justified, no hyphenation, clean wrapping */
.feature-card .card-text {
  font-size: 1rem;
  line-height: 1.6;
  text-align: left;
  /* text-justify: inter-word; /* balance spacing for justification */
  text-align-last: left;     /* last line not stretched */
  hyphens: none;             /* disable auto-hyphenation */
  -webkit-hyphens: none;
  -ms-hyphens: none;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: pretty;         /* modern browsers improve breaks */
  max-width: none;
  margin-bottom: 0;
}

/* Optional: keep CTA buttons aligned to bottom */
.feature-card .btn {
  margin-top: auto;
}

/* Force left alignment of text in Capabilities + Engagement even if row is text-center */
#capabilities .feature-card .card-text,
#engagement .feature-card .card-text {
  text-align: left;
}

/* Equalize heading height across cards in Capabilities & Engagement */
#capabilities .feature-card .card-title,
#engagement .feature-card .card-title {
  min-height: 2.6em;
}

/* === Feature images === */
.feature-img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  margin: 0 auto 1rem;
}

@media (min-width: 768px) {
  .feature-row { margin-bottom: 3rem; }
  .feature-row:last-of-type { margin-bottom: 0; }
}
/* Mobile adjustments */
@media (max-width: 767.98px) {
  .feature-row { margin-bottom: 2rem; }
  .feature-row:last-of-type { margin-bottom: 0; }
  .feature-img {
    max-width: 200px;
    margin: 0 auto .75rem;
  }
}

/* === About Section Styles === */

/* Section subheading: balance lines, scale smoothly */
#about .section-subheading {
  max-width: 70ch;               /* readable line length */
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  font-weight: 400;
  text-wrap: balance;             /* balance lines across width (modern browsers) */
  text-align: center;
  text-align-last: center;        /* keep last line centered */
  hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  overflow-wrap: break-word;
  word-break: normal;
  font-size: clamp(1.15rem, 1vw + 1rem, 1.5rem);
  color: #6c757d;                 /* bootstrap muted gray */
}

/* About section: single-column prose layout (no cards, no icons) */
.about-prose {
  max-width: 800px;
  margin-top: 2.5rem;
}

.about-item {
  border-left: 4px solid var(--pharynos-gold);
  padding-left: 1.5rem;
}

.about-item-heading {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--pharynos-black);
  margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
  .about-item-heading { font-size: 1.5rem; }
  .about-item { padding-left: 2rem; }
}

/* Legacy about-card styles (preserved for future use) */
.about-card {
  background-color: var(--pharynos-smoke);
  border-left: 5px solid var(--pharynos-gold);
  transition: transform .2s ease, box-shadow .2s ease;
}
.about-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

/* ==== Challenges: layout + typography ==== */
#challenges .feature-row { margin-bottom: 2.25rem; }
@media (min-width: 992px) { #challenges .feature-row { margin-bottom: 3rem; } }

/* Text column */
#challenges .feature-text { display: flex; flex-direction: column; }

/* Headings */
#challenges .feature-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  text-wrap: balance;
  line-height: 1.25;
  margin-bottom: .5rem;
  font-size: clamp(1.25rem, 1.2vw + 1rem, 1.75rem); /* ≈20→28px */
  color: var(--bs-dark, #212529);
}

/* Body copy — readable, justified, no hyphen glitches */
#challenges .feature-copy {
  font-size: clamp(1rem, .4vw + .95rem, 1.125rem);   /* ≈16→18px */
  line-height: 1.65;
  max-width: 62ch;            /* keeps measure comfortable */
  text-align: justify;
  text-justify: inter-word;
  text-align-last: left;
  hyphens: none;
  -webkit-hyphens: none;
  overflow-wrap: anywhere;
  word-break: normal;
  margin: 0;                  /* no auto-centering */
}

/* Media column: stable crop */
#challenges .feature-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

/* Guardrails: never let .row or columns overflow the container */
#challenges .row { max-width: 100%; }
#challenges [class*="col-"] { max-width: 100%; }

/* === WEF Design Language Components === */

/* Bootstrap .bg-light override to use White Smoke */
.bg-light {
  --bs-bg-opacity: 1;
  background-color: var(--pharynos-smoke) !important;
}

/* Section divider: gold accent rule */
.section-divider {
  border: none;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--pharynos-gold), transparent);
  max-width: 200px;
  margin: 2rem auto;
  opacity: 1;
}

/* Section headings: Georgia serif, title case */
.section-heading {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pharynos-black);
}

/* Legal page headings: inherit brand serif for all heading levels */
.page-section h2,
.page-section h3,
.page-section h4 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--pharynos-black);
}

/* Gold underline accent — disabled for cleaner consulting aesthetic */
/* .page-section .section-heading::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: var(--pharynos-gold);
  margin: 1rem auto 0;
} */

/* Pull quote: italic on dark background (available for future use) */
.pull-quote {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 1.375rem;
  color: var(--pharynos-gold);
  background-color: var(--pharynos-black);
  padding: 2rem 2.5rem;
  border-left: 4px solid var(--pharynos-gold);
  margin: 2rem 0;
  line-height: 1.6;
}

/* Key Insights box */
.insight-box {
  background-color: var(--pharynos-black);
  color: var(--pharynos-text-light);
  padding: 2rem;
  border-radius: 4px;
}
.insight-box .insight-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  color: var(--pharynos-gold);
  letter-spacing: 0.02em;
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

/* Callout box: White Smoke bg + gold left border */
.callout-box {
  background-color: var(--pharynos-smoke);
  border-left: 4px solid var(--pharynos-gold);
  padding: 1.5rem 2rem;
  margin: 1.5rem 0;
}

/* Section number prefix (gold) */
.section-number {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  color: var(--pharynos-gold);
  font-size: 1.5rem;
  margin-right: 0.5rem;
}

/* ==========================================================================
   Phase 2 Components — Wireframe Spec v2
   Accordion, Nav Tabs, Stat Cards, Pricing Cards
   ========================================================================== */

/* --- Accordion brand overrides (#capabilities) --- */
.accordion-item {
  border: 1px solid var(--pharynos-light-gray);
}
.accordion-button {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 1.25rem;
}
.accordion-button:not(.collapsed) {
  color: var(--pharynos-black);
  background-color: var(--pharynos-smoke);
  border-left: 4px solid var(--pharynos-gold);
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.25);
}
.accordion-body {
  color: var(--pharynos-gunmetal);
  font-size: 1.25rem;
  line-height: 1.75;
}

/* --- Nav tabs brand overrides (#industries) --- */
.nav-tabs .nav-link {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  font-size: 1.35rem;
  color: var(--pharynos-gunmetal);
  border: none;
  padding: 0.75rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.nav-tabs .nav-link i {
  font-size: 1.5rem;
  color: var(--pharynos-gold);
}
.nav-tabs .nav-link:hover {
  color: var(--pharynos-black);
  border-bottom: 3px solid var(--pharynos-light-gray);
}
.nav-tabs .nav-link.active {
  color: var(--pharynos-black);
  background-color: transparent;
  border-bottom: 3px solid var(--pharynos-gold);
}

@media (min-width: 768px) {
  .nav-tabs .nav-link {
    font-size: 1.5rem;
  }
  .nav-tabs .nav-link i {
    font-size: 1.65rem;
  }
}

/* Tab content text sizing (match fs-5 / 1.25rem under Senior-Only Delivery) */
.tab-content {
  font-size: 1.25rem;
  padding: 2rem 0;
  color: var(--pharynos-gunmetal);
  line-height: 1.75;
}

/* --- Stat cards (#experience, dark section) --- */
.stat-card {
  text-align: center;
  padding: 2rem 1rem;
}
.stat-number {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 3rem;
  font-weight: 700;
  color: var(--pharynos-gold);
  line-height: 1;
  margin-bottom: 0.75rem;
}
.stat-label {
  font-family: "Source Sans 3", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1rem;
}
.stat-card .btn-link {
  color: var(--pharynos-gold);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
}
.stat-card .btn-link:hover {
  color: var(--pharynos-gold-hover);
  text-decoration: underline;
}

/* --- Pricing cards (#engagement, retained advisory row) --- */
.pricing-card {
  text-align: center;
  border-top: 3px solid var(--pharynos-gold);
  height: 100%;
  padding: 2rem 1.5rem;
  background-color: #fff;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.pricing-card .investment-amount {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: var(--pharynos-black);
  margin-bottom: 0.25rem;
}
.pricing-card .investment-scope {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pharynos-gunmetal);
  margin-bottom: 1rem;
}
.pricing-card .card-text {
  text-align: left;
  color: var(--pharynos-gunmetal);
  line-height: 1.6;
  margin-bottom: 1.5rem;
}
.pricing-card .btn {
  margin-top: auto;
}

/* --- Experience modals (dark-section context) --- */
.experience-modal .modal-header {
  border-bottom-color: var(--pharynos-light-gray);
}
.experience-modal .modal-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  color: var(--pharynos-black);
}
.experience-modal .modal-body {
  color: var(--pharynos-gunmetal);
  line-height: 1.7;
}

/* --- Responsive adjustments for Phase 2 components --- */
@media (max-width: 767.98px) {
  .stat-number {
    font-size: 2.25rem;
  }
  .pricing-card .investment-amount {
    font-size: 1.75rem;
  }
  .nav-tabs .nav-link {
    font-size: 1.35rem;
    padding: 0.5rem 0.75rem;
  }
  .nav-tabs .nav-link i {
    font-size: 1.5rem;
  }
  .accordion-button {
    font-size: 1.1rem;
  }
}

/* Leadership history logo row */
.img-brand-history {
  height: 28px;
  width: auto;
  max-width: 120px;
  filter: grayscale(100%) opacity(0.5);
  transition: opacity 0.2s ease;
}
.img-brand-history:hover {
  filter: grayscale(100%) opacity(0.75);
}