@import url('common.css');

.work {
    .editorial-grid { --column-gap: clamp(2rem, 6vw, 6rem); }
    article { grid-column: span 6; }
    article:last-child { margin-top: 5rem; }
    .client { color: var(--text-secondary); font-family: var(--font-mono); }
    p { line-height: 1.7; }
    .text-action { display: inline-block; margin-top: 1.5rem; }
}

.final {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    p { margin-bottom: 0; color: var(--text-secondary); }
}

@media (max-width: 767px) {
    .work article:nth-child(n) { grid-column: 1 / -1; margin-top: 0; }
}