/* Type scales with the available desktop width; section dimensions stay unchanged. */
@media(min-width:901px){
 html{font-size:18px}
 .sector-site{--copy-size:clamp(19px,1.5vw,23px);--card-copy:clamp(18px,1.3vw,20px);--title-size:clamp(44px,4.2vw,68px)}
 body{font-size:var(--copy-size,18px)}
 .sector-site main p:not(.eyebrow):not(.proof-label),
 .sector-site .sector-intro > div > p:not(.eyebrow),
 .sector-site #about .about-copy > p:not(.eyebrow):not(.about-lede),
 .sector-site #approach .sticky-copy > p:not(.eyebrow),
 .sector-site #approach .steps-list p{font-size:var(--copy-size);line-height:1.55}
 .sector-site main .sector-lede,.sector-site main .hero-lede,.sector-site #about .about-lede{font-size:clamp(22px,1.8vw,27px);line-height:1.5}
 .sector-site .sector-section h2,.sector-site main .section h2,.sector-site main .cta-section h2,
 .sector-site #about h2,.sector-site #approach h2{font-size:var(--title-size);line-height:1.12}
 .sector-site main .service-card h3,.sector-site main .music-offer-grid h3,.sector-site main .music-credentials h3{font-size:clamp(25px,2vw,30px);line-height:1.2}
 .sector-site main .service-card p,.sector-site main .service-card li,
 .sector-site main .music-offer-grid p,.sector-site main .music-credentials p,
 .sector-site main .music-profile p,.sector-site main .offer-list span,
 .sector-site #results .case-card > p,.sector-site main .case-card p{font-size:var(--card-copy);line-height:1.5}
 .sector-site main .offer-list strong{font-size:var(--copy-size)}
 .sector-site main .text-link,.sector-site #approach .text-link,.sector-site main .button{font-size:18px}
 .sector-site main .eyebrow,.sector-site main .choice-number{font-size:14px}
 .sector-site main .sector-choice h2{font-size:clamp(30px,2.5vw,38px)}
 .sector-site main .sector-choice p{font-size:var(--card-copy)}
 .sector-site main .sector-choice strong{font-size:18px}
 .sector-site #results .case-card h3,.sector-site #approach .steps-list h3{font-size:26px}
 .sector-site #results .case-result span,.sector-site #results .metric span{font-size:16px}
 .sector-site #results .case-meta{font-size:14px}
 .sector-site #about .specialties span,.sector-site #about .sector-experience-grid span{font-size:18px}
 .sector-site #approach .sticky-copy h2{font-size:32px}
 .sector-site main .cta-grid > div > p:not(.eyebrow),
 .sector-site main [aria-labelledby="general-approach-title"] p:not(.eyebrow){font-size:clamp(23px,1.9vw,29px)}
 #event-budget-model h2{font-size:var(--title-size);max-width:900px}
 #event-budget-model .name,#event-budget-model .action,#event-budget-model .num{font-size:var(--card-copy)}
 #event-budget-model .impact{font-size:26px}
 #event-budget-model .head{font-size:13px}
 #event-budget-model .total h3{font-size:30px}
 #event-budget-model .big{font-size:64px}
}
/* Five equal tabs: the Services parent occupies the same track as each sector. */
.sector-navigation-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:0;align-items:stretch}
.sector-navigation .sector-parent{justify-content:center;align-items:center;padding:13px 8px;margin:0;border:0;border-left:1px solid #ffffff12;font-size:15px;font-weight:700;letter-spacing:normal;text-transform:none;min-height:50px;color:#fff}
.sector-navigation nav{width:100%;max-width:none;min-width:0}
.sector-navigation .sector-parent[aria-current]{background:var(--cyan);color:#03151e}
@media(max-width:900px){
 .sector-navigation .sector-parent{font-size:13px;padding:12px 8px}
}
@media(max-width:600px){
 .sector-navigation{overflow-x:auto}
 .sector-navigation-inner{width:max(500px,calc(100% - 32px));margin-inline:16px}
 .sector-navigation .sector-parent,.sector-navigation nav a{font-size:12px;min-height:44px;padding:10px 3px}
}
