/* — Reset & Base — */
    /* * { box-sizing:border-box; margin:0; padding:0 }
    body { font-family:sans-serif; background:#f5f7f2; color:#222 }
    a { text-decoration:none; color:inherit }

    /* — Container & Typography — */
   .container { max-width:1200px; margin:0 auto; padding:0 1rem }
    h1, h2, p { margin-bottom:1rem }
    h2 { font-size:2rem; color:#0c1d45; text-align:center }
    p { text-align:center; color:#ffffff } */ */

    /* — Gallery Grid — */
    .gallery-section { padding:4rem 0 }
    .gallery-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
      gap:1rem;
    }
    .gallery-item {
      position:relative;
      width:100%;
      aspect-ratio:4/3;         /* uniform box ratio */
      overflow:hidden;
      border-radius:12px;
      background:#eee;
      box-shadow:0 4px 12px rgba(0,0,0,0.1);
      transition:transform 0.3s ease;
    }
    .gallery-item img {
      width:100%; height:100%;
      object-fit:cover;
      display:block;
      transition:transform 0.3s ease;
    }
    .gallery-item:hover {
      transform:translateY(-4px) scale(1.02);
    }
    .gallery-item:hover img {
      transform:scale(1.05);
    }