/* MASTER-PACK 0.7.32 selected-homepage visual scale rebalance.
 * Staging only.
 *
 * Goal: preserve the approved vertical + horizontal architecture while avoiding
 * oversized typography, over-dominant product imagery and unnecessarily tall
 * product panels on large displays. These rules intentionally sit after the
 * earlier concept/viewport/mobile layers so the selected root has one final,
 * explicit scale system.
 */

.mp-prototype-1 .mp-company .mp-hero-title {
    max-width: 720px;
    font-size: clamp(40px, 4.15vw, 64px);
    line-height: 1.02;
}

.mp-prototype-1 .mp-hero-copy {
    width: min(720px, 58vw);
}

.mp-prototype-1 .mp-section-copy h2 {
    font-size: clamp(29px, 2.7vw, 43px);
    line-height: 1.06;
}

.mp-prototype-1 .mp-product-section {
    min-height: auto;
    padding-top: calc(var(--mp-header-height) + clamp(28px, 3.8vw, 54px));
    padding-bottom: clamp(42px, 5vw, 68px);
}

.mp-prototype-1 .mp-section-heading {
    margin-bottom: clamp(18px, 2.4vw, 30px);
}

.mp-prototype-1 .mp-slide {
    min-height: clamp(470px, 58vh, 620px);
}

.mp-prototype-1 .mp-slide-media {
    min-height: clamp(470px, 58vh, 620px);
    padding: clamp(30px, 4vw, 58px);
}

.mp-prototype-1 .mp-slide-media > img:first-child {
    width: min(78%, 650px);
    height: min(78%, 500px);
}

.mp-prototype-1 .mp-slide-content {
    padding: clamp(42px, 5vw, 76px) clamp(42px, 5.7vw, 92px);
}

.mp-prototype-1 .mp-slide-content h3 {
    max-width: 590px;
    margin-bottom: 18px;
    font-size: clamp(30px, 2.75vw, 46px);
    line-height: 1.06;
}

.mp-prototype-1 .mp-slide-description {
    max-width: 580px;
    margin-bottom: 20px;
    font-size: clamp(14px, 1.05vw, 17px);
}

.mp-prototype-1 .mp-slide-facts {
    margin-bottom: 24px;
}

.mp-prototype-1 .mp-quality-heading {
    margin-bottom: clamp(38px, 5vw, 70px);
}

.mp-prototype-1 .mp-quality-heading h2 {
    max-width: 820px;
    font-size: clamp(36px, 3.8vw, 58px);
    line-height: 1.04;
}

.mp-prototype-1 .mp-contact-copy h2 {
    max-width: 680px;
    font-size: clamp(36px, 3.8vw, 58px);
    line-height: 1.04;
}

.mp-prototype-1 .mp-contacts {
    min-height: 76svh;
}

@media (min-width: 1600px) {
    .mp-prototype-1 .mp-slide {
        min-height: 560px;
    }

    .mp-prototype-1 .mp-slide-media {
        min-height: 560px;
    }
}

@media (max-width: 1100px) {
    .mp-prototype-1 .mp-hero-copy {
        width: min(680px, 70vw);
    }

    .mp-prototype-1 .mp-slide-content {
        padding: 44px 48px;
    }
}

@media (max-width: 900px) {
    .mp-prototype-1 .mp-hero-copy {
        width: 100%;
    }

    .mp-prototype-1 .mp-slide {
        min-height: 0;
    }

    .mp-prototype-1 .mp-slide-media {
        min-height: clamp(300px, 39svh, 410px);
        padding: clamp(28px, 5vw, 44px);
    }

    .mp-prototype-1 .mp-slide-media > img:first-child {
        width: min(76%, 520px);
        height: min(76%, 390px);
    }

    .mp-prototype-1 .mp-slide-content {
        min-height: 0;
        padding: 32px var(--mp-pad) 50px;
    }

    .mp-prototype-1 .mp-slide-content h3 {
        font-size: clamp(28px, 5vw, 38px);
    }
}

@media (max-width: 600px) {
    .mp-prototype-1 .mp-company .mp-hero-title {
        font-size: clamp(32px, 9.4vw, 41px);
        line-height: 1.04;
    }

    .mp-prototype-1 .mp-company .mp-lead {
        font-size: 14px;
        line-height: 1.5;
    }

    .mp-prototype-1 .mp-hero-slides {
        min-height: 435px;
    }

    .mp-prototype-1 .mp-section-copy h2 {
        font-size: 29px;
        line-height: 1.08;
    }

    .mp-prototype-1 .mp-slide-media {
        min-height: clamp(250px, 34svh, 330px);
        padding: 34px 24px 28px;
    }

    .mp-prototype-1 .mp-slide-media > img:first-child {
        width: min(78%, 360px);
        height: min(78%, 260px);
    }

    .mp-prototype-1 .mp-slide-content {
        padding: 28px 20px 50px;
    }

    .mp-prototype-1 .mp-slide-content h3 {
        margin-bottom: 14px;
        font-size: clamp(27px, 7.5vw, 33px);
        line-height: 1.08;
    }

    .mp-prototype-1 .mp-quality-heading h2,
    .mp-prototype-1 .mp-contact-copy h2 {
        font-size: clamp(32px, 8.8vw, 40px);
        line-height: 1.06;
    }
}