/* The upper menu shares the lower menu's selected colour. */
.site-nav>a{display:flex;align-items:center;justify-content:center;padding:12px 16px}
.site-nav>a[aria-current],.site-nav>a[data-selected],.site-nav>a:active{background:var(--cyan);color:#03151e!important;border-color:var(--cyan)}
.site-nav{gap:8px}
@media(min-width:901px){
 /* Keep the approved Music and Manufacturing layouts untouched. */
 .general-page main>#services,.results-page main>#results{padding-block:160px 24px}
 .general-page #services h1,.results-page #results h1{font-size:clamp(40px,3.5vw,56px);line-height:1.1}
 .general-page #services .section-heading,.results-page #results .section-heading{margin-bottom:20px;gap:28px}
 .general-page #services .service-card{padding:22px}
 .general-page #services .service-icon{margin:8px 0;font-size:26px}
 .general-page #services .service-card h3{font-size:25px;margin-bottom:12px}
 .general-page #services .service-card p,.general-page #services .service-card li{font-size:18px;line-height:1.4}
 .general-page #services .service-card ul{padding-top:12px}
 .general-page #services .service-card p+p{margin-top:12px}
 .services-page:not(.general-page):not(.manufacturing-page):not(.healthcare-page) main>.sector-hero{padding-block:164px 24px}
 .services-page:not(.general-page):not(.manufacturing-page):not(.healthcare-page) .sector-hero h1{font-size:clamp(46px,4vw,64px);margin-bottom:18px}
 .services-page .sector-choices{margin-top:24px}
 .services-page .sector-choice{padding:24px}
 .services-page .sector-choice h2{font-size:30px;margin-top:16px}
 .services-page .sector-choice p{font-size:19px;line-height:1.45}
 .healthcare-page main>#healthcare{padding-block:28px}
 .healthcare-page #healthcare .sector-intro{grid-template-columns:.85fr 1.15fr;gap:48px}
 .healthcare-page #healthcare h2{font-size:clamp(40px,3.5vw,56px)}
 .healthcare-page #healthcare .sector-intro p:not(.eyebrow),.healthcare-page #healthcare .offer-list span{font-size:19px;line-height:1.45}
 .healthcare-page #healthcare .offer-list li{padding-block:10px}
 .healthcare-page #healthcare .evidence-note{padding:12px 18px}
 /* Dense results use horizontal cards instead of tall stacked images. */
 .results-page #results .metrics-grid{margin-bottom:16px}
 .results-page #results .metric{padding:12px 16px}
 .results-page #results .metric strong{font-size:34px}
 .results-page #results .metric span{font-size:15px;line-height:1.3}
 .results-page #results .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .results-page #results .case-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:7px 16px;padding:14px;min-height:0}
 .results-page #results .case-image{grid-column:1;grid-row:1/5;margin:-14px 0 -14px -14px;aspect-ratio:auto;min-height:0}
 .results-page #results .case-image img{height:100%;object-fit:cover}
 .results-page #results .case-meta,.results-page #results .case-card h3,.results-page #results .case-card>p,.results-page #results .case-result{grid-column:2;margin:0}
 .results-page #results .case-meta{font-size:12px;gap:8px;flex-wrap:wrap}
 .results-page #results .case-card h3{font-size:22px;line-height:1.15}
 .results-page #results .case-card>p{font-size:17px;line-height:1.35;padding:0}
 .results-page #results .case-result{padding:6px 8px;min-height:0;gap:10px}
 .results-page #results .case-result strong{font-size:25px}
 .results-page #results .case-result span{font-size:14px}
 .results-page #results .client-strip{margin-top:16px;padding-top:12px;gap:14px}
 .results-page #results .client-strip>div{gap:6px 18px}
 .results-page #results .client-strip b{font-size:12px}
 /* Restore the two-column Approach layout overridden by the section flex rule. */
 .sector-site main>#approach{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-block:24px;align-items:center;scroll-margin-top:140px}
 .sector-site #approach .approach-grid{padding-left:24px}
 .sector-site #approach h2,.sector-site #about h2{font-size:40px}
 .sector-site #approach .sticky-copy h2{font-size:28px}
 .sector-site #approach .sticky-copy>p:not(.eyebrow),.sector-site #approach .steps-list p{font-size:18px;line-height:1.4}
 .sector-site #approach .steps-list h3{font-size:23px}
 .sector-site #approach .five-box-diagram{max-height:320px}
 .sector-site main>#about{padding-block:24px;scroll-margin-top:140px}
 .sector-site #about .about-copy>p:not(.eyebrow):not(.about-lede),.sector-site #about .experience-item p{font-size:18px;line-height:1.4}
 .sector-site #about .about-lede{font-size:21px}
 .sector-site #about .specialties span{font-size:15px}
}
@media(min-width:901px) and (max-height:820px){
 .general-page #services .service-card{padding:16px 20px}
 .general-page #services .service-icon{margin:4px 0;font-size:22px}
 .general-page #services .service-card h3{font-size:23px}
 .general-page #services .service-card li{padding-block:3px}
 .results-page #results h1{font-size:38px}
 .results-page #results .case-card{gap:5px 12px;padding:10px}
 .results-page #results .case-card h3{font-size:20px}
 .results-page #results .case-image{margin:-10px 0 -10px -10px}
}
/* Match Healthcare's readable hierarchy; do not reduce copy for screen height. */
@media(min-width:901px){
 .general-page #services h1,.results-page #results h1{font-size:clamp(54px,4.7vw,78px);line-height:1.08}
 .general-page #services .service-card{padding:28px}
 .general-page #services .service-card h3{font-size:30px;line-height:1.2}
 .general-page #services .service-card p,.general-page #services .service-card li{font-size:20px;line-height:1.5}
 .general-page #services .service-icon{font-size:30px;margin:14px 0}
 .services-page .sector-choice h2{font-size:36px}
 .services-page .sector-choice p{font-size:22px;line-height:1.5}
 .services-page:not(.general-page):not(.manufacturing-page):not(.healthcare-page) .sector-hero h1{font-size:clamp(54px,4.7vw,78px)}
 .results-page #results .case-card h3{font-size:26px;line-height:1.2}
 .results-page #results .case-card>p{font-size:20px;line-height:1.5}
 .results-page #results .case-result span,.results-page #results .metric span{font-size:18px}
 .results-page #results .case-meta{font-size:14px}
 .sector-site #approach .sticky-copy>p:not(.eyebrow),.sector-site #approach .steps-list p,
 .sector-site #about .about-copy>p:not(.eyebrow):not(.about-lede),.sector-site #about .experience-item p{font-size:20px;line-height:1.5}
 .sector-site #approach .steps-list h3{font-size:27px}
 .sector-site #approach .sticky-copy h2{font-size:36px}
 .sector-site #about .about-lede{font-size:24px}
 .sector-site #about .specialties span{font-size:18px}
 .approach-page main>#approach,.about-page main>#about{min-height:100svh;padding-top:180px;padding-bottom:40px}
 .approach-page #approach h1,.about-page #about h1{font:700 clamp(44px,3.8vw,60px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 24px}
 .about-page #about .about-copy>h1{grid-column:1}
 .approach-page #approach .five-box-diagram{max-height:440px}
}
@media(max-width:900px){
 .approach-page main>#approach,.about-page main>#about{padding-top:170px}
 .approach-page h1,.about-page h1{font:700 2.3rem/1.12 Manrope,sans-serif;letter-spacing:-.04em}
}