/* v6: hero spacing so text and globe never share space; mid-width layouts */
.hero h1{font-size:clamp(2.6rem,5.5vw,5.3rem)}
.hero .lede{max-width:46ch}
.nocatch{max-width:52ch}
.nav a{white-space:nowrap}

/* laptops and tablets: tighten the menu */
@media (max-width:1240px) and (min-width:981px){
  .brand .sub,.brand .rule{display:none}
  .nav{gap:20px}
  .nav a{font-size:.84rem}
  .nav .cta{padding:11px 16px}
}

/* below 1100px: globe sits above the text instead of behind it */
@media (max-width:1100px) and (min-width:641px){
  .hero{display:flex;flex-direction:column;min-height:0;align-items:stretch}
  #map{position:relative;left:auto;top:auto;width:100%;height:min(52vw,440px);margin-top:84px;order:0}
  .hero .wrap{order:1;padding-top:12px}
  .globe-cap{position:static;order:2;padding:0 var(--gut) 22px}
  .hero::before{background:linear-gradient(180deg,rgba(10,17,29,0) 0%,rgba(10,17,29,0) 55%,rgba(10,17,29,.6) 100%)}
}
.hero .eyebrow,.founder .eyebrow,.call .eyebrow{color:var(--brass-hi)}