/* Private v2 chapter: seven illustrated areas, following the program foundations. */
.homepage-fluid-v2 .business-pillars { background:#f7f3ea; color:#183e32; padding:88px 0 72px; font-family:Manrope,sans-serif; }
.business-pillars *, .business-pillars *::before, .business-pillars *::after { box-sizing:border-box; }
.business-pillars :is(h3,h4,p,figure) { margin:0; }
.business-pillars .pillars-shell { max-width:1480px; padding-inline:clamp(20px,4.5vw,72px); margin-inline:auto; }
.business-pillars .pillars-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:44px; }
.business-pillars .pillars-eyebrow { margin-bottom:22px; color:#52645b; font-size:14px; font-weight:700; }
.business-pillars .pillars-heading h3 { color:#183e32; font-size:clamp(38px,4.5vw,64px); font-weight:400; line-height:1.08; letter-spacing:-.06em; }
.business-pillars .pillars-heading h3 span { color:#72806a; }
.business-pillars .pillars-heading > p { max-width:350px; padding-bottom:4px; color:#52645b; font-size:16px; line-height:1.7; }
.business-pillars .pillars-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.business-pillars .pillar {
  --pa-ink:#244637; --pa-muted:#52664b; --pa-line:#63805b; --pa-soft:#bfccb3; --pa-pop:#d3e8ad; --pa-paper:#f9fbf2;
  display:flex; flex-direction:column; min-width:0; grid-column:auto; padding:26px; border:1px solid #183e3210; border-radius:8px; background:#e6eddd; color:var(--pa-ink);
}
.business-pillars .pillar-reach { --pa-ink:#533b2c; --pa-muted:#765a46; --pa-line:#ab8060; --pa-soft:#ddbea3; --pa-pop:#efb98e; --pa-paper:#fff7ee; background:#f0e2d1; }
.business-pillars .pillar-momentum { --pa-ink:#25473e; --pa-muted:#506d63; --pa-line:#6c9686; --pa-soft:#b8cfc1; --pa-pop:#a7cbb8; --pa-paper:#f5fbf6; background:#dceae2; }
.business-pillars .pillar-flow { --pa-ink:#e5f0d7; --pa-muted:#c6d6bc; --pa-line:#a8c391; --pa-soft:#4a6f53; --pa-pop:#4b7040; --pa-paper:#214734; background:#193e33; }
.business-pillars .pillar-care { --pa-ink:#244637; --pa-muted:#52664b; --pa-line:#63805b; --pa-soft:#bfcdb5; --pa-pop:#c8dfa3; --pa-paper:#fbfcf5; background:#e8edde; }
.business-pillars .pillar-balance { --pa-ink:#42372b; --pa-muted:#71614b; --pa-line:#9b8961; --pa-soft:#d7c9a5; --pa-pop:#e7d28c; --pa-paper:#fffbf0; background:#efe8d4; }
.business-pillars .pillar-people { --pa-ink:#edf3f5; --pa-muted:#c8d7df; --pa-line:#adc4d3; --pa-soft:#4b687d; --pa-pop:#466982; --pa-paper:#2c465b; background:#24394a; }
.business-pillars .pillar-top { padding-bottom:16px; border-bottom:1px solid color-mix(in srgb,var(--pa-line) 35%,transparent); font-size:12px; line-height:1.5; font-weight:700; color:var(--pa-muted); }
.business-pillars .pillar-copy { padding-top:22px; flex:1; }
.business-pillars .pillar-copy h4 { color:var(--pa-ink); max-width:20ch; font-size:clamp(26px,2.35vw,34px); font-weight:700; line-height:1.15; letter-spacing:-.045em; text-wrap:balance; }
.business-pillars .pillar-art { width:100%; max-width:380px; margin:20px auto; }
.business-pillars .pillar-art svg { display:block; width:100%; height:auto; overflow:visible; font-family:Manrope,sans-serif; }
.business-pillars .pillar-ideas { margin-top:0; border-top:1px solid color-mix(in srgb,var(--pa-line) 35%,transparent); color:var(--pa-muted); font-size:13px; line-height:1.65; }
.business-pillars .pillar-ideas summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 0 0; color:var(--pa-ink); font-size:12px; font-weight:700; cursor:pointer; list-style:none; }
.business-pillars .pillar-ideas summary::-webkit-details-marker { display:none; }
.business-pillars .pillar-ideas summary::after { content:"+"; flex:none; font-size:20px; font-weight:400; line-height:1; }
.business-pillars .pillar-ideas[open] summary::after { content:"−"; }
.business-pillars .pillar-ideas summary:focus-visible { outline:2px solid var(--pa-ink); outline-offset:4px; border-radius:2px; }
.business-pillars .pillar-ideas ul { padding-left:18px; margin:12px 0 0; list-style:disc; }
.business-pillars .pillar-ideas li + li { margin-top:8px; }
.business-pillars .pillars-footer { margin-top:28px; color:#52645b; font-size:14px; line-height:1.7; }
.business-pillars .pillars-footer span { font-size:12px; }
.business-pillars .home-next-step { margin-top:32px; }
/* Executive support leads; the six remaining pillars share one upright layout. */
.business-pillars .pillar-signals { grid-column:1/-1; }
.business-pillars .pillar-signals .pillar-copy > p { max-width:42ch; margin-top:18px; color:var(--pa-muted); font-size:16px; line-height:1.7; }
@media (min-width:700px) {
  /* Share the four content tracks across each visual row. Only the last
     track grows when details open, so artwork and summaries stay anchored. */
  .business-pillars .pillars-grid { row-gap:0; margin-bottom:-18px; }
  .business-pillars .pillar { margin-bottom:18px; }
  .business-pillars .pillar:not(.pillar-signals) { display:grid; grid-template-rows:subgrid; grid-row:span 4; row-gap:0; }
  .business-pillars .pillar:not(.pillar-signals) .pillar-ideas { align-self:start; }
  .business-pillars .pillar-signals { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); column-gap:40px; padding:32px; }
  .business-pillars .pillar-signals .pillar-top { grid-column:1; grid-row:1; align-self:start; }
  .business-pillars .pillar-signals .pillar-copy { grid-column:1; grid-row:2; padding-block:24px; align-self:center; }
  .business-pillars .pillar-signals .pillar-copy h4 { min-height:0; font-size:clamp(32px,3.5vw,48px); }
  .business-pillars .pillar-signals .pillar-art { grid-column:2; grid-row:1/3; align-self:center; max-width:520px; margin-block:0; }
  .business-pillars .pillar-signals .pillar-ideas { grid-column:1; grid-row:3; align-self:end; }
}
@media (min-width:700px) and (max-width:1099px) {
  .business-pillars .pillars-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .business-pillars .pillar-signals { column-gap:24px; padding:26px; }
}
@media (max-width:960px) {
  .homepage-fluid-v2 .business-pillars { padding:64px 0 56px; }
  .business-pillars .pillars-heading { display:block; margin-bottom:32px; }
  .business-pillars .pillars-heading > p { margin-top:24px; max-width:44ch; }
}
@media (max-width:699px) {
  .business-pillars .pillars-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .business-pillars .pillar { grid-column:auto; padding:24px; }
  .business-pillars .pillar-copy h4 { min-height:0; font-size:32px; }
  .business-pillars .pillar-art { max-width:340px; margin-block:22px; }
  .business-pillars .pillar-top { font-size:12px; }
}
@media (max-width:359px) {
  .business-pillars .pillar { padding:20px; }
  .business-pillars .pillar-copy h4 { font-size:28px; }
}

/* Slow connector flow only. Shapes, text and card geometry remain still.
   Without JS, observer support or motion permission, the original art is static. */
@media (prefers-reduced-motion:no-preference) {
  .business-pillars [data-flow-scene].is-flow-ready [data-gentle-flow] {
    stroke-dasharray:4 12;
    stroke-linecap:round;
    animation:pillar-connector-flow 6s linear infinite;
    animation-play-state:paused;
  }
  .business-pillars [data-flow-scene].is-flow-running [data-gentle-flow] { animation-play-state:running; }
  .business-pillars [data-gentle-flow="outgoing"] { animation-delay:-3s; }
}
@keyframes pillar-connector-flow {
  from { stroke-dashoffset:0; }
  to { stroke-dashoffset:-16; }
}

/* Each area keeps its own colour family on a dark surface. SVGs inherit it. */
.homepage-fluid-v2.dark .business-pillars { background:var(--lighter-bg); color:var(--lighter-ink); }
.homepage-fluid-v2.dark .business-pillars .pillars-heading h3 { color:var(--lighter-ink); }
.homepage-fluid-v2.dark .business-pillars .pillars-heading h3 span { color:#9ac5a8; }
.homepage-fluid-v2.dark .business-pillars :is(.pillars-eyebrow,.pillars-heading > p,.pillars-footer) { color:var(--lighter-muted); }
.homepage-fluid-v2.dark .business-pillars .pillar {
  --pa-ink:#edf5e6; --pa-muted:#b9cdb4; --pa-line:#9dbb8c; --pa-soft:#63805b; --pa-pop:#3b5635; --pa-paper:#243629;
  background:#1a2c23; border-color:#b9cdb426;
}
.homepage-fluid-v2.dark .business-pillars .pillar-reach {
  --pa-ink:#f9ede3; --pa-muted:#dec4af; --pa-line:#d7a880; --pa-soft:#9f7656; --pa-pop:#67472f; --pa-paper:#3c3027;
  background:#30271f;
}
.homepage-fluid-v2.dark .business-pillars .pillar-momentum {
  --pa-ink:#e5f6ed; --pa-muted:#b1d0c1; --pa-line:#8ebda9; --pa-soft:#5f8d7a; --pa-pop:#345d4b; --pa-paper:#233e32;
  background:#192f26;
}
.homepage-fluid-v2.dark .business-pillars .pillar-flow {
  --pa-ink:#edf5e6; --pa-muted:#c0d5b5; --pa-line:#a8c391; --pa-soft:#64885b; --pa-pop:#3b5635; --pa-paper:#25402e;
  background:#173127;
}
.homepage-fluid-v2.dark .business-pillars .pillar-care {
  --pa-ink:#edf5e6; --pa-muted:#c2d2b7; --pa-line:#a5c18f; --pa-soft:#6f8c60; --pa-pop:#3b5635; --pa-paper:#293c29;
  background:#202f24;
}
.homepage-fluid-v2.dark .business-pillars .pillar-balance {
  --pa-ink:#f8f1df; --pa-muted:#d8c9a7; --pa-line:#c4ac72; --pa-soft:#978251; --pa-pop:#5b4b2c; --pa-paper:#3d3625;
  background:#2d291e;
}
.homepage-fluid-v2.dark .business-pillars .pillar-people {
  --pa-ink:#edf3f5; --pa-muted:#c8d7df; --pa-line:#adc4d3; --pa-soft:#6c8ba2; --pa-pop:#36536a; --pa-paper:#263f52;
  background:#1a2c3b;
}