.photo-slideshow { position: relative; }
.photo-slideshow-track { position: relative; }
.photo-slide { margin: 0; }
.photo-slide[hidden] { display: none; }
.photo-slide img { display: block; width: 100%; object-fit: cover; }
.photo-slideshow--card { aspect-ratio: 4 / 3; overflow: hidden; border-radius: 18px; background: #eadfce; }
.photo-slideshow--card .photo-slideshow-track,
.photo-slideshow--card .photo-slide,
.photo-slideshow--card a,
.photo-slideshow--card img { width: 100%; height: 100%; }
.photo-slideshow--card img { transition: transform .4s; }
.photo-slideshow--card a:hover img { transform: scale(1.035); }
.photo-slideshow--detail { margin: 34px 0 48px; overflow: hidden; border-radius: 20px; background: #f5efe7; box-shadow: 0 18px 50px rgba(50,25,20,.12); }
.photo-slideshow--detail .photo-slide img { max-height: min(72vh, 760px); object-fit: contain; background: #e9dfd0; }
.photo-slide figcaption { display: grid; gap: 4px; padding: 18px 22px 20px; background: #fffaf2; }
.photo-slide figcaption strong { color: #76182a; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.photo-slide figcaption span { color: #655851; font-size: .9rem; }
.photo-slide figcaption p { margin: 5px 0 0; font-family: Georgia,serif; }
.photo-slideshow-controls { position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; gap: 8px; padding: 6px; border-radius: 999px; background: rgba(37,22,26,.88); color: #fff; z-index: 2; }
.photo-slideshow--detail .photo-slideshow-controls { bottom: auto; top: 12px; }
.photo-slideshow-controls button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #551322; font: 700 1.35rem/1 Arial,sans-serif; cursor: pointer; }
.photo-slideshow-controls span { min-width: 48px; text-align: center; font-size: .74rem; font-weight: 700; }
.photo-spoiler-note { margin: 26px 0 16px; padding: 14px 18px; border-left: 4px solid #c69a51; background: #fff4df; color: #4d4039; }
@media (max-width:620px) {
  .photo-slideshow--detail { margin: 24px 0 34px; border-radius: 14px; }
  .photo-slideshow--detail .photo-slide img { max-height: 62vh; }
  .photo-slide figcaption { padding: 15px 16px 18px; }
}