/* ==========================================================================
   BELLARMINE PARTNERS — POLISH PASS 3  (owner-confirmed visual polish)
   Loaded LAST, after polish.css / polish2.css. Fully additive & reversible:
   remove the <link href="css/polish3.css"> from each page head to revert.

   NO layout redesign, NO nav changes, NO image swaps on existing photos,
   NO copy changes. Mobile fixes in polish.css are untouched (this file only
   overrides colors + adds background photos to interior hero banners).

   Scope:
     §1  Philanthropy — warm ivory/cream instead of navy (homepage #giving
         band, giving.html page-hero + pillar cards).
     §2  Stock photo + dark scrim on EVERY interior page-hero / article-hero.
     §3  Calmer motion — slightly longer reveal transitions.
     §4  Mild parallax hooks for interior heroes (driven by js/polish3.js).
   Scoping is done via per-page body classes (pg-firm, pg-services, …) added
   to each page's <body>, so nothing bleeds across pages.
   ========================================================================== */

/* ==========================================================================
   §1  PHILANTHROPY — LESS BLUE
   ========================================================================== */

/* --- 1a) Homepage #giving band: warm ivory field, navy type ------------- */
/* Overrides extra.css `.giving { background:#10233f; color:ivory }`.        */
.giving {
  background: var(--ivory) !important;
  color: var(--charcoal) !important;
}
/* subtle warm hairline top/bottom so the band still reads as its own zone */
.giving {
  border-top: 1px solid rgba(11,31,58,0.08);
  border-bottom: 1px solid rgba(11,31,58,0.08);
}
.giving h2 { color: var(--navy) !important; }
.giving .eyebrow { color: var(--pewter) !important; }
.giving .rule { background: var(--steel) !important; }
.giving p { color: var(--charcoal-soft) !important; }
/* the "More on our commitment" link is inline-styled steel on homepage —
   nudge it to navy so it reads on the light field */
.giving .affiliate-link { color: var(--navy) !important; }
.giving .affiliate-link:hover { color: var(--navy-light) !important; }

/* Pillar cards: light cream/white with a subtle navy border (not
   translucent-on-navy). */
.giving-pillars > div {
  background: #ffffff !important;
  border: 1px solid rgba(11,31,58,0.14) !important;
  box-shadow: 0 18px 36px -32px rgba(11,31,58,0.4);
}
.giving-pillars > div:hover {
  background: #ffffff !important;
  border-color: rgba(11,31,58,0.3) !important;
  transform: translateY(-3px);
}
.giving-pillars h4 { color: var(--navy) !important; }
.giving-pillars p { color: var(--charcoal-soft) !important; }

/* Kill the polish.css dark-texture ::before overlay on the (now light)
   giving band so no faint navy wash creeps back in. */
.giving::before { display: none !important; }

/* --- 1b) giving.html page-hero: lighter / warmer scrim ------------------- */
/* Softer navy scrim (~45%) over the library photo so it doesn't read as a
   blue wall. Photo itself supplied in §2 below. */
.pg-giving .page-hero {
  background-color: var(--navy);
}
.pg-giving .page-hero::before {
  display: none !important; /* remove polish.css texture layer */
}


/* ==========================================================================
   §2  STOCK PHOTO + DARK SCRIM ON EVERY INTERIOR HERO BANNER
   Pattern mirrors the homepage .hero-media: cover photo + navy gradient
   overlay so cream/ivory type stays readable. Backgrounds sit on .page-hero
   / .article-hero directly (both already position:relative, overflow:hidden,
   with .wrap z-indexed above). Existing decorative ::after ring is kept.
   ========================================================================== */

