/*
 * Residents / "Условия аренды блока"
 * Desktop Figma frame: 1920 viewport / 1840 content.
 * Only the values visible in the supplied Figma screenshots are overridden here.
 */
/* Stable GSAP accordion geometry on desktop: the list keeps its final height,
   rows are cropped and translated instead of changing document flow. */
@media (min-width: 861px) {
    .residents-lease-terms.is-lease-accordion .residents-lease-terms__list {
        position: relative;
    }

    .residents-lease-terms.is-lease-accordion .residents-lease-terms__row {
        position: absolute;
        inset: 0 auto auto 0;
        will-change: transform, clip-path;
        backface-visibility: hidden;
        transform: translateZ(0);
    }
}

@media (min-width: 1840px) {
    .residents-lease-terms {
        --lease-row-expanded: 617px;
        --lease-row-collapsed: 180px;
        --lease-row-title-expanded: 64px;
        --lease-row-title-collapsed: 64px;
        background: #1f1f1f;
    }

    .residents-lease-terms__inner {
        width: 1840px;
        max-width: 1840px;
        margin: 0 auto;
        padding: 96px 0 0;
    }

    .residents-lease-terms__header {
        display: grid;
        grid-template-columns: 416px 32px 1392px;
        width: 1840px;
        height: 80px;
        padding: 0;
        border: 0;
        align-items: start;
    }

    .residents-lease-terms__intro {
        grid-column: 1;
        width: 416px;
        max-width: 416px;
        margin: 0;
        color: #fff;
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        white-space: pre-line;
    }

    .residents-lease-terms__title {
        grid-column: 3;
        width: 1392px;
        margin: 0;
        color: #fff;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 100px;
        font-weight: 700;
        line-height: 80px;
        letter-spacing: 0;
        text-align: right;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .residents-lease-terms__list {
        width: 1840px;
        margin-top: 97px;
    }

    .residents-lease-terms__row {
        display: grid;
        grid-template-columns: 26px 292px 796px 194px 532px;
        width: 1840px;
        height: var(--lease-row-expanded);
        min-height: 0;
        padding: 0;
        column-gap: 0;
        align-items: start;
        overflow: hidden;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.10);
        background: #1f1f1f;
    }

    .residents-lease-terms__index {
        grid-column: 1;
        width: 26px;
        padding: 44px 0 0;
        color: #fff;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: 0;
        white-space: nowrap;
    }

    .residents-lease-terms__content {
        grid-column: 3;
        width: 796px;
        min-width: 0;
        padding: 40px 0 0;
    }

    .residents-lease-terms__content h3 {
        margin: 0 0 40px;
        color: #fff;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 64px;
        font-weight: 700;
        line-height: 70px;
        letter-spacing: 0;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .residents-lease-terms__chips {
        display: flex;
        width: 796px;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 16px;
        row-gap: 16px;
    }

    .residents-lease-terms__chip {
        display: inline-flex;
        align-items: center;
        position: relative;
        height: 52px;
        min-height: 52px;
        padding: 0 14px 0 32px;
        border: 2px solid rgba(255, 255, 255, 0.10);
        border-radius: 9999px;
        color: #fff;
        font-family: 'Manrope', Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        white-space: nowrap;
    }

    .residents-lease-terms__chip::before {
        content: '';
        position: absolute;
        left: 16px;
        top: 50%;
        width: 5px;
        height: 5px;
        margin: 0;
        background: currentColor;
        transform: translateY(-50%);
    }

    .residents-lease-terms__icon {
        grid-column: 5;
        width: 532px;
        height: 371px;
        margin-top: 16px;
        display: grid;
        place-items: center;
        overflow: hidden;
        background: #0f0f0f;
    }

    .residents-lease-terms__icon img,
    .residents-lease-terms.is-lease-accordion .residents-lease-terms__icon img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .residents-lease-terms__icon > span {
        display: block;
        font-family: 'RoadRadio', Arial, Helvetica, sans-serif;
        font-size: 160px;
        font-weight: 700;
        line-height: 1;
    }

    /*
     * The GSAP desktop accordion never resizes the internal Figma composition.
     * Rows remain 617px tall; ScrollTrigger only crops/reveals the row and moves
     * the following rows. This keeps the icon/card/content geometry identical to
     * Figma and avoids layout jumps while scrolling.
     */
}