.split-banner{display:flex;max-height:150vw;min-height:300px;overflow:hidden;position:relative;width:100%}.split-banner[data-transparent-header=true]{margin-top:calc(var(--menu-height, 80px)*-1);min-height:calc(300px + var(--menu-height, 80px));padding-top:var(--menu-height,80px)}.split-banner__side{flex:1;max-height:100%;overflow:hidden;position:relative}.split-banner__media{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.split-banner__placeholder{align-items:center;background-color:var(--bg-accent);display:flex;height:100%;justify-content:center;position:relative;width:100%}.split-banner__placeholder svg{height:60px;opacity:.3;width:60px}.split-banner__empty-state{background-color:hsla(0,0%,100%,.9);border-radius:4px;bottom:20px;color:#666;font-size:14px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%)}.split-banner__content-overlay{background:linear-gradient(transparent,rgba(0,0,0,.6));bottom:0;color:#fff;left:0;padding:2rem;position:absolute;right:0;z-index:2}.split-banner[data-transparent-header=true] .split-banner__content-overlay{z-index:1}.split-banner[data-transparent-header=true] .split-banner__content-overlay--top{bottom:auto;padding-top:calc(2rem + var(--menu-height, 80px));top:var(--menu-height,80px)}@media(max-width:988.98px){.split-banner{flex-direction:column;min-height:200px}.split-banner[data-transparent-header=true]{min-height:calc(200px + var(--menu-height, 80px))}.split-banner__side{max-height:50%}.split-banner__content-overlay{padding:1.5rem}.split-banner[data-transparent-header=true] .split-banner__content-overlay--top{padding-top:calc(1.5rem + var(--menu-height, 80px))}}