/* Shared event experience: restrained movement, native interactions. */
.events-page .client-logo svg{max-width:128px;max-height:57.6px;width:80%}
.events-page .event-player{position:relative}
.event-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;display:grid;place-items:center;padding:0;margin:0;appearance:none;-webkit-appearance:none;line-height:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(0,0,0,.22);color:#fff;cursor:pointer;backdrop-filter:blur(3px);transition:background .3s,border-color .3s,box-shadow .3s}
.event-play[hidden]{display:none}
.event-play svg{width:30px;height:30px;display:block;fill:currentColor;transform:none;margin:0}
.event-play:hover{background:rgba(0,0,0,.48);box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.event-play:focus-visible{outline:2px solid white;outline-offset:7px}
.event-reveal{opacity:0;transform:translateY(18px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.3,1)}
.event-reveal.event-visible{opacity:1;transform:none}
.events-page .hall-row summary{transition:color .25s,padding .3s,background .3s}
.events-page .hall-row .hall-number{transition:opacity .3s}
.events-page .hall-row[open] .hall-number{opacity:1}
.events-page .format-grid article{position:relative;transition:border-color .35s}
.events-page .format-grid article::before{content:'';position:absolute;left:0;top:-1px;width:0;height:1px;background:currentColor;transition:width .65s cubic-bezier(.2,.7,.3,1)}
.events-page .event-enquire{position:relative}
.events-page .event-enquire::after{content:'';position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.events-page .event-enquire:hover::after,.events-page .event-enquire:focus-visible::after{transform:scaleX(1)}
.events-page .client-logo{transition:opacity .3s}
@media(hover:hover) and (pointer:fine){
.events-page .client-grid:has(.client-logo:hover) .client-logo:not(:hover){opacity:.55}
.events-page .hall-row summary:hover{padding-left:8px;background:rgba(255,255,255,.025)}
.events-page .format-grid article:hover::before{width:100%}
}
@media(max-width:600px){.events-page .client-logo svg{max-width:108.8px;max-height:48px}.event-play{width:62px;height:62px}.event-play svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.events-page *, .events-page *::before, .events-page *::after{transition:none!important;animation:none!important}.event-reveal{opacity:1;transform:none}}