/* One screenshot gallery on every device; only layout changes at 760px. */
.site-carousel{position:relative;min-width:0;align-self:start;border:1px solid #aeb8a6;box-shadow:6px 6px 0 #e2e7da;background:#e8ece7;overflow:hidden}
.site-carousel-viewport{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}
.site-carousel-slide{position:absolute;inset:0;margin:0;display:grid;place-items:center}
.site-carousel-slide[hidden]{display:none}
.site-carousel-slide img{display:block;width:100%;height:100%;object-fit:contain}
.site-carousel-slide figcaption{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 9px;background:rgba(250,249,245,.96);color:var(--ink);font-size:12px;line-height:1.3}
.site-carousel-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:6px 10px;background:var(--paper);border-top:1px solid var(--line);font-size:12px}
.site-carousel-hint{color:var(--muted)}
.site-carousel-actions{display:flex;align-items:center;gap:4px}
.site-carousel-actions button{min-width:44px;min-height:44px;padding:8px;border:1px solid var(--line);background:transparent;font-size:16px}
.site-carousel-actions button[data-action=motion]{font-size:12px;min-width:54px}
.site-carousel-actions button:hover{background:#e9ede8}
.site-carousel-count{min-width:35px;text-align:center;font-variant-numeric:tabular-nums}
.site-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.projects .project-overview .tv-project-launch{display:inline-flex;min-height:44px;align-items:center}
@media(max-width:760px){.site-carousel{width:100%;box-shadow:4px 4px 0 #e2e7da}.site-carousel-controls{padding:6px 8px}.site-carousel-hint{font-size:11px}}