@media (max-width: 1024px) {
  #fwSection {
    min-height: auto;
    height: auto !important;
  }

  #fwSection .fw-sticky {
    position: relative !important;
    height: auto !important;
    padding: 60px 0;
  }

  #fwSection .fw-sticky.is-pinned {
    position: relative !important;
  }

  .fw-full-wrap {
    max-height: none;
  }

  .fw-layout {
    grid-template-columns: 1fr;
    gap: 50px;
    flex: none;
    min-height: auto;
  }

  .fw-left { order: 1; }
  .fw-right { order: 2; }

  .hero-g {
    grid-template-columns: 1fr !important;
  }

  .story-g {
    grid-template-columns: 1fr !important;
  }

  .story-stk {
    position: relative !important;
    top: 0 !important;
  }

  .impact {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 2rem !important;
  }

  .spot {
    grid-template-columns: 1fr !important;
  }

  .proc-g {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .ba-g {
    grid-template-columns: 1fr !important;
  }

  .hero {
    min-height: auto !important;
    padding-top: 200px !important;
    padding-bottom: 60px !important;
  }

  .hero-t {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }
}

@media (max-width: 480px) {
  .impact {
    grid-template-columns: 1fr !important;
  }

  .proc-g {
    grid-template-columns: 1fr !important;
  }

  .cmp-r > div {
    padding: 1rem;
    font-size: .85rem;
  }

  .cmp-hd > div {
    padding: 1.25rem 1rem;
  }
}