/* Manufacturing solution page only. Built from the site.css tokens. Shared Solutions rules are in solutions.css. */
@import url("/css/pages/solutions.css");
/* hero film (v9-mfg-hero, steel bar on roller stands): the film is shown at its own 16:9. The white-hot bar runs from the left-centre down to the lower right, right under the text, so a dark vignette sits at the bottom right (above the film, below the text): it dims the bar there and keeps the white copy readable, while the bar stays bright on the left. Phone: the 9:16 cut (v9-mfg-hero-phone) fills the frame and the vignette is wider. */
.mf-hero > .media img,.mf-hero > .media video{object-position:50% 45%}
.mf-hero > .media::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 62% 78% at 88% 92%,rgba(11,11,11,.78),rgba(11,11,11,.45) 55%,rgba(11,11,11,0) 100%)}
@media (max-width:699px){.mf-hero > .media::after{background:linear-gradient(to top,rgba(11,11,11,.6),rgba(11,11,11,.28) 55%,rgba(11,11,11,0))}}