@layer components{@keyframes events-roll-in{0%{transform:translate3d(0, calc(var(--names) * var(--row)), 0)}}@keyframes events-panel-in{0%{opacity:0}}.events-hero{--row:1.18em}.events-lockup{gap:2.5rem;display:grid}.events-lockup-title{font-size:var(--text-display-lg);font-weight:var(--text-display-lg--font-weight);letter-spacing:var(--text-display-lg--letter-spacing);line-height:var(--text-display-lg--line-height);align-items:center;gap:.3em;display:flex}.events-lockup-logo{width:auto;height:.74em}.events-names{columns:2;border-bottom:1px solid var(--tone-hairline-strong);column-gap:2rem}.events-name{break-inside:avoid;border-top:1px solid var(--tone-hairline-strong);font-size:var(--text-lead);justify-content:space-between;align-items:baseline;gap:.75rem;padding-block:.75rem;display:flex}.events-name-count{font-size:var(--text-body)}.events-host-panels,.events-reel{display:none}.events-hero-footer{margin-top:3.5rem}@media (min-width:64rem){.events-lockup{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4rem}.events-names{column-gap:3rem}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.events-hero[data-roll] .events-hero-inner{flex-direction:column;min-height:min(100svh,64rem);display:flex}.events-hero[data-roll] .events-lockup{--lockup-em:7.6;font-size:min(4.5rem, calc((100vw - 2 * var(--gutter)) / var(--lockup-em)));line-height:var(--row);flex:1;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:2.5rem .28em}.events-hero[data-roll] .events-lockup-title{font-size:inherit;line-height:var(--row)}.events-hero[data-roll] .events-names-window{--visible:3;cursor:grab;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;border-radius:.75rem}.events-hero[data-roll] .events-names-window[data-dragging]{cursor:grabbing}.events-hero[data-roll] .events-names-viewport{height:calc(var(--row) * var(--visible));letter-spacing:var(--text-display-lg--letter-spacing);-webkit-mask-image:linear-gradient(to bottom, transparent, black calc(100% / var(--visible)), black calc(100% - 100% / var(--visible)), transparent);mask-image:linear-gradient(to bottom, transparent, black calc(100% / var(--visible)), black calc(100% - 100% / var(--visible)), transparent);font-weight:300;overflow:clip}.events-hero[data-roll] .events-reel img{pointer-events:none;-webkit-user-drag:none}.events-hero[data-roll] .events-names{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.events-hero[data-roll] .events-reel{padding-top:calc(var(--row) * (var(--visible) - 1) / 2);translate:0 calc((var(--names) + var(--roll,0)) * var(--row) * -1);animation:events-roll-in 2.2s var(--ease-brand) both paused;display:block}.events-hero[data-roll][data-reel-ready] :is(.events-reel,.events-host-panels){animation-play-state:running}.events-hero[data-roll] .events-reel .events-name{height:var(--row);font-size:inherit;line-height:var(--row);white-space:nowrap;border:0;justify-content:flex-start;align-items:flex-start;gap:.12em;padding:0}.events-hero[data-roll] .events-name-text{letter-spacing:-.02em;align-self:center;align-items:center;gap:.3em;min-width:0;font-size:.58em;font-weight:600;line-height:1;display:flex}.events-hero[data-roll] .events-name-icon{border-radius:22%;width:1.15em;height:1.15em}.events-hero[data-roll] .events-name-logo{flex:0 auto;align-self:center;min-width:0;position:relative}.events-hero[data-roll] .events-name-logo img{object-fit:contain;object-position:left center}.events-hero[data-roll] .events-reel .events-name-count{letter-spacing:0;align-self:center;font-size:.32em;line-height:1}.events-hero[data-roll] .events-host-panels{animation:events-panel-in .6s var(--ease-brand) 1.8s both paused;grid-column:1/-1;font-size:1rem;line-height:normal;display:grid}.events-hero[data-roll] .events-host-panel{opacity:0;transition:opacity .3s var(--ease-brand);grid-area:1/1}.events-hero[data-roll] .events-host-panel[data-active]{opacity:1}.events-hero[data-roll] .events-hero-footer{margin-top:2.5rem}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled) and (min-width:64rem){.events-hero[data-roll] .events-lockup{font-size:var(--text-display-lg);grid-template-columns:auto minmax(0,1fr) minmax(0,17rem)}.events-hero[data-roll] .events-names-window{--visible:5}.events-hero[data-roll] .events-host-panels{grid-column:auto;align-self:stretch;display:block;position:relative}.events-hero[data-roll] .events-host-panel{inset-inline:0;position:absolute;top:50%;translate:0 -50%}.events-hero[data-roll] .events-hero-footer{margin-top:0}}@keyframes events-paste-in{0%{opacity:0;transform:scale(.94)}}@keyframes events-paste-peel{0%{opacity:1;transform:scaleY(1)}to{opacity:1;transform:scaleY(0)}}@keyframes events-paste-settle{0%{transform:scale(1.12)}}.events-poster-sheet{opacity:0;transform-origin:top}@media (prefers-reduced-motion:no-preference){[data-paste=pending]>li:not([data-pasted]){opacity:0}[data-paste=pending]>li[data-pasted]{animation:events-paste-in .4s var(--ease-brand) var(--paste-delay) both}[data-paste=pending]>li[data-pasted] .events-poster-sheet{animation:events-paste-peel .6s var(--ease-brand) calc(var(--paste-delay) + .25s) both}[data-paste=pending]>li[data-pasted] .events-poster-image{animation:events-paste-settle .85s var(--ease-brand) calc(var(--paste-delay) + .25s) both}}}
