.bp-social-work-hero { padding-block: 96px; overflow: hidden; background: var(--bp-navy-deep); color: var(--bp-white); }
.bp-social-work-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(54px, 8vw, 110px); }
.bp-social-work-hero__copy h1 { max-width: 620px; margin: 0; color: #fff1bc; font-family: "Playfair Display", Georgia, serif; font-size: clamp(48px, 6vw, 76px); line-height: 1.02; letter-spacing: -.04em; }
.bp-social-work-hero__copy > p:not(.bp-eyebrow) { max-width: 580px; margin: 24px 0 0; color: rgba(255,255,255,.76); font-size: 18px; }
.bp-social-work-hero__image { position: relative; min-height: 430px; margin: 0; overflow: hidden; border-radius: 48% 48% 8px 8px / 18% 18% 8px 8px; background: var(--bp-white); box-shadow: 0 28px 80px rgba(0,0,0,.28); }
.bp-social-work-hero__image::after { content: ""; position: absolute; inset: 16px; border: 1px solid rgba(243,201,87,.5); border-radius: inherit; pointer-events: none; }
.bp-social-work-hero__image img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.bp-social-work-story { padding-block: 104px; }
.bp-social-work-story__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(60px, 9vw, 130px); }
.bp-social-work-story h2, .bp-social-work-cta h2 { margin: 0; color: var(--bp-navy); font-family: "Playfair Display", Georgia, serif; font-size: clamp(36px, 4.4vw, 58px); line-height: 1.08; letter-spacing: -.03em; }
.bp-social-work-story__copy { padding-top: 8px; color: var(--bp-muted); font-size: 18px; }
.bp-social-work-story__copy p { margin: 0 0 24px; }
.bp-social-work-cta { padding-block: 72px; background: #f0efe9; }
.bp-social-work-cta__inner { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; }
.bp-social-work-cta .bp-actions { align-items: center; margin: 0; }

@media (max-width: 900px) {
  .bp-social-work-hero__grid, .bp-social-work-story__grid, .bp-social-work-cta__inner { grid-template-columns: 1fr; }
  .bp-social-work-hero__image { min-height: 360px; }
  .bp-social-work-hero__image img { min-height: 360px; }
}

@media (max-width: 640px) {
  .bp-social-work-hero { padding-block: 70px 0; }
  .bp-social-work-hero__grid { width: 100%; gap: 54px; }
  .bp-social-work-hero__copy { width: calc(100% - 32px); margin-inline: auto; }
  .bp-social-work-hero__image { min-height: 300px; border-radius: 48% 48% 0 0 / 18% 18% 0 0; }
  .bp-social-work-hero__image img { min-height: 300px; }
  .bp-social-work-story { padding-block: 72px; }
  .bp-social-work-story__grid { gap: 34px; }
  .bp-social-work-cta .bp-actions { align-items: stretch; }
}