.service-art{isolation:isolate;min-height:330px;overflow:hidden;border-radius:14px}
.cab-art{background:radial-gradient(ellipse at 50% 38%,#fff 0,#f0f5f5 52%,#e7eef1 100%);padding:20px 12px 60px}
.cab-float{width:100%;transform:translate3d(var(--cab-x,0px),var(--cab-y,0px),0);transition:transform .4s cubic-bezier(.2,.8,.3,1.3)}
.cab-float picture,.cab-float img{display:block;width:100%;height:auto}
.cab-art.is-moving .cab-float img{animation:cursor-cab-bounce .8s ease-in-out infinite}
.service-art .subhero-tag{z-index:2;bottom:17px;background:#fffffff2;border:1px solid #e0e7eb;border-radius:6px;padding:9px 13px;color:#0f172a;font-size:12px;max-width:calc(100% - 26px);text-align:center}
.photo-art{aspect-ratio:4/3;background:#e7eef1}
.service-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.about-photo-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}
.about-photo{aspect-ratio:4/3;border:1px solid #dbe3e7;border-radius:14px;overflow:hidden;margin-top:42px;box-shadow:0 12px 35px #0f172a06}
.about-photo img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes cursor-cab-bounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-9px)}70%{transform:translateY(-3px)}}
@media(max-width:1100px){.service-art{min-height:290px}.about-photo-hero{gap:35px}.about-photo-hero h1{font-size:42px}}
@media(max-width:800px){.service-art{width:100%;min-height:0;margin:0;aspect-ratio:4/3}.cab-art{padding:24px 20px 64px}.cab-float{max-width:520px;margin:auto}.about-photo-hero{grid-template-columns:1fr;gap:30px}.about-photo{margin:0;max-width:600px;width:100%}.about-photo-hero h1{font-size:39px}}
@media(max-width:440px){.service-art .subhero-tag{font-size:11px;padding:8px 10px;bottom:14px}.cab-art{padding:18px 12px 58px}.about-photo-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.cab-float{transform:none;transition:none}.cab-art.is-moving .cab-float img{animation:none}}
.service-art:has(img[src*="driver-service"]) .service-photo{object-position:50% 10%}
.service-art:has(img[src*="outstation-service"]) .service-photo{object-position:50% 82%}
.service-art:has(img[src*="airport-service"]) .service-photo{object-position:58% 50%}
.about-photo img{object-position:57% 50%}

.about-photo picture{display:block;width:100%;height:100%}