@media (max-width: 900px) {
    .yh-home .yh-hero-inner {
        /* Account for the minimum-height utility bar on narrow phones. */
        min-height: min(53vw, calc(60.6vw - 40px));
    }

    .yh-home .yh-layout {
        padding-top: 0;
        padding-inline: clamp(10px, 3.25vw, 29px);
    }

    .yh-mobile-status .yh-status {
        justify-content: space-between;
        gap: clamp(5px, 1.2vw, 11px);
        min-height: clamp(28px, 6.3vw, 56px);
        padding: 3px clamp(7px, 1.9vw, 17px) 3px clamp(10px, 2.95vw, 27px);
        border-radius: clamp(6px, 1.3vw, 12px);
        background: linear-gradient(105deg, #101416, #181a1e 62%, #101416);
        white-space: nowrap;
    }

    .yh-status-state,
    .yh-status-caption {
        display: flex;
        align-items: center;
    }

    .yh-status-state {
        gap: clamp(7px, 2vw, 18px);
    }

    .yh-mobile-status .yh-status-dot {
        flex: none;
        width: clamp(9px, 2.25vw, 20px);
        height: clamp(9px, 2.25vw, 20px);
    }

    .yh-mobile-status .yh-status-state strong {
        font-size: clamp(.75rem, 2.4vw, 1.25rem);
    }

    .yh-status-caption {
        justify-content: flex-end;
        gap: clamp(5px, 1.6vw, 14px);
        padding-inline-start: clamp(10px, 3.9vw, 35px);
        border-inline-start: 1px solid #a9a2ab88;
        line-height: 1.2;
    }

    .yh-mobile-status .yh-status-caption small {
        margin: 0;
        font-size: clamp(.58rem, 2.15vw, 1.2rem);
        letter-spacing: .085em;
    }

    .yh-status-caption .yh-arrow {
        display: flex;
        margin: 0;
        font-size: clamp(.72rem, 2vw, 1.05rem);
    }
}