.agenda-hero,
.agenda-purpose,
.agenda-next,
.agenda-close {
  padding: clamp(72px, 9vw, 132px) clamp(22px, 6vw, 96px);
}
.agenda-hero {
  min-height: 720px;
  display: grid;
  grid-template-columns: 1fr minmax(320px, .82fr);
  align-items: center;
  gap: clamp(36px, 7vw, 110px);
  background: radial-gradient(circle at 78% 28%, rgba(255,222,0,.22), transparent 32%);
}
.agenda-hero h1,
.agenda-purpose h2,
.agenda-next h2,
.agenda-close h2 {
  margin: 18px 0 24px;
  font-size: clamp(3rem, 7vw, 7rem);
  line-height: .9;
  letter-spacing: -.065em;
}
.agenda-hero__intro { max-width: 42ch; font-size: clamp(1.06rem, 1.6vw, 1.3rem); line-height: 1.62; }
.agenda-hero__media { margin: 0; aspect-ratio: 4 / 5; padding: 12px; border-radius: 46px; background: #ffde00; transform: rotate(1deg); }
.agenda-hero__media img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 36px; }
.agenda-purpose { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 8vw, 120px); background: #231f20; color: #fffaf0; }
.agenda-purpose h2 { font-size: clamp(2.8rem, 6vw, 6rem); }
.agenda-purpose__body { max-width: 650px; font-size: clamp(1.05rem, 1.6vw, 1.3rem); line-height: 1.7; }
.agenda-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 30px; }
.agenda-pillars div { padding: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; }
.agenda-pillars strong { display: block; color: #ffde00; margin-bottom: 8px; }
.agenda-next { background: #ffde00; }
.agenda-next__inner { max-width: 980px; }
.agenda-next h2 { max-width: 10ch; }
.agenda-next p { max-width: 48ch; font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.65; }
.agenda-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.agenda-close { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 8vw, 120px); align-items: end; }
.agenda-close h2 { font-size: clamp(3rem, 6vw, 6rem); }
@media (max-width: 820px) {
  .agenda-hero,
  .agenda-purpose,
  .agenda-close { grid-template-columns: 1fr; }
  .agenda-hero { min-height: 0; }
  .agenda-hero__media { max-width: 480px; }
  .agenda-pillars { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .agenda-hero,
  .agenda-purpose,
  .agenda-next,
  .agenda-close { padding-left: 22px; padding-right: 22px; }
  .agenda-actions .button { width: 100%; }
  .agenda-hero__media { border-radius: 32px; }
  .agenda-hero__media img { border-radius: 24px; }
}