/* Case-study image carousel: one large image, arrows, counter + caption, thumbnail strip. */
.carousel{max-width:var(--wrap);margin:0 auto;padding:clamp(28px,4vw,56px) var(--gut);border-bottom:1px solid var(--rule)}
.car-stage{position:relative;background:var(--paper-2,#e9e6df)}
.car-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}
.car-track::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}
.car-slide img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;cursor:zoom-in}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:0;border-radius:50%;background:rgba(18,18,18,.78);color:#fff;font-size:20px;cursor:pointer;transition:background .2s}
.car-btn:hover{background:var(--neon);color:var(--ink)}
.car-prev{left:14px}.car-next{right:14px}
.car-bar{display:flex;gap:18px;align-items:baseline;padding:14px 0 12px;font-family:var(--mono);font-size:.78rem;color:var(--muted,#666)}
.car-count{color:var(--ink);min-width:44px}
.car-thumbs{display:flex;gap:8px}
.car-thumb{flex:1 1 0;min-width:0;aspect-ratio:16/10;height:auto;border:0;padding:0;background-size:cover;background-position:center;opacity:.45;cursor:pointer;outline-offset:2px;transition:opacity .2s}
.car-thumb:hover{opacity:.8}
.car-thumb[aria-current="true"]{opacity:1;box-shadow:0 0 0 2px var(--neon)}
@media (max-width:700px){.car-btn{width:38px;height:38px;font-size:16px}.car-thumbs{gap:4px}.car-cap{display:none}}