/* One shared page gutter. Never centre a capped-width hero on a wide canvas. */
body.meridian-restored{--meridian-page-gutter:clamp(40px,4vw,80px)}
body.meridian-restored .container,
body.meridian-restored .nav-inner,
body.meridian-restored #main :is(.hero-content,.dev-hero-grid){
  width:calc(100% - var(--meridian-page-gutter) - var(--meridian-page-gutter));
  max-width:none;
  margin-inline:auto;
}
body.meridian-restored #main .hero-content{padding-top:56px}
body.meridian-restored #main .dev-hero{padding-block:64px}
@media(min-width:1600px){
  body.meridian-restored #main .hero-copy,
  body.meridian-restored #main .hero h1{max-width:1040px}
  body.meridian-restored #main .hero h1{font-size:clamp(4.7rem,4.7vw,5.4rem)}
  body.meridian-restored #main .dev-hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:64px}
}
/* Preserve reading measures while cards and imagery use the wider page grid. */
body.meridian-restored #main .article-body{max-width:78ch}
body.meridian-restored #main :is(.dev-card,.why-grid article,.sector-grid article,.cap-app-grid article,.sector-app-grid article,.overview-grid article,.about-principle-grid article,.current-work-grid article) p{max-width:70ch}
body.meridian-restored #main :is(.cap-two,.sector-two,.about-two,.about-gap-grid,.split-heading) p{max-width:72ch}
body.meridian-restored.modern-page #main .section .container>:is(p,ul,ol){max-width:78ch}
@media(max-width:1024px){body.meridian-restored{--meridian-page-gutter:32px}}
@media(max-width:768px){
  body.meridian-restored{--meridian-page-gutter:20px}
  body.meridian-restored #main .hero-content{padding-top:40px}
  body.meridian-restored #main .dev-hero{padding-block:40px}
}