/* Keep the area controls beside the mobile hero copy rather than at a fixed bottom. */
@media(max-width:760px){
 .showcase-home .showcase-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:auto;min-height:0;max-height:none}
 .showcase-home .showcase-slide{position:relative;inset:auto;grid-column:1;grid-row:1;min-width:0}
 .showcase-home .showcase-slide:not(.is-active){display:none}
 .showcase-home .showcase-content{padding:130px 6% 180px}
 .showcase-home .showcase-controls{position:absolute;top:auto;bottom:32px;left:6%;right:6%;max-width:none;margin:0}
 .showcase-home .showcase-background{inset:0;height:100%}
 .software-interactive .software-intro,.area-detail .area-hero{padding-bottom:24px}
 .software-interactive .software-hero-grid,.area-detail .area-hero-layout{gap:22px}
 .software-interactive .software-hero-grid>div>p,.area-detail .area-hero-copy>p{margin-bottom:20px}
}