:root {
  --blue:      #1a6bbf;
  --blue-mid:  #2980d9;
  --blue-sky:  #5aade8;
  --blue-dark: #003580;
  --gold:      #F5B800;
  --gold-mid:  #FFCA2C;
  --gold-light:#FFE07A;
  --white:     #ffffff;
  --offwhite:  #f7f9fc;
  --gray:      #5a6a7e;
  --dark:      #0d2a4e;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Inter',sans-serif; color:var(--dark); background:var(--white); }

/* NAVBAR */
nav { position:fixed; top:0; left:0; right:0; z-index:300; background:linear-gradient(90deg,var(--blue-dark) 0%,var(--blue) 100%); display:flex; align-items:center; justify-content:space-between; padding:0 2rem; height:62px; box-shadow:0 2px 20px rgba(0,0,0,0.3); }
.nav-brand { display:flex; align-items:center; gap:0.7rem; }
.nav-brand-text strong { color:var(--gold); font-size:0.88rem; letter-spacing:0.04em; display:block; }
.nav-brand-text span   { color:rgba(255,255,255,0.55); font-size:0.7rem; }
.nav-links { display:flex; gap:1.4rem; list-style:none; }
.nav-links a { color:rgba(255,255,255,0.82); text-decoration:none; font-size:0.78rem; font-weight:500; transition:color .2s; }
.nav-links a:hover { color:var(--gold); }
.nav-social { display:flex; gap:0.5rem; }
.nav-social a { display:flex; align-items:center; gap:0.3rem; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); color:var(--white); text-decoration:none; padding:.3rem .7rem; border-radius:50px; font-size:0.72rem; font-weight:600; transition:all .2s; }
.nav-social a:hover { background:var(--gold); color:var(--blue-dark); border-color:var(--gold); }

/* HERO */
#hero { min-height:100vh; padding-top:62px; background:linear-gradient(160deg,var(--blue-dark) 0%,var(--blue) 40%,var(--blue-sky) 70%,var(--gold-mid) 100%); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.hero-decor { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 80% 20%,rgba(255,255,255,0.08) 0%,transparent 50%),radial-gradient(ellipse at 15% 85%,rgba(245,184,0,0.12) 0%,transparent 45%); }
.hero-decor::after { content:''; position:absolute; inset:0; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 600" opacity=".07"><circle cx="300" cy="300" r="250" fill="none" stroke="%23fff" stroke-width="1"/><circle cx="300" cy="300" r="180" fill="none" stroke="%23FFB81C" stroke-width="1"/></svg>') center/contain no-repeat; }
.hero-inner { position:relative; text-align:center; padding:2.5rem 1.5rem; max-width:780px; }
.hero-photo-ring { width:170px; height:170px; margin:0 auto 1.6rem; border-radius:50%; overflow:hidden; border:5px solid var(--gold); box-shadow:0 0 0 4px rgba(245,184,0,.25),0 20px 60px rgba(0,0,0,.35); }
.hero-photo-ring img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.hero-name { font-family:'Playfair Display',serif; font-size:clamp(2.8rem,7vw,5rem); color:var(--white); line-height:1.0; margin-bottom:.5rem; text-shadow:0 2px 20px rgba(0,0,0,.3); }
.hero-name span { color:var(--gold); }
.hero-sub { font-size:1rem; color:rgba(255,255,255,.75); font-weight:300; margin-bottom:.3rem; }
.hero-district { font-size:.9rem; color:var(--gold-light); font-weight:600; letter-spacing:.06em; margin-bottom:1.8rem; }
.hero-slogans { display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center; margin-bottom:1.8rem; }
.slogan-pill { background:rgba(255,255,255,.15); border:2px solid rgba(255,255,255,.35); backdrop-filter:blur(8px); color:var(--white); font-weight:700; font-size:.95rem; padding:.55rem 1.6rem; border-radius:50px; box-shadow:0 4px 16px rgba(0,0,0,.2); }
.slogan-pill.gold { background:var(--gold); border-color:var(--gold); color:var(--blue-dark); box-shadow:0 4px 20px rgba(245,184,0,.45); }
.hero-motto { font-style:italic; font-size:.92rem; color:rgba(255,255,255,.65); letter-spacing:.04em; margin-bottom:1.8rem; }
.hero-motto span { color:var(--gold-light); font-weight:600; }
.hero-year { display:inline-flex; align-items:center; gap:.5rem; background:var(--blue-dark); color:var(--gold); font-weight:700; font-size:1rem; padding:.6rem 2rem; border-radius:50px; border:2px solid var(--gold); box-shadow:0 4px 18px rgba(0,0,0,.3); }
.scroll-cue { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.35); font-size:.75rem; display:flex; flex-direction:column; align-items:center; gap:.3rem; animation:bob 2s ease-in-out infinite; }
.scroll-cue::after { content:'↓'; font-size:1rem; }
@keyframes bob { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(7px)} }

