.at-homepageHero + .at-tiles {
    margin-block-start: calc(-1.5 * var(--articleMargin));
}

.at-tiles + .at-tiles {
    margin-block-start: calc(-1 * var(--articleMargin) + var(--gridGap));
}

.at-tiles__grid {
    display: grid;
    gap: var(--gridGap);
}

.at-tiles.--imgRight .at-tiles__grid {
    grid-template-columns: 1fr;
}

.at-tiles .c-card__contentWrapper.--large {
    padding: var(--marginLarge);
}

.at-tiles .c-card__title {
    font-size: var(--h6Size);
}

.at-tiles .c-card__intro {
    font-size: var(--bodySize);
    line-height: 1.75;
}

.at-tiles .c-card__footer:has(.ctaLink + .ctaLink) {
    display: flex;
    flex-direction: column;
}

/* Overwrite some generic c-card styles when a card has multiple links */
.at-tiles .c-card.--hasMultipleLinks {
    &:hover .ctaLink {
        text-decoration: none;
        color: inherit;
    }

    &:hover .ctaLink::after {
        transform: none;
    }

    & .ctaLink:hover {
        color: var(--primaryColor500);
    }

    & .ctaLink:hover::after {
        transform: rotate(-90deg) translateX(2px) translateY(-2px);
    }
}

@media (min-width: 568px) {
    .at-tiles__grid {
        grid-template-columns: repeat(2, calc(50% - var(--gridGap)/2));
    }

    .at-tiles__grid.--3 {
        grid-template-columns: var(--gridAutoFit);
    }
}

@media (min-width: 768px) {
    .at-tiles.--imgRight {
        & .c-card {
            flex-direction: row;
        }

        & .c-card__contentWrapper {
            flex: 1 1 50%;
        }

        & .c-card__imageWrapper {
            flex: 1 1 50%;
            aspect-ratio: auto;
        }
    }
}

@media (min-width: 1280px) {
    .at-tiles__grid {
        grid-template-columns: var(--gridAutoFit);
    }
}