.site-carousel{position:relative;min-width:0;height:clamp(360px,34vw,480px);border:1px solid #aeb8a6;box-shadow:8px 8px 0 #e2e7da;background:#e8ece7;overflow:hidden}
.site-carousel-viewport{display:flex;width:100%;height:100%;overflow:hidden;scroll-behavior:smooth}
.site-carousel-viewport::-webkit-scrollbar{display:none}
.site-carousel-slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:start;display:grid;place-items:center}
.site-carousel-slide img{display:block;width:100%;height:100%;object-fit:contain}
.site-carousel-slide figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 166px);padding:7px 10px;background:rgba(250,249,245,.94);color:var(--ink);font-size:12px;line-height:1.2}
.site-carousel-controls{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:10px;padding:7px 9px;background:rgba(250,249,245,.96);color:var(--ink);font-size:12px}
.site-carousel-hint{color:var(--muted)}
.site-carousel-count{min-width:28px;text-align:right;font-variant-numeric:tabular-nums}
@media(min-width:761px){.site-carousel+.project-preview{display:none!important}}
@media(max-width:760px){.site-carousel{display:none}}
@media(prefers-reduced-motion:reduce){.site-carousel-viewport{scroll-behavior:auto}}