/* ==========================================================================
   Corporate Projukti — Redesign :: About
   Page-specific layout only. Consumes tokens; never redefines one.
   ========================================================================== */

/* ---- Arrow list — "A > B" service pairings from the original page ------ */

.rd-arrowlist {
    list-style: none;
    margin: var(--sp-6) 0 0;
    padding: 0;
    display: grid;
    gap: var(--sp-3);
}

.rd-arrowlist li {
    display: flex;
    gap: var(--sp-3);
    align-items: baseline;
    padding-bottom: var(--sp-3);
    border-bottom: 1px solid var(--border);
}

.rd-arrowlist li:last-child { border-bottom: 0; padding-bottom: 0; }

.rd-arrowlist .rd-arrowlist-from {
    color: var(--tx-1);
    font-weight: 600;
}

.rd-arrowlist .rd-arrowlist-sep {
    font-family: var(--ff-mono);
    font-size: var(--fs-micro);
    color: var(--accent-ink);
    flex: none;
}

.rd-arrowlist .rd-arrowlist-to { color: var(--tx-2); }

@media (max-width: 520px) {
    .rd-arrowlist li { flex-wrap: wrap; gap: var(--sp-1) var(--sp-2); }
}

/* ---- Timeline slab — a single column of connected steps ---------------- */

.rd-slab-steps {
    grid-template-columns: repeat(2, 1fr);
    --glow-size: 180px;
    --corner-size: 34px;
}

.rd-slab-steps .rd-cell { padding: var(--sp-8); }

@media (max-width: 820px) {
    .rd-slab-steps { grid-template-columns: 1fr; }
}

/* ---- Leadership / contact strip --------------------------------------- */

.rd-slab-people {
    grid-template-columns: repeat(3, 1fr);
    --glow-size: 200px;
    --corner-size: 36px;
}

@media (max-width: 820px) {
    .rd-slab-people { grid-template-columns: 1fr; }
}