.service-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--blue-800);color:var(--white);text-decoration:none;-webkit-tap-highlight-color:transparent}.service-card__media{position:absolute;z-index:-2;inset:0}.service-card__media img{width:100%;height:100%;object-fit:cover}.service-card:before,.service-card:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}.service-card:before{background:linear-gradient(180deg,#001c5400 38%,#001c5433 54%,#001c5494 74%,#001c54e0)}.service-card:after{background:linear-gradient(180deg,#3f63a71a,#001c5480);opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.service-card__number{position:absolute;top:var(--space-4);left:var(--space-4);padding:.125rem .625rem;border-radius:var(--radius-pill);background:#ffffffeb;color:var(--blue-950);font-size:var(--text-label);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:.02em}.service-card__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:clamp(1rem,1.8vw,1.5rem)}.service-card__title{min-width:0;color:var(--white);font-size:var(--text-h3);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:-.014em;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}.service-card__arrow{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--white);color:var(--blue-950);transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.service-card__arrow svg{transition:transform var(--duration-base) var(--ease-out)}.service-card:active .service-card__arrow{background:var(--color-brand);color:var(--white)}.service-card:focus-visible{outline-offset:2px}.service-card:focus-visible:after{opacity:1}@media(hover:hover)and (pointer:fine){.service-card:hover:after{opacity:1}.service-card:hover .service-card__arrow{background:var(--color-brand);color:var(--white)}.service-card:hover .service-card__arrow svg{transform:translate(2px)}}