#gallery .briefcase-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,4vw,58px);
}
#gallery .briefcase-grid[hidden], #gallery .briefcase-pagination[hidden] {display:none}
.briefcase {margin:0; min-width:0; isolation:isolate}
.briefcase-lid {
  width:92%; margin:0 auto -5px; height:clamp(52px,7vw,104px); position:relative;
  transform:perspective(360px) rotateX(21deg); transform-origin:bottom;
  border:5px solid #362016; border-radius:14px 14px 5px 5px;
  background:repeating-linear-gradient(119deg,#ffffff05 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 100%,#61421f,#342019 55%,#211410);
  box-shadow:inset 0 0 0 1px #98734c,inset 0 0 22px #120a06,0 7px 14px #0008;
}
.briefcase-lid::before {content:'';position:absolute;inset:8px;border:1px dashed #b58b5977;border-radius:7px}
.briefcase-lid::after {
  content:'';position:absolute;left:15%;right:15%;bottom:-7px;height:10px;z-index:2;
  background:linear-gradient(90deg,#987036 0 13%,transparent 13% 87%,#987036 87%);
}
.briefcase-tray {
  position:relative;padding:clamp(10px,1.4vw,19px);border:5px solid #4d3020;
  border-radius:10px 10px 3px 3px;
  background:radial-gradient(ellipse at 50% 0,#9e5d27,#581e28 45%,#260f16);
  box-shadow:inset 0 0 0 1px #c09557,inset 0 0 26px #20090c,0 12px 23px #0008;
}
.briefcase-tray::before,.briefcase-tray::after {
  content:'';position:absolute;bottom:-4px;width:21px;height:17px;
  background:linear-gradient(135deg,#5d391b,#d0a55e 45%,#866034);
}
.briefcase-tray::before {left:-3px;border-radius:0 5px 0 5px}
.briefcase-tray::after {right:-3px;border-radius:5px 0 5px 0}
.briefcase-tray img {
  display:block;width:100%;aspect-ratio:4/3;object-fit:contain;
  background:radial-gradient(ellipse at 50% 15%,#422913,#211116 63%,#180e10);
  border:1px solid #c08c53;box-shadow:0 0 14px #ef9e4866;
}
.briefcase-front {
  position:relative;text-align:center;padding:10px 28px 13px;border-radius:0 0 9px 9px;
  background:linear-gradient(#593522,#301b14);border:1px solid #926341;box-shadow:0 8px 15px #0008;
}
.briefcase-front::after {
  content:'';position:absolute;left:41%;right:41%;bottom:-10px;height:10px;
  border:3px solid #88653c;border-top:0;border-radius:0 0 9px 9px;background:#24140c;
}
.briefcase-front span {
  display:inline-block;padding:4px 12px;border:1px solid #e1bc77;border-radius:3px;
  background:linear-gradient(#d9b777,#a4733a);color:#271609;
  font-weight:800;font-size:.83rem;line-height:1.35;box-shadow:0 2px 5px #160a07;
}
.briefcase-pagination {display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:38px}
.briefcase-pagination button {
  min-width:44px;min-height:44px;border:1px solid #ab7946;border-radius:5px;
  color:#f6d496;background:#3b1920;font:inherit;cursor:pointer;
}
.briefcase-pagination button[aria-current=page] {background:#deb372;color:#2c180e}
.briefcase-pagination button:focus-visible {outline:2px solid #ffd895;outline-offset:3px}
@media(max-width:950px){#gallery .briefcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){#gallery .briefcase-grid{grid-template-columns:minmax(0,1fr)}}