.newsletter-layout { display: grid; grid-template-columns: minmax(220px, 320px) minmax(0, 650px); align-items: start; justify-content: center; gap: clamp(2.5rem, 7vw, 6rem); }
.newsletter-image { display: block; width: 100%; max-width: 320px; height: auto; margin: 0; }
.newsletter-callout { max-width: 720px; font-size: 1.1rem; }
.newsletter-callout p:first-child { margin-top: 0; }
.newsletter-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 2.25rem; padding-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.14); }

@media (max-width: 70rem) {
  .newsletter-layout { grid-template-columns: minmax(220px, 30vw) minmax(0, 650px); gap: clamp(1.5rem, 4vw, 3rem); }
}

@media (max-width: 44rem) {
  .newsletter-layout { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; }
  .newsletter-image { width: min(70vw, 280px); }
  .newsletter-callout { font-size: 1rem; }
  .newsletter-actions { align-items: stretch; flex-direction: column; }
  .newsletter-actions > .button, .newsletter-actions__archive .button { width: 100%; text-align: center; }
}