.fr-common-background .fr-hero,
.fr-common-background .fr-directory-hero{background:#edf0ff url('home-hero-close-2560.png') right center / cover no-repeat}
.fr-common-background .fr-hero-img{object-fit:cover;object-position:right center}
.fr-common-background .fr-hero:after{background:none}
@media(min-width:701px){.fr-common-background .fr-hero{min-height:330px}}
@media(max-width:700px){.fr-common-background .fr-hero:after{background:linear-gradient(90deg,#edf0fff2,#edf0ff55)}}
html[data-fr-theme="dark"] .fr-common-background .fr-hero:after{background:linear-gradient(90deg,#10182bee,#10182b88)}

/* Center each title group vertically while retaining left-aligned text. */
.fr-common-background .fr-hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch}
.fr-common-background .fr-hero > .fr-hero-copy{flex:0 0 auto;width:100%;min-width:0;margin-inline:0;text-align:left}