/* Centered, full-bleed project slider. All styling is scoped to this section. */
#selected-work.work-carousel{--work-slide-width:min(62vw,1080px);--work-slide-gap:14px;padding:clamp(52px,5vw,80px) 0 64px;background:var(--ivory,#fbf9f4);color:#111;overflow:hidden}
.work-carousel__heading{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin:0 auto 44px}
.work-carousel__eyebrow{font:500 12px/1.5 Outfit,Arial,sans-serif;letter-spacing:.16em;margin:0 0 18px;color:#111}
.work-carousel__heading h2{font:400 clamp(32px,3.05vw,44px)/1.18 Outfit,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 16px;text-wrap:balance;max-width:30ch}
.work-carousel__intro{font:400 clamp(16px,1.2vw,18px)/1.6 'DM Sans',Arial,sans-serif;color:#646464;margin:0;text-wrap:pretty}
.work-carousel__track{position:relative;display:flex;align-items:stretch;gap:var(--work-slide-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-inline:calc((100% - var(--work-slide-width))/2);scroll-padding-inline:calc((100% - var(--work-slide-width))/2);scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.work-carousel__track::-webkit-scrollbar{display:none}
.work-slide{flex:0 0 var(--work-slide-width);width:var(--work-slide-width);min-width:0;margin:0;aspect-ratio:16/9;scroll-snap-align:center;border-radius:5px;overflow:hidden;background:#eee9e2}
.work-slide img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.work-carousel__track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.work-carousel__track:focus-visible{outline:2px solid #111;outline-offset:-3px}
.work-carousel__bar{width:var(--work-slide-width);margin:20px auto 0;display:flex;justify-content:space-between;gap:24px;align-items:center}
.work-carousel__caption{margin:0;font:400 16px/1.45 'DM Sans',Arial,sans-serif;color:#111;text-wrap:balance}
.work-carousel__controls{display:flex;align-items:center;gap:24px;flex-shrink:0}
.work-carousel__controls[hidden]{display:none}
.work-carousel__controls button{width:42px;height:42px;display:grid;place-items:center;padding:10px;background:#111;color:#fff;border:0;border-radius:50%;cursor:pointer;transition:background-color .18s ease}
.work-carousel__controls button:hover{background:#3d3d3d}
.work-carousel__controls button:focus-visible{outline:2px solid #111;outline-offset:4px}
.work-carousel__controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.work-carousel__counter{font:400 15px/1 'DM Sans',Arial,sans-serif;color:#111;font-variant-numeric:tabular-nums;min-width:58px;text-align:center}
.work-carousel__credit{width:calc(100% - 2 * var(--page-gutter));max-width:var(--content-width);margin:46px auto 0;color:#737373;font:400 12px/1.5 'DM Sans',Arial,sans-serif}
@media(max-width:980px){#selected-work.work-carousel{--work-slide-width:76vw}.work-carousel__heading h2{font-size:36px}.work-carousel__controls{gap:16px}.work-carousel__caption{font-size:14px}}
@media(max-width:620px){#selected-work.work-carousel{--work-slide-width:86vw;--work-slide-gap:10px;padding:46px 0}.work-carousel__heading{margin-bottom:30px}.work-carousel__heading h2{font-size:31px}.work-carousel__intro{font-size:16px}.work-carousel__bar{align-items:flex-start;gap:16px;flex-direction:column;margin-top:18px}.work-carousel__controls{align-self:flex-end;gap:20px}.work-carousel__credit{margin-top:30px;font-size:11px}.work-slide{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.work-carousel__controls button{transition:none}}