/* Global footprint (2026-10-24, the look Mason picked), on the home page between Why Praxus and Research: a globe
   of points turns to each place in turn, the place it faces large beside it and every name beneath (reach.js). */
.mn .reach{position:relative;padding:120px 0 150px}
/* the headline on the left and its text beside it, as What we do and Why Praxus have them (accents.css) */
@media (min-width:901px){
  .mn .reach .head{grid-column:1/-1;display:flex;align-items:center;gap:113px}
  .mn .reach .head>h2{flex:0 1 54%}
}
/* the globe on the right, the place it faces large on the left; the large name grows with the screen and stops where
   the longest still clears the globe */
.mn .reach__stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:center;
  max-width:1440px;margin:40px auto 0;padding:0 var(--pad)}
.mn .reach__globe{position:relative;grid-column:6/span 7;grid-row:1;width:100%;max-width:740px;aspect-ratio:1;margin:0 0 0 auto}
.mn .reach__cv{position:absolute;inset:0;display:block;width:100%;height:100%;color:var(--ink)}
.mn .reach__side{grid-column:1/span 5;grid-row:1}
.mn .reach__now{min-height:1.1em;font:300 clamp(48px,6vw,90px)/1.05 var(--serif);letter-spacing:-.032em;color:var(--ink);white-space:nowrap}
.mn .reach__list{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:44px}
.mn .reach__p{font:400 17px/1.4 var(--sans);color:var(--mute);cursor:pointer;transition:color .5s ease}
.mn .reach__p:hover,.mn .reach__p.on{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.mn .reach__p{transition:none}}

/* phones: the globe, then the place it faces, then the names */
@media (max-width:900px){
  .mn .reach{padding:72px 0 96px}
  .mn .reach__stage{display:block;margin-top:36px}
  .mn .reach__globe{max-width:440px;margin:0 auto}
  .mn .reach__side{margin-top:28px}
  .mn .reach__now{font-size:52px}
  /* the names in lines of even length, so none is left alone on the last line */
  .mn .reach__list{display:block;margin:24px -18px 0 0;font-size:0;text-wrap:balance}
  .mn .reach__p{display:inline-block;margin:0 18px 8px 0;font-size:16px;white-space:nowrap}
}