/* Area service cards use their own layout to avoid legacy overlay-card styles. */
.area-service-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dfe5df;border-radius:14px;background:#fff;color:#18201d;text-decoration:none;box-shadow:0 8px 24px rgba(24,32,29,.035);transition:box-shadow .2s ease,transform .2s ease}
.area-service-card>img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.area-service-copy{padding:22px}
.area-service-copy strong{display:block;color:#18201d;font-size:1.05rem;line-height:1.4;margin:0 0 10px}
.area-service-copy span{display:block;color:#647068;font-size:.95rem;line-height:1.6}
.area-service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(24,32,29,.12)}
.area-service-card:focus-visible{outline:3px solid #436e52;outline-offset:4px}
.area-service-feature{display:block;width:100%;max-height:540px;height:auto;aspect-ratio:8/5;object-fit:cover;border-radius:18px;margin:0 0 36px}
@media(max-width:560px){.area-service-copy{padding:20px}.area-service-feature{max-height:320px;margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.area-service-card{transition:none}.area-service-card:hover{transform:none}}