/* Professional introduction integrated into the existing hero. */
.hero-copy{width:90%;max-width:1100px;margin-top:clamp(36px,4.5vw,64px)}
.selected-visual-work + .approach{margin-top:0}
@media(max-width:600px){
 .hero-copy{width:100%;margin-top:32px}
}

/* Keep the heading and covers together within the existing gallery stage. */
.work .gallery-pin{justify-content:flex-start}
.work .gallery-heading{margin-bottom:12px}
.work .gallery-viewport{padding-top:16px}
@media(min-width:901px){
 .work .gallery-viewport{margin-bottom:auto}
}
@media(max-width:900px){
 .work .gallery-heading{margin-bottom:10px}
 .work .gallery-viewport{padding-top:12px}
}

/* Tall tablets use the cards' natural height, retaining the existing scroll travel. */
@media(min-width:768px) and (max-width:1199px){
 .work .gallery-pin{height:auto;min-height:0;max-height:none}
 .work .gallery-viewport{flex:0 0 auto;margin-bottom:0}
}

/* Balance the Approach heading against its supporting paragraph. */
@media(min-width:601px){
 .approach-body{align-items:center}
}