.about-philosophy-b .proposal-community { width: min(328px, 100%); margin: 30px auto 0; }
    .about-philosophy-b{padding:76px max(5.55%,24px) 64px;background:radial-gradient(ellipse at 50% 68%,#dff6ff 0,transparent 62%),linear-gradient(180deg,#fff,#f5fcff);color:#345366}
    .b2-heading{text-align:center;max-width:1000px;margin:auto}.b2-heading .section-eyebrow{justify-content:center;color:#087ea8}.b2-heading h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;line-height:1.6;letter-spacing:.11em;margin-top:24px}.b2-heading>p:last-child{font-size:16px;line-height:2;letter-spacing:.055em;margin-top:17px;color:#5b7a8c}
    .b2-stage{position:relative;max-width:1140px;margin:56px auto 0}
    .b2-values{display:grid;grid-template-columns:1fr 1fr;gap:160px;padding:0 60px;text-align:center;position:relative;z-index:1}
    .b2-value h3{font-size:29px;font-weight:500;line-height:1.6;letter-spacing:.035em;margin:0;color:#086f96}.b2-value:last-child h3{color:#15839f}.b2-value p{font-size:14px;line-height:1.9;margin-top:12px;color:#597b8e}
    .b2-weave{width:100%;height:auto;display:block;margin-top:-6px;overflow:visible}
    .b2-ribbon{fill:none;stroke-width:25;stroke-linecap:round;stroke-linejoin:round}
    .b2-fine{fill:none;stroke:#fff;stroke-width:1.2;opacity:.8}
    .b2-result{text-align:center;max-width:760px;margin:0 auto;padding-top:0}.b2-result>p:first-child{font-size:14px;color:#55798b;letter-spacing:.07em}.b2-result h3{font-size:44px;line-height:1.6;font-weight:500;color:#087ea8;letter-spacing:.16em;margin:6px 0 0}.b2-result>p:last-child{font-size:14px;line-height:2.1;margin-top:22px;color:#507183}
    .b2-result h3::before,.b2-result h3::after{content:'';display:inline-block;vertical-align:middle;width:45px;height:1px;background:#9ed5e7;margin:0 24px 6px}
    @media(max-width:1050px){.b2-values{gap:70px;padding-inline:24px}.b2-value h3{font-size:25px}.b2-stage{margin-top:44px}.b2-heading h2{font-size:37px}}
    @media(max-width:700px){.about-philosophy-b{padding:54px 22px 48px}.b2-heading h2{font-size:29px;line-height:1.65;letter-spacing:.055em;margin-top:20px}.b2-heading>p:last-child{font-size:14px;line-height:2;margin-top:18px}.b2-stage{margin-top:40px}.b2-values{gap:24px;padding:0}.b2-value h3{font-size:22px;line-height:1.55;letter-spacing:.02em}.b2-value h3 span{display:block}.b2-value p{font-size:12px;line-height:1.85;margin-top:14px}.b2-weave{width:calc(100% + 20px);max-width:none;margin:16px -10px 18px}.b2-ribbon{stroke-width:36}.b2-result h3{font-size:35px;letter-spacing:.1em}.b2-result h3::before,.b2-result h3::after{width:22px;margin:0 12px 5px}.b2-result>p:first-child{font-size:12px}.b2-result>p:last-child{font-size:13px;line-height:2;margin-top:20px}}
    @media(max-width:350px){.b2-heading h2{font-size:25px}.b2-values{gap:18px}.b2-value h3{font-size:20px}.b2-result h3{font-size:31px}.b2-result h3::before,.b2-result h3::after{width:18px;margin-inline:9px}}



/* The people occupy a real column between the two commitments, not the ribbon. */
.about-philosophy-b .b2-values {
  grid-template-columns: minmax(0, 1fr) 148px minmax(0, 1fr);
  align-items: center;
  gap: 34px;
  padding-inline: 32px;
}
.b2-people-between {
  width: 148px;
  height: auto;
  justify-self: center;
}
.about-philosophy-b .b2-weave {
  margin-top: 26px;
}
.about-philosophy-b .b2-result {
  padding-top: 8px;
}
.about-philosophy-b .proposal-community {
  width: min(354px, 100%);
  margin-top: 28px;
}

@media (min-width: 1060px) {
  .about-philosophy-b .b-community-layout { padding-bottom: 38px; }
  .about-philosophy-b .proposal-community {
    position: absolute;
    left: -12px;
    bottom: -22px;
    width: 252px;
    margin: 0;
  }
  .about-philosophy-b .b2-result { max-width: 540px; }
}

@media (min-width: 701px) and (max-width: 1059px) {
  .about-philosophy-b .b2-values {
    grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr);
    gap: 24px;
    padding-inline: 0;
  }
  .b2-people-between { width: 128px; }
  .about-philosophy-b .b2-value h3 { font-size: 24px; }
}

@media (max-width: 700px) {
  .proposal-community,
  .about-philosophy-b .proposal-community {
    width: min(270px, 88%);
    margin-top: 28px;
  }
  .about-philosophy-b .b2-stage { margin-top: 34px; }
  .about-philosophy-b .b2-values {
    grid-template-columns: minmax(0, 1fr) clamp(76px, 24vw, 126px) minmax(0, 1fr);
    gap: 10px;
    padding-inline: 0;
  }
  .b2-people-between {
    width: 100%;
    align-self: center;
  }
  .about-philosophy-b .b2-value h3 {
    font-size: clamp(17px, 4.8vw, 22px);
    letter-spacing: 0;
  }
  .about-philosophy-b .b2-value h3 span { display: block; }
  .about-philosophy-b .b2-value p {
    margin-top: 12px;
    font-size: clamp(10px, 2.8vw, 12px);
    letter-spacing: 0;
    line-height: 1.9;
  }
  .about-philosophy-b .b2-weave { margin-top: 28px; }
}


/* Illustrated B, scoped to the approved trial on the About page. */
.about-page .about-philosophy-b {
  height: auto;
  min-height: 0;
  padding-bottom: 288px;
  overflow: clip;
}
.about-page .about-philosophy-b::before { content: none; }
.philosophy-b-inner { position: relative; z-index: 1; max-width: 1280px; margin-inline: auto; }
.about-philosophy-b .section-eyebrow { display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 600; letter-spacing: .08em; }
.about-philosophy-b .section-eyebrow::before { content: ''; width: 20px; height: 9px; border-radius: 50%; background: #00a5dd; }
.about-philosophy-b .proposal-community img { display: block; width: 100%; height: auto; }
.about-philosophy-b .b-community-layout { position: relative; max-width: 1060px; margin-inline: auto; }
/* Restore the original oversized white word over its blue lower backdrop.
   Anchor to the bottom so the approved B content retains its own height. */
.about-philosophy-b::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 280px;
  background: linear-gradient(180deg, #f5fcff00, #e2f1f6 12%, #36b1d6 38%, #0085b1 70%, #007daa);
  pointer-events: none;
}
.about-philosophy-b .about-philosophy-word {
  top: auto;
  bottom: 12px;
  left: 50%;
  margin: 0;
  transform: translateX(-44%);
  font-size: 240px;
  color: #fff;
  opacity: .2;
  z-index: 1;
  pointer-events: none;
}
/* Reuse the one-shot reveal state so the drawing cannot restart on a return scroll. */
.about-philosophy-b .b2-weave[data-reveal] { opacity: 1; transform: none; transition: none; }
@media (prefers-reduced-motion: no-preference) {
  .reveal-prepare .about-philosophy-b .b2-weave:not([data-navigation-settled]) .b2-ribbon,
  .reveal-prepare .about-philosophy-b .b2-weave:not([data-navigation-settled]) .b2-fine,
  .about-philosophy-b .b2-weave.reveal-pending .b2-ribbon,
  .about-philosophy-b .b2-weave.reveal-pending .b2-fine { stroke-dasharray: 1; stroke-dashoffset: 1; }
  .about-philosophy-b .b2-weave.is-visible:not([data-navigation-settled]) .b2-ribbon,
  .about-philosophy-b .b2-weave.is-visible:not([data-navigation-settled]) .b2-fine {
    stroke-dasharray: 1;
    animation: philosophy-weave-draw 2.2s cubic-bezier(.25,.6,.3,1) both;
  }
  .about-philosophy-b .b2-weave.is-visible .second,
  .about-philosophy-b .b2-weave.is-visible .b2-fine { animation-delay: .24s; }
}
@keyframes philosophy-weave-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@media (min-width: 701px) and (max-width: 1000px) {
  .about-page .about-philosophy-b { padding-bottom: 208px; }
  .about-philosophy-b::after { height: 200px; }
  .about-philosophy-b .about-philosophy-word { font-size: clamp(110px, 16vw, 160px); bottom: 0; }
}
@media (max-width: 700px) {
  .about-page .about-philosophy-b { padding: 68px 22px 136px; }
  .about-philosophy-b .section-eyebrow { font-size: 14px; }
  .about-philosophy-b::after { height: 128px; }
  .about-philosophy-b .about-philosophy-word { font-size: 85px; bottom: 10px; }
}