.about-redlinks { padding: 58px 0; border-top: 1px solid #17171712; background: #ffffff8c; }
.about-grid { display: grid; grid-template-columns: .7fr 1.3fr; align-items: start; gap: 42px; }
.about-grid h2 { max-width: 440px; margin: 0; font-size: clamp(32px, 4vw, 46px); line-height: 1.05; letter-spacing: -.04em; }
.about-grid > p { max-width: 700px; margin: 0; color: #1717179a; font-size: 18px; line-height: 1.75; }
.modal-actions .button:not(.primary) { background: #fff; color: #171717; }
.modal-actions .button:not(.primary):hover { background: #eeeae5; color: #171717; }
.modal-actions .button[hidden] { display: none; }
@media (max-width: 650px) {
 .about-redlinks { padding: 48px 0; }
 .about-grid { grid-template-columns: 1fr; gap: 20px; }
 .about-grid > p { font-size: 16px; line-height: 1.7; }
}

/* Keep card logos centered within a fixed area regardless of image proportions. */
.link-card .logo-panel { flex-shrink: 0; }
.link-card .logo-panel:not(.mail-services-logos) > img {
  position: absolute;
  inset: 18px 6%;
  width: 88%;
  height: calc(100% - 36px);
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
}
.link-card .logo-panel.compact > img {
  inset: 18% 13%;
  width: 74%;
  height: 64%;
}