.hero-carousel-controls{display:none}
.hero-gallery .hero-carousel-controls[hidden]{display:none}
.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){
  .hero-gallery .hero-stage{
    display:flex;position:relative;align-items:stretch;gap:14px;
    width:100%;max-width:490px;margin:31px auto 0;padding:0;
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  }
  .hero-gallery .hero-stage::-webkit-scrollbar{display:none}
  .hero-gallery .hero-stage>[data-hero-slide]{
    flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;
    padding:8px;border:1px solid #7b8267;
  }
  .hero-gallery .hero-main-photo{order:0}
  .hero-gallery .side-view{display:block;order:1}
  .hero-gallery .detail-view{display:block;order:2}
  .hero-gallery .stage-label,.hero-gallery .detail-view h2,.hero-gallery .detail-view .quiet-link{display:none}
  .hero-gallery .hero-stage .photo-button{aspect-ratio:1349/1800}
  .hero-gallery .hero-stage img{object-fit:cover;object-position:center}
  .hero-gallery .hero-stage figcaption{
    margin:0;padding:14px 3px 3px;min-height:32px;
    font-family:var(--sans);font-style:normal;font-size:8px;
    line-height:1.7;letter-spacing:1.1px;color:var(--gold);
  }
  .hero-gallery .hero-carousel-controls{
    display:grid;grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;gap:0 12px;max-width:490px;margin:12px auto 18px;
  }
  .carousel-arrow{
    display:grid;place-items:center;width:44px;height:44px;padding:0;
    border:1px solid #7b8267;background:transparent;color:var(--cream);
    font-family:var(--sans);font-size:23px;line-height:1;cursor:pointer;
  }
  .carousel-arrow:active{background:#ffffff10}
  .carousel-dots{display:flex;justify-content:center;align-items:center}
  .carousel-dot{
    display:grid;place-items:center;width:34px;height:44px;padding:0;
    border:0;background:transparent;cursor:pointer;
  }
  .carousel-dot>span{width:7px;height:7px;border:1px solid var(--gold);border-radius:50%}
  .carousel-dot[aria-pressed="true"]>span{background:var(--gold)}
  .carousel-rotation{
    grid-column:1/-1;justify-self:center;min-height:36px;margin-top:3px;
    padding:5px 15px;border:0;background:transparent;color:var(--gold);
    font-size:9px;letter-spacing:1px;cursor:pointer;
  }
}