/* ========================================================================== JARVIS — Services page assets/css/pages/services.css Loaded after site.css. Page-only pieces: 1 Service index (sticky chip bar → compact scrollable row on phones) 2 Service chapters (.svc): grid, kicker, includes list, media frames 3 Arch treatment for the small 212px images (.svc-media--arch) 4 How we work spacing 5 "Specialists we bring in" list (.sp-*) 6 Responsive + reduced motion ========================================================================== */ .svc-scope{ --bar-top:88px; /* just under the floating nav pill (ends ≈78px) */ --bar-h:56px; /* 42px chips + 6px padding + border */ --svc-pad:clamp(76px,8vw,124px); /* vertical padding of each chapter */ --land:40px; /* gap between the bar and a chapter's first line after a jump */ position:relative; background:var(--ink); } /* hero: the suite photo is much brighter than the other page heroes (white bed, daylight window), so it is dimmed under the shared veil to keep the eyebrow and sub at AA contrast */ .svc-hero .hero-img{filter:brightness(.6) saturate(.9)} /* ========================================================================== 1 SERVICE INDEX