.cgi-svc-wrap{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:4rem;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;touch-action:pan-x}.cgi-svc-wrap::-webkit-scrollbar{display:none}.cgi-svc-wrap.grabbing{cursor:grabbing}.cgi-svc-track{display:flex;gap:1rem;width:max-content;padding:1rem clamp(1rem,4vw,3rem)}@media(prefers-reduced-motion:reduce){.cgi-svc-wrap{scroll-behavior:auto}}/* fixed-size wrapper is the hover trigger (reference outer "group"); inner card translates inside it so the
   pointer never leaves the hover area at a card edge → no hover jitter */
.cgi-svc-cardwrap{flex:0 0 auto;width:19rem}@media(min-width:1024px){.cgi-svc-cardwrap{width:24rem}}@media(min-width:1280px){.cgi-svc-cardwrap{width:28rem}}.cgi-svc-card{display:flex;flex-direction:column;width:100%;height:34rem;border-radius:.75rem;overflow:hidden;background:#e5e7eb;text-decoration:none;color:#0a0a0a;transition:transform .3s ease;position:relative;user-select:none}@media(min-width:1024px){.cgi-svc-card{height:36rem}}@media(min-width:1280px){.cgi-svc-card{height:44rem}}.cgi-svc-cardwrap:hover .cgi-svc-card{transform:translateY(-.5rem)}.cgi-svc-img{position:relative;flex:1 1 auto;width:100%;overflow:hidden;min-height:14rem}.cgi-svc-img .cgi-svc-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.cgi-svc-body{flex:0 0 auto;display:flex;flex-direction:column;padding:1.25rem 1.5rem;transition:padding .3s}/* reference SectionOurServices body: lg:p-10 lg:pb-4 lg:group-hover:pb-10 — bottom padding grows on hover to make room for the revealed link */
@media(min-width:1024px){.cgi-svc-body{padding:2.5rem 2.5rem 1rem}.cgi-svc-cardwrap:hover .cgi-svc-card .cgi-svc-body{padding-bottom:2.5rem}}/* lg:p-10 = 40px (measured prod 40/40/16) */
.cgi-svc-title{font-family:var(--cgi-font-display,'Amulya',sans-serif)!important;font-weight:700;letter-spacing:-.01em;line-height:1.4;font-size:1.125rem;margin:0}/* prod 28px lh at 20px */
@media(min-width:1280px){.cgi-svc-title{font-size:1.25rem}}.cgi-svc-reveal{display:block;margin-top:1rem}.cgi-svc-link{display:inline-flex;align-items:center;gap:.4rem;color:#0a0a0a!important;text-decoration:none!important;font-weight:500;font-size:.95rem}.cgi-svc-link-t{text-decoration:none}.cgi-svc-link:hover .cgi-svc-link-t{text-decoration:underline}.cgi-svc-link-a{width:1.5rem;height:1.5rem;flex:none}html.cgi-dark .cgi-svc-link,html.cgi-dark .cgi-svc-link:hover{color:#e5e7eb!important}@media(min-width:1024px){.cgi-svc-reveal{max-height:0;opacity:0;margin-top:0;overflow:hidden;transition:all .3s ease-in-out}.cgi-svc-cardwrap:hover .cgi-svc-card .cgi-svc-reveal{max-height:16rem;opacity:1;margin-top:1rem}
/* link-only cards (Full Range / reference SectionOurServices !withDescriptions): reveal grows to the link height (h-12), not a big max-height that snaps */
.cgi-svc-cardwrap:hover .cgi-svc-card-static .cgi-svc-reveal{max-height:3rem}}html.cgi-dark .cgi-svc-card{background:#262626!important;color:#e5e7eb}html.cgi-dark .cgi-svc-desc{color:#9ca3af}html.cgi-dark .cgi-svc-more{color:#e5e7eb}