/* Centered editorial canvas: keep the site visually gathered instead of full-bleed. */
@media(min-width:901px){
  body{background:#e9e4da}
  .nav-wrap{max-width:1280px;margin:0 auto;border-left:1px solid rgba(16,34,53,.06);border-right:1px solid rgba(16,34,53,.06)}
  main#top{max-width:1280px;margin:0 auto;background:var(--paper);box-shadow:0 0 36px rgba(7,26,46,.07)}
  .hero{min-height:560px;grid-template-columns:minmax(0,1.35fr) minmax(260px,.55fr);}
  .hero-copy{padding:78px clamp(42px,5vw,78px) 64px}
  .hero h1{font-size:clamp(42px,4.4vw,64px);max-width:650px}
  .hero .lead{font-size:17px;max-width:540px}
  .portrait{min-height:460px;max-height:510px;background:#142b42;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
  .portrait img{width:78%;height:88%;object-fit:contain;object-position:center bottom;filter:saturate(.82) contrast(1.03);align-self:flex-end}
  .portrait:after{background:linear-gradient(90deg,rgba(7,26,46,.22),transparent 35%),linear-gradient(0deg,rgba(7,26,46,.55),transparent 48%)}
  .portrait figcaption{left:24px;right:24px;bottom:22px;font-size:15px}
  .today,.services,.media,.events,.about,.learn,.shop,.progress-evidence{padding-left:clamp(44px,6vw,92px);padding-right:clamp(44px,6vw,92px)}
  .services,.today,.media,.events,.about,.progress-evidence{padding-top:72px;padding-bottom:72px}
  .watch-listen-home{padding-left:clamp(44px,6vw,92px);padding-right:clamp(44px,6vw,92px)}
  footer{max-width:1280px;margin:0 auto}
}