.event-page{opacity:0;position:relative}.event-page.observed{animation:slide-fade-up .6s ease-out forwards}.event-page.observed .event-page__event-info .btn,.event-page.observed .event-page__event-info-list li{animation-duration:.6s;animation-fill-mode:forwards;animation-name:slide-fade-left;animation-timing-function:ease-out}.event-page__hero-image{border-block:.0625rem solid #fff;box-sizing:border-box;grid-column:1/span 3;margin:0 auto;min-height:18.75rem;width:100%}.event-page__event-title{max-width:60rem}.event-page__event-info{--item-transition-base:200ms;display:flex;flex-direction:column;font-style:normal;gap:2.25rem}.event-page__event-info-icon{align-items:center;display:flex;height:1.4375rem;justify-content:center;width:1.25rem}.event-page__event-info-icon picture{max-width:1rem}.event-page__event-info-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none}.event-page__event-info-list :nth-child(2){animation-delay:calc(var(--item-transition-base)*1)}.event-page__event-info-list :nth-child(3){animation-delay:calc(var(--item-transition-base)*2)}.event-page__event-info-list li{align-items:flex-start;display:flex;gap:.75rem;margin:0;opacity:0;padding:0}.event-page__event-info-list a{font-size:1rem}.event-page__event-info .btn{opacity:0;width:100%}.event-page__host-image{aspect-ratio:1;border-radius:100%;width:3.125rem}.event-page__host-info{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;font-style:normal;gap:1rem;padding-block:2rem}.event-page__host-info a{font-size:inherit;margin-bottom:0}.event-page .block-full-width-media{--media-height:28.75rem;display:none;padding-bottom:4rem}@media screen and (min-width:48em){.event-page.observed .event-page__hero-image{animation:slide-fade-right .6s ease-out forwards}.event-page__host-info{padding-block:3.5rem}.event-page__event-info{place-self:flex-end;width:min(100%,21.375rem)}.event-page__hero-image{border-inline:.0625rem solid #fff;bottom:0;grid-column:2;left:0;position:absolute;width:min(100%,30.625rem);z-index:4}.event-page .block-full-width-media{display:block}}@media screen and (min-width:160em){.event-page__hero-image{width:min(100%,37.5rem)}}

/*# sourceMappingURL=events.css.map*/