/* The statement on the white page (Mason's pick, 2026-10-15: "On white"). The words come straight after the
   figures, large and navy, each half of the first sentence on a line of its own, and light up as you scroll
   (statement.js). No photograph follows: Skyline's Midtown sits just above. Every word is as it was.
   These rules replace home.css's statement over the photograph; each selector carries one class more than the
   home.css rule it overrides, so the order the two files load in does not matter. */
.mn .hm-band.band--stmt{height:auto;min-height:0;display:block;overflow:hidden;background:var(--paper)}
/* the page's own colours again, in place of home.css's white for words over the photograph */
/* the figures above end on the Midtown skyline (Skyline), so the words keep room above them; Who we are's own top
   space follows them */
.mn .band--stmt .over{position:relative;inset:auto;width:100%;padding:128px var(--pad) 0;
  --ink:inherit;--text:inherit;--mute:inherit;--rule:inherit;color:var(--ink)}
.mn .band--stmt :is(.stmt__p,.stmt__end){max-width:none;font:300 clamp(38px,5.3vw,80px)/1.1 var(--serif);letter-spacing:-.024em;color:var(--ink);text-wrap:balance}
.mn .band--stmt :is(.stmt__l,.stmt__b){display:block;text-wrap:balance}
.mn .band--stmt .stmt__b{color:var(--mute)}
.mn .band--stmt .stmt__end{margin-top:.62em;font-weight:400}
/* the words ink in from a pale grey; statement.js times it (.lit) in place of home.js (.on) */
.hm-mo .mn .band--stmt .over .w,.hm-mo .mn .band--stmt .over .w.on{opacity:.16}
.hm-mo .mn .band--stmt .over .w.lit{opacity:1}

@media (max-width:900px){
  .mn .band--stmt .over{padding:64px var(--pad) 0}
  .mn .band--stmt :is(.stmt__p,.stmt__end){font-size:34px;line-height:1.12}
  .mn .band--stmt :is(.stmt__l,.stmt__b){margin-bottom:.2em}
  .mn .band--stmt .stmt__end{margin-top:.5em}
}