.impact-section { position: relative; isolation: isolate; overflow: clip; padding: 78px 0 66px; margin-block: 12px 30px; }
.impact-atmosphere { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 50% 37%,#ffffffdf,transparent 68%); }
.impact-glow { position: absolute; inset: 20% 15% 8%; border-radius: 50%; background: #e8f0fa55; filter: blur(65px); }
.impact-globe { position: absolute; width: 570px; height: 570px; top: -15px; right: calc(50% - 870px); opacity: .43; transform: rotate(-13deg); animation: impact-globe-float 12s ease-in-out infinite alternate; mask-image: linear-gradient(90deg,transparent,#000 35%); }
.impact-waves { position: absolute; bottom: -45px; left: -2%; width: 104%; height: 250px; opacity: .62; }
.impact-waves g { animation: impact-wave-drift 13s ease-in-out infinite alternate; }
.impact-content.wrap { width: min(1080px,calc(100% - var(--reese-gutter) * 2)); text-align: center; }
.impact-eyebrow { display: flex; align-items: center; justify-content: center; gap: 20px; color: #537a91; font-size: 12px; font-weight: 500; letter-spacing: .04em; }
.impact-eyebrow::before,.impact-eyebrow::after { content: ''; width: 57px; height: 1px; background: #c6d5e2; }
.impact-content h2 { margin: 25px auto 15px; font-family: 'Songti SC','Noto Serif CJK SC',Georgia,serif; font-size: clamp(34px,3.65vw,52px); font-weight: 500; line-height: 1.25; letter-spacing: -.035em; color: #183645; }
.impact-content h2 em { color: #547fa5; font-style: normal; }
.impact-intro { font-size: 15px; line-height: 1.8; color: #6a7c8b; }
.impact-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 53px 0 39px; }
.impact-stat { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 8px 24px 16px; }
.impact-stat + .impact-stat { border-left: 1px solid #dce5ed; }
.impact-stat dt { color: #617789; font-size: 16px; font-weight: 400; line-height: 1.6; margin-top: 23px; }
.impact-stat dd { order: -1; position: relative; z-index: 1; margin: 0; }
.impact-figure { display: inline-flex; align-items: baseline; justify-content: center; white-space: nowrap; font-family: Georgia,'Times New Roman',serif; font-variant-numeric: lining-nums tabular-nums; color: #193c59; line-height: 1; letter-spacing: -.055em; }
.impact-number { font-size: 104px; }
.impact-suffix { font-size: 53px; margin-left: 3px; letter-spacing: -.055em; }
.impact-unit { font-size: 36px; margin-left: 10px; letter-spacing: -.03em; }
.impact-pedestal { position: absolute; width: 83%; height: 37px; top: 91px; border-radius: 50%; border: 1px solid #d6e3f16b; background: linear-gradient(180deg,#ffffff07,#d4e1f124); box-shadow: 0 12px 27px -24px #537da0; }
.impact-pedestal::after { content: ''; width: 17px; height: 1px; background: #a6bed3; position: absolute; bottom: -1px; left: calc(50% - 8px); }
.impact-link { display: inline-flex; gap: 29px; align-items: center; justify-content: center; min-height: 51px; padding: 11px 28px; border-radius: 999px; border: 1px solid #d5e2ed; background: #ffffffbd; color: #315c79; font-size: 14px; box-shadow: 0 12px 28px -22px #5883a8; transition: background .25s, transform .25s, box-shadow .25s; }
.impact-link svg { width: 21px; height: 21px; transition: transform .25s; }
.impact-link:hover { background: #fff; box-shadow: 0 12px 28px -18px #5883a8; }
.impact-link:hover svg { transform: translateX(4px); }
.impact-link:focus-visible { outline: 2px solid #39718e; outline-offset: 5px; }
.impact-note { max-width: 600px; margin: 22px auto 0; color: #83939f; font-size: 10px; line-height: 1.8; }
.impact-section:not(.impact-in-view) .impact-globe,.impact-section:not(.impact-in-view) .impact-waves g { animation-play-state: paused; }
@keyframes impact-globe-float { from { transform: translateY(0) rotate(-13deg); } to { transform: translateY(13px) rotate(-9deg); } }
@keyframes impact-wave-drift { from { transform: translateX(0); } to { transform: translateX(-16px); } }
@media (min-width: 701px) and (max-width: 980px) {
  .impact-section { padding-block: 62px 52px; }
  .impact-content h2 { font-size: 38px; }
  .impact-stat { padding-inline: 16px; }
  .impact-number { font-size: 69px; }
  .impact-suffix { font-size: 36px; }
  .impact-unit { font-size: 27px; margin-left: 6px; }
  .impact-stat dt { font-size: 14px; }
  .impact-pedestal { top: 59px; height: 29px; }
}
@media (max-width: 700px) {
  .impact-section { padding-block: 47px 40px; margin-block: 5px 20px; }
  .impact-content h2 { font-size: clamp(27px,7.7vw,31px); line-height: 1.35; margin-block: 22px 14px; text-wrap: balance; }
  .impact-intro { font-size: 12px; max-width: 280px; margin-inline: auto; }
  .impact-eyebrow { font-size: 11px; gap: 15px; }
  .impact-eyebrow::before,.impact-eyebrow::after { width: 32px; }
  .impact-globe { width: 360px; height: 360px; right: -195px; top: 80px; opacity: .28; }
  .impact-waves { height: 170px; bottom: -25px; }
  .impact-metrics { grid-template-columns: 1fr; margin-block: 26px 28px; }
  .impact-stat { display: grid; grid-template-columns: 55% 45%; text-align: left; padding: 18px 0; align-items: center; }
  .impact-stat + .impact-stat { border-left: none; border-top: 1px solid #dce5ed; }
  .impact-stat dt { grid-column: 2; grid-row: 1; margin: 0; font-size: 13px; padding-left: 12px; }
  .impact-stat dd { grid-column: 1; grid-row: 1; justify-self: start; }
  .impact-number { font-size: 58px; }
  .impact-suffix { font-size: 31px; }
  .impact-unit { font-size: 25px; margin-left: 7px; }
  .impact-pedestal { display: none; }
  .impact-link { min-height: 48px; padding-inline: 23px; font-size: 13px; gap: 24px; }
  .impact-note { font-size: 9px; max-width: 290px; margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .impact-globe,.impact-waves g { animation: none; }
  .impact-link,.impact-link svg { transition: none; }
}
