/* ─────────────────────────────────────────────────────────────────────────
   About Us (/company/about-us/) — page-specific card behaviour.

   Every card on this page is informational (not clickable), so the global
   .card red-border hover is neutralised and replaced by a static gray offset
   shadow — the same one used on the homepage "Special Offers" / support cards.

   Exception: the Executive Team cards link to LinkedIn, so they carry no
   resting shadow; the offset shadow appears on hover only.
   ───────────────────────────────────────────────────────────────────────── */

/* Informational cards: static offset shadow, hover neutralised. */
.about-page .card {
    box-shadow: 4px 4px 0 0 var(--gray-400);
}
.about-page .card:hover {
    border-color: var(--gray-200);
    box-shadow: 4px 4px 0 0 var(--gray-400);
    transform: none;
}

/* Executive Team: clickable (LinkedIn) — no resting shadow, shadow on hover. */
.about-page #executiveteam .card {
    box-shadow: none;
}
.about-page #executiveteam .card:hover {
    border-color: var(--gray-200);
    box-shadow: 4px 4px 0 0 var(--gray-400);
    transform: none;
}

/* LinkedIn icon link inside an Executive Team card. */
.about-page .exec-linkedin {
    display: inline-flex;
    align-items: center;
    margin-top: var(--space-md);
    font-size: 20px;
    color: var(--color-black);
    transition: color 0.2s;
}
.about-page .exec-linkedin:hover {
    color: var(--red);
}