/* Alleen voor /over/. Gedeelde regels horen in base.css. */

/* De twee persoonlijke foto's onder het verhaal staan naast elkaar met een
   onderschrift; een vaste verhouding houdt de rij gelijk van hoogte. */
.photo-duo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 28px;
    max-width: 640px;
}

.photo-duo figure { margin: 0; }

.photo-duo img {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    display: block;
    border-radius: var(--radius-lg);
    border: 1px solid var(--line);
}

.photo-duo figcaption {
    margin-top: 8px;
    font-size: 13.5px;
    color: var(--fg-3);
}

@media (max-width: 560px) {
    .photo-duo { grid-template-columns: 1fr; max-width: 320px; }
}

/* De LinkedIn-verwijzing is een statische link met logo. Een embed van
   LinkedIn zelf zou trackingscripts laden en de cookieloze site doorbreken. */
.linkedin-link {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    font-size: 15px;
    color: var(--fg-2);
}

.linkedin-link svg {
    width: 18px;
    height: 18px;
    flex: none;
    color: #0A66C2;
}