/* contact — externalised head <style> (§9.3) */
/* ===== Page-scoped styles for contact.html only ===== */

    /* Department contact details row */
    .contact-departments {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: clamp(2rem, 4vw, 3rem);
      padding-top: 130px;
      padding-bottom: 85px;
    }
    .contact-departments h4 { margin-bottom: 1.1rem; font-weight: 700; }
    .contact-dept-item {
      display: flex; align-items: center; gap: .7rem;
      margin-bottom: .7rem; font-weight: 600; color: var(--ink);
    }
    .contact-dept-item:last-child { margin-bottom: 0; }
    .contact-dept-item a { color: inherit; }
    .contact-dept-item a:hover { color: var(--orange); }
    .contact-dept-item svg { width: 22px; height: 22px; flex: none; color: var(--orange); }
    @media (max-width: 900px) {
      .contact-departments { grid-template-columns: repeat(2, 1fr); row-gap: 2rem; }
    }
    @media (max-width: 560px) {
      .contact-departments { grid-template-columns: 1fr; }
    }

    /* Global offices row */
    .contact-offices {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 1.25rem;
    }
    .office-card {
      border-radius: var(--radius);
      padding: 1.8rem 1.5rem;
      min-height: 230px;
    }
    .office-card h4 { margin-bottom: 1rem; }
    .office-card .row { display: flex; align-items: flex-start; gap: .6rem; }
    .office-card svg { width: 26px; height: 26px; flex: none; color: var(--orange); margin-top: .2rem; }
    .office-card address { font-style: normal; color: var(--body); line-height: 1.5; }
    .office-card--uk { background: url("../img/careers/bg-pink-beige-01.svg") center / cover no-repeat; }
    .office-card--au { background: url("../img/careers/bg-pink-beige-02.svg") center / cover no-repeat; }
    .office-card--us { background: url("../img/careers/bg-pink-beige-02.svg") center / cover no-repeat; }
    .office-card--eu { background: url("../img/careers/bg-pink-beige-02.svg") center / cover no-repeat; }
    .office-card--cn { background: url("../img/careers/bg-pink-beige-03.svg") center / cover no-repeat; }
    @media (max-width: 900px) {
      .contact-offices { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 560px) {
      .contact-offices { grid-template-columns: 1fr; }
    }