/* ═══════════════════════════════════════════════
   ACHUTA HANDMADE — commissions gallery
   ═══════════════════════════════════════════════ */
.gal{ padding:clamp(9rem,18vh,13rem) clamp(1.6rem,6vw,4rem) 4rem; background:var(--void); }
.gal-inner{ max-width:1160px; margin:0 auto; }
.gal .display{ margin:1.6rem 0 1rem; }
.gal-sub{
  font-family:var(--serif); font-style:italic; font-size:1.1rem;
  color:var(--bone-4); max-width:52ch; margin-bottom:4.5rem; line-height:1.6;
}
.gal-grid{
  display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
  gap:clamp(1.4rem, 3vw, 2.6rem);
}
.gal-card{ display:flex; flex-direction:column; gap:1.1rem; }
.gal-img{
  position:relative; display:block; overflow:hidden;
  border:1px solid rgba(234,227,214,.08);
  aspect-ratio:3/4; background:#080706;
}
.gal-img img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform 1.2s cubic-bezier(.16,1,.3,1), opacity .6s ease;
}
.gal-img:hover img{ transform:scale(1.04); }
.gal-load{
  position:absolute; left:50%; bottom:1.2rem; transform:translate(-50%, 8px);
  background:var(--gold); color:var(--void);
  font-size:.56rem; letter-spacing:.32em; text-indent:.32em; text-transform:uppercase;
  padding:.85rem 1.4rem .8rem; white-space:nowrap;
  opacity:0; transition:opacity .45s ease, transform .45s cubic-bezier(.16,1,.3,1);
}
.gal-img:hover .gal-load, .gal-img:focus-visible .gal-load{ opacity:1; transform:translate(-50%, 0); }
.gal-img:focus-visible{ outline:1px solid var(--gold); outline-offset:4px; }
@media (hover:none){ .gal-load{ opacity:1; transform:translate(-50%, 0); } }
.gal-meta{ display:flex; flex-direction:column; gap:.35rem; }
.gal-no{ font-size:.56rem; letter-spacing:.4em; text-transform:uppercase; color:var(--gold); }
.gal-name{ font-family:var(--serif); font-weight:400; font-size:1.35rem; line-height:1.2; }
.gal-line{ font-size:.82rem; line-height:1.7; letter-spacing:.02em; color:var(--bone-6); max-width:40ch; }
.gal-code{
  margin-top:.3rem; font-size:.6rem; letter-spacing:.22em; color:var(--bone-4);
  font-variant-numeric:tabular-nums;
}
.gal-cta{ margin-top:6.5rem; text-align:center; padding-top:4rem; border-top:1px solid rgba(234,227,214,.10); }
.gal-cta .eyebrow{ justify-content:center; }
.gal-cta .eyebrow::after{ content:""; width:26px; height:1px; background:var(--hair); display:inline-block; }
.gal-cta-line{
  font-family:var(--serif); font-weight:300;
  font-size:clamp(2.2rem,5vw,3.4rem); line-height:1.1; margin:1.8rem 0 2.6rem;
}
.gal .btn{
  appearance:none; cursor:pointer; display:inline-block;
  font-family:var(--sans); font-weight:400;
  font-size:.62rem; letter-spacing:.38em; text-indent:.38em; text-transform:uppercase;
  padding:1.05rem 1.9rem 1rem; border:none;
  transition:background .4s ease;
}
.gal .btn--gold{ background:var(--gold); color:var(--void); }
.gal .btn--gold:hover{ background:var(--bone); }
.gal .page-foot{
  margin-top:5.5rem; padding-top:1.8rem;
  border-top:1px solid rgba(234,227,214,.08);
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap;
  font-size:.58rem; letter-spacing:.28em; text-transform:uppercase; color:var(--bone-4);
}
.gal .page-foot a{ color:var(--bone-6); transition:color .35s ease; }
.gal .page-foot a:hover{ color:var(--gold); }