/* A few deliberate interruptions; the images keep their original crops. */
.gallery-accents .photo-open::before,
.gallery-accents .photo-open::after { pointer-events: none; }

/* Heavy frames, cut through at opposing corners. */
.gallery-accents:not(.art-page) .photo:nth-child(4) .photo-open::before,
.art-page.gallery-accents .photo:nth-child(3) .photo-open::before,
.gallery-accents .photo:is(:nth-child(13), :nth-child(32), :nth-child(41), :nth-child(55), :nth-child(61)) .photo-open::before {
  content: "";
  position: absolute;
  inset: -10px;
  z-index: 1;
  border: 9px solid var(--pink);
  transform: rotate(-1.2deg);
  clip-path: polygon(0 0, 92% 0, 100% 8%, 100% 100%, 8% 100%, 0 92%);
}
.gallery-accents .photo:is(:nth-child(13), :nth-child(41), :nth-child(55)) .photo-open::before {
  transform: rotate(1deg);
  border-width: 6px 13px 11px 5px;
}

/* Broad striped bands across two opposing corners. */
.gallery-accents .photo:is(:nth-child(9), :nth-child(20), :nth-child(36), :nth-child(47), :nth-child(58)) .photo-open::before,
.gallery-accents .photo:is(:nth-child(9), :nth-child(20), :nth-child(36), :nth-child(47), :nth-child(58)) .photo-open::after {
  content: "";
  position: absolute;
  width: clamp(100px, 13vw, 180px);
  height: clamp(28px, 3.2vw, 42px);
  background: repeating-linear-gradient(125deg, var(--pink) 0 10px, transparent 10px 20px);
  clip-path: polygon(0 6%, 97% 0, 100% 91%, 2% 100%);
  transform: rotate(-38deg);
  z-index: 1;
}
.gallery-accents .photo:is(:nth-child(9), :nth-child(20), :nth-child(36), :nth-child(47), :nth-child(58)) .photo-open::before {
  top: 14px;
  left: -18px;
}
.gallery-accents .photo:is(:nth-child(9), :nth-child(20), :nth-child(36), :nth-child(47), :nth-child(58)) .photo-open::after {
  bottom: 14px;
  right: -18px;
}
.gallery-accents .photo:is(:nth-child(20), :nth-child(47)) .photo-open::before {
  left: auto;
  right: -18px;
  transform: rotate(38deg);
}
.gallery-accents .photo:is(:nth-child(20), :nth-child(47)) .photo-open::after {
  right: auto;
  left: -18px;
  transform: rotate(38deg);
}
.gallery-accents .photo-expand { z-index: 2; }

/* Thick, uneven rails, broken before they reach the bottom. */
.gallery-accents:not(.art-page) .photo:nth-child(7) .photo-open::before,
.art-page.gallery-accents .photo:nth-child(5) .photo-open::before,
.gallery-accents .photo:is(:nth-child(25), :nth-child(52)) .photo-open::before {
  content: "";
  position: absolute;
  top: -12px;
  bottom: 12%;
  left: -14px;
  width: 14px;
  background: var(--pink);
  transform: rotate(.8deg);
  clip-path: polygon(0 0, 100% 2%, 75% 43%, 100% 44%, 80% 96%, 0 100%);
}
.gallery-accents .photo:nth-child(32) .photo-open::before {
  border-width: 12px 5px 6px 11px;
  transform: rotate(-.7deg);
}
.gallery-accents .photo:nth-child(61) .photo-open::before {
  clip-path: polygon(5% 0, 100% 0, 100% 94%, 95% 100%, 0 100%, 0 6%);
}
.gallery-accents .photo:nth-child(52) .photo-open::before {
  left: auto;
  right: -14px;
  transform: rotate(-.8deg);
}
@media (max-width: 650px) {
  .gallery-accents:not(.art-page) .photo:nth-child(4) .photo-open::before,
.art-page.gallery-accents .photo:nth-child(3) .photo-open::before,
.gallery-accents .photo:is(:nth-child(13), :nth-child(32), :nth-child(41), :nth-child(55), :nth-child(61)) .photo-open::before {
    inset: -7px;
    border-width: 6px;
    transform: rotate(-.6deg);
  }
  .gallery-accents:not(.art-page) .photo:nth-child(7) .photo-open::before,
.art-page.gallery-accents .photo:nth-child(5) .photo-open::before,
.gallery-accents .photo:is(:nth-child(25), :nth-child(52)) .photo-open::before { left: -10px; width: 10px; }
  .gallery-accents .photo:nth-child(52) .photo-open::before { left: auto; right: -10px; }
}