/* ==========================================================================
   Passe « finesse » — se charge après styles.css.
   Objectif : un rendu plus délicat et éditorial (échelle typographique réduite,
   colonnes plus étroites, libellés en petites capitales espacées, filets fins,
   boutons fins, aplats foncés plus profonds, terracotta réservé aux accents).
   Retirer la balise <link> de ce fichier suffit à revenir à la version précédente.
   ========================================================================== */
:root {
  --espresso: #3a2b23;          /* aplats foncés (remplace la terre brûlée sur les grands blocs) */
  --espresso-soft: #4a382e;
  --gold: #c9b394;              /* sable doré pour les accents sur fond foncé */
  --max: 76rem;                 /* colonne plus étroite : plus d'air sur les côtés */
  --fs-base: 1rem;
  --fs-md: clamp(1.0625rem, 1rem + .25vw, 1.2rem);
  --line: rgba(31, 25, 21, .11);
}
body { font-size: var(--fs-base); line-height: 1.72; letter-spacing: .005em; }
p { color: inherit; }

/* Titres : plus petits, plus d'interlignage, gris-noir doux */
.u-h2, .pg-hero__t, .hx-bg__h1, .u-end__t, .pr-main__t { font-weight: 400; color: #241c17; }
.u-h2 { font-size: clamp(1.75rem, 1.3rem + 1.3vw, 2.5rem); line-height: 1.15; letter-spacing: -0.01em; }
.hx-bg__h1 { font-size: clamp(2.4rem, 1.2rem + 3vw, 4rem); line-height: 1.08; letter-spacing: -0.02em; }
.pg-hero__t { font-size: clamp(2.4rem, 1.2rem + 3.2vw, 4.4rem); line-height: 1.08; letter-spacing: -0.02em; }
.u-end__t, .u-end__t--md { font-size: clamp(2.4rem, 1rem + 3.8vw, 4.8rem); line-height: 1.05; }
.u-xl__t { font-size: clamp(1.35rem, 1.1rem + .9vw, 1.9rem); letter-spacing: -0.005em; }
.u-who__title, .pr-card__t, .pr-svc__t { font-size: clamp(1.5rem, 1.15rem + 1vw, 2.1rem); line-height: 1.15; }
.u-of__t { font-size: clamp(1.35rem, 1.1rem + .8vw, 1.8rem); }
.u-of__main .u-of__t { font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.7rem); }
.pr-main__t { font-size: clamp(2.2rem, 1.4rem + 2.4vw, 3.6rem); }
.u-tr__q blockquote { font-size: clamp(1.25rem, 1.05rem + .7vw, 1.65rem); line-height: 1.45; }
.u-hz__t, .pf-card__t { font-size: clamp(1.2rem, 1.05rem + .5vw, 1.5rem); }
.ab-tl__what { font-size: clamp(1.3rem, 1.1rem + .7vw, 1.7rem); }

/* Chiffres au trait : plus discrets */
.u-who__num, .pr-card__n, .u-of__n, .pr-main__n, .u-hz__endn { -webkit-text-stroke-width: .6px; opacity: .75; }
.u-who__num { font-size: clamp(7rem, 5rem + 8vw, 12rem); }
.u-of__big { font-size: clamp(3.5rem, 1.5rem + 5vw, 7rem); opacity: .7; }
.pr-main__n { font-size: clamp(11rem, 7rem + 14vw, 22rem); }

/* Libellés : petites capitales espacées, très fines */
.u-eyebrow, .u-who__kicker, .u-of__tag, .pr-label, .pr-card__tag, .pr-main__tag, .ab-tl__when,
.u-xl__n, .u-hz__i, .pf-card__n, .pj-text__n, .u-faq__n, .pj-nav__dir {
  font-size: .66rem !important; letter-spacing: .24em !important; font-weight: 500; text-transform: uppercase;
}
.u-more { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 500; }

/* Boutons : fins, pilule, petites capitales */
.btn { border-radius: 999px; font-size: .72rem !important; letter-spacing: .18em !important; text-transform: uppercase; font-weight: 600;
  min-height: 46px; padding: .85rem 1.6rem !important; border-width: 1px; }