/* VALEURS */
#valeurs { background:linear-gradient(180deg,var(--offwhite) 0%,var(--white) 100%); padding:4rem 2rem; }
.valeurs-wrap { display:flex; flex-wrap:wrap; gap:1.25rem; justify-content:center; }
.valeur-card { display:flex; flex-direction:column; align-items:center; gap:.6rem; background:var(--white); border-radius:16px; padding:1.5rem 1.8rem; box-shadow:0 4px 20px rgba(26,107,191,.1); border-top:4px solid var(--blue); min-width:150px; text-align:center; transition:transform .2s; }
.valeur-card:hover { transform:translateY(-4px); }
.valeur-card:nth-child(1){border-top-color:#e64b4b;}
.valeur-card:nth-child(2){border-top-color:var(--blue);}
.valeur-card:nth-child(3){border-top-color:var(--gold);}
.valeur-card:nth-child(4){border-top-color:#27ae60;}
.valeur-card:nth-child(5){border-top-color:#8e44ad;}
.valeur-icon { font-size:2rem; }
.valeur-name { font-weight:700; font-size:.95rem; color:var(--dark); }

/* CAUSES MONDIALES */
.cause-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:14px; padding:1.5rem 1.2rem; text-align:center; transition:all .25s; }
.cause-card:hover { background:rgba(245,184,0,.15); border-color:var(--gold); transform:translateY(-4px); }
.cause-icon { display:block; width:60px; height:60px; margin:0 auto .6rem; object-fit:contain; border-radius:10px; background:#fff; padding:4px; box-shadow:0 3px 10px rgba(0,0,0,.12); transition:transform .25s; }
.cause-card:hover .cause-icon { transform:scale(1.06); }
.cause-name { font-weight:700; font-size:1rem; color:var(--gold); margin-bottom:.3rem; }
.cause-desc { font-size:.78rem; color:rgba(255,255,255,.65); line-height:1.4; }

/* SECTIONS */
section.sec { padding:5rem 2rem; }
.container { max-width:1120px; margin:0 auto; }
.section-header { text-align:center; margin-bottom:3.5rem; }
.stag { display:inline-block; color:var(--blue); font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; margin-bottom:.6rem; }
.stag.gold-tag { color:var(--gold); }
.stitle { font-family:'Playfair Display',serif; font-size:clamp(1.9rem,4vw,2.9rem); color:var(--blue-dark); line-height:1.15; }
.stitle.wh { color:var(--white); }
.sdiv { width:52px; height:4px; background:var(--gold); border-radius:2px; margin:1rem auto 0; }

/* GOUVERNEUR */
#gouverneur { background:var(--offwhite); }
.gouv-grid { display:grid; grid-template-columns:290px 1fr; gap:3rem; align-items:start; }
.gouv-card { background:var(--white); border-radius:20px; overflow:hidden; box-shadow:0 8px 40px rgba(26,107,191,.13); position:sticky; top:78px; }
.gouv-img { width:100%; height:290px; overflow:hidden; }
.gouv-img img { width:100%; height:100%; object-fit:cover; object-position:center top; }
.gouv-label { padding:1.25rem 1.5rem; border-top:4px solid var(--gold); }
.gouv-label h3 { font-family:'Playfair Display',serif; font-size:1.3rem; color:var(--blue-dark); }
.gouv-label p { font-size:.78rem; color:var(--blue); font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-top:.2rem; }
.gouv-info h2 { font-family:'Playfair Display',serif; font-size:2.1rem; color:var(--blue-dark); }
.gouv-info .sub { color:var(--blue); font-weight:600; font-size:.95rem; margin:.4rem 0 1.4rem; }
.gouv-info p { color:var(--gray); line-height:1.85; font-size:.92rem; margin-bottom:.9rem; }
.tags { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.4rem; }
.tag { padding:.28rem .85rem; border-radius:50px; font-size:.76rem; font-weight:600; }
.tag.b { background:var(--blue-dark); color:var(--white); }
.tag.g { background:var(--gold); color:var(--blue-dark); }
.tag.s { background:var(--offwhite); color:var(--blue-dark); border:1px solid #dde3ec; }

/* ÉQUIPE */
#equipe { background:var(--white); }
.gov-banner { background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 100%); border-radius:18px; padding:2rem; text-align:center; color:var(--white); margin-bottom:1.5rem; }
.gov-banner .gname { font-family:'Playfair Display',serif; font-size:1.9rem; color:var(--gold); }
.gov-banner .grole { font-size:.85rem; color:rgba(255,255,255,.65); margin-top:.25rem; }
.equipe-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1rem; }
.eq-card { background:var(--offwhite); border-radius:14px; padding:1.2rem; border-top:3px solid var(--gold); text-align:center; transition:transform .2s; }
.eq-card:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(26,107,191,.1); }
.eq-icon { font-size:1.7rem; margin-bottom:.45rem; }
.eq-name { font-weight:700; font-size:.86rem; color:var(--blue-dark); }
.eq-role { font-size:.73rem; color:var(--gray); margin-top:.15rem; }

/* STATS */
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:1.25rem; margin-bottom:2.5rem; }
.scard { background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:1.8rem 1.25rem; text-align:center; transition:all .3s; }
.scard:hover { background:rgba(255,255,255,.18); transform:translateY(-4px); }
.scard .si { font-size:1.8rem; margin-bottom:.6rem; }
.scard .sn { font-family:'Playfair Display',serif; font-size:2.8rem; color:var(--gold); line-height:1; margin-bottom:.3rem; }
.scard .sl { font-size:.78rem; color:rgba(255,255,255,.65); }

