.hoeflon-partnership {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(340px, 1.1fr);
  gap: clamp(36px, 7vw, 110px);
  align-items: center;
  padding: clamp(80px, 10vw, 150px) 8vw;
  background: radial-gradient(circle at 12% 15%, rgba(5, 188, 208, .13), transparent 36%), linear-gradient(135deg, #f7fbfa 0%, #eaf4f0 100%);
}
.hoeflon-partnership figure {
  margin: 0;
  padding: clamp(10px, 1.5vw, 20px);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 28px;
  background: rgba(255, 255, 255, .5);
  box-shadow: 0 30px 80px rgba(33, 67, 58, .16);
  backdrop-filter: blur(16px);
}
.hoeflon-partnership img { display: block; width: 100%; height: auto; border-radius: 19px; object-fit: contain; }
.hoeflon-partnership-copy { max-width: 660px; }
.hoeflon-partnership h2 { margin: 14px 0 30px; font: 700 clamp(38px, 5vw, 72px) / 1.18 var(--display); letter-spacing: -.035em; }
.hoeflon-partnership-copy > p:not(.section-kicker) { margin: 0 0 18px; color: #50605a; font-size: 14px; line-height: 2.15; }
.hoeflon-partnership small { display: block; margin-top: 34px; color: var(--brand-green); font-size: 9px; font-weight: 700; letter-spacing: .14em; }
@media (max-width: 800px) {
  .hoeflon-partnership { grid-template-columns: 1fr; padding: 75px 22px 85px; }
  .hoeflon-partnership figure { width: min(560px, 100%); margin: 0 auto; }
  .hoeflon-partnership-copy { max-width: none; }
}