/* New behavior is opt-in. Legacy markup keeps its existing crop and breakpoints. */
.m18-hero__media>picture{display:contents}
@media(max-width:760px){
 .m18-hero--focal .m18-hero__image{object-position:var(--m18-focus-mobile,50% 50%)}
 .m18-section.m18-hero.m18-hero--below{display:flex;flex-direction:column;min-height:0;padding:0;background:var(--ms-fondo,var(--m18-paper));align-items:stretch}
 .m18-hero--below .m18-hero__media{position:relative;inset:auto;width:100%;height:60vh;height:60svh;flex:none;overflow:hidden}
 .m18-hero--below .m18-hero__media:after{content:none}
 .m18-hero--below .m18-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--m18-focus-mobile,50% 50%)}
 .m18-hero--below .m18-hero__content{width:100%;margin:0;padding:32px 24px;background:var(--ms-fondo,var(--m18-paper));align-self:auto}
 .m18-hero--below .m18-hero__panel{width:100%;min-width:0}
 .m18-hero--below .m18-title,.m18-hero--below .m18-copy{overflow-wrap:anywhere}
 .m18-hero--below .m18-actions{display:grid;grid-template-columns:1fr}
 .m18-hero--below .m18-button{min-height:44px;white-space:normal}
}