/* Keep vertical tattoos fully visible while making the gallery easier to scan. */
.carousel-viewport{width:min(1040px,calc(100% - 96px))}
.slide{height:420px}
.slide figcaption{left:30px;bottom:22px;padding:14px 18px}
.slide figcaption strong{font-size:32px}
.cursor-action{padding:12px 17px;font-size:13px;gap:8px;border-radius:28px}
.cursor-action span{font-size:12px}
@media(max-width:900px){
  .carousel-viewport{width:calc(100% - 56px)}
  .slide{height:380px}
  .slide figcaption strong{font-size:25px}
}
@media(max-width:600px){
  .carousel-viewport{width:calc(100% - 36px)}
  .slide{height:330px}
  .slide figcaption{left:12px;bottom:12px;padding:9px 12px}
  .slide figcaption strong{font-size:20px}
  .carousel-controls{display:grid;grid-template-columns:1fr auto;gap:8px 10px}
  #slide-count{grid-column:1;white-space:nowrap}
  .dots{grid-column:2;flex-wrap:nowrap}
  .carousel-pause{grid-column:1;grid-row:2;justify-self:start}
  .arrows{grid-column:2;grid-row:2;margin-left:0;justify-self:end}
}

@media(max-width:600px){.dots{gap:2px}.dots button{flex:0 0 16px;width:16px;min-width:16px;height:28px}}