/* ---- gallery ---- */
.gallery h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.4rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}
.tile{position:relative;overflow:hidden;border-radius:4px;background:linear-gradient(150deg,var(--shallow),var(--sea-deep))}
.tile.wide{grid-column:span 2}
.tile.tall{grid-row:span 2}
.tile{aspect-ratio:4/3}
.tile.tall{aspect-ratio:auto}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tile:hover img{transform:scale(1.05)}
.ph-label{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;
  color:rgba(253,251,246,.85);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem;pointer-events:none;
}

@media(max-width:820px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .tile.wide,.tile.tall{grid-column:auto;grid-row:auto}
}
@media(max-width:520px){.grid{grid-template-columns:1fr}}