.service-hero-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:36px}
.service-hero-copy>p:not(.hg-eyebrow){font-size:16px;line-height:2;color:#555e75}
.service-hero-illustration{display:block;width:100%;max-width:420px;height:auto;justify-self:end;mix-blend-mode:multiply}
@media(max-width:900px){.service-hero-overview{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:20px}.hg-service-hero h1{font-size:clamp(30px,4.5vw,45px)}}
@media(max-width:600px){.service-hero-overview{grid-template-columns:1fr;gap:18px}.service-hero-illustration{width:220px;justify-self:center}.service-hero-copy>p:not(.hg-eyebrow){font-size:14px}.hg-service-hero h1{font-size:clamp(28px,7.7vw,38px)}}
.service-brand{margin-top:8px}
.service-brand-logo{display:block;width:180px;max-width:100%;height:40px;object-fit:contain;object-position:left center}
#training .service-logo-visual{width:100%;aspect-ratio:1;display:grid;place-items:center}
#training .service-logo-visual img{display:block;width:100%;height:auto;max-width:430px}
@media(max-width:600px){#training .hg-service-visual{width:300px}#training .service-logo-visual{aspect-ratio:1.6}}
#recruitment .service-logo-visual,#development .service-logo-visual{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px}
#recruitment .service-logo-visual img,#development .service-logo-visual img{display:block;width:100%;max-width:430px;height:auto;object-fit:contain}
@media(max-width:600px){#recruitment .hg-service-visual,#development .hg-service-visual{width:300px}#recruitment .service-logo-visual{aspect-ratio:1.15;gap:28px;padding:34px 0 12px}#development .service-logo-visual{aspect-ratio:1.6}}
#public-support .service-logo-visual,#marketing .service-logo-visual{width:100%;aspect-ratio:1;display:grid;place-items:center}
#public-support .service-logo-visual img,#marketing .service-logo-visual img{display:block;width:100%;max-width:430px;height:auto;object-fit:contain}
@media(max-width:600px){#public-support .hg-service-visual,#marketing .hg-service-visual{width:300px}#public-support .service-logo-visual,#marketing .service-logo-visual{aspect-ratio:1.6}}
#recruitment .service-logo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#recruitment .service-logo-button{padding:16px 22px;gap:16px;min-height:76px;background:#fff;border-color:#d2d6e1;transition:transform .2s,border-color .2s,box-shadow .2s}
#recruitment .service-logo-button img{display:block;width:calc(100% - 32px);max-width:180px;height:42px;object-fit:contain}
#recruitment .service-logo-button span{flex:none;color:#171d36;transition:transform .2s}
#recruitment .service-logo-button:hover,#recruitment .service-logo-button:focus-visible{background:#fff;border-color:#ff6500;box-shadow:0 5px 16px #ff650010;transform:translateY(-2px)}
#recruitment .service-logo-button:hover span{transform:translateX(3px)}
@media(max-width:600px){#recruitment .service-logo-visual{aspect-ratio:1.6;padding:0}#recruitment .service-logo-actions{grid-template-columns:1fr}#recruitment .service-logo-button{min-height:72px}#recruitment .service-logo-button img{max-width:180px}}
@media(prefers-reduced-motion:reduce){#recruitment .service-logo-button,#recruitment .service-logo-button span{transition:none;transform:none}}
