.service-card{height:100%;min-width:0;display:flex;flex-direction:column}
.service-card-image{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;flex-shrink:0;object-position:center}
.service-card-content{flex:1;min-width:0;gap:8px}.service-card-content p{margin:0 0 12px}.service-card-content .more{margin-top:auto}
.service-card:focus-visible,.illustration-link:focus-visible,.work-image-zoom:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}
.service-illustrations{padding-top:0}.service-illustrations figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.illustration-link{display:flex;flex-direction:column;height:100%}.service-illustrations img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.service-illustrations figcaption{display:flex;flex:1;flex-direction:column;padding:18px;font-weight:600;font-size:1rem}.service-illustrations .more{display:block;padding-top:14px;font-size:.95rem}
.work-image-zoom{position:relative;display:block;cursor:zoom-in}.zoom-label{position:absolute;right:12px;bottom:12px;padding:10px 14px;border-radius:8px;background:#08111fee;color:#fff;font-size:1rem}
.example-features{padding-left:24px;margin:20px 0}.example-features li{margin:8px 0}
.image-lightbox{width:min(96vw,1600px);max-width:96vw;max-height:94dvh;padding:60px 12px 12px;border:1px solid var(--line);border-radius:14px;background:#08111f;color:#fff;overflow:auto}
.image-lightbox::backdrop{background:#000d}.image-lightbox img{display:block;width:100%;height:auto;max-height:calc(94dvh - 86px);object-fit:contain}
.lightbox-close{position:absolute;right:12px;top:10px;min-height:44px;padding:8px 16px;border:1px solid #7e99b5;border-radius:8px;background:#122744;color:white;font:inherit;cursor:pointer}.lightbox-close:focus-visible{outline:3px solid #39d98a;outline-offset:2px}html.image-view-open{overflow:hidden}
@media(max-width:620px){.service-card-content{padding:20px}.service-illustrations .grid-3{grid-template-columns:minmax(0,1fr)}.service-illustrations .more{white-space:normal}.zoom-label{position:static;display:block;text-align:center;border-radius:0 0 10px 10px}.work-example .actions{display:flex;flex-direction:column;align-items:stretch}.work-example .actions .btn{width:100%;min-height:48px}.image-lightbox{width:96vw;padding:64px 8px 8px}.service-card:hover{transform:none}.service-card:hover .service-card-image{transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.service-card,.service-card-image{transition:none;transform:none!important}}