/* ============================================================
   מועדון האזור — gallery page (public-v2)
   Editorial photo essay: full-bleed statement rows alternating
   with a two-column masonry rhythm that drifts on scroll.
   ============================================================ */

.g-essay{
  padding-block-end:clamp(3rem,7vw,5.5rem);
}

/* ---------- full-bleed statement rows ---------- */
.g-full{
  position:relative;
  overflow:hidden;
  block-size:clamp(360px,60vh,620px);
  margin-block:clamp(3rem,7vw,5.5rem);
}
.g-full img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
}

/* ---------- two-column masonry rhythm ---------- */
.ess-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(1.25rem,3vw,2.5rem);
  margin-block:clamp(3rem,7vw,5.5rem);
}
.ess-col{
  display:flex;
  flex-direction:column;
  gap:clamp(1.25rem,3vw,2.5rem);
  will-change:transform;
}
.ess-col:nth-child(2){
  margin-block-start:clamp(2rem,7vw,5rem);
}
.ess-item{
  overflow:hidden;
  position:relative;
}
.ess-item img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  display:block;
}
.ess-tall{aspect-ratio:3/4;}
.ess-wide{aspect-ratio:16/11;}
.ess-sq{aspect-ratio:1/1;}

/* ---------- closing duo pair ---------- */
.g-duo-final{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(.75rem,2vw,1.25rem);
}
.g-duo-final figure{
  aspect-ratio:3/4;
  overflow:hidden;
}
.g-duo-final img{
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  display:block;
}

/* ---------- responsive ---------- */
@media (max-width:859px){
  .ess-grid{grid-template-columns:1fr;}
  .ess-col:nth-child(2){margin-block-start:0;}
  .g-full{block-size:clamp(260px,46vh,420px);}
  .g-duo-final{grid-template-columns:1fr;}
}