.tile-row {
    display: flex;
    margin-bottom: var(--padding-mid);
}

.tile-row:last-of-type {
    margin-bottom: 0;
}

.tile-text, .tile-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tile-text {
    width: 100%;
    align-items: center;
}

.tile-image {
    width: 100%;
}

.tile-image-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.tile-text-inner {
    font-size: var(--font-size-base);
    width: 100%;
    line-height: 1.875em;
    max-width: calc(565px + (var(--padding-sm) * 2));
    padding: var(--padding-sm);
    box-sizing: border-box;
}

.tile-text .title {
    margin-bottom: 0.9em;
}

.tile-text .title-subtitle {
    margin-bottom: 0.6em;
}

.tile-text-button-container {
    display: flex;
    justify-content: flex-end;
    padding-top: 1em;
}

.tile-text-button-container .button {
    width: auto;
}

.tile-row:nth-of-type(2n) .tile-text {
    order: 1;
}

.tile-row:nth-of-type(2n) .tile-image {
    order: 2;
}

.tile-row:nth-of-type(2n) .tile-text-button-container {
    justify-content: flex-start;
}

.reverse-tiles .tile-row {
    flex-direction: row-reverse;
}

.reverse-tiles .tile-row:nth-of-type(2n) .tile-text {
    order: 2;
}

.reverse-tiles .tile-row:nth-of-type(2n) .tile-image {
    order: 1;
}

/* tiles shift */

.tiles-shift .tile-row {
    margin-bottom: var(--margin-big-2);
}

.tiles-shift .tile-text {
    width: 45%;
}

.tiles-shift .tile-image {
    width: 55%;
}

/* tiles asym */

.tiles-asym {
    --width-left-tile: calc(47% - var(--padding-mid) / 2);
    --width-right-tile: calc(53% - var(--padding-mid) / 2);
}

.tiles-asym .tile-row {
    justify-content: space-between;
}

.tiles-asym .tile-image {
    width: var(--width-left-tile);
}

.tiles-asym .tile-text {
    width: var(--width-right-tile);
}

.tiles-asym .tile-row:nth-of-type(2n) .tile-text {
    width: var(--width-left-tile);
}

.tiles-asym .tile-row:nth-of-type(2n) .tile-image {
    width: var(--width-right-tile);
}

/* big tile */

.tile-row-big {
    flex-wrap: wrap;
    gap: 0;
}

.tile-row-big .tile-image {
    width: 100%;
}

.tile-row-big .tile-text {
    width: 100%;
}

.tile-row-big .tile-text-inner {
    padding-top: var(--padding-big);
    width: calc(50% - (var(--padding-sm) / 2));
}

.tile-row.tile-row-big:nth-of-type(2n) .tile-text {
    order: 2;
}

.tile-row.tile-row-big:nth-of-type(2n) .tile-image {
    order: 1;
}

@media screen and (max-width: 1200px) {
    .tile-row {
        flex-direction: column;
        margin-bottom: 0;
        gap: 0;
    }

    .tile-text,
    .tiles-shift .tile-text,
    .tile-row:nth-of-type(2n) .tile-text,
    .tiles-asym .tile-text,
    .tiles-asym .tile-row:nth-of-type(2n) .tile-text
    {
        order: 2;
        width: 100%;
    }

    .tile-image,
    .tiles-shift .tile-image,
    .tile-row:nth-of-type(2n) .tile-image,
    .tiles-asym .tile-image,
    .tiles-asym .tile-row:nth-of-type(2n) .tile-image
    {
        order: 1;
        width: 100%;
    }

    .reverse-tiles .tile-text, .tile-row:nth-of-type(2n) .tile-text {
        order: 2;
    }

    .reverse-tiles .tile-image, .tile-row:nth-of-type(2n) .tile-image {
        order: 1;
    }

    .tile-image {
        aspect-ratio: var(--aspect-ratio-image-sdt);
        max-height: 100vh;
    }

    .tile-text-inner, .tile-row:nth-of-type(2n) .tile-text-inner, .tile-row-big .tile-text-inner {
        width: 100%;
        max-width: none;
        padding: 2.5em var(--padding-sm) 4em var(--padding-sm);
    }

    .tiles-shift .tile-text-inner,
    .tiles-shift .tile-row:nth-of-type(2n) .tile-text-inner,
    .tiles-shift .tile-row-big .tile-text-inner
    .tiles-asym .tile-text-inner,
    .tiles-asym .tile-row:nth-of-type(2n) .tile-text-inner,
    .tiles-asym .tile-row-big .tile-text-inner
    {
        padding-left: 0;
        padding-right: 0;
    }

    .tile-row .title-big {
        margin-bottom: 0.8em;
    }

    .tile-row .title-big .subtitle {
        padding-top: 0;
        font-size: var(--font-size-b-3);
    }
}