/* Image auto-slider: a row of pictures that drifts sideways in an endless loop (vanilla port of the
   React "image-auto-slider" component). Photos sit above whatever page background is behind them.
   Added for accessibility (not in the original): a Pause button, pause on hover and keyboard focus,
   and no movement at all when the visitor's device asks for reduced motion (the row then scrolls by hand). */
.ias{margin:34px 0 10px;}
.ias-view{
  overflow:hidden; padding:26px 0;
  -webkit-mask:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
          mask:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
}
.ias-track{display:flex;gap:24px;width:max-content;animation:ias-scroll 40s linear infinite;}
@keyframes ias-scroll{from{transform:translateX(0);}to{transform:translateX(calc(-50% - 12px));}}
.ias.is-paused .ias-track,
.ias-view:hover .ias-track,
.ias-view:focus-within .ias-track{animation-play-state:paused;}

.ias-item{flex:0 0 auto;width:192px;height:192px;border-radius:12px;overflow:hidden;box-shadow:0 14px 34px rgba(3,3,3,.28);transition:transform .3s ease,filter .3s ease;}
@media (min-width:768px){ .ias-item{width:256px;height:256px;} }
@media (min-width:1024px){ .ias-item{width:320px;height:320px;} }
.ias-item:hover{transform:scale(1.05);filter:brightness(1.1);}
.ias-item img{display:block;width:100%;height:100%;object-fit:cover;}

.ias-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;margin:4px 0 0;}
.ias-credit{font-family:var(--mono,'Space Mono'),monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0;background:rgba(253,249,238,.85);padding:8px 12px;}
.ias-pause{display:none;font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:#FB8322;color:#030303;border:0;border-radius:4px;padding:11px 16px;min-height:44px;cursor:pointer;}
.ias-js .ias-pause{display:inline-block;}
.ias-pause:focus-visible{outline:3px solid var(--ink,#030303);outline-offset:3px;}

/* reduced motion: no drifting; the row can be scrolled by hand and the repeat set is hidden */
@media (prefers-reduced-motion:reduce){
  .ias-view{overflow-x:auto;-webkit-mask:none;mask:none;}
  .ias-track{animation:none;}
  .ias-item[aria-hidden="true"]{display:none;}
  .ias-pause{display:none !important;}
}