.page-odd3{
  background:#fff;
}

.odd3-head{
  padding:60px 0 20px;
  text-align:center;
}

.odd3-head h1{
  margin:0 0 18px;
  font-size:44px;
  font-weight:800;
  color:#111;
}

.odd3-text{
  max-width:980px;
  margin:0 auto 18px;
  line-height:1.8;
  color:#111;
  font-size:15px;
}

/* Galerie */
.odd3-gallery{
  padding:30px 0 70px;
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:18px;
}

.gallery-grid img{
  width:100%;
  height:200px;
  object-fit:cover;
  object-position:top;
  display:block;
  border-radius:0;
  background:#eee;
}

/* Hover (effet propre) */
.gallery-grid img:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  transition:.2s ease;
}

/* Responsive */
@media (max-width: 980px){
  .gallery-grid{ grid-template-columns:repeat(2, 1fr); }
  .gallery-grid img{ height:160px; }
}

@media (max-width: 520px){
  .odd3-head h1{ font-size:30px; }
  .gallery-grid{ grid-template-columns:1fr; }
  .gallery-grid img{ height:220px; }
}