.main-wrapper > .module-content > .hero::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.main-wrapper > .module-content > .hero {
    padding-top: 172px;
    padding-bottom: 153px;
}

.main-wrapper > .module-content > .hero h1 {
    line-height: 35px;
}

.main-wrapper > .module-content > .hero h1 sub,
.main-wrapper > .module-content > .hero h1 sup {
    font-size: 30px;
    vertical-align: initial;
}

.main-wrapper > .module-content > .hero h1 sup {
    text-transform: lowercase;
    vertical-align: text-top;
    line-height: 50px;
}

.main-wrapper > .module-content > .hero h1.white {
    color: var(--white);
}

.main-wrapper > .module-content > .hero h1.gold {
    margin-block-start: 45px;
    color: var(--gold);
    padding-left: 256px;
    padding-bottom: 45px;
}

.main-wrapper > .module-content > .hero p {
    width: 54%;
}

.main-wrapper > .module-content > .hero ul.socials {
    gap: 50px;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: var(--global-side-padding);
    top: 50%;
    transform: translateY(-50%);
}

.main-wrapper > .module-content .sideways-tile-container.roles {
    position: relative;
    margin-top: -60px;
    z-index: 2;
}

.main-wrapper > .module-content .cior-activities-background {
    position: relative;
}

.main-wrapper > .module-content .cior-activities-background:not(.no-image) {
    background-size: cover;
}

.main-wrapper > .module-content .cior-activities-background > .max-width-container {
    z-index: 2;
    position: relative;
    margin-inline: auto;
}

.main-wrapper > .module-content .cior-activities-background::before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
}

.main-wrapper > .module-content .cior-activities-background.no-image::before {
    background: var(--black);
}

.main-wrapper > .module-content .sideways-tile-container.cior {
    min-height: 376px;
    padding-top: 53px;
    background-size: 0;
}

.main-wrapper > .module-content .sideways-tile-container.cior > .title {
    background: transparent;
}

.main-wrapper > .module-content .sideways-tile-container.cior > .title h2 {
    color: var(--gold);
}

.main-wrapper > .module-content .sideways-tile-container.cior > .content {
    color: var(--white);
}

.main-wrapper > .module-content .sideways-tile-container.cior > .content > .tile {
    gap: 0;
}

.main-wrapper > .module-content .sideways-tile-container.cior > .content > .tile > span {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.main-wrapper > .module-content .sideways-tile-container.cior > .content > .tile > h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content {
    display: flex;
    flex-wrap: wrap;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile {
    border: solid 2px transparent;
    transition: border-color 0.3s ease-out, background 0.3s ease-out;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile[data-action="follow-link"] {
    cursor: pointer;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile a svg {
    color: var(--white);
    transition: color 0.3s ease-out;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.x1 {
    width: 33.333%;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.x2 {
    width: 66.666%;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.x3 {
    width: 100%;
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.black {
    background: rgba(32, 32, 30, 0.7);
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.blue {
    background: rgba(36, 47, 71, 0.7);
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.red {
    background: rgba(88, 41, 43, 0.7);
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.gold {
    background: rgba(64, 59, 41, 0.7);
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:hover {
    border-color: var(--gold);
}

.main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:hover a svg {
    color: var(--gold);
}

.main-wrapper > .module-content {
    min-height: calc(100vh - var(--global-footer-height));
    background-color: var(--black);
}

.main-wrapper > .module-content .background-color-container {
    background-color: var(--white);
}

@media all and (max-width: 1440px) {
    .main-wrapper > .module-content > .hero h1 {
        font-size: clamp(30px, 3vw, 50px);
    }

    .main-wrapper > .module-content > .hero h1 sub,
    .main-wrapper > .module-content > .hero h1 sup {
        font-size: clamp(15px, 2vw, 30px);
    }

    .main-wrapper > .module-content > .hero h1.gold {
        padding-left: clamp(50px, 15vw, 256px);
    }
}

@media all and (max-width: 800px) {

    .main-wrapper > .module-content > .hero {
        padding-block: 189px 71px;
    }

    .main-wrapper > .module-content > .hero h1 {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        letter-spacing: 0.04em;
    }

    .main-wrapper > .module-content > .hero h1 sub,
    .main-wrapper > .module-content > .hero h1 sup {
        font-size: 14px;
        line-height: 36px;
    }

    .main-wrapper > .module-content > .hero h1.gold {
        padding-left: 0;
        margin-block-start: 13px;
        padding-bottom: 13px;
    }

    .main-wrapper > .module-content > .hero p {
        width: 100%;
    }

    .main-wrapper > .module-content > .hero ul.socials {
        display: none;
    }

    .main-wrapper > .module-content > .hero::before {
        background: rgba(0, 0, 0, 0.7);
    }

    .main-wrapper > .module-content .sideways-tile-container.roles {
        margin-top: 0;
        position: static;
    }

    .main-wrapper > .module-content .sideways-tile-container.roles > .title {
        background: var(--dark-gold);
        padding-top: 71px;
    }

    .main-wrapper > .module-content .sideways-tile-container.roles > .title h2 {
        text-align: left;
        width: 100%;
        font-size: 38px;
        line-height: 38px;
    }

    .main-wrapper > .module-content .sideways-tile-container.roles > .content > .tile:first-child {
        padding-top: 30px;
    }

    .main-wrapper > .module-content .sideways-tile-container.cior {
        padding-block: 63px 40px;
        min-height: auto;
        background-size: cover;
        position: relative;
    }

    .main-wrapper > .module-content .sideways-tile-container.cior::before {
        content: "";
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgba(0, 0, 0, 0.6);
    }

    .main-wrapper > .module-content .sideways-tile-container.cior > .title,
    .main-wrapper > .module-content .sideways-tile-container.cior > .content {
        position: relative;
        z-index: 2;
    }

    .main-wrapper > .module-content .sideways-tile-container.cior > .content > .tile {
        text-align: center;
        padding: 25px 0;
    }

    .main-wrapper > .module-content .sideways-tile-container.cior > .content > .tile > h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .main-wrapper > .module-content .sideways-tile-container.cior > .content > .tile > span {
        font-size: 16px;
        line-height: 19px;
    }

    .main-wrapper > .module-content .cior-activities-background::before {
        background: var(--black);
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile,
    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.x1,
    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.x2,
    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.x3 {
        width: 100%;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.black {
        background: var(--black);
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.gold {
        background: var(--dark-gold);
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.red {
        background: var(--dark-red);
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile.blue {
        background: var(--dark-blue);
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .title h2 {
        text-align: left;
        width: 100%;
        padding-block-start: 70px;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile > p {
        display: none;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(1) {
        order: 1;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(2) {
        order: 6;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(3) {
        order: 5;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(4) {
        order: 2;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(5) {
        order: 4;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(6) {
        order: 3;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(7) {
        order: 7;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(8) {
        order: 8;
    }

    .main-wrapper > .module-content .sideways-tile-container.activities > .content > .tile:nth-child(9) {
        order: 9;
    }

    .main-wrapper > .module-content .sideways-content-container.members {
        padding-block-end: 10px;
    }

}