/* PDGA Giving Hero — independent section; append to existing CSS. */
.pdga-giving-hero {
  --giving-navy: #001f3e;
  --giving-teal: #006687;
  box-sizing: border-box;
  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 3rem);
  background: radial-gradient(ellipse at top left, #dff2ff 0, transparent 45%),
              radial-gradient(ellipse at bottom right, #e5f6f7 0, transparent 40%), #f8f9ff;
  color: var(--giving-navy);
  font-family: "Source Sans 3", sans-serif;
}
.pdga-giving-hero *, .pdga-giving-hero *::before, .pdga-giving-hero *::after {
  box-sizing: border-box;
}
.pdga-giving-hero .pdga-giving-hero__inner {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}
.pdga-giving-hero .pdga-giving-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 460px);
  gap: clamp(2rem, 4vw, 4.5rem);
  align-items: start;
}
.pdga-giving-hero .pdga-giving-hero__layout > *,
.pdga-giving-hero .pdga-giving-hero__copy > *,
.pdga-giving-hero .pdga-giving-hero__metric > * {
  margin-block: 0;
  min-width: 0;
}
.pdga-giving-hero .pdga-giving-hero__copy {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
.pdga-giving-hero h1.pdga-giving-hero__title {
  color: var(--giving-navy);
  font-family: "Montserrat", sans-serif;
  font-size: clamp(2.25rem, 4.3vw, 3.5rem);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -.025em;
  overflow-wrap: normal;
}
.pdga-giving-hero .pdga-giving-hero__title mark {
  color: var(--giving-teal);
}
.pdga-giving-hero .pdga-giving-hero__intro {
  color: #43474f;
  font-size: 1.125rem;
  line-height: 1.65;
}
.pdga-giving-hero .pdga-giving-hero__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  padding: 1rem;
  border-radius: .75rem;
  background: #eff4ff;
}
.pdga-giving-hero .pdga-giving-hero__metrics > *,
.pdga-giving-hero .pdga-giving-hero__badges > * {
  margin: 0;
  min-width: 0;
}
.pdga-giving-hero .pdga-giving-hero__value {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  line-height: 1.25;
  font-weight: 800;
}
.pdga-giving-hero .pdga-giving-hero__metric:nth-child(2) .pdga-giving-hero__value { color: var(--giving-teal); }
.pdga-giving-hero .pdga-giving-hero__metric:nth-child(3) .pdga-giving-hero__value { color: #003b35; }
.pdga-giving-hero .pdga-giving-hero__label {
  margin-top: .2rem;
  color: var(--giving-teal);
  font-size: .7rem;
  line-height: 1.4;
  letter-spacing: .055em;
  font-weight: 600;
  text-transform: uppercase;
}
.pdga-giving-hero .pdga-giving-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}
.pdga-giving-hero .pdga-giving-hero__badge {
  padding: .8rem 1rem;
  border-radius: .5rem;
  background: #fff;
  box-shadow: 0 1px 2px rgb(0 31 62 / 6%);
  font-family: "Montserrat", sans-serif;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
}
/* Keela owns the card, its inner padding, shadow, and changing form height. */
.pdga-giving-hero .pdga-giving-hero__form {
  width: 100%;
  max-width: 460px;
  min-width: 0;
  justify-self: center;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}
.pdga-giving-hero .pdga-giving-hero__form .keela-embed-form {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.pdga-giving-hero .pdga-giving-hero__form iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}
/* Placeholder disappears when replaced with the real embed. */
.pdga-giving-hero .pdga-giving-hero__placeholder {
  padding: 3rem 1.5rem;
  border: 2px dashed #a4c9ff;
  border-radius: .75rem;
  text-align: center;
  color: #43474f;
}
@media (max-width: 1000px) {
  .pdga-giving-hero .pdga-giving-hero__layout { grid-template-columns: minmax(0, 1fr); }
  .pdga-giving-hero h1.pdga-giving-hero__title { font-size: clamp(2.25rem, 6vw, 3.5rem); }
}
@media (max-width: 380px) {
  .pdga-giving-hero .pdga-giving-hero__metrics { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}

/* Giving hero callout icons — append after the existing section CSS. */
.pdga-giving-hero .pdga-giving-hero__badge {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
}
.pdga-giving-hero .pdga-giving-hero__badge::before {
  content: "";
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background: center / contain no-repeat;
}
.pdga-giving-hero .pdga-giving-hero__badge:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006687%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%203%202.3%203.7.4.6%203.7L22%2012l-2.7%203.6-.6%203.7-3.7.4L12%2022l-3-2.3-3.7-.4-.6-3.7L2%2012l2.7-3.6.6-3.7L9%204.3Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%202.5%202.5L16%209%22%2F%3E%3C%2Fsvg%3E");
}
.pdga-giving-hero .pdga-giving-hero__badge:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23006687%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M12%2016v2%22%2F%3E%3C%2Fsvg%3E");
}
/* Shared label pill: giving icon (same sizing as globe / people variants). */
.pdga-label-pill--giving::before {
  content: "";
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23007DA4%22%20d%3D%22M16%203.2c-1.7-2-5-1-5%201.6%200%202.1%203.1%204.8%205%206.4%201.9-1.6%205-4.3%205-6.4%200-2.6-3.3-3.6-5-1.6ZM2%2012h3v10H2V12Zm5%200h3l6.1%202.4c1.3.5%201%202.3-.4%202.3H12l-1.3-.5-.5%201.2%201.6.6h4.1l3.9-1.2c2-.6%203.4%201.8%201.5%202.8L14%2023l-7-2V12Z%22%2F%3E%3C%2Fsvg%3E");
}
/* Placement only; appearance comes from the existing shared label pill. */
.pdga-giving-hero .pdga-label-pill {
  align-self: flex-start;
  max-width: 100%;
}