/* Three close-set cards on desktop; a stable native touch track. */
#services .services{display:flex;position:relative;gap:12px;overflow-x:auto;scrollbar-width:none;padding:4px 1px 70px;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;scroll-behavior:auto;overflow-anchor:none;-webkit-overflow-scrolling:touch}
#services .services::-webkit-scrollbar{display:none}
#services .services::after{content:none}
#services .services .service{position:relative;flex:0 0 calc((100% - 24px)/3);min-width:0;display:flex;flex-direction:column;scroll-snap-align:none}
#services .services .photo{display:block;border:1px solid #080808;border-radius:0;overflow:hidden;position:relative}
#services .services .service img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:none;transform:none;user-select:none;-webkit-user-drag:none}
#services .services .service:hover img{transform:none}
#services .services .photo::after{content:none}
#services .services .service h3{font-size:clamp(23px,2.1vw,31px);min-height:0;margin:15px 0 0;line-height:1.08}
#services .service h3 a{display:block}
#services .service h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
#services .services a:focus-visible{outline:2px solid #172637;outline-offset:4px}
#services .services.is-dragging{cursor:grabbing;user-select:none}
#services .services.is-dragging a{cursor:grabbing}
#services .carousel-controls{display:none}
@media(max-width:700px){#services{width:100%;padding-left:5%;padding-right:0}#services .intro{padding-right:5%;padding-bottom:28px}#services .services{gap:10px;padding-right:5%;padding-bottom:50px}#services .services .service{flex-basis:86%}#services .services .service img{aspect-ratio:4/3}#services .services .service h3{font-size:27px;margin-top:13px}}
@media(prefers-reduced-motion:reduce){#services .services .service img{transition:none;transform:none}}

/* Loop copies must stay visible even when they inherit an off-screen reveal class. */
#services .services .service{opacity:1;translate:none}

/* Align each service caption with the center of its thumbnail. */
#services .services .service h3{text-align:center}

/* Light condensed captions, matching the lighter mobile appearance. */
@font-face{font-family:"BlackLine Carousel";src:url("/fonts/oswald-light.ttf") format("truetype");font-style:normal;font-weight:300;font-display:swap}
#services .services .service h3{font-family:"BlackLine Carousel","Arial Narrow",sans-serif;font-weight:300}