/* ARJO — Contact section.
   Values come from theme.json (--wp--preset--* / --wp--custom--*) only. */

.arjo-contact__inner {
  display: grid;
  gap: var(--wp--preset--spacing--90);
}

.arjo-contact__intro {
  display: grid;
  gap: var(--wp--preset--spacing--50);
}
.arjo-contact__lead {
  margin: 0;
  max-width: 48ch;
  font-size: var(--wp--preset--font-size--large);
  line-height: var(--wp--custom--leading-normal);
  color: var(--wp--custom--color-on-invert-soft);
  text-wrap: pretty;
}

.arjo-contact__details {
  display: grid;
  gap: var(--wp--preset--spacing--60);
}
.arjo-contact__block {
  display: grid;
  gap: var(--wp--preset--spacing--20);
}
.arjo-contact__label {
  margin: 0;
  font-size: var(--wp--preset--font-size--xxs);
  letter-spacing: var(--wp--custom--tracking-widest);
  text-transform: uppercase;
  color: var(--wp--preset--color--accent-soft);
}
.arjo-contact__value {
  margin: 0;
  font-family: var(--wp--preset--font-family--display);
  font-size: var(--wp--preset--font-size--large);
  font-weight: var(--wp--custom--weight-medium);
  letter-spacing: var(--wp--custom--tracking-snug);
  line-height: var(--wp--custom--leading-snug);
  font-style: normal;
  color: var(--wp--preset--color--on-invert);
  text-decoration: none;
}
a.arjo-contact__value {
  transition: color var(--wp--custom--duration-base) var(--wp--custom--ease-standard);
}
a.arjo-contact__value:hover,
a.arjo-contact__value:focus-visible {
  color: var(--wp--preset--color--accent-soft);
}

@media (min-width: 48rem) {
  .arjo-contact__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--wp--preset--spacing--80) var(--wp--custom--layout-gap);
  }
}

@media (min-width: 62rem) {
  .arjo-contact__inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: var(--wp--custom--layout-gap);
  }
  .arjo-contact__intro { grid-column: 1 / span 5; }
  .arjo-contact__details { grid-column: 7 / span 6; }
}