.service-card{align-items:flex-start;background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);box-sizing:border-box;color:inherit;display:flex;flex-direction:column;gap:16px;height:564px;overflow:visible;padding:48px 24px;position:relative;transition:transform 1s cubic-bezier(.25,1,.5,1),filter 1s ease,opacity 1s ease,width 1s cubic-bezier(.25,1,.5,1),min-width 1s cubic-bezier(.25,1,.5,1),box-shadow .3s ease;width:100%;will-change:transform,filter,opacity,width}.service-grid.no-transition .service-card{transition:none!important}.service-card.carousel-active{transform:scale(1);z-index:2}.service-card:not(.carousel-active){opacity:.7}.service-card:hover{box-shadow:var(--shadow-xl)}.service-card:hover .btn-icon{background:var(--color-primary);transform:scale(1.1) rotate(90deg)}.service-card-image{background:var(--color-gray-light);border-radius:var(--radius-xl);height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.service-card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.service-card:hover .service-card-image img{transform:scale(1.08)}.service-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);height:60%;left:0;position:absolute;right:0;top:0;transition:var(--transition-normal)}.service-card:hover .service-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.service-card-content{display:flex;flex:1;flex-direction:column;gap:16px;justify-content:flex-start;position:relative;z-index:2}.service-card-category{color:var(--color-bg);font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:1px;line-height:1.1;margin:0;position:relative;text-transform:uppercase;transition:font-size 1s cubic-bezier(.25,1,.5,1);z-index:3}.service-card.carousel-active .service-card-category{font-size:16px}.service-card-title{color:var(--color-bg);font-family:var(--font-heading);font-size:28px;font-weight:600;hyphens:auto;letter-spacing:1px;line-height:1.1;margin:0;overflow-wrap:break-word;position:relative;transition:font-size 1s cubic-bezier(.25,1,.5,1);word-break:break-word;z-index:3}.service-card.carousel-active .service-card-title{font-size:32px}.service-card-excerpt{color:hsla(0,0%,100%,.95);font-family:var(--font-body);font-size:1rem;line-height:1.6;margin:0;max-width:90%;text-shadow:0 1px 4px rgba(0,0,0,.2);transition:font-size 1s cubic-bezier(.25,1,.5,1)}.service-card.carousel-active .service-card-excerpt{font-size:1.125rem}.service-card-link{bottom:24px;pointer-events:auto;position:absolute;right:24px;text-decoration:none;z-index:10}body.blue-mode .service-card{background:linear-gradient(135deg,rgba(0,221,170,.12),rgba(5,117,230,.15));border:1px solid rgba(0,221,170,.25)}body.blue-mode .service-card:hover{background:linear-gradient(135deg,rgba(0,221,170,.18),rgba(5,117,230,.2));border-color:var(--color-teal)}body.blue-mode .service-card-image{background:rgba(2,13,52,.3)}body.blue-mode .service-card-overlay{background:linear-gradient(180deg,rgba(2,13,52,.85),rgba(2,13,52,.3) 50%,rgba(0,221,170,.15));height:100%}body.blue-mode .service-card:hover .service-card-overlay{background:linear-gradient(180deg,rgba(2,13,52,.9),rgba(2,13,52,.4) 50%,rgba(0,221,170,.2))}.service-card-dark-text .service-card-category{color:var(--color-text)}.service-card-dark-text .service-card-title{color:#000}.service-card-dark-text .service-card-excerpt{color:rgba(0,0,0,.8);text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.service-card-dark-text .service-card-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.3),transparent)}.service-card-dark-text:hover .service-card-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.4),transparent)}body.blue-mode .service-card-dark-text .service-card-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.05) 50%,rgba(0,221,170,.1));height:100%}body.blue-mode .service-card-dark-text:hover .service-card-overlay{background:linear-gradient(180deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.08) 50%,rgba(0,221,170,.15))}@media (max-width:767px){.service-card{flex:0 0 auto;height:auto;min-height:500px;min-width:82vw!important;scroll-snap-align:center;scroll-snap-stop:always;transform:none!important;transition:none!important;width:82vw!important}.service-card .btn-icon{border-radius:50%!important;height:48px!important;width:48px!important}.service-card:not(.carousel-active){opacity:1}}