/* ═══════════════════════════════════════════════════
 * PÉPITES DÉCOUVERTES — Édition V3 Pro (Mobile Friendly)
 * Typographie : Lora (titres) + Montserrat (corps/interface)
 * Palette : Blanc Pur, Noir Profond, Orange Pépites
 * ═══════════════════════════════════════════════════ */

:root {
    --paper: #ffffff;
    --warm: #f8f9fa;
    --white: #ffffff;
    --ink: #000000;
    --ink2: #1a1a1a;
    --muted: #6c757d;
    --rule: #e9ecef;
    --acc: #ff6233;
    --acc-pale: #fff0eb;
    --S: "Montserrat", system-ui, sans-serif;
    --D: "Lora", Georgia, serif;
    --W: 1350px;
    --G: clamp(20px, 4vw, 50px);
}

:root[data-theme="dark"] {
    --ink: #ffffff;
    --ink2: #f8f9fa;
    --muted: #adb5bd;
    --paper: #111111;
    --warm: #1a1a1a;
    --rule: #2c2c2c;
    --white: #111111;
    --acc: #ff6233;
    --acc-pale: #2a1f1a;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--S);
    background: var(--paper);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
    transition: background 0.3s, color 0.3s;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.w {
    max-width: var(--W);
    margin: 0 auto;
    padding-inline: var(--G);
}

.ey {
    font-family: var(--S);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--acc);
}

.home-block-intro__text {
    /*margin-top: 14px;*/
    max-width: 64ch;
    font-family: var(--S);
    font-size: 1.08rem;
    line-height: 1.72;
    color: var(--ink2);
}

.home-block-intro__text--chroniques {
    max-width: 78ch;
}

.home-block-intro__text--contributors {
    max-width: 72ch;
}


.home-section-intro {
    margin: 12px 0 22px;
    max-width: 70ch;
    font-family: var(--S);
    font-size: 1rem;
    line-height: 1.72;
    color: var(--ink2);
}

.home-section-intro--agenda {
    max-width: 78ch;
}