/* Three-second, hand-drawn service motifs. */
.service-doodle{width:112px;height:112px;flex:none;overflow:visible;color:#111;contain:layout style}
.service-doodle .draw-line{fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:service-draw 3s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--delay)}
.service-doodle .doodle-pink{fill:#f0b4bd;transform-origin:center;animation:service-wash 3s ease-in-out infinite}
@keyframes service-draw{0%,8%{stroke-dashoffset:1;opacity:0}15%{opacity:1}62%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes service-wash{0%,10%,100%{opacity:.2;transform:scale(.85) rotate(-4deg)}55%,85%{opacity:.9;transform:scale(1) rotate(0)}}
body.s-overview .s-service-nav>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr) 112px;gap:22px;align-items:center}
.s-service-nav .service-doodle{justify-self:end}
.c-hero>.s-subline:has(.service-doodle){display:flex;align-items:center;justify-content:space-between;gap:15px}
.c-hero>.s-subline .service-doodle{width:80px;height:80px}
@media(max-width:700px){body.s-overview .s-service-nav>a{grid-template-columns:minmax(0,1fr) 74px;gap:6px 12px}body.s-overview .s-service-nav>a>small{grid-column:1;grid-row:2}body.s-overview .s-service-nav .service-doodle{grid-column:2;grid-row:1/3;width:74px;height:74px}body.s-overview .s-service-nav>a>span{font-size:clamp(32px,8vw,48px)}}
@media(prefers-reduced-motion:reduce){.service-doodle .draw-line,.service-doodle .doodle-pink{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}
.motion-paused .service-doodle .draw-line,.motion-paused .service-doodle .doodle-pink{animation:none;stroke-dashoffset:0;opacity:1;transform:none}