/* One free-standing sock character beside the contact headline. */
.contact-inner { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 5%; }
.contact-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(100px, 12vw, 170px);
  gap: 20px;
  align-items: center;
  min-width: 0;
}
.contact-heading h2 { font-size: clamp(32px, 3.8vw, 55px); }
.contact-sock {
  width: 100%;
  height: auto;
  max-height: 235px;
  object-fit: contain;
  pointer-events: none;
}
.contact-details { min-width: 0; }
@media (max-width: 760px) {
  .contact-inner { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .contact-heading { grid-template-columns: minmax(0, 1fr) clamp(70px, 23vw, 140px); gap: 12px; }
  .contact-heading h2 { font-size: clamp(30px, 7.7vw, 46px); }
  .contact-sock { max-height: 185px; }
}