/* Shared readable scale. This sheet owns the current header layout. */
.header .nav{
  display:grid;
  grid-template-columns:13.75rem minmax(0,1fr) auto 9rem;
  grid-template-areas:"signature navigation actions nexus";
  gap:20px;
  align-items:center;
  height:auto;
  min-height:0;
  padding-block:10px;
}
.header .header-identity{grid-area:signature;min-width:0}
.header .wordmark-brand{width:13.75rem;max-width:100%}
.header .nexus-brand{grid-area:nexus;width:9rem;height:auto;aspect-ratio:760/680;margin:0;padding:0;min-width:0}
.header .nav #navigation{grid-area:navigation;display:flex;position:static;justify-content:center;align-items:center;flex-direction:row;gap:18px;font-size:1rem;line-height:1.5;padding:0;border:0;background:transparent}
.header .nav #navigation>a{display:inline-flex;align-items:center;min-height:44px}
.header-actions{grid-area:actions;display:flex;align-items:center;gap:14px;min-width:0}
.header .header-actions .nav-cta{display:flex;order:0;justify-content:center;gap:12px;width:auto;max-width:100%;margin:0;padding:12px 16px;min-height:48px;font-size:1rem;line-height:1.4;white-space:normal;text-align:center}
.header .header-actions .menu-button{display:none;order:1;position:static;margin:0;min-height:48px;min-width:74px;padding:10px 4px;font-size:1rem;line-height:1.5;justify-content:center}
.header .header-specialties{display:block;min-height:0;padding:0 0 14px;font-size:.9375rem;line-height:1.5;letter-spacing:0}

/* Body copy is 16px at the default browser size; supporting copy is 14px. */
.hero .hero-specialties,.hero .hero-description,.finder-answer p,
.business-facts dd,.case-analysis p,.roles p,
.personal-with-portrait .personal-copy p:not(.eyebrow),
.story-intro>p:not(.eyebrow),.faq-section .faq-list p,
.process-steps p,.contact-agenda ul,.industry-list details>p{
  font-size:1rem;line-height:1.55;
}
.process-steps h3{font-size:1.0625rem;line-height:1.3}
.faq-section .faq-list summary,.faq-section .faq-list details:first-child summary,
.industry-list summary{font-size:1rem;line-height:1.5}
.hero .hero-copy>.eyebrow,.hero-offer .hero-price-detail,.fixed-price>p,
.compact-pricing .fixed-price>span,.compact-pricing .calc-subtitle,
.compact-pricing .calc-help,.compact-pricing .comparison-explanation,
.compact-pricing .quote-calculator .calc-fine,.compact-pricing .deposit-note,
.compact-pricing .primary-fee>p,.compact-pricing .agency-fee>p,
.compact-pricing .quality-proof span,.compact-pricing .agency-calculation p,
.compact-pricing .comparison-method>summary,.hero-proof,.hero-proof .guarantee-pill,
.case-source-note,.case-analysis summary,.roles-note,
.first-candidates>p:last-child,.compact-story .story-player figcaption{
  font-size:.875rem;line-height:1.5;
}
.hero .hero-actions .button,.hero .hero-actions .text-link,
.role-finder .text-link,.case-content .text-link,
.personal-with-portrait .personal-copy .text-link,
.story-fullscreen,.compact-pricing .quote-calculator .button,
.contact-card .messenger-link{font-size:1rem}
.finder-options button{font-size:.9375rem}
.case-selector button,.case-autoplay{font-size:.875rem}
.approach-intro .eyebrow,.first-candidates .eyebrow{font-size:.8125rem;line-height:1.4;letter-spacing:.4px}
.process-steps .step-number{font-size:.8125rem}
.footer .footer-identities .footer-wordmark{width:200px;flex:0 1 200px;min-width:0}
.footer-identities .footer-nexus{width:112px;flex:0 0 112px}
.footer>p,.footer>a:not(.brand),.footer .copyright{font-size:.875rem}

/* Collapse navigation before the enlarged identities become cramped. */
@media(max-width:1240px){
  .header .nav #navigation{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;grid-area:auto;flex-direction:column;align-items:stretch;gap:2px;padding:18px 32px;background:#17131e;border-bottom:1px solid #51405e;font-size:1.0625rem}
  .header .nav #navigation.is-open{display:flex}
  .header .nav #navigation>a{min-height:46px;padding:6px 0}
  .header .header-actions .menu-button{display:flex}
}
@media(max-width:1000px){
  .header .nav{grid-template-columns:12.5rem minmax(0,1fr) auto 8.25rem;gap:16px}
  .header .wordmark-brand{width:12.5rem}
  .header .nexus-brand{width:8.25rem}
}
/* Compact screens keep the controls between the two brand marks. */
@media(max-width:800px){
  .header .nav{grid-template-columns:minmax(0,1fr) auto 116px;grid-template-areas:"signature actions nexus";gap:16px;padding-block:10px 12px}
  .header .wordmark-brand{width:175px}
  .header .nexus-brand{width:116px;justify-self:end}
  .header-actions{width:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}
  .header .header-actions .nav-cta{flex:none;max-width:100%;padding:12px 10px}
  .header .header-actions .nav-cta>span{display:none}
  .header .header-actions .menu-button{flex:none;min-height:44px;padding:8px 0}
  .header .nav #navigation{padding-inline:18px}
  .header .header-specialties{font-size:.875rem;padding:0 0 12px;min-height:0}
  .process-steps>li{padding:12px}
  .approach-heading{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
}
@media(max-width:580px){
  .header .nav{grid-template-columns:minmax(0,1fr) 116px;grid-template-areas:"signature signature" "actions nexus";gap:10px 18px}
  .header .header-identity{justify-self:start}
  .header .wordmark-brand{width:200px}
}
@media(max-width:700px){
  .role-finder .finder-options button>span{display:none}
  .footer-identities{gap:16px}
  .footer .footer-identities .footer-wordmark{width:168px;flex-basis:168px}
  .footer-identities .footer-nexus{width:108px;flex-basis:108px}
  .footer>p,.footer>a:not(.brand),.footer .copyright{font-size:.875rem}
}
@media(max-width:520px){
  .compact-pricing .quality-proof>div{display:block}
  .compact-pricing .quality-proof strong{display:block;margin-bottom:5px}
  .approach-heading{grid-template-columns:1fr}
  .approach-intro h2 br{display:none}
}
@media(max-width:360px){
  .header .nav{grid-template-columns:minmax(0,1fr) 112px;column-gap:12px}
  .header .wordmark-brand{width:160px}
  .header .nexus-brand{width:112px}
}

/* Desktop hero: keep the copy and role picker together across wide screens. */
@media(min-width:1001px){
  .hero.wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:28px}
  .hero .hero-description,.hero .hero-specialties{max-width:none}
}