en attendant les tarifs

src/components/Gallery.astro

@@ -29,20 +29,20 @@ const photos = [
 ];
 ---
 
-<section id="gallery" class="py-32 scroll-mt-20 bg-gradient-to-b from-[#f7f3e8] via-[#f2efdf] to-[#e4ecd2] border-y border-[#d9d2c3]/70">
+<section id="gallery" class="py-16 scroll-mt-20 bg-gradient-to-b from-[#f7f3e8] via-[#f2efdf] to-[#e4ecd2] border-y border-[#d9d2c3]/70">
   <div class="max-w-6xl mx-auto px-6">
 
     <div class="mb-14 text-center">
-      <span class="block text-xs tracking-[0.3em] uppercase text-primary mb-4">Galerie</span>
-      <h2 class="font-serif text-5xl font-light">Découvrez le lieu</h2>
+      <span class="block text-md tracking-[0.3em]  text-primary mb-4 font-display">Galerie</span>
+      <h2 class="font-display text-5xl font-light">Découvrez le lieu</h2>
     </div>
 
     <!-- CSS columns : les photos gardent leurs proportions naturelles,
          s'empilent automatiquement, aucun calcul de span nécessaire. -->
-    <div class="columns-2 md:columns-3 gap-3">
+    <div class="columns-2 md:columns-3 gap-2">
       {photos.map((photo, i) => (
         <div
-          class="break-inside-avoid mb-3 cursor-pointer group relative overflow-hidden"
+          class="break-inside-avoid mb-3 cursor-pointer group relative overflow-hidden rounded-sm shadow-lg border border-secondary"
           data-lightbox={i}
           data-caption={photo.caption}
           role="button"