/* 45 SOUTH — COMPACT PROJECT CARD V2 */

.south-projects {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 35px;
}

.south-projects__card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 24px;
    margin-bottom: 12px;

    background: rgba(29,31,35,.75);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;

    color: inherit;
    text-decoration: none;
    cursor: pointer;

    transition:
        transform .25s ease,
        border-color .25s ease;
}

.south-projects__card:hover {
    transform: translateY(-3px);
    border-color: rgba(255,255,255,.35);
}

.south-projects__card:focus-visible {
    outline: 2px solid #8fb3e7;
    outline-offset: 4px;
}

.south-projects__logo {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.south-projects__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.south-projects__content {
    flex: 1;
    min-width: 0;
}

.south-projects__eyebrow {
    margin: 0 0 5px;
    color: #aab8c9;
    font-size: 12px;
    letter-spacing: .02em;
}

.south-projects__content h2 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 600;
    letter-spacing: -.02em;
}

.south-projects__link {
    display: inline-block;
    margin: 0;
    color: #b7d1f2;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .07em;
}

@media (max-width: 600px) {
    .south-projects__card {
        padding: 17px;
        gap: 14px;
    }

    .south-projects__logo {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .south-projects__card {
        transition: none;
    }

    .south-projects__card:hover {
        transform: none;
    }
}

/* STEP 70 - A separate, centered project invitation across the page. */
.south-film-page58 .south-projects{padding-top:clamp(35px,3.5vw,55px);padding-bottom:65px;text-align:center}
.south-film-page58 .south-projects__card{width:100%;display:flex;flex-direction:column;justify-content:center;gap:18px;margin:0 0 32px;padding:0;background:none;border:0;border-radius:0}
.south-film-page58 .south-projects__card:last-child{margin-bottom:0}
.south-film-page58 .south-projects__content{flex:0 1 auto;max-width:640px;width:100%}
.south-film-page58 .south-projects__logo{flex:0 0 65px}
.south-film-page58 .south-projects__link{color:#a3afc1}
.south-film-page58 .south-projects__card:hover .south-projects__link{color:#007db9}

/* STEP 72 - Only the compact text group links to the project. */
.south-film-page58 .south-projects__card{cursor:default;transition:none}
.south-film-page58 .south-projects__card:hover{transform:none}
.south-film-page58 .south-projects__content{display:block;width:fit-content;max-width:100%;color:inherit;text-decoration:none;cursor:pointer}
.south-film-page58 .south-projects__card:hover .south-projects__link{color:#a3afc1}
.south-film-page58 .south-projects__content:hover .south-projects__link{color:#007db9}
.south-film-page58 .south-projects__content:focus-visible{outline:2px solid #007db9;outline-offset:8px}

/* STEP 73 - Equal logo height; landscape marks can use their natural width. */
.south-film-page58 .south-projects__logo{flex:0 0 65px;width:100%;height:65px;max-width:100%}
.south-film-page58 .south-projects__logo img{display:block;width:auto;height:65px;max-height:65px;max-width:100%;object-fit:contain}