/* Mobile campaign artwork and controls; desktop keeps its original rules. */
@media (max-width:767px) {
  .showcase-static .showcase-banner-slide>a { aspect-ratio:4/3; overflow:hidden; border-radius:0 }
  .showcase-static .showcase-banner-slide>a:hover { transform:none }
  .showcase-static .showcase-banner-slide picture { display:block; width:100%; height:100% }
  .showcase-static .showcase-banner-slide img { --banner-aspect:4/3; width:100%!important; height:100%!important; object-fit:contain!important }
  .showcase-static-track { touch-action:pan-y pinch-zoom }
  .showcase-static .showcase-static-controls { height:56px; padding:6px; gap:8px; flex-wrap:nowrap; justify-content:center; background:#fff7ea }
  .showcase-static-controls>#showcase-prev,.showcase-static-controls>#showcase-next { display:none }
  .showcase-static-controls>#showcase-autoplay { flex:0 0 44px; width:44px; height:44px; min-width:44px; border:0; background:#004a6f; color:#fff; font-size:20px }
  .showcase-static .showcase-static-dots { flex:0 1 auto; min-width:0; gap:0; margin:0; padding:0; overflow-x:auto; scrollbar-width:none; background:transparent; backdrop-filter:none }
  .showcase-static-dots::-webkit-scrollbar { display:none }
  .showcase-static .showcase-static-dots button,.showcase-static .showcase-static-dots button.active { flex:0 0 28px; width:28px; height:44px; min-width:28px; padding:0; border:0; border-radius:0; background:transparent; backdrop-filter:none }
  .showcase-static-dots button::before { content:""; display:block; width:6px; height:6px; border-radius:99px; background:#55717d }
  .showcase-static-dots button.active::before { width:18px; background:#e1a300 }
  .showcase-static-controls button:focus-visible { outline:3px solid #b64a82; outline-offset:-3px }
}