/* CSS critique — 1er viewport (Nunito Regular reporté dans main.css pour raccourcir la chaîne critique) */
@font-face {
    font-family: 'Nunito-Black';
    src: url('../fonts/Nunito-Black.woff2?v=20260923f2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
:root {
    --background-global: #fff;
    --red: #ee0000;
    --texte: #000000;
    --font-nunito: 'Nunito', system-ui, sans-serif;
    --font-family-titre: 'Nunito-Black', system-ui, sans-serif;
    --font-weight-titres: 900;
    --font-weight-texte: 600;
    --titre-line-height: 1;
    --texte-line-height: 1.8;
    --size-texte: clamp(18px, calc(17.059px + 0.294vw), 21px);
    --picto-width: clamp(75px, calc(16.667px + 18.229vw), 200px);
    --max-width: 1340px;
}
html, body { margin: 0; padding: 0; }
*, *::before, *::after { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; overflow-x: clip; background: #fff; }
h1 { font-family: var(--font-family-titre); }
.mobile { display: none !important; }
.section_1 { overflow-x: clip; }
.section_1__inner {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    min-height: 100vh;
}
.section_1__title-wrapper {
    display: flex;
    align-items: center;
    gap: 275px;
}
.section_1 .section_1__inner h1 {
    color: var(--red);
    font-weight: var(--font-weight-titres);
    line-height: var(--titre-line-height);
    margin: 0;
    font-size: clamp(30px, min(4.5vw, 7.5vh), 80px);
}
.section_1 .section_1__inner .section_1__title-mg {
    color: var(--red);
    font-weight: var(--font-weight-titres);
    line-height: var(--titre-line-height);
    margin: 0;
    font-size: clamp(30px, calc(22.784px + 2.255vw), 53px);
}
.section_1 .section_1__inner p {
    font-size: var(--size-texte);
    color: var(--texte);
    font-weight: var(--font-weight-texte);
    width: 50%;
    line-height: var(--texte-line-height);
}
.section_1__danger { width: var(--picto-width); height: auto; }
.section_1__content { position: relative; padding-bottom: 50px; }
.section_1__text {
    position: static;
    z-index: 2;
    max-width: 100%;
    background-color: var(--background-global);
    transform: translateY(clamp(-41px, calc(-96.261px + 5.391vw), -10px));
}
.section_1__truck {
    display: block;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    margin-left: calc(-50vw + 50%);
    margin-top: 0;
    position: absolute;
    bottom: 0;
}
@media (min-width: 1601px) {
    .section_1__truck {
        display: block;
        height: auto;
        width: auto;
        max-width: none;
        margin-left: 0;
    }
}
.section_1__discover-wrapper {
    width: 100%;
    display: grid;
    justify-content: center;
    margin-bottom: 18px;
}
.section_1__discover {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 2px solid var(--red);
    border-radius: 8px;
    color: #fff;
    font-size: clamp(20px, calc(17.176px + 0.882vw), 29px);
    font-weight: var(--font-weight-texte);
    text-decoration: none;
    background-color: var(--red);
}
@media (max-width: 1337px) {
    .section_1__title-mg br { display: none; }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .section_1__title-wrapper { gap: 20px; }
    .section_1 .section_1__inner p { width: 100%; }
    .section_1__text { position: relative; transform: translateY(-50px); }
    .section_1__truck { margin-top: -65px; position: relative; }
}
@media (max-width: 600px) {
    .mobile { display: block !important; }
    .section_1__inner { padding: 0 16px; gap: 20px; }
    .section_1__title-wrapper .section_1__danger { display: none; }
    .section_1__title br { display: none; }
    .section_1 .section_1__inner p { width: 100%; }
    .section_1__text { position: relative; transform: none; }
    .section_1__content { display: grid; }
}