@media (min-width: 768px) and (max-width: 1199px) {
    .vehicle-card {
        --vehicle-card-index-size: clamp(48px, 6vw, 56px);
        --vehicle-card-icon-size: clamp(64px, 8vw, 80px);
        --vehicle-card-header-balance: clamp(12px, 2vw, 22px);
    }

    .vehicle-card-header {
        grid-template-columns: var(--vehicle-card-index-size) minmax(0, 1fr);
        gap: 14px;
        padding-right: var(--vehicle-card-header-balance);
    }

    .vehicle-card-index {
        width: var(--vehicle-card-index-size);
        height: var(--vehicle-card-index-size);
    }

    .vehicle-card-icon-frame,
    .vehicle-card-icon-frame .vehicle-card-icon,
    .vehicle-card-icon-frame .asset-fallback--icon {
        width: var(--vehicle-card-icon-size);
        height: var(--vehicle-card-icon-size);
    }

    .hero-title {
        max-width: 12ch;
    }

    .construction-notice {
        width: min(100%, 760px);
        margin-top: 24px;
        padding: 12px 16px;
        font-size: 0.9rem;
    }

    .timeline-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .contact-shell {
        grid-template-columns: 1fr;
    }

    .brand-header--landing .brand-header__lockup {
        gap: 18px;
    }

    .brand-header--landing .brand-crest,
    .brand-header--landing .brand-crest .crest-image,
    .brand-header--landing .brand-crest .asset-fallback--crest {
        width: clamp(104px, 12vw, 128px);
        height: clamp(104px, 12vw, 128px);
    }

    .brand-header--landing .brand-wordmark,
    .brand-header--landing .brand-wordmark .logo-image,
    .brand-header--landing .brand-wordmark .asset-fallback--logo {
        width: clamp(300px, 34vw, 356px);
        height: clamp(88px, 10vw, 102px);
    }

    .brand-header--landing .brand-wordmark {
        padding: 12px 16px;
    }

    .brand-header--landing .brand-wordmark .logo-image {
        max-width: clamp(248px, 28vw, 300px);
        max-height: clamp(54px, 6vw, 66px);
    }

    .brand-header--landing .brand-header__copy {
        gap: 10px;
    }

    .brand-header--landing .brand-header__claim {
        font-size: clamp(0.84rem, 1vw, 0.94rem);
        letter-spacing: clamp(0.18em, 0.26vw, 0.22em);
    }
}