/* 4 — Bleu nuit & bronze · mise en page Classique, ambiance soirée */
body.design-4 {
  --c-main: #1D2B3C; --c-main-dark: #142030; --c-on-main: #EEE8DC;
  --c-bg: #F4F1EB; --c-bg2: #E9E4DA; --c-accent: #A57C4E;
  --c-ink: #1F2530; --c-muted: #5A6170; --c-footer: #141E2B;
  --nav-bg: rgba(20,30,43,.9); --nav-solid: rgba(20,30,43,.98); --line-light: rgba(165,124,78,.25);
  --overlay: linear-gradient(180deg, rgba(15,24,36,.6), rgba(15,24,36,.3) 50%, rgba(15,24,36,.6));
  --overlay-flat: rgba(20,30,43,.6);
  --f-serif: 'Marcellus', Georgia, serif; --f-sans: 'Lato', sans-serif;
}
body.design-4 .hero-content h1 { text-transform: uppercase; letter-spacing: 8px; font-size: clamp(34px, 5vw, 64px); }
body.design-4 .hero-content h1::after { content: ''; display: block; width: 70px; height: 1px; background: var(--c-accent); margin: 26px auto 0; }
body.design-4 .text-center-block h2, body.design-4 .two-col-text h2, body.design-4 .card-body h3 { text-transform: uppercase; letter-spacing: 3px; }
body.design-4 .text-center-block h2, body.design-4 .two-col-text h2 { font-size: 30px; }
body.design-4 .card-body h3 { font-size: 19px; }
body.design-4 .cards-3 { gap: 0; }
body.design-4 .card-img { filter: saturate(.9); }
body.design-4 .two-col { background: var(--c-main); }
body.design-4 .two-col .two-col-text h2 { color: var(--c-on-main); }
body.design-4 .two-col .two-col-text p { color: rgba(238,232,220,.8); }
body.design-4 .parallax-sep-text { text-transform: uppercase; letter-spacing: 6px; font-size: clamp(18px, 2.2vw, 26px); }
body.design-4 .gallery-grid { gap: 2px; }