.tattoo-gallery-modal,
.tattoo-lightbox{position:fixed;inset:0;z-index:20;display:none;background:#050607f4}
.tattoo-gallery-modal.is-open,
.tattoo-lightbox.is-open{display:block}
.tattoo-gallery-modal{overflow:auto;padding:clamp(24px,5vw,70px)}
.tattoo-gallery-panel{max-width:1180px;margin:0 auto;padding:clamp(22px,4vw,42px);border:1px solid #8b6a28;background:linear-gradient(145deg,#121314,#080909);box-shadow:0 24px 70px #000b}
.tattoo-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:25px}
.tattoo-gallery-head h2{font-family:"Barlow Condensed",sans-serif;margin:0;color:#f0e9dd;font-size:clamp(2.4rem,5vw,4.9rem);line-height:.86;text-transform:uppercase}
.gallery-close,
.lightbox-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c99a36;background:#090a0ae8;color:#e7bd63;font-size:2rem;line-height:1;cursor:pointer;transition:.2s}
.gallery-close:hover,
.lightbox-close:hover{background:#c99a36;color:#090a0a}
.tattoo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px}
.gallery-thumb{position:relative;display:block;aspect-ratio:3/4;padding:0;border:1px solid #9b742a;background:#101112;overflow:hidden;cursor:pointer}
.gallery-thumb::after{content:"";position:absolute;z-index:3;inset:4px;border:1px solid #d0a44380;pointer-events:none}
.gallery-thumb>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.gallery-thumb:hover>img,
.gallery-thumb:focus-visible>img{transform:scale(1.055);filter:saturate(1.08)}
.gallery-thumb:focus-visible{outline:2px solid #e1b54c;outline-offset:3px}
.gallery-watermark{position:absolute;right:8px;bottom:8px;z-index:4;display:block;width:46px;height:28px;padding:2px 3px;border:1px solid #c99a3650;background:#08080866;pointer-events:none}
.gallery-watermark img{display:block;width:100%;height:100%;object-fit:contain;opacity:.78;filter:drop-shadow(0 1px 2px #000)}
.tattoo-lightbox{z-index:30;grid-template-columns:minmax(54px,8vw) minmax(0,1fr) minmax(54px,8vw);align-items:center;padding:clamp(18px,3vw,34px)}
.tattoo-lightbox.is-open{display:grid}
.lightbox-close{position:absolute;top:18px;right:18px;z-index:3}
.lightbox-stage{margin:0;min-width:0;display:grid;place-items:center;gap:12px}
.lightbox-image-wrap{position:relative;display:inline-block;max-width:min(100%,1020px);max-height:82vh}
.lightbox-image-wrap>img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border:1px solid #8b6a28;background:#080909;box-shadow:0 22px 70px #000c}
.gallery-watermark-large{right:14px;bottom:14px;width:86px;height:52px;background:#05060782}
.lightbox-stage figcaption{min-height:1.2em;color:#d4aa52;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;text-align:center}
.tattoo-gallery-nav{justify-self:center;display:grid;place-items:center;width:clamp(48px,6vw,74px);height:clamp(58px,7vw,86px);border:1px solid #c99a36;background:#090a0ad9;cursor:pointer;transition:.2s}
.tattoo-gallery-nav img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 2px 2px #000)}
.tattoo-gallery-prev img{transform:scaleX(-1) rotate(-135deg)}
.tattoo-gallery-next img{transform:rotate(-135deg)}
.tattoo-gallery-nav:hover{background:#c99a36}
.tattoo-gallery-nav:hover img{filter:brightness(.18)}
body.gallery-locked{overflow:hidden}
@media(max-width:760px){
  .tattoo-gallery-modal{padding:18px}
  .tattoo-gallery-panel{padding:20px 15px}
  .tattoo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .gallery-watermark{right:6px;bottom:6px;width:38px;height:23px}
  .tattoo-lightbox{grid-template-columns:1fr 1fr;padding:62px 16px 16px}
  .lightbox-stage{grid-column:1/-1;grid-row:1}
  .lightbox-image-wrap,
  .lightbox-image-wrap>img{max-height:72vh}
  .gallery-watermark-large{right:10px;bottom:10px;width:68px;height:42px}
  .tattoo-gallery-prev{grid-column:1;grid-row:2}
  .tattoo-gallery-next{grid-column:2;grid-row:2}
  .tattoo-gallery-nav{margin-top:10px;width:64px;height:66px}
  .lightbox-close{top:12px;right:12px}
}