/* event page header with the schedule card background behind it */
.ucl-evhero--bg{isolation:isolate;min-height:clamp(460px,46vw,640px);display:flex;align-items:flex-end}
.ucl-evhero--bg::before,.ucl-evhero--bg::after{display:none}
.ucl-evhero--bg .ucl-wrap{width:100%}
.ucl-evhero__bg{position:absolute;inset:0 0 0 auto;width:74%;z-index:-2;pointer-events:none}
.ucl-evhero__bg img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:right center}
.ucl-evhero__shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--ucl-ink) 0%,var(--ucl-ink) 24%,rgba(0,26,44,.86) 38%,rgba(0,26,44,.45) 56%,rgba(0,26,44,.08) 78%),linear-gradient(0deg,var(--ucl-ink) 0%,rgba(0,26,44,.4) 22%,rgba(0,26,44,0) 45%),linear-gradient(180deg,rgba(0,26,44,.55) 0%,rgba(0,26,44,0) 25%)}
.ucl-evhero--bg .ucl-h1,.ucl-evhero--bg .ucl-evhero__when,.ucl-evhero--bg .ucl-lead,.ucl-evhero--bg .ucl-kicker{text-shadow:0 2px 14px rgba(0,0,0,.85)}
.ucl-evhero--bg .ucl-btn--ghost{background:rgba(0,26,44,.6);backdrop-filter:blur(4px)}
.ucl-evhero--bg .ucl-btn--ghost:hover{background:#fff}
@media (max-width:860px){.ucl-evhero--bg{min-height:0;padding-top:200px}.ucl-evhero__bg{width:100%;height:340px;inset:0 0 auto 0}.ucl-evhero__shade{background:linear-gradient(180deg,rgba(0,26,44,.35) 0%,rgba(0,26,44,.2) 90px,rgba(0,26,44,.85) 250px,var(--ucl-ink) 340px)}}