/* Newsletter Issue 2: a focused, tactile reading card for the Publications page. */
.newsletter-section {
  position: relative;
  overflow: hidden;
  padding: 92px 0;
  background: linear-gradient(135deg, #f3fbfc 0%, #fff 54%, #fff8ef 100%);
}

.newsletter-section::before {
  position: absolute;
  width: 460px;
  height: 460px;
  top: -255px;
  right: -125px;
  border-radius: 50%;
  background: rgba(28, 163, 181, .12);
  content: "";
}

.newsletter-section .container { position: relative; }

.newsletter-card {
  display: grid;
  grid-template-columns: minmax(245px, 390px) minmax(0, 1fr);
  max-width: 980px;
  margin: 42px auto 0;
  overflow: hidden;
  border: 1px solid rgba(12, 78, 93, .12);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(4, 39, 55, .11);
  transition: transform .35s ease, box-shadow .35s ease;
}

.newsletter-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 28px 68px rgba(4, 39, 55, .18);
}

.newsletter-card__cover-wrap {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  background: #e9f3f4;
}

.newsletter-card__cover {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 440px;
  object-fit: cover;
  object-position: center top;
  transition: transform .65s cubic-bezier(.2, .75, .2, 1);
}

.newsletter-card:hover .newsletter-card__cover { transform: scale(1.045); }

.newsletter-card__tag {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 7px 11px;
  border-radius: 999px;
  color: #fff;
  background: #df2725;
  box-shadow: 0 4px 12px rgba(124, 14, 14, .24);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.newsletter-card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px, 5vw, 66px);
}

.newsletter-card__eyebrow {
  margin: 0 0 14px;
  color: #0a8197;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.newsletter-card h3 {
  margin: 0;
  color: #082e44;
  font-family: "DM Serif Display", Georgia, serif;
  font-size: clamp(33px, 4vw, 48px);
  line-height: 1.02;
}

.newsletter-card__content > p:not(.newsletter-card__eyebrow) {
  max-width: 520px;
  margin: 22px 0 0;
  color: #4c5b63;
  font-size: 16px;
  line-height: 1.72;
}

.newsletter-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 31px;
}

.newsletter-card__button,
.newsletter-card__download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 48px;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}

.newsletter-card__button {
  padding: 0 20px;
  color: #fff;
  background: #087a90;
  box-shadow: 0 9px 18px rgba(8, 122, 144, .2);
}

.newsletter-card__download { padding: 0 8px; color: #0a7186; }
.newsletter-card__button:hover { color: #fff; background: #055d6e; transform: translateY(-2px); box-shadow: 0 12px 22px rgba(8, 122, 144, .28); }
.newsletter-card__download:hover { color: #df2725; transform: translateY(-2px); }
.newsletter-card__button:focus-visible, .newsletter-card__download:focus-visible { outline: 3px solid #f4b942; outline-offset: 3px; }

@media (max-width: 767px) {
  .newsletter-section { padding: 70px 0; }
  .newsletter-card { grid-template-columns: 1fr; margin-top: 30px; }
  .newsletter-card__cover { min-height: 360px; max-height: 510px; object-position: center top; }
  .newsletter-card__content { padding: 31px 27px 34px; }
}

@media (prefers-reduced-motion: reduce) {
  .newsletter-card,
  .newsletter-card__cover,
  .newsletter-card__button,
  .newsletter-card__download { transition: none; }
  .newsletter-card:hover,
  .newsletter-card:hover .newsletter-card__cover,
  .newsletter-card__button:hover,
  .newsletter-card__download:hover { transform: none; }
}