.hero-image{position:relative;display:grid;grid-template-rows:[background-start] 5rem [details-start] auto [details-end] 7rem [background-end];--min-spacing: 1rem;--side-spacing: max(var(--min-spacing), 50% - var(--max-content-width) / 2);--details-size: min(100%, var(--max-content-width) / 2);grid-template-columns:[background-start details-start] var(--details-size) [details-end] auto [background-end]}.hero-image--no-background{--min-spacing: 0rem;grid-template-rows:[details-start] auto [details-end]}.hero-image--limited-width{--side-spacing: calc(50% - var(--max-content-width) / 2);grid-template-columns:var(--side-spacing) [background-start details-start] var(--details-size) [details-end] auto [background-end] var(--side-spacing)}.hero-image__background{grid-area:background}.hero-image__background__image{width:100%;height:100%;object-fit:cover;display:block}.hero-image__details{grid-area:details;display:flex;align-items:center;z-index:1}.hero-image__details-background{background-color:var(--white);padding:1rem 2rem;color:var(--black);display:flex;flex-direction:column;justify-content:center;width:100%;min-height:200px}@media(max-width: 599px){.hero-image__details__title{font:var(--h2)}.hero-image__details__sub-title{font:var(--p-m)}}@media(max-width: 599px){.hero-image__details--below{grid-area:unset}.hero-image__details--below .hero-image__details-background{min-height:0;padding:var(--grid-gap) var(--content-padding) 0;background-color:rgba(0,0,0,0)}}.hero-image--orange .hero-image__details-background{background-color:var(--orange);color:var(--black)}.hero-image--no-background .hero-image__details-background{padding-block:0}.hero-image__editing{display:block;height:100px;position:absolute;top:10px;left:10px;padding:5px;background:#fff}.hero-image__editing__col{display:inline-block;position:relative;height:100%}.hero-image__editing__col__text{font-size:25px;position:absolute;left:5px;top:5px;font-weight:var(--font-bold);-webkit-text-stroke:1px #000;-webkit-text-fill-color:#fff}.hero-image__editing__col__image,.hero-image__editing__col img{width:auto !important;height:100% !important}.hero-image__editing__col+.hero-image__editing__col{margin-left:5px}