/* Work presentation and compact mobile spacing. */
.work-heading {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    max-width: none;
    margin: 0;
    padding: 95px 6% 45px;
    border-radius: 0;
    background: var(--ink);
    backdrop-filter: none;
    pointer-events: auto
}

.work-heading h2 {
    font-size: clamp(40px, 5vw, 76px)
}

.work-heading>p {
    font-size: 15px;
    max-width: 650px;
    margin-top: 22px;
    line-height: 1.8
}

.work-heading .eyebrow {
    font-size: 10px;
    margin-bottom: 20px
}

.work .work-scene {
    margin: 0
}

.work .project-info {
    background: #090b0df5;
    backdrop-filter: none
}

@media(max-width:759px) {
    .work-heading {
        padding: 55px 6% 30px
    }

    .work-heading h2 {
        font-size: clamp(34px, 8vw, 48px)
    }

    .work-heading>p {
        font-size: 14px;
        max-width: none
    }

    .work .work-scene {
        height: auto;
        min-height: 0;
        padding: 0 0 85px
    }

    .work .work-stage {
        position: relative;
        inset: auto;
        height: auto;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden
    }

    .work .work-track {
        height: auto;
        align-items: flex-start
    }

    .work .work-slide {
        height: auto
    }

    .work .project,
    .work .project:nth-child(2) {
        height: auto;
        display: block;
        background: #090b0d
    }

    .work .project-view {
        position: relative;
        inset: auto;
        height: 65svh;
        min-height: 360px
    }

    .work .project-media {
        height: 100%;
        position: relative
    }

    .work .project-info {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        max-width: none;
        min-height: 190px;
        padding: 24px 6%;
        border-radius: 0;
        border-left: 0;
        border-top: 2px solid var(--accent);
        background: #090b0d
    }

    .work .project-info h3 {
        font-size: 28px;
        margin: 12px 0
    }

    .work .project-info p {
        font-size: 14px;
        max-width: none
    }

    .work .work-controls {
        bottom: 20px;
        max-width: 90%
    }

    .work .work-hint {
        display: none
    }

    .info-section.section,
    #studio.section,
    #contact.section {
        padding-top: 55px;
        padding-bottom: 55px
    }

    .section-lede {
        margin-bottom: 28px
    }

    .studio-bottom {
        margin-top: 25px;
        gap: 20px
    }

    .studio-bottom>p {
        font-size: 17px
    }

    .studio li {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}