/* Gallery grid + lightbox (loads after style.css) */
.ghead{ background:var(--off); padding:36px 0 32px; }
.ghead p{ margin:0; max-width:60ch; }
.crumbs{ font-size:13px; color:#6b7577; padding:0 0 12px; }
.crumbs a{ color:var(--teal); font-weight:600; }
.ggrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; padding:36px 0 12px; }
.gthumb{ position:relative; padding:0; border:0; background:#ddd; border-radius:12px; overflow:hidden; aspect-ratio:4/3; cursor:pointer; }
.gthumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s; }
.gthumb:hover img, .gthumb:focus-visible img{ transform:scale(1.05); }
.gthumb:focus-visible{ outline:3px solid var(--teal); outline-offset:2px; }
.gmore{ text-align:center; padding:12px 0 48px; }
.gmore .count{ font-size:13.5px; margin:0 0 12px; }
.gcta{ background:var(--teal); padding:44px 0; text-align:center; }
.gcta h2{ color:#fff; margin:0 0 16px; }
.btn-onwhite{ background:#fff; color:var(--teal); }
@media (max-width:860px){ .ggrid{ grid-template-columns:repeat(2,1fr); gap:10px; } }

.lb{ position:fixed; inset:0; background:rgba(12,20,22,.98); z-index:100; display:none; flex-direction:column; color:#fff; }
.lb.open{ display:flex; }
.lb-top{ display:flex; justify-content:space-between; align-items:center; padding:14px 18px; }
.lb-count{ font-weight:700; font-size:15px; letter-spacing:.03em; }
.lb-btn{ background:rgba(255,255,255,.12); border:0; color:#fff; width:44px; height:44px; border-radius:50%; font-size:26px; line-height:1; cursor:pointer; display:grid; place-items:center; }
.lb-btn:hover{ background:rgba(255,255,255,.25); }
.lb-btn:focus-visible{ outline:3px solid var(--mint); }
.lb-stage{ flex:1; min-height:0; display:flex; align-items:center; justify-content:center; gap:12px; padding:0 14px; }
.lb-stage img{ max-width:100%; max-height:100%; object-fit:contain; border-radius:6px; user-select:none; min-width:0; }
.lb-prev, .lb-next{ flex:none; }
.lb-strip{ display:flex; justify-content:center; gap:8px; padding:14px 12px 20px; }
.lb-strip button{ padding:0; border:2px solid transparent; border-radius:8px; overflow:hidden; width:84px; height:60px; cursor:pointer; opacity:.55; background:#222; }
.lb-strip button.on{ border-color:var(--mint); opacity:1; }
.lb-strip button:hover{ opacity:1; }
.lb-strip img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:640px){
  .lb-stage{ position:relative; }
  .lb-prev, .lb-next{ position:absolute; top:50%; transform:translateY(-50%); z-index:2; }
  .lb-prev{ left:10px; } .lb-next{ right:10px; }
  .lb-strip button{ width:56px; height:42px; }
}