.btn--lg { min-height: 50px; padding: .95rem 1.9rem !important; }
.btn--sm { min-height: 38px; padding: .6rem 1.2rem !important; }
.btn:hover { padding-right: 1.6rem; }
.btn--ghost { border-color: rgba(31,25,21,.35); }
.btn--light:hover { background: var(--gold); border-color: var(--gold); color: var(--espresso); }

/* Espacements : plus d'air entre les sections, contenus plus resserrés */
.u-sec { padding-block: clamp(4.5rem, 3rem + 5vw, 8rem); }
.u-head { margin-bottom: clamp(2.5rem, 2rem + 2.5vw, 4rem); }
.u-lead, .pg-hero__big, .pr-main__lead, .u-tr__lead, .ab-prac__lead, .pj-text__lead { font-size: var(--fs-md); line-height: 1.7; }

/* Aplats foncés : espresso au lieu de terracotta / terre brûlée sur les grands blocs */
.u-tr, .u-end, .pr-main { background: var(--espresso); }
.u-tr__path li:last-child span { color: var(--espresso); }
.u-end__run span { color: var(--gold); }
.u-end__run i { background: var(--gold); opacity: .6; }
.u-end__band { border-color: rgba(201,179,148,.25); }
.u-end__orn, .ct-card__orn { background: var(--gold); opacity: .07; }
.pr-main__n { -webkit-text-stroke-color: rgba(201,179,148,.3); }
.pr-main .pr-checks li::before { border-color: var(--gold); background: transparent; }
.pr-main .pr-label, .u-tr .u-orn--light { color: var(--gold); }
.u-orn--light { background: var(--gold) !important; }
.ct-card { background: var(--espresso); }
.ct-card .pr-label { color: var(--gold); }
.site-header .btn[aria-current="page"] { background: var(--espresso); border-color: var(--espresso); }

/* Cartes : coins légèrement adoucis, ombres plus discrètes */
.u-who__card, .u-of__main, .u-of__card, .pr-card, .ct-card, .pj-nav__a { border-radius: 4px; }
.u-who__card:hover, .u-of__main:hover, .u-of__card:hover, .pr-card:hover { transform: translateY(-3px); box-shadow: 0 30px 50px -36px rgba(31,25,21,.35); }
.u-who__card { min-height: clamp(24rem, 34vw, 29rem); }
.u-who__tags li, .pr-tags li, .pg-anchors a, .pf-f { font-size: .78rem; }

/* Filets plus fins et plus clairs */
.u-xl, .u-xl__row, .pr-svc, .pr-svcs, .pr-checks li, .u-faq__i { border-color: var(--line) !important; }
.colophon { border-top-color: rgba(31,25,21,.35); }

/* Réalisations : visuels un peu moins hauts */
.u-hz__img, .u-hz__end { height: clamp(260px, 40vh, 440px); }
.u-xl__ico { width: clamp(1.8rem, 2.4vw, 2.3rem); }
.u-st__n { width: 3.75rem; height: 3.75rem; font-size: 1.5rem; }
.u-st__i strong { font-size: 1.15rem; }

