.service-detail-grid .service-illustrated{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:34px 36px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(115deg,#fff 30%,#f8faf9);border:1px solid #dae2e2;border-radius:18px}
.service-illustrated .service-art{position:absolute;z-index:-1;right:8px;top:50%;width:42%;height:auto;max-height:230px;object-fit:contain;transform:translateY(-50%) rotate(-5deg);transition:transform .65s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.service-detail-grid .service-illustrated small{position:relative;display:block;margin:0 0 14px;padding:0;color:#cc6553}
.service-detail-grid .service-illustrated h2{position:relative;width:55%;margin:0;line-height:1.5;font-size:clamp(19px,1.5vw,25px);letter-spacing:-.8px;text-wrap:balance}
.service-illustrated .service-summary{width:55%;margin:18px 0 0;color:#5b707b;font-size:14px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.service-illustrated:hover .service-art{transform:translateY(-53%) rotate(-7deg)}
.service-illustrated:nth-child(even) .service-art{transform:translateY(-50%) rotate(4deg)}
.service-illustrated:nth-child(even):hover .service-art{transform:translateY(-53%) rotate(6deg)}
@media(min-width:651px) and (max-width:1050px){.service-detail-grid{gap:24px}}
@media(max-width:1050px){.service-detail-grid .service-illustrated{padding:28px 26px 180px;min-height:365px}.service-detail-grid .service-illustrated h2,.service-illustrated .service-summary{width:100%}.service-illustrated .service-art{width:220px;max-width:65%;height:150px;top:auto;bottom:12px;right:16px;transform:rotate(-5deg)}.service-illustrated:hover .service-art{transform:translateY(-4px) rotate(-7deg)}.service-illustrated:nth-child(even) .service-art{transform:rotate(4deg)}.service-illustrated:nth-child(even):hover .service-art{transform:translateY(-4px) rotate(6deg)}}
@media(max-width:650px){.service-detail-grid .service-illustrated h2{font-size:21px}.service-illustrated .service-summary{font-size:14px;margin-top:14px}}
@media(prefers-reduced-motion:reduce){.service-illustrated .service-art{transition:none}.service-illustrated:hover .service-art{transform:translateY(-50%) rotate(-5deg)}.service-illustrated:nth-child(even):hover .service-art{transform:translateY(-50%) rotate(4deg)}}
@media(prefers-reduced-motion:reduce) and (max-width:1050px){.service-illustrated:hover .service-art{transform:rotate(-5deg)}.service-illustrated:nth-child(even):hover .service-art{transform:rotate(4deg)}}