.hero-image.hero-slideshow{background:none;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .7s linear;image-rendering:pixelated}
.hero-slide.is-active{opacity:1}
.hero-slideshow::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#0002 4px);pointer-events:none}
.hero-slide-controls{position:absolute;z-index:2;bottom:0;left:0;right:0;display:flex;gap:5px;align-items:center;padding:7px;background:#171d26ed;border-top:1px solid #687282;color:#d3dcca;font:12px/1.4 var(--period-ui)}
.hero-slide-controls button{background:#3e4856;border:2px outset #8b98a8;color:#e5ebdd;min-width:31px;min-height:30px;padding:3px 7px;font:12px var(--period-ui);cursor:pointer}.hero-slide-controls button:active{border-style:inset}.hero-slide-caption{flex:1;min-width:0}.hero-slide-count{color:#b2c49e;white-space:nowrap}.hero-slide-controls button:focus-visible{outline:2px solid #d0e4b0;outline-offset:2px}
.hero-slide:nth-child(1){background-image:url('../media/hero.bmp')}.hero-slide:nth-child(2){background-image:url('../media/corridor.bmp')}.hero-slide:nth-child(3){background-image:url('../media/nightvision.bmp')}.hero-slide:nth-child(4){background-image:url('../media/room.bmp')}
@media(max-width:700px){.hero-slide-controls{gap:4px;padding:5px}.hero-slide-caption{font-size:12px}.hero-slide-count{display:none}.floating-note{bottom:112px}.hero-image.hero-slideshow{height:270px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.hero-image.hero-slideshow{z-index:2}.hero-content{z-index:1}.floating-note,.camera-label,.hero-caption{z-index:3}.hero-grid{z-index:3;pointer-events:none}
@media(max-width:700px){.hero .floating-note{display:none}}