.region--hero{--container-max-width-override: 100%}@media screen{.region--hero{background-color:var(--banner-bg-override, var(--page-mood, var(--neutral-light)))}}.region--hero .block:not(.hero__wallpaper){z-index: 20}.region--hero:has(.banner,.taxonomy-hero-block){border-bottom:15px solid var(--banner-border-override, var(--page-mood-dark, var(--neutral-light)))}.region--hero:has(:is(.share-group #qr,.qr-code #qr)){z-index: 20;overflow: visible}.is-front .region--hero{--banner-border-override: var(--dark-green)}.region--hero:has(.views-exposed-form.block--recipe-listing-exposed-filters){--banner-border-override: var(--mint)}.region--hero:has(.views-exposed-form.block--recipe-listing-exposed-filters) .hero__wallpaper :is(picture,img){border-style: none}.node-type--recipe .region--hero{--banner-bg-override: var(--turquoise-lighter);--banner-border-override: var(--turquoise)}.hero__wallpaper{position: absolute;top: 50%;left: 50%;z-index: 0;height: 100%;width: 100%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hero__wallpaper>.field *:not(.contextual){height: 100%;width: 100%}.hero__wallpaper img{height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center}.hero__wallpaper figcaption{display: none}