@property --split-ratio{syntax:"<number>";inherits:false;initial-value:.5}.split-hero{--split-hero-min-height:100svh;--split-duration:.92s;--split-ease:cubic-bezier(.22, 1, .36, 1);--split-ratio:.5;min-height:var(--split-hero-min-height);grid-template-columns:1fr;gap:0;margin:0;padding:0;display:grid}.split-hero__panel{isolation:isolate;min-height:50svh;color:var(--color-text-inverse);align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.split-hero__panel:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-3px;z-index:2}.split-hero__media-wrap{z-index:0;position:absolute;inset:0}.split-hero__picture,.split-hero__media{width:100%;height:100%}.split-hero__media{object-fit:cover;object-position:center;transform-origin:50%;transition:transform var(--split-duration) var(--split-ease);backface-visibility:hidden;border-radius:0;transform:scale(1.04)translateZ(0)}.split-hero__overlay{position:absolute;inset:0}.split-hero__panel--eventhof .split-hero__overlay{background:linear-gradient(#14281c2e 0%,#14281c7a 48%,#0f1e16c7 100%),linear-gradient(115deg,#2f5d3a52,#0000 60%)}.split-hero__panel--foodtruck .split-hero__overlay{background:linear-gradient(#37181033 0%,#37181080 48%,#28100ac7 100%),linear-gradient(245deg,#8f3e285c,#0000 60%)}.split-hero__content{z-index:1;gap:var(--space-xs);width:min(100%,28rem);padding:clamp(1.5rem, 4vw, 3rem) var(--container-pad);display:grid;position:relative}.split-hero__kicker{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;text-shadow:0 1px 12px #00000059;margin:0}.split-hero__title{font-family:var(--font-serif);font-size:clamp(2.25rem,1.4rem + 3.5vw,4rem);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 24px #00000059;max-width:12ch;margin:0}.split-hero__panel:hover .split-hero__media,.split-hero__panel:focus-visible .split-hero__media{transform:scale(1.09)translateZ(0)}@media (width>=64rem){.split-hero{grid-template-columns:calc(var(--split-ratio) * 100%) calc((1 - var(--split-ratio)) * 100%);transition:--split-ratio var(--split-duration) var(--split-ease)}.split-hero__panel{min-height:var(--split-hero-min-height);min-width:0}.split-hero:has(.split-hero__panel--eventhof:hover),.split-hero:has(.split-hero__panel--eventhof:focus-visible){--split-ratio:.62}.split-hero:has(.split-hero__panel--foodtruck:hover),.split-hero:has(.split-hero__panel--foodtruck:focus-visible){--split-ratio:.38}.split-hero__content{animation:split-hero-content-in calc(var(--split-duration) * .85) var(--split-ease) both}.split-hero__panel--foodtruck .split-hero__content{animation-delay:90ms}.split-hero.split-hero--flex-fallback{transition:none;display:flex}.split-hero.split-hero--flex-fallback .split-hero__panel{transition:flex-grow var(--split-duration) var(--split-ease);flex:1 1 0}.split-hero.split-hero--flex-fallback:has(.split-hero__panel--eventhof:hover) .split-hero__panel--eventhof,.split-hero.split-hero--flex-fallback:has(.split-hero__panel--eventhof:focus-visible) .split-hero__panel--eventhof,.split-hero.split-hero--flex-fallback:has(.split-hero__panel--foodtruck:hover) .split-hero__panel--foodtruck,.split-hero.split-hero--flex-fallback:has(.split-hero__panel--foodtruck:focus-visible) .split-hero__panel--foodtruck{flex-grow:1.55}}@media (prefers-reduced-motion:reduce){.split-hero,.split-hero__media,.split-hero__content{transition:none!important;animation:none!important}.split-hero{--split-ratio:.5!important}.split-hero__media,.split-hero__panel:hover .split-hero__media,.split-hero__panel:focus-visible .split-hero__media{transform:scale(1.04)translateZ(0)!important}@media (width>=64rem){.split-hero,.split-hero:has(.split-hero__panel--eventhof:hover),.split-hero:has(.split-hero__panel--eventhof:focus-visible),.split-hero:has(.split-hero__panel--foodtruck:hover),.split-hero:has(.split-hero__panel--foodtruck:focus-visible){grid-template-columns:1fr 1fr}.split-hero.split-hero--flex-fallback .split-hero__panel{flex-grow:1!important}}}.gateway{min-height:100svh;margin:0;padding:0;display:block}
