/* ================================================================
 * Block: Link tiles — link_tiles
 * Design: Figma "GS - LP Design - Service" §15 RELATED SERVICES
 * Tokens: assets/css/tokens.css only (gaps listed in build report).
 * ================================================================ */

.block-link_tiles {
    background: var(--color-white);
    padding-block: var(--verti-padding);
}

.block-link_tiles__inner {
    max-width: calc(var(--container-service) + 2 * var(--container-pad));
    margin-inline: auto;
    padding-inline: var(--container-pad);
}

/* ── Head ── */
.block-link_tiles__head {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: var(--measure-quote);
    margin-bottom: calc(var(--space-6) + var(--space-6));
}

.block-link_tiles__eyebrow {
    display: flex;
    align-items: center;
    gap: var(--space-10);
    font-family: var(--font-body);
    font-size: var(--fs-h6);
    font-weight: var(--fw-light);
    line-height: var(--lh-h3);
    text-transform: uppercase;
    color: var(--color-whimsical-blue);
    margin: 0;
}

.block-link_tiles__eyebrow::before {
    content: "";
    flex: none;
    width: 33px;
    height: calc(var(--btn-border-width) / 2);
    background: var(--color-whimsical-blue);
}

.block-link_tiles__heading {
    font-family: var(--font-display);
    font-size: var(--fs-h2-sm);
    font-weight: var(--fw-heading);
    line-height: var(--lh-heading);
    color: var(--color-yankees-blue);
    margin: 0;
}

.block-link_tiles__heading p {
    margin: 0;
}

/* ── Tiles ── */
.block-link_tiles__tiles {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
}

@media (min-width: 500px) {
    .block-link_tiles__tiles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 700px) {
    .block-link_tiles__tiles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1100px) {
    .block-link_tiles__tiles {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1300px) {
    .block-link_tiles__tiles {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

.block-link_tiles__tile {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4);
    border: calc(var(--btn-border-width) / 2) solid var(--color-yankees-blue-08);
    border-radius: var(--radius-md);
    background: var(--color-white);
    text-decoration: none;
    min-width: 0;
}

.block-link_tiles__title {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    font-weight: var(--fw-medium);
    line-height: var(--lh-stat-label);
    color: var(--color-yankees-blue);
}

.block-link_tiles__subtitle {
    font-family: var(--font-body);
    font-size: var(--fs-pill);
    font-weight: var(--fw-regular);
    line-height: var(--lh-body);
    color: var(--color-yankees-blue-60);
}