/* Compact service rows: title, explanation, supporting image. */
.services-hero{padding:42px 0 58px;border-bottom:0;max-width:none;text-align:left}
.services-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--deep);margin:0 0 14px;line-height:1.15}
.services-hero .intro{font-size:18px;line-height:1.7;margin:0;max-width:780px}
.service-directory{padding-bottom:48px}
.service-row{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:center;padding:80px 0;border-top:1px solid #e6dfea;scroll-margin-top:24px}
body.refined-type .service-row h2{font-weight:400;font-size:25px;line-height:1.3;color:#73538e;margin:0;letter-spacing:-.02em}
.service-description p{font-size:17px;line-height:1.75;color:var(--muted);margin:0;text-align:left}
.service-visual{margin:0;width:85%;max-width:272px;justify-self:end}
.service-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:18px}
.service-visual.service-symbol{background:#f7f3fa;border-radius:18px;min-height:0;padding:22px;box-sizing:border-box}
.service-visual.service-symbol img{max-height:138px;aspect-ratio:3/2}
.service-anchor{display:block;scroll-margin-top:24px}
@media(min-width:1261px){.services-hero.wrap,.service-directory.wrap{width:min(1400px,calc(100% - 80px))}.service-row{grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(240px,320px)}}
@media(max-width:1000px){.service-row{gap:26px;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,1fr)}body.refined-type .service-row h2{font-size:22px}}
@media(max-width:740px){.services-hero{padding:30px 0 42px}.service-row{grid-template-columns:1fr;gap:18px;padding:56px 0}.service-visual{justify-self:start;max-width:255px}.service-description p{font-size:16px}.service-visual.service-symbol{max-width:220px}.services-hero .intro{font-size:17px}}

.services-heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:0;flex-wrap:wrap}
.services-heading-row h1{margin:0}
.services-heading-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.services-heading-actions .button{font-weight:500;white-space:normal;text-align:center}
.services-heading-actions .service-tour-button{background:#fff;color:#694087;border:1px solid #8258a4}
.services-heading-actions .service-tour-button:hover{background:#f7f3fb;color:#513169}
@media(max-width:740px){.services-heading-row{align-items:flex-start;gap:18px}.services-heading-actions{width:100%;gap:12px}.services-heading-actions .button{flex:1 1 160px;padding:12px 18px}}

/* Align the services header with the expanded content and shared link baseline. */
@media(min-width:1261px){.header.wrap{width:min(1400px,calc(100% - 80px))}}
@media(min-width:1151px){
 .header{align-items:center;padding-block:36px 28px}
 .header .brand{position:relative;height:64px;overflow:hidden}
 .header .brand img{position:absolute;width:223px;max-width:none;left:-25px;top:50%;transform:translateY(-50%)}
 .header .reading-language{position:relative;align-self:center}
 .header .reading-language p{position:absolute;right:0;bottom:100%;margin:0 0 5px;white-space:nowrap}
 .header nav{align-self:center}
}

.service-cta h2{margin-bottom:0}.service-cta .services-heading-actions{flex-shrink:0}
@media(max-width:740px){.service-cta .wrap{gap:24px}}