/* FORMATIONS DES OFFICIELS */
.formations-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-top:1.5rem; }
.fcard { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:14px; padding:1.2rem 1.1rem; text-align:center; transition:all .25s; }
.fcard:hover { background:rgba(255,255,255,.13); transform:translateY(-3px); }
.fcard .flabel { font-size:.8rem; font-weight:600; color:rgba(255,255,255,.85); margin-bottom:.6rem; min-height:2.4em; line-height:1.3; }
.fcard .fnum { font-family:'Playfair Display',serif; font-size:2.2rem; color:var(--gold); line-height:1; margin-bottom:.7rem; }
.fcard .fbar { background:rgba(255,255,255,.12); border-radius:999px; height:8px; overflow:hidden; margin-bottom:.4rem; }
.fcard .ffill { height:100%; border-radius:999px; transition:width .6s ease; }
.fcard .fpct { font-size:.72rem; color:rgba(255,255,255,.7); text-transform:uppercase; letter-spacing:.05em; }

/* PLAN */
.obj-banner { background:linear-gradient(135deg,var(--blue-dark),var(--blue)); border-radius:18px; padding:2.5rem 2rem; text-align:center; color:var(--white); margin-bottom:2rem; }
.obj-num { font-family:'Playfair Display',serif; font-size:5rem; color:var(--gold); line-height:1; }
.obj-label { font-size:1.05rem; color:rgba(255,255,255,.85); margin-top:.4rem; }
.obj-sub { font-size:.8rem; color:rgba(255,255,255,.5); margin-top:.4rem; }
.obj-progress { margin-top:1.8rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.15); }
.obj-prow { display:flex; justify-content:space-around; gap:1rem; margin-bottom:1rem; flex-wrap:wrap; }
.obj-pcell { display:flex; flex-direction:column; align-items:center; min-width:90px; }
.obj-pnum { font-family:'Playfair Display',serif; font-size:1.8rem; color:var(--gold); line-height:1; }
.obj-plab { font-size:.72rem; color:rgba(255,255,255,.7); margin-top:.3rem; text-transform:uppercase; letter-spacing:.05em; }
.obj-pbar { background:rgba(255,255,255,.12); border-radius:999px; height:14px; overflow:hidden; margin:0 auto; max-width:560px; }
.obj-pfill { background:linear-gradient(90deg,var(--gold),#ffd76b); height:100%; border-radius:999px; transition:width .6s ease; }
.obj-pinfo { font-size:.8rem; color:rgba(255,255,255,.78); margin-top:.7rem; }
.plan-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:1.25rem; }
.pc { background:var(--white); border-radius:16px; padding:1.8rem; box-shadow:0 4px 18px rgba(0,0,0,.06); border-top:4px solid var(--blue); transition:transform .2s; }
.pc:hover { transform:translateY(-4px); }
.pc.gd { border-top-color:var(--gold); }
.pc .pi { font-size:2rem; margin-bottom:.8rem; }
.pc h3 { font-size:1rem; font-weight:700; color:var(--blue-dark); margin-bottom:.65rem; }
.pc p { font-size:.82rem; color:var(--gray); line-height:1.75; }
.pkpi { display:inline-block; margin-top:.9rem; background:var(--blue-dark); color:var(--white); font-size:.72rem; font-weight:700; padding:.28rem .8rem; border-radius:50px; }
.pc.gd .pkpi { background:var(--gold); color:var(--blue-dark); }

/* RÉGIONS */
.rg { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.rc { background:linear-gradient(160deg,var(--blue-dark),var(--blue)); color:var(--white); border-radius:14px; padding:1.4rem; transition:transform .2s; }
.rc:hover { transform:translateY(-3px); }
.rc h3 { font-size:.78rem; font-weight:800; letter-spacing:.1em; color:var(--gold); text-transform:uppercase; margin-bottom:.7rem; }
.zi { font-size:.78rem; color:rgba(255,255,255,.82); padding:.3rem 0; border-bottom:1px solid rgba(255,255,255,.1); }
.zi:last-child { border-bottom:none; }
.zi strong { color:var(--white); }
.zi .cn { font-size:.7rem; color:rgba(245,184,0,.8); }

/* CARTE */
.map-frame { border-radius:18px; overflow:hidden; box-shadow:0 12px 48px rgba(0,0,0,.12); border:3px solid var(--gold); }
.map-frame iframe { width:100%; height:400px; border:none; display:block; }
.deps { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:1rem; margin-top:1.25rem; }
.dep { background:var(--white); border-radius:12px; padding:.9rem; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.dep .dn { font-family:'Playfair Display',serif; font-size:1.5rem; color:var(--blue); }
.dep .dl { font-size:.75rem; color:var(--gray); margin-top:.15rem; }

/* LIENS */
.link-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:16px; padding:1.8rem; text-decoration:none; color:var(--white); transition:all .3s; display:block; }
.link-card:hover { background:rgba(255,255,255,.15); transform:translateY(-4px); border-color:var(--gold); }
.link-card .lc-icon { font-size:2.5rem; margin-bottom:.7rem; }
.link-card h3 { font-size:1.1rem; font-weight:700; color:var(--gold); margin-bottom:.4rem; }
.link-card p { font-size:.82rem; color:rgba(255,255,255,.6); margin-bottom:.8rem; line-height:1.5; }
.link-card .lc-link { display:inline-block; font-size:.78rem; color:var(--gold-light); font-weight:600; }

/* FOOTER */
footer { background:var(--dark); color:rgba(255,255,255,.5); text-align:center; padding:2.5rem 2rem; font-size:.8rem; line-height:2.1; }
footer strong { color:var(--gold); }
footer a { color:var(--gold); text-decoration:none; }

/* CTA Button */
.btn-cta { background:var(--gold); color:var(--blue-dark); font-weight:700; font-size:.9rem; padding:.7rem 1.8rem; border-radius:50px; text-decoration:none; display:inline-block; box-shadow:0 4px 18px rgba(245,184,0,.4); transition:transform .2s; }
.btn-cta:hover { transform:translateY(-2px); }

/* PÊLE-MÊLE / POLAROID */
.pelemele-board {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:2.5rem 1rem;
  padding:3rem 0;
  position:relative;
  min-height:300px;
}
.polaroid {
  background:#fff;
  padding:.7rem .7rem 1.5rem;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  transition:transform .3s ease, box-shadow .3s, z-index 0s .3s;
  text-decoration:none;
  display:block;
  position:relative;
  z-index:1;
  animation:polaroidIn .6s ease-out backwards;
  animation-delay:var(--d, 0s);
}
.polaroid:hover {
  transform:scale(1.08) translateY(-8px);
  box-shadow:0 20px 50px rgba(0,53,128,.35);
  z-index:10;
  transition:transform .3s ease, box-shadow .3s, z-index 0s 0s;
}
.polaroid-img {
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  background:#000;
}
.polaroid-img img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(1.05);
}
.polaroid-cap {
  text-align:center;
  font-family:'Caveat', 'Comic Sans MS', cursive;
  font-size:1.05rem;
  color:#0d2a4e;
  margin-top:.7rem;
  font-weight:600;
  letter-spacing:.02em;
  padding:0 .3rem;
  line-height:1.2;
  min-height:1.2rem;
}
.polaroid-tape {
  font-size:.85rem;
  color:#1a6bbf;
  font-style:italic;
  font-weight:400;
}
@keyframes polaroidIn {
  from { opacity:0; transform:translateY(40px) scale(.85); }
  to   { opacity:1; transform:translateY(0) scale(1); }
}
@media(max-width:600px) {
  .pelemele-board { grid-template-columns:repeat(2, 1fr); gap:1.5rem .5rem; }
  .polaroid { padding:.4rem .4rem 1rem; }
  .polaroid-cap { font-size:.9rem; }
}

/* GOUVERNEURS 103 - cartes avec fanions */
.gouv103-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.5rem;
}
.gouv103-card {
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(0,53,128,.1);
  border-top:4px solid var(--blue);
  display:flex;
  flex-direction:column;
  transition:transform .25s, box-shadow .25s;
}
.gouv103-card:hover {
  transform:translateY(-6px);
  box-shadow:0 12px 36px rgba(0,53,128,.18);
}
.gouv103-card.me {
  background:linear-gradient(160deg,#003580,#1a6bbf);
  color:#fff;
  border-top:4px solid var(--gold);
  box-shadow:0 12px 40px rgba(0,53,128,.4);
  transform:scale(1.04);
  z-index:2;
  position:relative;
}
.gouv103-card.me:hover { transform:scale(1.06) translateY(-4px); }
.gouv103-fanion {
  background:linear-gradient(160deg,#003580 0%,#1a6bbf 100%);
  padding:1.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:240px;
  position:relative;
}
.gouv103-card.me .gouv103-fanion {
  background:linear-gradient(160deg,rgba(0,0,0,.15),rgba(0,0,0,.3));
}
.gouv103-fanion-img {
  max-width:100%;
  max-height:230px;
  width:auto;
  height:auto;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.3));
  transition:transform .3s;
}
.gouv103-card:hover .gouv103-fanion-img {
  transform:scale(1.05);
}
.gouv103-photo {
  position:absolute;
  bottom:.8rem;
  right:.8rem;
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #F5B800;
  box-shadow:0 4px 12px rgba(0,0,0,.4);
  background:#fff;
  z-index:2;
}
.gouv103-card.me .gouv103-photo {
  width:70px;
  height:70px;
  border-color:#fff;
  box-shadow:0 4px 16px rgba(245,184,0,.6);
}
.gouv103-body { padding:1.2rem; flex:1; }
.gouv103-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:.7rem;
}
.gouv103-badge {
  background:var(--blue-dark);
  color:#fff;
  padding:.25rem .8rem;
  border-radius:50px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
}
.gouv103-card.me .gouv103-badge {
  background:var(--gold);
  color:var(--blue-dark);
}
.gouv103-region {
  font-size:.7rem;
  color:var(--gray);
  text-transform:uppercase;
  letter-spacing:.07em;
  margin-bottom:.35rem;
  font-weight:600;
}
.gouv103-card.me .gouv103-region { color:rgba(255,255,255,.7); }
.gouv103-name {
  font-weight:700;
  font-size:1rem;
  color:var(--blue-dark);
  margin-bottom:.6rem;
  font-family:'Playfair Display',serif;
}
.gouv103-card.me .gouv103-name { color:var(--gold); font-size:1.05rem; }
.gouv103-slogan {
  font-size:.78rem;
  font-style:italic;
  line-height:1.5;
  color:var(--gray);
}
.gouv103-card.me .gouv103-slogan { color:rgba(255,255,255,.85); }

/* BOUTON RETOUR EN HAUT */
.back-top {
  position:fixed;
  bottom:2rem;
  right:2rem;
  width:50px;
  height:50px;
  background:var(--blue-dark);
  color:var(--gold);
  border:2px solid var(--gold);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
  text-decoration:none;
  box-shadow:0 6px 24px rgba(0,53,128,.4);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:all .3s;
  z-index:200;
}
.back-top.visible {
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-top:hover { background:var(--gold); color:var(--blue-dark); transform:translateY(-3px); }

.nav-brand { cursor:pointer; }
.nav-brand:hover .nav-brand-text strong { color:#fff; transition:color .2s; }

/* RESPONSIVE */
@media(max-width:900px) { .gouv-grid{grid-template-columns:1fr;} .gouv-card{position:static;} .nav-links{display:none;} }
@media(max-width:600px) { .hero-slogans{flex-direction:column;align-items:center;} .back-top{bottom:1rem;right:1rem;width:42px;height:42px;font-size:1.1rem;} }