.hero-image{--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-rows:[background-start]5rem[details-start]auto[details-end]7rem[background-end];grid-template-columns:[background-start details-start] var(--details-size) [details-end] auto [background-end];display:grid;position:relative}.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{object-fit:cover;width:100%;height:100%;display:block}.hero-image__details{grid-area:details}.hero-image__details-background{background-color:var(--white);color:var(--black);flex-direction:column;justify-content:center;width:100%;min-height:200px;padding:1rem 2rem;display:flex}.hero-image__details{z-index:1;align-items:center;display:flex}.hero-image__details__sub-title:empty{display:none}@media (width<=599px){.hero-image__details__title{font:var(--h2)}.hero-image__details__sub-title{font:var(--p-m)}.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:#0000}}.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{background:#fff;height:100px;padding:5px;display:block;position:absolute;top:10px;left:10px}.hero-image__editing__col{height:100%;display:inline-block;position:relative}.hero-image__editing__col__text{font-size:25px;font-weight:var(--font-bold);-webkit-text-stroke:1px black;-webkit-text-fill-color:white;position:absolute;top:5px;left:5px}.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}