/* Shared: make the interior heroes render the photo as a cover background. */
.pg-firm .page-hero,
.pg-services .page-hero,
.pg-industries .page-hero,
.pg-insights .page-hero,
.pg-affiliates .page-hero,
.pg-giving .page-hero,
.pg-contact .page-hero,
.pg-article .article-hero {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Standard scrim — lightened on every NON-industry interior hero so the
   photo reads in full color; industries.html keeps the deeper navy overlay
   since that banner represents industry coverage. Readability is backed up
   by the text-shadow rule added below (§5). */
/* firm.html — library / institutional (non-industry) */
.pg-firm .page-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.32), rgba(9,25,48,0.60)),
    url("https://images.pexels.com/photos/6333733/pexels-photo-6333733.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
/* services.html — facade (non-industry) */
.pg-services .page-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.30), rgba(9,25,48,0.58)),
    url("https://images.pexels.com/photos/33575259/pexels-photo-33575259.png?auto=compress&cs=tinysrgb&w=2400") !important;
}
/* industries.html — workshop (industry coverage — keeps the navy overlay) */
.pg-industries .page-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.82), rgba(9,25,48,0.9)),
    url("https://images.pexels.com/photos/30990849/pexels-photo-30990849.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
/* insights.html — road / horizon (non-industry) */
.pg-insights .page-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.28), rgba(9,25,48,0.56)),
    url("https://images.pexels.com/photos/10610187/pexels-photo-10610187.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
/* affiliates.html (Principal Investing) — columns (non-industry) */
.pg-affiliates .page-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.30), rgba(9,25,48,0.58)),
    url("https://images.pexels.com/photos/1000740/pexels-photo-1000740.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
/* contact.html — conference (non-industry) */
.pg-contact .page-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.30), rgba(9,25,48,0.58)),
    url("https://images.pexels.com/photos/7377671/pexels-photo-7377671.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}

/* giving.html — SAME library photo, WARMER / LIGHTER scrim (§1 intent).
   Softer navy at ~42–52% so the Philanthropy hero reads calm, not a blue
   wall. Type stays legible because the gradient darkens toward the bottom
   where the lede sits. */
.pg-giving .page-hero {
  background-image:
    linear-gradient(180deg, rgba(20,44,80,0.42), rgba(11,31,58,0.6)),
    url("https://images.pexels.com/photos/6333733/pexels-photo-6333733.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}

/* --- Article heroes (4 insight posts) ----------------------------------- */
/* Rotate through the insight thumb imagery already wired site-wide so each
   post gets a distinct banner; timing/insights reuse the road image. */
.pg-article.art-timing .article-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.84), rgba(9,25,48,0.92)),
    url("https://images.pexels.com/photos/10610187/pexels-photo-10610187.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
.pg-article.art-prepare .article-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.84), rgba(9,25,48,0.92)),
    url("https://images.pexels.com/photos/6028170/pexels-photo-6028170.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
.pg-article.art-tax .article-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.84), rgba(9,25,48,0.92)),
    url("https://images.pexels.com/photos/5921494/pexels-photo-5921494.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
.pg-article.art-ai .article-hero {
  background-image:
    linear-gradient(180deg, rgba(11,31,58,0.84), rgba(9,25,48,0.92)),
    url("https://images.pexels.com/photos/3520697/pexels-photo-3520697.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
.pg-article .article-hero {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Article heroes have no polish.css ::before, so nothing to disable there.
   page-hero ::before (texture) is harmless over the new photos (opacity 0.06)
   but we drop it on giving.html only, above, where the warm scrim matters. */


/* ==========================================================================
   §3  CALMER MOTION — slightly longer reveal transitions
   -------------------------------------------------------------------------
   extra.css defines .reveal at 0.7s. Nudge to ~0.9s so groups settle in a
   touch more slowly (still staggered by main.js). Loaded after extra.css,
   same specificity — wins by order. Reduced-motion users already get no
   transition from extra.css; restated here defensively.
   ========================================================================== */
.reveal {
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .reveal { transition: none; }
}


/* ==========================================================================
   §4  MILD PARALLAX HOOKS (interior heroes + opt-in bands)
   -------------------------------------------------------------------------
   js/polish3.js shifts background-position at low amplitude so the hero photo
   drifts slower than the content scrolling over it. These rules just make
   that smooth and safe:
     - will-change hints the compositor.
     - a whisper of extra background height (110%) means the small vertical
       drift never exposes an edge of the photo (the scrim gradient always
       covers full height regardless).
   Desktop only for the extra sizing; mobile keeps plain cover to avoid any
   chance of layout cost on low-power devices. Disabled for reduced motion.
   ========================================================================== */
@media (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  .page-hero,
  .article-hero {
    will-change: background-position;
  }
  /* Oversize the photo layer slightly so vertical parallax stays edge-safe.
     Second layer (the photo) grows to 118% height; the gradient scrim (first
     layer) stays cover so contrast never drops. */
  .pg-firm .page-hero,
  .pg-services .page-hero,
  .pg-industries .page-hero,
  .pg-insights .page-hero,
  .pg-affiliates .page-hero,
  .pg-giving .page-hero,
  .pg-contact .page-hero,
  .pg-article .article-hero {
    background-size: cover, auto 118% !important;
  }
}

/* color5: industry photos full color, spaced navy banners, desktop hero covered on scroll */
#industries .industry::before,
.pg-industries .industry::before {
  background: linear-gradient(180deg, rgba(8,22,42,.05) 20%, rgba(8,22,42,.42) 100%) !important;
}
#industries .industry:hover::before {
  background: linear-gradient(180deg, rgba(8,22,42,.02) 10%, rgba(8,22,42,.5) 100%) !important;
}
#industries .industry h3,
#industries .industry p,
#industries .industry .ind-index {
  text-shadow: 0 1px 2px rgba(8,22,42,.55);
}
.pg-industries .page-hero {
  background-image: linear-gradient(100deg, rgba(8,22,42,.58) 0%, rgba(8,22,42,.12) 70%), url("https://images.pexels.com/photos/30990849/pexels-photo-30990849.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}

/* Pale blue between the white statement and the navy approach band */
.pg-home #firm { background: #d9e6f4; }
.pg-home #firm h2, .pg-home #firm h3, .pg-home #firm p { color: #0b1f3a; }

/* Insights becomes a navy banner, with light cards so it doesn't stack on giving */
.pg-home #insights {
  background: #0e2744;
  color: #f7f4ef;
}
.pg-home #insights .section-head h2,
.pg-home #insights .section-head p,
.pg-home #insights .eyebrow { color: #f7f4ef; }

/* color5b: desktop sticky hero, statement covers it on scroll */
@media (min-width: 1024px) {
  .pg-home .hero {
    position: sticky;
    top: 0;
    z-index: 0;
    min-height: 92vh;
  }
  .pg-home .hero ~ section {
    position: relative;
    z-index: 1;
  }
  .pg-home .statement {
    background: #f7f4ef;
  }
}

/* color6: cover sticky hero, firm navy, approach photo, contact photo */
.pg-home #two-paths,
.pg-home #industries,
.pg-home #contact { background: #f7f4ef; }
.pg-home #firm { background: #0B1F3A !important; }
.pg-home #firm h2,
.pg-home #firm h3,
.pg-home #firm p,
.pg-home #firm li,
.pg-home #firm span,
.pg-home #firm .eyebrow { color: #f7f4ef !important; }
.approach-band {
  background-image: url("https://images.pexels.com/photos/16565840/pexels-photo-16565840.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
  filter: none !important;
}
#approach .eyebrow,
#approach h4,
#approach p { color: #f7f4ef; text-shadow: 0 1px 2px rgba(0,0,0,.45); }
@media (min-width: 861px) {
  .contact-info.has-split {
    background-image:
      linear-gradient(90deg, #f7f4ef 58%, rgba(247,244,239,0.55) 78%, rgba(247,244,239,0) 100%),
      url("https://images.pexels.com/photos/31771712/pexels-photo-31771712.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
  }
}

/* color7: hide hero at page end, conference room, grayscale approach and industries, two-path cards fill */
@media (min-width: 1024px) {
  .pg-home footer { position: relative; z-index: 2; background: #0B1F3A; }
  .pg-home #contact { min-height: 100vh; background: #f7f4ef; }
}
.approach-band { filter: grayscale(1) !important; }
#two-paths .card-grid { grid-template-columns: 1fr 1fr; background: transparent; }
#industries .industry { filter: grayscale(1); }
#industries .industry h3,
#industries .industry p,
#industries .industry .ind-index { transition: opacity .25s ease; }
#industries .industry:hover { filter: none; }
#industries .industry:hover h3,
#industries .industry:hover p,
#industries .industry:hover .ind-index { opacity: 0; }
@media (min-width: 861px) {
  .contact-info.has-split {
    background-image:
      linear-gradient(90deg, #f7f4ef 52%, rgba(247,244,239,.45) 70%, rgba(247,244,239,0) 100%),
      url("https://images.pexels.com/photos/29397977/pexels-photo-29397977.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
  }
}

.logo img { height: 48px; width: auto; display: block; }
footer .logo img { height: 64px; }

.nav-menu.ind-menu{columns:2;min-width:520px}
.nav-menu.ind-menu a{break-inside:avoid}

/* color8: industry numbers, navy industry band, approach photo with a light navy wash */
#industries .industry .ind-index { color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,.9); }
.pg-home #industries { background: #0B1F3A; color: #f7f4ef; }
.pg-home #industries .section-head h2,
.pg-home #industries .section-head p,
.pg-home #industries .eyebrow,
.pg-home #industries .industry-note { color: #f7f4ef; }
.pg-home #insights { background: #f7f4ef; color: #0b1f3a; }
.pg-home #insights .section-head h2,
.pg-home #insights .section-head p,
.pg-home #insights .eyebrow { color: #0b1f3a; }
.approach-band {
  background-image: linear-gradient(180deg, rgba(11,31,58,.48), rgba(11,31,58,.58)), url("https://images.pexels.com/photos/12900135/pexels-photo-12900135.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
  filter: none !important;
}

/* color9: firm stat labels readable on navy */
.pg-home #firm .stat-list .num,
.pg-home #firm .stat-list > div:hover .num { color: #f7f4ef !important; }
.pg-home #firm .stat-list .label { color: rgba(247,244,239,.8); }
.pg-home #firm .tagline-list li span { color: #f7f4ef !important; }

/* color10: giving navy, quote bands match the approach photo treatment */
.pg-home #giving { background: #0B1F3A !important; color: #f7f4ef; }
.pg-home #giving h2,
.pg-home #giving h3,
.pg-home #giving p,
.pg-home #giving .eyebrow,
.pg-home #giving a { color: #f7f4ef; }
.pg-home .closing-quote {
  background-color: transparent !important;
  background-image: linear-gradient(180deg, rgba(11,31,58,.48), rgba(11,31,58,.58)), url("https://images.pexels.com/photos/417074/pexels-photo-417074.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
  background-size: cover !important;
  background-position: center !important;
  color: #f7f4ef;
}
.pg-home .closing-quote.alt-quote {
  background-image: linear-gradient(180deg, rgba(11,31,58,.48), rgba(11,31,58,.58)), url("https://images.pexels.com/photos/167699/pexels-photo-167699.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
}
.pg-home .closing-quote blockquote { color: #f7f4ef; text-shadow: 0 1px 2px rgba(0,0,0,.45); }

/* color11: logo size, and make the recent homepage look apply on phones too */
.logo img { height: 60px; }
footer .logo img { height: 76px; }
@media (max-width: 720px) {
  .logo img { height: 40px; }
  footer .logo img { height: 52px; }
  #two-paths .card-grid { grid-template-columns: 1fr; }
  .pg-home #firm { background: #0B1F3A !important; }
  .pg-home #firm h2, .pg-home #firm h3, .pg-home #firm p, .pg-home #firm li, .pg-home #firm span, .pg-home #firm .eyebrow, .pg-home #firm .stat-list .num, .pg-home #firm .tagline-list li span { color: #f7f4ef !important; }
  .pg-home #industries { background: #0B1F3A !important; }
  .pg-home #industries .section-head h2, .pg-home #industries .section-head p, .pg-home #industries .eyebrow, .pg-home #industries .industry-note { color: #f7f4ef !important; }
  #industries .industry { filter: grayscale(1); }
  #industries .industry .ind-index { color: #fff !important; text-shadow: 0 1px 4px rgba(0,0,0,.9); }
  .pg-home #giving { background: #0B1F3A !important; color: #f7f4ef !important; }
  .pg-home #giving h2, .pg-home #giving p, .pg-home #giving .eyebrow, .pg-home #giving a { color: #f7f4ef !important; background: transparent !important; }
  .contact-info.has-split {
    background-image: linear-gradient(#f7f4ef, #f7f4ef), url("https://images.pexels.com/photos/29397977/pexels-photo-29397977.jpeg?auto=compress&cs=tinysrgb&w=1600") !important;
    background-repeat: no-repeat !important;
    background-size: 100% calc(100% - 180px), cover !important;
    background-position: top center, center bottom !important;
    padding-bottom: 200px;
  }
}

/* color12: office photo and quieter mountain quote */
@media (min-width: 861px) {
  .contact-info.has-split {
    background-image:
      linear-gradient(90deg, #f7f4ef 52%, rgba(247,244,239,.45) 70%, rgba(247,244,239,0) 100%),
      url("https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=2400&q=80") !important;
    background-position: left center, center !important;
  }
}
@media (max-width: 720px) {
  .contact-info.has-split {
    background-image: linear-gradient(#f7f4ef, #f7f4ef), url("https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=1600&q=80") !important;
  }
}
.pg-home .closing-quote:not(.alt-quote) {
  background-image: linear-gradient(180deg, rgba(11,31,58,.42), rgba(11,31,58,.55)), url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2400&q=80") !important;
  background-position: center 40% !important;
}

/* color13: statement banner hugs the text */
.statement { padding: 32px 0 !important; }

/* color14: swap the two quote photos */
.pg-home .closing-quote:not(.alt-quote) {
  background-image: linear-gradient(180deg, rgba(11,31,58,.48), rgba(11,31,58,.58)), url("https://images.pexels.com/photos/167699/pexels-photo-167699.jpeg?auto=compress&cs=tinysrgb&w=2400") !important;
  background-position: center !important;
}
.pg-home .closing-quote.alt-quote {
  background-image: linear-gradient(180deg, rgba(11,31,58,.42), rgba(11,31,58,.55)), url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2400&q=80") !important;
  background-position: center 40% !important;
}

/* color15: phone must use the latest photos and the tight statement */
@media (max-width: 860px) {
  .statement { padding: 28px 0 !important; }
  .contact-info.has-split {
    background-image: linear-gradient(#f7f4ef, #f7f4ef), url("https://images.unsplash.com/photo-1604328698692-f76ea9498e76?auto=format&fit=crop&w=1600&q=80") !important;
    background-repeat: no-repeat !important;
    background-size: 100% calc(100% - 180px), cover !important;
    background-position: top center, center bottom !important;
    padding-bottom: 200px !important;
  }
  .pg-home .closing-quote:not(.alt-quote) {
    background-image: linear-gradient(180deg, rgba(11,31,58,.48), rgba(11,31,58,.58)), url("https://images.pexels.com/photos/167699/pexels-photo-167699.jpeg?auto=compress&cs=tinysrgb&w=1600") !important;
    background-position: center !important;
  }
  .pg-home .closing-quote.alt-quote {
    background-image: linear-gradient(180deg, rgba(11,31,58,.42), rgba(11,31,58,.55)), url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1600&q=80") !important;
    background-position: center 40% !important;
  }
}

/* color16: phone logo a bit larger, menu bars centered on it */
@media (max-width: 720px) {
  .logo img { height: 46px; }
  .nav-toggle {
    align-self: center;
    justify-content: center;
    height: 46px;
    margin: 0;
  }
}

/* color17: contact boardroom */
@media (min-width: 861px) {
  .contact-info.has-split {
    background-image:
      linear-gradient(90deg, #f7f4ef 52%, rgba(247,244,239,.45) 70%, rgba(247,244,239,0) 100%),
      url("/images/contact-boardroom.jpg") !important;
    background-position: left center, center !important;
    background-size: auto, cover !important;
  }
}
@media (max-width: 860px) {
  .contact-info.has-split {
    background-image: linear-gradient(#f7f4ef, #f7f4ef), url("/images/contact-boardroom.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% calc(100% - 180px), cover !important;
    background-position: top center, center bottom !important;
    padding-bottom: 200px !important;
  }
}

/* color18: industry tile photos match the new order */
#industries .industry:nth-child(1) { background-image: url("https://images.pexels.com/photos/32497161/pexels-photo-32497161.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(2) { background-image: url("https://images.unsplash.com/photo-1497366216548-37526070297c?fm=jpg&q=90&w=2400") !important; }
#industries .industry:nth-child(3) { background-image: url("https://images.unsplash.com/photo-1586773860418-d37222d8fce3?fm=jpg&q=90&w=2400") !important; }
#industries .industry:nth-child(4) { background-image: url("https://images.pexels.com/photos/10143241/pexels-photo-10143241.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(5) { background-image: url("https://images.pexels.com/photos/7598915/pexels-photo-7598915.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(6) { background-image: url("https://images.pexels.com/photos/30990849/pexels-photo-30990849.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(7) { background-image: url("https://images.pexels.com/photos/17489151/pexels-photo-17489151.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(8) { background-image: url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?fm=jpg&q=90&w=2400") !important; }
#industries .industry:nth-child(9) { background-image: url("https://images.pexels.com/photos/11087830/pexels-photo-11087830.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(10) { background-image: url("https://images.pexels.com/photos/9893731/pexels-photo-9893731.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(11) { background-image: url("https://images.pexels.com/photos/1000740/pexels-photo-1000740.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }
#industries .industry:nth-child(12) { background-image: url("https://images.pexels.com/photos/10150971/pexels-photo-10150971.jpeg?auto=compress&cs=tinysrgb&w=2400") !important; }

/* color19: philanthropy text legible on navy */
.pg-home #giving, .pg-home #giving * { color: #f7f4ef !important; }
.pg-home #giving .eyebrow { color: #c9d8ea !important; }
.pg-home #giving .rule { border-color: rgba(247,244,239,.4) !important; }
.pg-home #giving .giving-pillars > div { background: rgba(255,255,255,.06) !important; border: 1px solid rgba(247,244,239,.18) !important; }
.pg-home #giving .giving-pillars h4 { color: #ffffff !important; }
.pg-home #giving .giving-pillars p { color: rgba(247,244,239,.88) !important; }
.pg-home #giving .affiliate-link { color: #ffffff !important; }

/* nav20: phone menu full screen, bigger text, slides in from the right */
@media (max-width: 720px) {
  html, body { overflow-x: clip; }
  .nav-links {
    top: 84px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: calc(100vh - 84px) !important;
    height: calc(100dvh - 84px) !important;
    overflow-y: auto !important;
    background: #f7f4ef !important;
    border-bottom: none !important;
    padding: 36px 28px 48px !important;
    gap: 26px !important;
    transform: translateX(100%) !important;
    transition: transform .38s cubic-bezier(.22,.61,.36,1) !important;
  }
  .nav-links.open {
    transform: translateX(0) !important;
  }
  .nav-links > a,
  .nav-links .menu-trigger {
    font-size: 1.45rem !important;
    line-height: 1.3 !important;
  }
  .nav-links .nav-menu a { font-size: 1.1rem !important; padding: 10px 8px !important; }
  .nav-links .nav-menu a .menu-desc { font-size: .9rem !important; }
  .nav-links .btn { font-size: 1.1rem !important; padding: 14px 26px !important; }
}


/* card21: Two Paths cards with photo tops, label, full-width button */
#two-paths .card-grid { gap: 28px !important; background: transparent !important; border: none !important; }
#two-paths .card {
  padding: 0 0 34px !important;
  background: #ffffff !important;
  border: 1px solid rgba(11,31,58,.10) !important;
  border-top: 4px solid #0B1F3A !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(11,31,58,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
}
#two-paths .card::before {
  content: "";
  display: block;
  height: 230px;
  margin-bottom: 30px;
  background-size: cover;
  background-position: center;
}
#two-paths .card:nth-child(1)::before { background-image: url("https://images.pexels.com/photos/5673488/pexels-photo-5673488.jpeg?auto=compress&cs=tinysrgb&w=1400"); }
#two-paths .card:nth-child(2)::before { background-image: url("https://images.pexels.com/photos/3184292/pexels-photo-3184292.jpeg?auto=compress&cs=tinysrgb&w=1400"); }
#two-paths .card > * { margin-left: 32px !important; margin-right: 32px !important; }
#two-paths .card .index {
  font-family: Inter, sans-serif !important;
  font-size: .78rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #4f6f95 !important;
  margin-bottom: 10px !important;
}
#two-paths .card:nth-child(1) .index::after { content: " \00B7  Advisory"; }
#two-paths .card:nth-child(2) .index::after { content: " \00B7  Investment"; }
#two-paths .card h3 { font-size: 1.7rem !important; margin-bottom: 14px !important; }
#two-paths .card p { color: #3d4a5c !important; }
#two-paths .card p:last-child { margin-top: auto !important; padding-top: 22px !important; }
#two-paths .card .affiliate-link {
  display: block !important;
  background: #0B1F3A !important;
  color: #ffffff !important;
  padding: 15px 20px !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-decoration: none !important;
  border: none !important;
  transition: background .25s ease !important;
}
#two-paths .card .affiliate-link:hover { background: #1d3b63 !important; }
@media (max-width: 720px) {
  #two-paths .card::before { height: 200px; margin-bottom: 26px; }
  #two-paths .card > * { margin-left: 22px !important; margin-right: 22px !important; }
  #two-paths .card h3 { font-size: 1.5rem !important; }
}


/* fix22: remove duplicate firm bullets */
.pg-home .tagline-list { display: none !important; }

/* fix23: phone contact photo zoomed out to show the table */
@media (max-width: 860px) {
  .contact-info.has-split {
    background-size: 100% calc(100% - 205px), 100% auto !important;
    background-position: top center, center bottom !important;
    padding-bottom: 225px !important;
  }
}

/* card24: philanthropy cards cream with photo tops, section text stays white */
.pg-home #giving .giving-pillars { display: grid !important; gap: 24px !important; }
.pg-home #giving .giving-pillars > div {
  background: #f7f4ef !important;
  border: none !important;
  border-top: 4px solid #c9d8ea !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  padding: 0 0 28px !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.25) !important;
  text-align: center !important;
}
.pg-home #giving .giving-pillars > div::before {
  content: "";
  display: block;
  height: 180px;
  margin-bottom: 24px;
  background-size: cover;
  background-position: center;
}
.pg-home #giving .giving-pillars > div:nth-child(1)::before { background-image: url("https://images.pexels.com/photos/6646918/pexels-photo-6646918.jpeg?auto=compress&cs=tinysrgb&w=1200"); }
.pg-home #giving .giving-pillars > div:nth-child(2)::before { background-image: url("https://images.pexels.com/photos/6647037/pexels-photo-6647037.jpeg?auto=compress&cs=tinysrgb&w=1200"); }
.pg-home #giving .giving-pillars > div:nth-child(3)::before { background-image: url("https://images.pexels.com/photos/5212345/pexels-photo-5212345.jpeg?auto=compress&cs=tinysrgb&w=1200"); }
.pg-home #giving .giving-pillars > div > * { margin-left: 26px !important; margin-right: 26px !important; }
.pg-home #giving .giving-pillars > div h4 { color: #0B1F3A !important; font-size: 1.35rem !important; margin-bottom: 10px !important; }
.pg-home #giving .giving-pillars > div p { color: #3d4a5c !important; }
@media (max-width: 720px) {
  .pg-home #giving .giving-pillars > div::before { height: 170px; }
}

/* card25: new community and financial assistance photos */
.pg-home #giving .giving-pillars > div:nth-child(1)::before { background-image: url("https://images.pexels.com/photos/6995221/pexels-photo-6995221.jpeg?auto=compress&cs=tinysrgb&w=1200") !important; }
.pg-home #giving .giving-pillars > div:nth-child(2)::before { background-image: url("https://images.pexels.com/photos/31719341/pexels-photo-31719341.jpeg?auto=compress&cs=tinysrgb&w=1200") !important; background-position: center 60% !important; }

/* card26: What We Do cards match the Two Paths style (no photos, no links) */
.pg-home #services .card-grid { gap: 24px !important; background: transparent !important; border: none !important; }
.pg-home #services .card {
  background: #ffffff !important;
  border: 1px solid rgba(11,31,58,.10) !important;
  border-top: 4px solid #0B1F3A !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(11,31,58,.08) !important;
  padding: 30px 30px 32px !important;
  text-align: center !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}
.pg-home #services .card:hover { transform: translateY(-3px) !important; box-shadow: 0 16px 38px rgba(11,31,58,.13) !important; }
.pg-home #services .card .index {
  font-family: Inter, sans-serif !important;
  font-size: .78rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #4f6f95 !important;
  margin-bottom: 12px !important;
}
.pg-home #services .card h3 { font-size: 1.45rem !important; margin-bottom: 12px !important; color: #0B1F3A !important; }
.pg-home #services .card p { color: #3d4a5c !important; }
@media (max-width: 720px) {
  .pg-home #services .card { padding: 26px 22px 28px !important; }
  .pg-home #services .card h3 { font-size: 1.35rem !important; }
}

/* card27: community card church photo */
.pg-home #giving .giving-pillars > div:nth-child(1)::before { background-image: url("https://images.pexels.com/photos/30269957/pexels-photo-30269957.jpeg?auto=compress&cs=tinysrgb&w=1200") !important; background-position: center 35% !important; }

/* card28: What We Do cards tighter, plain numbers */
.pg-home #services .card-grid { gap: 14px !important; }
.pg-home #services .card .index {
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #8a9bb0 !important;
  margin-bottom: 8px !important;
}

/* logo29: larger footer logo on phones */
@media (max-width:720px){ footer .logo img{height:64px !important;width:auto !important;max-width:none !important;max-height:none !important} footer .logo{max-width:none !important;width:auto !important} }

/* give30: desktop philanthropy text top, cards in a row */
@media (min-width:861px){ .pg-home #giving .giving-grid{display:block !important} .pg-home #giving .giving-grid > div:first-child{max-width:760px;margin:0 auto 44px;text-align:center} .pg-home #giving .giving-grid hr.rule{margin-left:auto;margin-right:auto} .pg-home #giving .giving-pillars{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:24px !important;max-width:none !important;width:100% !important} .pg-home #giving .giving-pillars > div{margin:0 !important} }

/* fix31: desktop contact no extra space; bigger footer logo */
@media (min-width:861px){ .pg-home #contact{min-height:0 !important;height:auto !important;padding-bottom:90px !important} footer .logo img{height:110px !important;width:auto !important;max-width:none !important;max-height:none !important} footer .logo{max-width:none !important;width:auto !important} }

/* silver33: uniform silver top strip on homepage cards */
.pg-home #services .card, .pg-home #two-paths .card, .pg-home #giving .giving-pillars > div { border-top: 4px solid #A8B0B8 !important; }
.pg-home #services .card::after, .pg-home #two-paths .card::after { border-top-color: #A8B0B8 !important; }

/* menu34: sleeker desktop dropdowns */
@media (min-width:861px){
  .has-menu .nav-menu{background:#fff !important;border:1px solid rgba(11,31,58,.08) !important;border-top:3px solid #A8B0B8 !important;border-radius:4px !important;box-shadow:0 18px 40px -12px rgba(11,31,58,.28) !important;padding:10px !important;min-width:300px}
  .has-menu .nav-menu a{display:block;padding:11px 16px 11px 18px !important;border-radius:3px;border-left:2px solid transparent;font-family:'Playfair Display',Georgia,serif !important;font-size:.98rem !important;color:#0B1F3A !important;letter-spacing:0 !important;line-height:1.3 !important;transition:background .2s ease,border-color .2s ease,padding .2s ease}
  .has-menu .nav-menu a .menu-desc{display:block;margin-top:3px;font-family:Inter,system-ui,sans-serif !important;font-size:.76rem !important;color:#7d8a99 !important;letter-spacing:.01em}
  .has-menu .nav-menu a:hover{background:#f7f4ef !important;border-left-color:#0B1F3A;padding-left:22px !important}
  .has-menu .nav-menu.ind-menu{column-gap:6px;padding:14px !important}
  .has-menu .nav-menu a + a{border-top:0}
}

/* foot35: bigger centered footer logo, thinner footer */
footer .footer-top{display:flex !important;align-items:center !important;justify-content:space-between;gap:32px}
footer .logo{display:flex !important;align-items:center}
footer .logo img{height:64px !important;width:auto !important;max-width:none !important;max-height:none !important}
footer{padding-top:44px !important;padding-bottom:28px !important}
footer .footer-top{padding-bottom:26px !important;margin-bottom:22px !important}
@media (max-width:860px){ footer .footer-top{flex-direction:column;align-items:flex-start !important} footer .logo img{height:52px !important} }

/* sync3: subpage cards match homepage silver top strip */
.pg-services #services .card,
.pg-affiliates .affiliate-grid.two-paths .affiliate,
.pg-giving .giving-pillars > div { border-top: 4px solid #A8B0B8 !important; }
.pg-services #services .card::after { border-top-color: #A8B0B8 !important; }

/* ind36: slightly wider desktop Industries dropdown */
@media (min-width:861px){ .has-menu .nav-menu.ind-menu{min-width:600px !important;column-gap:10px} }

/* hero37: desktop homepage hero photo stays still (no zoom/drift); sticky cover effect kept */
@media (min-width:861px){ .pg-home .hero .hero-media{transform:none !important;transition:none !important} }

/* hero38: desktop hero sticks directly under the 85px sticky header so it doesn't shift up on the first scroll */
@media (min-width:1024px){ .pg-home .hero{top:85px !important} }

/* hero39: desktop hero fills exactly the visible area under the header, text block vertically centered */
@media (min-width:1024px){ .pg-home .hero{min-height:calc(100vh - 85px) !important;padding:48px 0 !important;display:flex !important;align-items:center !important;box-sizing:border-box} .pg-home .hero > .wrap{width:100%} }

/* ind40: mobile Industries menu as one clean column, nothing cut off */
@media (max-width:860px){ .nav-links .nav-menu.ind-menu{columns:auto !important;column-count:1 !important;min-width:0 !important;width:auto !important;max-width:100% !important;box-sizing:border-box;margin-left:4px !important;padding:4px 0 8px 14px !important;border-left:2px solid #A8B0B8 !important} .nav-links .nav-menu.ind-menu a{display:block;white-space:normal !important;overflow-wrap:anywhere;font-size:1.02rem !important;padding:9px 8px !important;line-height:1.3 !important} .nav-links .nav-menu.ind-menu a .menu-desc{font-size:.84rem !important;margin-top:2px} }

/* trim41: desktop - less top space in homepage philanthropy section and above footer logo */
@media (min-width:861px){ .pg-home #giving{padding-top:80px !important} footer{padding-top:34px !important} }