/* Transparent navigation surfaces with generous targets. */
.room-navigation,.photo-navigation{
 background:transparent!important;color:#000!important;box-shadow:none!important;backdrop-filter:none!important;
}
.room-navigation .circle-button,.photo-navigation .circle-button{
 background:transparent!important;color:#000!important;min-width:48px!important;min-height:48px!important;width:48px!important;height:48px!important;font-size:32px!important;touch-action:manipulation;
}
#roomIndex,#photoCount{
 font-size:22px!important;font-weight:500!important;line-height:1.5!important;color:#000!important;letter-spacing:1px!important;white-space:nowrap;
}
.zoom-indicator{
 background:transparent!important;color:#000!important;backdrop-filter:none!important;box-shadow:none!important;font-size:22px!important;min-height:48px;padding:12px 16px!important;
}
.zoom-indicator svg{width:24px!important;height:24px!important}
@media(min-width:701px) and (max-width:1100px){.room-heading-row{flex-wrap:wrap}.room-navigation{margin-left:auto}}
@media(max-width:370px){#roomDetail .room-heading-row{display:flex;flex-wrap:wrap}#roomDetail .room-navigation{margin-left:auto}}

/* Each photo control chooses its own ink from the image directly beneath it. */
#galleryStage .photo-navigation .circle-button,
#galleryStage #photoCount {
 color:var(--photo-control-ink,#000)!important;
 text-shadow:var(--photo-control-shadow,none);
}
#galleryStage .photo-navigation .circle-button:focus-visible { outline-color:var(--photo-control-ink,#000); }

/* Main slideshow: unframed controls, with independently sampled ink. */
.original-main .hero-controls .circle-button {
 display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;
 padding:0;border:0;border-radius:0;
 background:transparent!important;color:var(--photo-control-ink,#000)!important;
 box-shadow:none;backdrop-filter:none;touch-action:manipulation;
}
.original-main .hero-controls .circle-button:hover,
.original-main .hero-controls .circle-button:active { background:transparent!important; }
.original-main .hero-controls .circle-button:focus-visible { outline:2px solid currentColor;outline-offset:4px; }
.original-main .hero-controls svg { display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none; }
.original-main #heroPause .hero-play-symbol { display:none; }
.original-main #heroPause[data-paused=true] .hero-pause-symbol { display:none; }
.original-main #heroPause[data-paused=true] .hero-play-symbol { display:block;fill:currentColor;stroke-width:1; }

/* Only the photographs slide; the copy, veil and controls remain stationary. */
.original-main .hero-background { overflow:hidden; }
.original-main .main-slide { opacity:1;visibility:hidden;transition:none; }
.original-main .main-slide.active,
.original-main .main-slide.is-leaving { visibility:visible; }
.original-main .hero-sliding .main-slide { will-change:transform; }
