/* DADAIRE / 03 — Approved spacious homepage system, applied through
 * WordPress block > Advanced > Additional CSS class(es).
 * None of these classes builds or populates a WordPress page automatically.
 */
.dc-container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--dc-content-width);
  margin-inline: auto;
  padding-inline: 48px;
}
.dc-section {padding-block: 120px;}
.dc-section--hero {padding-block: 96px 104px;}
.dc-section--values {padding-block: 88px;}
.dc-section--about {padding-block: 144px;}
.dc-section--causes {padding-block: 132px; background-color: var(--dc-soft);}
.dc-section--get-involved {padding-block: 120px;}
.dc-section--outreaches {padding-block: 128px;}
.dc-section--articles {padding-block: 128px 144px; background-color: var(--dc-soft);}
.dc-kicker {
  font-size: 11px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
.dc-grid {display: grid; gap: var(--dc-gap);}
.dc-grid--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.dc-grid--4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.dc-card {
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  overflow: hidden;
  background: var(--dc-white);
}
.dc-card img, .dc-cause-card img {width: 100%; aspect-ratio: 4/3; object-fit: cover;}
.dc-cause-card {
  border: 1px solid var(--dc-border);
  border-radius: var(--dc-radius);
  overflow: hidden;
  background: var(--dc-white);
}
.dc-card__body {padding: 24px;}
.dc-donate-cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding-inline: 24px;
  border-radius: 10px;
  background-color: var(--dc-gold);
  color: var(--dc-navy);
  font-weight: 700;
  text-decoration: none;
}
.dc-donate-cta:hover, .dc-donate-cta:focus-visible {background-color: var(--dc-gold-hover); color: var(--dc-navy);}
.dc-donate-cta:focus-visible {outline: 3px solid var(--dc-forest); outline-offset: 3px;}
@media (max-width: 1199px) {
  :root {--dc-gap: 24px;}
  .dc-container {padding-inline: 32px;}
  .dc-section {padding-block: 88px;}
  .dc-section--hero {padding-block: 80px 88px;}
  .dc-section--values {padding-block: 72px;}
  .dc-section--about {padding-block: 104px;}
  .dc-section--causes {padding-block: 96px;}
  .dc-section--get-involved {padding-block: 96px;}
  .dc-section--outreaches {padding-block: 92px;}
  .dc-section--articles {padding-block: 92px 100px;}
  .dc-grid--4 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767px) {
  :root {--dc-gap: 20px;}
  .dc-container {padding-inline: 20px;}
  .dc-section {padding-block: 64px;}
  .dc-section--hero {padding-block: 72px 64px;}
  .dc-section--values {padding-block: 56px;}
  .dc-section--about {padding-block: 80px;}
  .dc-section--causes {padding-block: 72px;}
  .dc-section--get-involved {padding-block: 80px;}
  .dc-section--outreaches {padding-block: 72px;}
  .dc-section--articles {padding-block: 72px 80px;}
  .dc-kicker {font-size: 10px; letter-spacing: 2px;}
  .dc-grid--3, .dc-grid--4 {grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion: reduce) {
  .dc-donate-cta {scroll-behavior: auto; transition: none; animation: none;}
}