/**
 * De contactpagina.
 *
 * Alleen het blok met degene die het algemene nummer opneemt. De rest van de
 * contactstijlen staat in rix-home.css; die is hier bewust niet aangeraakt.
 */

/* Het portret hoort bewust bij het telefoonnummer: het bevestigt dat er een
   echt kantoor achter het algemene nummer zit, zonder te suggereren dat deze
   persoon ook de lokale glazenwasser is. */
.rix-contact__channels li.rix-contact__channel--with-photo {
  grid-template-columns: minmax(0, 1fr) 88px;
  align-items: center;
  column-gap: 18px;
}

.rix-contact__channel-copy {
  display: grid;
  gap: 8px;
}

.rix-contact__channel-photo {
  margin: 0;
  flex: none;
  inline-size: 88px;
  block-size: 88px;
  border-radius: var(--rix-radius-pill);
  overflow: hidden;
  background: var(--rix-surface);
}

.rix-contact__channel-photo img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

/* Een alternatieve contactreden, na de reguliere kanalen zodat de route voor
   klanten altijd de hoofdrol houdt. */
.rix-contact__careers {
  margin-block-start: 22px;
  font-size: var(--rix-size-small);
}

.rix-contact__careers a {
  font-family: var(--rix-font-ui);
  font-weight: var(--rix-weight-ui);
  color: var(--rix-blue-dark);
}