.sustainability section.asi {
    padding: 10rem 20rem;
}

.sustainability .asi h2 {
    text-align: center;
}

.sustainability .asi .highlight {
    padding: 0 1rem;
    background-color: var(--blue);

    color: var(--highlight-text);
}

.asi__content {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media screen and (max-width: 1280px) {
    .sustainability section.asi {
        padding: 5rem;
    }
}

@media screen and (max-width: 768px) {
    .sustainability section.asi {
        padding: 5rem 2.5rem;
    }
}

@media screen and (max-width: 480px) {
    .sustainability section.asi {
        padding: 5rem 1rem;
    }
}

.sustainability section.documents {
    padding: 10rem 15rem;
}

.documents__content {
    display: flex;

    flex-direction: column;

    box-shadow: var(--box-shadow);
}

.documents__content a {
    color: inherit;
}

.documents__header {
    display: flex;
    overflow: hidden;
}

.documents__header__item {
    text-align: center;

    padding: 2rem 4rem;
    overflow: hidden;

    color: var(--darkblue);
    font-size: 3.5rem;
    white-space: nowrap;

    background-color: var(--gray);

    user-select: none;

    transition: all 0.2s ease-in-out;
}

.documents__header__item._active {
    background-color: white;
    box-shadow: var(--box-shadow);
}

.documents__body__list {
    display: grid;

    grid-template-columns: 1fr;
    grid-template-rows: 1fr;

    padding: 2.5rem 5rem;
}

.documents__body__item {
    grid-column: 1;
    grid-row: 1;

    visibility: hidden;
}

.documents__body__item._active {
    visibility: visible;
}

.document__body__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    column-gap: 5rem;
}

.documents__body__list li {
    padding: 1.5rem 0;
    border-bottom: 1px solid var(--divider);
}

.documents__body__list li:last-child {
    border: none;
}

@media screen and (max-width: 1280px) {
    .sustainability section.documents {
        padding: 5rem;
    }

    .documents__header__item {
        flex-grow: 1;
    }

    .documents__header__item:not(._active) .documents__header__title {
        font-size: 0;
    }

    .documents__header__item:not(._active) .documents__header__title:first-letter {
        font-size: 3.5rem;
    }
}

@media screen and (max-width: 1024px) {
    .documents__header__item {
        padding: 1rem;
    }

    .documents__header__title {
        font-size: 2.5rem;
    }

    .documents__header__item:not(._active) .documents__header__title:first-letter {
        font-size: 2.5rem;
    }

}

@media screen and (max-width: 768px) {
    .sustainability section.documents {
        padding: 5rem 0;
    }

    .documents__header__title {
        font-size: 0;
    }

    .documents__header__title:first-letter {
        font-size: 5rem;
    }

    .documents__header__item:not(._active) .documents__header__title:first-letter {
        font-size: 5rem;
    }

    .document__body__list {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
}

@media screen and (max-width: 480px) {
    .documents__content {
        padding: 0;
    }
}