.project-carousel{width:100cqw;position:relative;left:50%;transform:translate(-50%)}html{container-type:inline-size}.project-carousel__viewport{--gallery-gap:24px;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;height:min(70svh,680px,44vw);position:relative;overflow:hidden}.project-carousel__viewport[data-draggable=true]{cursor:grab}.project-carousel__viewport[data-dragging=true]{cursor:grabbing}.project-carousel__viewport:focus-visible{outline-offset:6px;outline:2px solid}.project-carousel__track{gap:var(--gallery-gap);will-change:transform;width:max-content;height:100%;display:flex}.project-carousel__viewport[data-ready=false] .project-carousel__track{visibility:hidden}.project-carousel__slide{flex:none;height:100%;position:relative}.project-carousel__slide img{object-fit:contain;pointer-events:none;border-radius:0}.project-carousel__edge{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;width:clamp(96px,20vw,320px);padding:0;display:flex;position:absolute;inset-block:0}.project-carousel__edge--left{left:0}.project-carousel__edge--right{right:0}.project-carousel__arrow{opacity:0;background:#0f0f0fd9;border:1px solid #ffffff40;place-items:center;width:64px;height:64px;transition:opacity .16s;display:grid}.project-carousel__edge--left .project-carousel__arrow svg{transform:translate(-2px)}.project-carousel__edge--right .project-carousel__arrow svg{transform:translate(2px)}.project-carousel__edge:hover .project-carousel__arrow,.project-carousel__edge:focus-visible .project-carousel__arrow{opacity:1}.project-carousel__edge:focus-visible{outline:none}.project-carousel__edge:focus-visible .project-carousel__arrow{outline-offset:3px;outline:2px solid #fff}.project-carousel__viewport[data-dragging=true] .project-carousel__edge{pointer-events:none}.project-carousel__viewport[data-dragging=true] .project-carousel__arrow{opacity:0}.project-carousel__footer{color:#737373;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;max-width:896px;margin:20px auto 0;padding-inline:24px;font-size:12px;display:flex}.project-carousel__current{color:#e5e5e5}@media (max-width:600px){.project-carousel__viewport{--gallery-gap:16px;height:min(55svh,440px,calc((100cqw - 64px)/var(--gallery-ratio)))}.project-carousel__edge{width:80px}.project-carousel__arrow{width:48px;height:56px}}@media (hover:none){.project-carousel__arrow{opacity:1}}@media (prefers-reduced-motion:reduce){.project-carousel__arrow{transition:none}}