.service-hero>.wrap:has(>.service-illustration){display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}
.service-intro{min-width:0}.service-intro h1{font-size:clamp(32px,3.6vw,54px)}
.service-illustration{margin:0;min-width:0}.service-illustration img{display:block;width:100%;height:auto;border-radius:20px}
.service-illustration figcaption{color:#c3cde2;font-size:11px;line-height:1.6;margin-top:12px}
.hub-service{overflow:hidden;transition:box-shadow .2s,transform .2s}.hub-service:hover{transform:translateY(-4px);box-shadow:0 15px 35px #19244612}
.hub-visual{margin:-30px -30px 27px;overflow:hidden;background:#edf0f7}.hub-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;transition:transform .25s}.hub-service:hover .hub-visual img{transform:scale(1.025)}
.home-service-visual{display:block;width:100%;height:auto;border-radius:14px;margin-bottom:26px}
.service-hero p.illustration-note{font-size:12px;line-height:1.7;color:#bec9df;max-width:660px;margin-top:-6px}
@media(max-width:800px){.service-hero>.wrap:has(>.service-illustration){grid-template-columns:1fr;gap:32px}.service-illustration{max-width:650px}.service-intro h1{font-size:clamp(32px,7vw,48px)}.hub-visual{margin:-25px -25px 25px}}
@media(prefers-reduced-motion:reduce){.hub-service,.hub-visual img{transition:none}.hub-service:hover,.hub-service:hover .hub-visual img{transform:none}}