@import url('/assets/wellbeing.css');
/* Shared service hierarchy, matching the established Progress Dynamic palette. */
.services-expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.services-expanded .service{min-height:480px;border-radius:4px}
.services-expanded .service:first-child{grid-column:1/-1;min-height:410px}
.services-expanded .service:first-child img{object-position:center 35%}
.services-expanded .service:first-child:after{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55) 60%,rgba(0,0,0,.15))}
.services-expanded .service:first-child .service-content{max-width:660px;padding:40px}
.services-expanded .service h3{font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:1.1;overflow-wrap:break-word}
.services-expanded .service p{max-width:540px;line-height:1.6}
.services-expanded .service:after{background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(0,0,0,.76) 42%,rgba(0,0,0,.08))}
.services-expanded .service-link{gap:20px}
.services-expanded .service-link span:last-child{font-size:1.25rem}
.top{align-items:center}.top>a{flex-shrink:0}.top nav{justify-content:flex-end;gap:10px 22px}.top nav a{min-height:44px;display:inline-flex;align-items:center;line-height:1.3}
.premium-service .hero{grid-template-columns:1.1fr 1fr;gap:44px}
.premium-service h1{font-size:clamp(2.7rem,4.8vw,4.8rem);line-height:1.08;overflow-wrap:break-word}
.premium-service h2{font-size:clamp(2.1rem,4vw,3.75rem);line-height:1.12;overflow-wrap:break-word}
.premium-service .lead{line-height:1.7}
.premium-service .premium-visual{margin:0;min-width:0}
.premium-service .hero-img{aspect-ratio:5/4;height:auto;object-fit:cover}
.premium-service figcaption{margin-top:12px;color:#aaa;font-size:.85rem;line-height:1.5}
.premium-service .intro{gap:44px}
.premium-service .intro p{line-height:1.75}
.premium-service .process .intro p{color:#bbb}
.premium-service .audience-title{font-size:clamp(1.6rem,2.8vw,2.4rem);margin:56px 0 0}
.premium-service .audience-grid{margin-top:20px}
.premium-service .card h3{font-size:1.4rem;line-height:1.2}
.premium-service .card p{line-height:1.75}
.premium-service .light .kicker{color:#a90e0e}
.premium-service .faq-section{padding:0 0 88px}
.premium-service .faq{margin:0 auto}
.premium-service .faq h2{margin-bottom:24px}
.premium-service summary{line-height:1.5;padding-right:8px}
.premium-service details p{line-height:1.75}
.premium-service .contact .phone{white-space:nowrap}
.related nav a{min-height:48px;display:inline-flex;align-items:center;line-height:1.4}
@media(max-width:1000px){.top{align-items:flex-start;flex-direction:column}.top nav{justify-content:flex-start}.premium-service .hero{gap:28px}}
@media(max-width:800px){.services-expanded{grid-template-columns:1fr}.services-expanded .service,.services-expanded .service:first-child{grid-column:auto;min-height:470px}.services-expanded .service:first-child .service-content{padding:24px}.services-expanded .service h3{font-size:clamp(1.65rem,7.6vw,2.5rem)}.services-expanded .service:first-child:after{background:linear-gradient(0deg,rgba(0,0,0,.98),rgba(0,0,0,.76) 42%,rgba(0,0,0,.08))}.top nav{gap:4px 20px}.top nav a{font-size:.95rem}.premium-service .hero,.premium-service .intro{grid-template-columns:1fr;gap:28px}.premium-service h1{font-size:clamp(2.5rem,10.5vw,4.5rem)}.premium-service .hero-img{aspect-ratio:5/4}.premium-service .audience-title{margin-top:36px}.premium-service .faq-section{padding-bottom:58px}.premium-service .contact .phone{font-size:clamp(1.65rem,7vw,2.8rem)}.related nav{flex-direction:column}.related nav a{justify-content:flex-start}}