/* Corrections de contraste et d'échelle */
.u-end__t, .u-end__t--md { color: #f4efe8; }
.u-end__run span { font-size: clamp(1.1rem, .95rem + .6vw, 1.5rem); }
.u-faq--xl .u-faq__i summary { font-size: clamp(1.1rem, 1rem + .45vw, 1.35rem); padding-block: 1.25rem; }
.u-faq__aside { font-size: .9rem; }
.pr-main__t, .pr-main .pr-price { color: #f4efe8; }

/* ---------- Accents italiques + bleu nuit ---------- */
@font-face { font-family: "Playfair Display"; src: url("../assets/fonts/playfair-display-italic.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; }
:root { --taupe: #9a7a5f; --navy: #1f2b3c; --navy-soft: #2a3a50; }
em.acc { font-family: "Playfair Display", var(--font-title); font-style: italic; font-weight: 400; color: var(--taupe); letter-spacing: -0.01em; }
/* sur fonds foncés ou colorés : sable doré */
.u-tr em.acc, .u-end em.acc, .pr-main em.acc, .u-who__card em.acc, .u-of__main em.acc, .ct-card em.acc { color: var(--gold); }
/* Bleu nuit : appel final de toutes les pages et carte Contact */
.u-end, .ct-card { background: var(--navy); }
.u-end__run span { color: #d9cbb5; }
.u-end .btn--light:hover { background: var(--gold); border-color: var(--gold); color: var(--navy); }

/* ---------- Titres en Playfair Display (comme le site actuel) : très gras pour les grands titres ---------- */
@font-face { font-family: "Playfair Display"; src: url("../assets/fonts/playfair-display-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../assets/fonts/playfair-display-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../assets/fonts/playfair-display-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Playfair Display"; src: url("../assets/fonts/playfair-display-italic-700.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
:root { --font-title: "Playfair Display", Georgia, "Times New Roman", serif; }
/* Grands titres : très gras, serrés */
.hx-bg__h1, .pg-hero__t, .u-end__t, .u-end__t--md, .pr-main__t { font-weight: 800; letter-spacing: -0.025em; line-height: 1.04; }
/* Titres de sections : regular, accent italique */
.u-h2 { font-weight: 400; letter-spacing: -0.015em; }
/* Titres de cartes : gras modéré */
.u-who__title, .pr-card__t, .pr-svc__t, .u-of__t, .ab-tl__what, .u-xl__t, .u-hz__t, .pf-card__t, .pj-nav__name { font-weight: 700; letter-spacing: -0.01em; }
.u-xl__t { font-weight: 400; }
/* Italique de l'accent : plus léger que le romain gras pour le contraste */
em.acc { font-weight: 400; }
.u-tr__q blockquote { font-style: italic; font-weight: 400; }
/* chiffres au trait en Playfair : un peu plus fins */
.u-who__num, .pr-card__n, .u-of__n, .pr-main__n, .u-hz__endn, .pr-svc__n, .u-of__big { font-weight: 400; }

/* ---------- Menu : petites capitales espacées, graisse fine ---------- */
.nav__link { font-size: .7rem !important; letter-spacing: .22em !important; text-transform: uppercase; font-weight: 400; color: #3a2f28; }
.nav__link[aria-current="page"] { background-size: 100% 1px; }
.nav { gap: clamp(1.25rem, 2.4vw, 2.4rem); }
.mobile-menu a { font-weight: 400; }

/* ---------- Terracotta #C77B5B ----------
   Le ton est utilisé tel quel pour les aplats, boutons, filets et pictogrammes.
   Pour le petit texte terracotta sur fond clair, une nuance plus profonde (--terra-ink)
   garantit la lisibilité (contraste AA ≥ 4,5:1). */
:root { --terra-ink: #9a5536; }
.u-eyebrow, .pr-label, .u-xl__n, .u-hz__i, .pf-card__n, .pj-text__n, .u-faq__n, .ab-tl__when, .pr-card__tag,
.pj-nav__dir, .u-hz__count .u-hz__cur, .u-faq__aside a, .pf-f sup, .u-who__aside a, .pj:hover .pj__t,
.pf-card a:hover .pf-card__t, .u-xl__row:hover .u-xl__t, .u-faq--xl .u-faq__i summary:hover { color: var(--terra-ink); }
.pr-main .pr-label, .ct-card .pr-label, .u-tr .u-eyebrow { color: var(--gold); }

/* ==========================================================================
   Épure « signature » : moins de procédés répétés, plus de retenue.
   ========================================================================== */
/* 1. En-têtes de pages intérieures : le symbole seul, sans libellé en capitales */
.pg-hero .u-eyebrow { font-size: 0 !important; letter-spacing: 0 !important; margin-bottom: 1.5rem; }
.pg-hero .u-eyebrow .u-orn--sm { width: 22px; height: 22px; margin: 0; }

/* 2. Petits titres de cartes : texte courant en italique fin plutôt qu'en capitales */
.u-who__kicker, .pr-card__tag {
  font-family: "Playfair Display", var(--font-title) !important; font-style: italic; text-transform: none !important;
  letter-spacing: 0 !important; font-size: 1.05rem !important; font-weight: 400; margin-bottom: .6rem;
}
.u-who__kicker { color: rgba(255,255,255,.82); }
.pr-card__tag { color: var(--taupe); }

/* 3. Grands chiffres au trait : seulement sur « Pour qui » (et la tuile de fin des réalisations) */
.pr-card__n, .u-of__n, .pr-main__n, .u-of__big { display: none; }
.pr-svc__n { font-family: var(--font-text); font-size: .72rem; letter-spacing: .2em; -webkit-text-stroke: 0; color: var(--terra-ink); padding-top: .9rem; }
.ab-pr .pr-card { padding-top: clamp(1.75rem, 3vw, 2.75rem); }
.ab-pr .pr-card::before { content: ""; display: block; width: 2.5rem; height: 1px; background: var(--terra); margin-bottom: 1.5rem; }
.u-of__card::before { content: ""; display: block; width: 2.5rem; height: 1px; background: var(--terra); margin-bottom: 1.25rem; }
.u-of__main { justify-content: flex-end; }

/* 4. Pas de bandeau défilant : l'appel final respire */
.u-end__band { display: none; }
.u-end__in { padding-top: clamp(4.5rem, 8vw, 7.5rem); }
.u-end { padding-bottom: clamp(4.5rem, 8vw, 7.5rem); }

/* 5. Plus de pastilles : listes éditoriales à filet fin */
.u-who__tags, .pr-tags { display: block; margin-top: 1.25rem; }
.u-who__tags li, .pr-tags li { display: inline; padding: 0; border: 0 !important; border-radius: 0; background: none; font-size: .9rem; }
.u-who__tags li + li::before, .pr-tags li + li::before { content: "·"; margin: 0 .6rem; opacity: .6; }
.u-who__tags li { color: rgba(255,255,255,.88); }
.pr-tags li { color: var(--ink-soft); }
.u-tr__path { gap: .35rem 0; }
.u-tr__path li span, .u-tr__path li:last-child span { padding: 0; border: 0; border-radius: 0; background: none; color: rgba(255,255,255,.85); font-size: .9rem; }
.u-tr__path li:last-child span { color: var(--gold); font-family: "Playfair Display", serif; font-style: italic; font-size: 1.05rem; }
.u-tr__path li + li::before { width: 2rem; margin: 0 .85rem; background: rgba(201,179,148,.55); display: inline-block !important; }
.pg-anchors { gap: .4rem 1.75rem; }
.pg-anchors a { padding: .2rem 0; border: 0; border-radius: 0; border-bottom: 1px solid var(--line); font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; }
.pg-anchors a:hover { background: none; color: var(--terra-ink); border-color: var(--terra); }
/* Filtres des réalisations : liens texte, le filtre actif souligné */
.pf-bar { gap: .5rem 1.75rem; }
.pf-f { border: 0; border-radius: 0; padding: .35rem 0; min-height: 44px; background: none !important; color: var(--ink-soft) !important; font-size: .7rem; letter-spacing: .2em; text-transform: uppercase;
  background-image: linear-gradient(var(--terra), var(--terra)) !important; background-repeat: no-repeat !important; background-position: 0 85% !important; background-size: 0 1px !important; transition: background-size .4s var(--ease), color .3s; }
.pf-f:hover { color: var(--ink) !important; background-size: 100% 1px !important; }
.pf-f[aria-pressed="true"] { color: var(--ink) !important; background-size: 100% 1px !important; }
.pf-f sup { color: var(--terra-ink) !important; }
/* Parcours (section confiance) : petite frise verticale plutôt qu'une ligne qui se casse */
.u-tr__path { display: block; position: relative; padding-left: 1.5rem; margin-top: 1.75rem; }
.u-tr__path::before { content: ""; position: absolute; left: .3rem; top: .7rem; bottom: .7rem; width: 1px; background: rgba(201,179,148,.45); }
.u-tr__path li { display: block; position: relative; padding: .25rem 0; }
.u-tr__path li + li::before { display: none !important; }
.u-tr__path li::after { content: ""; position: absolute; left: -1.5rem; top: 50%; width: .62rem; height: .62rem; margin-top: -.31rem; border-radius: 50%; border: 1px solid var(--gold); background: var(--espresso); }
.u-tr__path li:last-child::after { background: var(--gold); }

/* ---------- Contenu au-dessus de la ligne de flottaison ---------- */
/* En-têtes des pages intérieures plus compacts */
.pg-hero { padding-block: clamp(1.75rem, 1rem + 2.5vw, 3.5rem) clamp(1.5rem, 1rem + 2vw, 2.75rem); }
.pg-hero__lead { margin-top: clamp(1rem, 2vw, 1.75rem); }
.pg-hero .u-eyebrow { margin-bottom: 1rem; }
.pf .pf-bar { padding-bottom: 1.25rem; margin-bottom: 2rem; }
/* Fiche projet : le premier visuel juste sous le titre, la fiche technique ensuite */
.pg-hero--project { padding-bottom: clamp(1.25rem, 2vw, 2rem); }
.pj-first .plates-row:first-child img { max-height: 72vh; width: 100%; object-fit: cover; }
.pj-colo { padding-top: clamp(2rem, 4vw, 3rem); }
/* Contact : titre, coordonnées et formulaire visibles d'emblée */
.ct2 { padding-block: clamp(1.75rem, 1rem + 2.5vw, 3.5rem) clamp(4rem, 7vw, 6rem); }
.ct2__grid { display: grid; gap: clamp(2.5rem, 5vw, 5rem); align-items: start; }
@media (min-width: 64em) { .ct2__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); } .ct2__form { padding-top: .5rem; } }
.ct2 .pg-hero__t { font-size: clamp(2.4rem, 1.2rem + 3vw, 4rem); }
.ct2__lead { margin: 1.25rem 0 2rem; max-width: 30em; }
.ct2 .ct-card { position: relative; top: auto; padding: clamp(1.5rem, 2.5vw, 2.25rem); }
.ct2 .ct-card__mail { font-size: clamp(1.3rem, 1.05rem + .9vw, 1.8rem); }
.ct2 .ct-card__call { margin-top: 1.25rem; }
.ct2 .ct-card__facts { margin-top: 1.25rem; }
/* À propos sur mobile : le portrait remonte, sous le titre */
@media (max-width: 63.99em) {
  .pg-hero--media .pg-hero__in { display: flex; flex-direction: column; align-items: stretch; gap: 1.75rem; }
  .pg-hero--media .pg-hero__media { order: 2; max-width: 15rem; align-self: flex-start; }
  .pg-hero--media .pg-hero__main { display: contents; }
  .pg-hero--media .pg-hero__main > .u-eyebrow { order: 0; }
  .pg-hero--media .pg-hero__main > .pg-hero__t { order: 1; }
  .pg-hero--media .pg-hero__main > .pg-hero__lead { order: 3; margin-top: 0; }
}
.ct2 .u-eyebrow { font-size: 0 !important; letter-spacing: 0 !important; margin-bottom: 1rem; }
.ct2 .u-eyebrow .u-orn--sm { width: 22px; height: 22px; margin: 0; }
/* Filtres sur mobile : une seule ligne qui défile, les projets remontent */
@media (max-width: 47.99em) {
  .pf-bar { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
  .pf-bar::-webkit-scrollbar { display: none; }
  .pf-f { white-space: nowrap; flex: none; }
}

/* ---------- À propos : en-tête compact, portrait recadré, informations et actions visibles d'emblée ---------- */
.pg-hero--media .pg-hero__in { align-items: start; }
@media (min-width: 64em) { .pg-hero--media .pg-hero__in { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(3rem, 6vw, 6rem); } }
.pg-hero--media .pg-hero__media { max-width: 22rem; justify-self: end; margin-top: .5rem; }
.pg-hero--media .pg-hero__media::before { inset: 1rem -1rem -1rem 1rem; }
.pg-hero--media .pg-hero__media img { aspect-ratio: 4 / 5; height: auto; max-height: min(64vh, 30rem); object-fit: cover; object-position: 50% 18%; }
.ab-facts { list-style: none; padding: 0; margin: 1.75rem 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 1rem 1.5rem; border-top: 1px solid var(--line); padding-top: 1.25rem; }
.ab-facts li { font-size: .92rem; line-height: 1.45; color: var(--ink); }
.ab-facts span { display: block; font-size: .64rem; letter-spacing: .22em; text-transform: uppercase; color: var(--terra-ink); margin-bottom: .35rem; }
.ab-cta { margin-top: 1.75rem; }
@media (max-width: 63.99em) {
  .pg-hero--media .pg-hero__in { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
  .pg-hero--media .pg-hero__main { display: block; }
  .pg-hero--media .pg-hero__main > .pg-hero__lead { margin-top: 1rem; }
  .pg-hero--media .pg-hero__media { order: 0; justify-self: start; max-width: none; width: calc(100% - 1rem); }
  .pg-hero--media .pg-hero__media img { aspect-ratio: 4 / 3; max-height: none; object-position: 50% 22%; }
}
@media (max-width: 63.99em) {
  .pg-hero--media .pg-hero__in { display: flex; flex-direction: column; gap: 1.25rem; }
  .pg-hero--media .pg-hero__main { display: contents; }
  .pg-hero--media .pg-hero__main > .u-eyebrow { order: 0; margin-bottom: -.5rem; }
  .pg-hero--media .pg-hero__main > .pg-hero__t { order: 1; }
  .pg-hero--media .pg-hero__media { order: 2; }
  .pg-hero--media .pg-hero__main > .pg-hero__lead { order: 3; margin-top: .75rem; }
  .pg-hero--media .pg-hero__media img { aspect-ratio: 16 / 10; object-position: 50% 20%; }
}

/* ---------- Pages d'expertise ---------- */
.pg-hero__t { max-width: 18ch; }
.lp-why { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(1.5rem, 3vw, 3rem); }
@media (min-width: 56em) { .lp-why { grid-template-columns: repeat(3, 1fr); } }
.lp-why__i::before { content: ""; display: block; width: 2.5rem; height: 1px; background: var(--terra); margin-bottom: 1.25rem; }
.lp-why__i h3 { font-family: var(--font-title); font-weight: 700; font-size: clamp(1.25rem, 1.05rem + .6vw, 1.55rem); line-height: 1.2; margin: 0 0 .75rem; }
.lp-why__i p { color: var(--ink-soft); margin: 0; }
.lp-two { display: grid; gap: 2rem clamp(3rem, 6vw, 6rem); align-items: start; }
@media (min-width: 56em) { .lp-two { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
.lp-proj { grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: 1.5rem; }
.lp-rel { margin-top: 2.5rem; }
.lp-rel ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.lp-rel a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: .15rem; transition: color .3s, border-color .3s; }
.lp-rel a:hover { color: var(--terra-ink); border-color: var(--terra); }
.pr-svc__more { display: inline-block; margin-top: 1.5rem; }
.pr-main__more { color: var(--gold); align-self: center; font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; text-decoration: none; border-bottom: 1px solid rgba(201,179,148,.5); padding-bottom: .2rem; margin-left: .75rem; }
.pr-main__more:hover { color: #fff; border-color: #fff; }
/* Pied de page : quatre colonnes */
@media (min-width: 48em) {
  .site-footer__brand { grid-column: 1 / 5 !important; }
  .site-footer__col { grid-column: span 2 !important; }
  .site-footer__col:nth-child(2) { grid-column: 5 / span 2 !important; }
  .site-footer__col:nth-child(3) { grid-column: 7 / span 2 !important; }
}
@media (min-width: 64em) { .site-footer__col:nth-child(2) { grid-column: 5 / span 3 !important; } .site-footer__col:nth-child(3) { grid-column: 8 / span 2 !important; } .site-footer__col:nth-child(4) { grid-column: 10 / span 2 !important; } .site-footer__col:nth-child(5) { grid-column: 12 / span 1 !important; } }
@media (min-width: 64em) {
  .site-footer__brand { grid-column: 1 / 4 !important; }
  .site-footer__col:nth-child(2) { grid-column: 5 / span 2 !important; }
  .site-footer__col:nth-child(3) { grid-column: 7 / span 2 !important; }
  .site-footer__col:nth-child(4) { grid-column: 9 / span 2 !important; }
  .site-footer__col:nth-child(5) { grid-column: 11 / span 2 !important; }
}
@media (max-width: 63.99em) { .lp-hero-img { display: none !important; } }

/* Correctif : les deux cartes d'offres restent centrées dans la colonne (la règle margin:0 annulait le centrage du conteneur) */
.wrap.pr-two { margin-inline: auto; }