/* Compact screenshot cards, following the Skaga project galleries. */
.hero-gallery-trigger.screenshot-link{display:flex;align-items:center;gap:13px;width:fit-content;max-width:100%;padding:10px 14px;margin:26px auto 10px;border:1px solid #41666d;border-radius:10px;background:#102630e8;text-align:left}
.hero-gallery-trigger.screenshot-link img{display:block;width:64px;height:44px;max-width:64px;object-fit:contain;border-radius:4px;flex-shrink:0}
.hero-gallery-trigger>span{font-size:12px;font-weight:600;color:#dbf4eb}.hero-gallery-trigger small{display:block;margin-top:5px;font-size:10px;color:#9ebfc3;font-weight:400}
.compact-shots{padding-block:45px}.compact-shots .section-heading{margin-bottom:24px}.compact-shots h2{font-size:28px}
.screenshot-gallery.compact-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1160px;justify-items:center}
.compact-gallery .shot-card{width:100%;max-width:220px;min-width:0;border-radius:10px}.compact-gallery .shot-card .screenshot-link{height:132px;max-height:132px;aspect-ratio:auto;padding:6px}
.compact-gallery .shot-card .screenshot-link img{width:100%;height:100%;object-fit:contain;border-radius:3px}
.compact-gallery .shot-card figcaption{padding:10px 11px 12px;gap:5px}.compact-gallery .shot-name{gap:6px;font-size:12px;line-height:1.4}.compact-gallery .shot-name i{width:6px;height:6px;flex-shrink:0}
.compact-gallery .shot-description{font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}
.compact-gallery .shot-zoom{font-size:9px;padding:4px 6px;right:9px;bottom:9px;border-radius:6px}.compact-gallery .shot-card:hover{transform:translateY(-2px)}
.aurora-art img{width:160px}
/* The image grows inside the modal, never on the page. */
dialog.image-viewer{width:min(1500px,96vw);height:fit-content;max-height:96dvh;grid-template-rows:auto minmax(0,1fr) auto}
.image-viewer .viewer-canvas{max-height:calc(96dvh - 140px);padding:14px;overflow:auto;display:block;text-align:center}.image-viewer .viewer-canvas img{max-height:calc(96dvh - 170px);max-width:100%;width:auto;height:auto;display:block;margin-inline:auto}
.image-viewer .viewer-canvas.is-zoomed img{max-width:none;max-height:none;margin-inline:0}.image-viewer .viewer-footer{font-size:11px}
@media(max-width:1100px){.screenshot-gallery.compact-gallery{grid-template-columns:repeat(4,minmax(0,1fr));max-width:920px}}
@media(max-width:900px){.screenshot-gallery.compact-gallery{grid-template-columns:repeat(3,minmax(0,1fr));max-width:690px}}
@media(max-width:600px){.screenshot-gallery.compact-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px;gap:10px}.compact-gallery .shot-card .screenshot-link{height:110px!important;max-height:110px;padding:5px}.compact-gallery .shot-card figcaption{padding:9px}.compact-gallery .shot-name{font-size:11px}.compact-gallery .shot-description{font-size:9px}.compact-shots h2{font-size:25px}.compact-shots{padding-block:32px}.image-viewer .viewer-canvas{padding:8px}.hero-gallery-trigger>span{font-size:11px}}
.image-viewer[open]{display:block}
.hero-lights{height:calc(100% + 75px)}
.compact-shots{position:relative;z-index:1;background:var(--bg)}