/* Main draft only: one full chapter per view at every viewport. */
.story-track{width:100%;min-width:0}
.story-chapter{max-width:100%;box-sizing:border-box}
.chapter-copy{min-width:0}
@media(min-width:761px){
 .hero .hero-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:5%}
 .hero h1{max-width:15ch;text-wrap:balance}
 .hero-copy{min-width:0}
 .story-chapter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;align-items:center;text-align:left}
 .story-chapter .chapter-art{height:300px;margin:0}
 .story-chapter .chapter-art img{max-width:360px}
 .story-chapter p{max-width:53ch;margin:0}
 .operations-layout{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:5%}
 .operations{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
 #what .operations article{display:flex;flex-direction:column;gap:var(--ordinal-gap);min-width:0}
 #what .operations .number{margin:0}
}


/* Optical alignment of the What We Do introductory text with its large heading. */
@media(min-width:761px){#what .section-head>div{padding-top:4px}}