.hero {
    min-height: 980px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.hero-content {
    position: relative;
    z-index: 3;
    padding-left: 24px;
    padding-right: 24px;
}

.hero-visual {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100vw;
    height: 100%;
    margin-top: 0;
}

.robot-photo-wrap {
    inset: 0;
    border-radius: 0;
    box-shadow: none;
}

.robot-photo-wrap::after {
    background: linear-gradient(180deg, rgba(252, 252, 252, .98) 0%, rgba(252, 252, 252, .92) 40%, rgba(252, 252, 252, .32) 65%, rgba(17, 17, 17, .12) 100%);
}

.robot-photo-wrap img {
    object-fit: cover;
    object-position: center bottom;
    transform: scale(1.2);
    background: #f7f7f7;
}

.studio-media:hover img {
    transform: scale(1.24);
}

.photo-label {
    left: max(28px, calc((100vw - 1180px) / 2));
    bottom: 28px;
}

@media (max-width: 600px) {
    .hero-content {
        padding-left: 18px;
        padding-right: 18px;
    }

    .hero-visual {
        height: 100%;
        margin-top: 0;
    }

    .robot-photo-wrap img {
        object-fit: cover;
        transform: scale(1.35);
    }

    .studio-media:hover img {
        transform: scale(1.35);
    }
}