@media (max-aspect-ratio:1){.showcase{--poster-top:calc(var(--site-header) + 78px);height:auto;min-height:0}.showcase-stage{height:calc(var(--poster-top) + 56.25vw + 40px + var(--thumb-h) + var(--strip-bottom) + 24px)}.showcase .showcase-slide{transition:none}.showcase .showcase-slide:before{content:"";background:var(--art) center / cover no-repeat;filter:blur(28px)brightness(.55)saturate(1.1);position:absolute;inset:-30px}.showcase .showcase-slide img{inset:var(--poster-top) 0 auto;object-fit:contain;width:100%;height:56.25vw;position:absolute}.showcase-stage:before{height:var(--poster-top)}.showcase-stage:after{height:calc(var(--thumb-h) + 70px)}.showcase:after{height:calc(var(--strip-bottom) + var(--thumb-h) + 40px)}}
.hp-hero{isolation:isolate;color:#fff;background:#061d57;grid-template-rows:minmax(0,1fr) 30px 46px 34px 32px;row-gap:12px;height:100svh;min-height:520px;padding:100px 0 12px;display:grid;position:relative;overflow:hidden}.hp-background{z-index:-3;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-30px}.hp-shade{z-index:-2;background:#000;position:absolute;inset:0}.hp-stage{grid-row:1;width:86%;max-width:1650px;height:100%;min-height:0;margin:0 auto;position:relative}.hp-panels{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.8%;padding-inline:3%;display:grid;position:absolute;inset:0;container-type:size}.hp-panel{top:var(--t,0cqh);height:88%;transform-origin:50% calc(50cqh - var(--t,0cqh));background:#061333;position:relative;overflow:hidden;transform:skew(-14deg);box-shadow:8px 12px 14px #0006}.hp-panel:nth-child(2){--t:10cqh}.hp-panel:nth-child(3){--t:4cqh}.hp-panel:nth-child(4){--t:14cqh}.hp-art{width:160%;height:100%;margin-left:-30%;transform:skew(14deg)}.hp-art img{object-fit:cover;--cx:var(--dx,50%);--cy:var(--dy,50%);--cz:var(--dz,1);object-position:var(--cx) var(--cy);width:100%;max-width:none;height:100%;transform-origin:var(--cx) var(--cy);scale:var(--cz);display:block}.hp-vid-box{opacity:0;pointer-events:none;--cx:var(--dx,50%);--cy:var(--dy,50%);--cz:var(--dz,1);transition:opacity .7s;position:absolute;inset:0;overflow:hidden;container-type:size}.hp-vid-box[data-on]{opacity:1}.hp-vid-box video{object-fit:cover;object-position:var(--cx) var(--cy);width:100%;max-width:none;height:100%;transform-origin:var(--cx) var(--cy);scale:var(--cz);display:block}.hp-ytw{aspect-ratio:16/9;width:max(100%,177.78cqh);left:var(--cx);top:var(--cy);translate:calc(-1*var(--cx)) calc(-1*var(--cy));transform-origin:var(--cx) var(--cy);scale:var(--cz);position:absolute}.hp-ytw iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}@media (max-width:1499px){.hp-vid-box{--cx:var(--lx,var(--dx,50%));--cy:var(--ly,var(--dy,50%));--cz:var(--lz,var(--dz,1))}}@media (max-width:1050px){.hp-vid-box{--cx:var(--tx,var(--lx,var(--dx,50%)));--cy:var(--ty,var(--ly,var(--dy,50%)));--cz:var(--tz,var(--lz,var(--dz,1)))}}@media (max-width:600px){.hp-vid-box{--cx:var(--mx,var(--tx,var(--lx,var(--dx,50%))));--cy:var(--my,var(--ty,var(--ly,var(--dy,50%))));--cz:var(--mz,var(--tz,var(--lz,var(--dz,1))))}}@media (max-width:1499px){.hp-art img{--cx:var(--lx,var(--dx,50%));--cy:var(--ly,var(--dy,50%));--cz:var(--lz,var(--dz,1))}}@media (max-width:1050px){.hp-art img{--cx:var(--tx,var(--lx,var(--dx,50%)));--cy:var(--ty,var(--ly,var(--dy,50%)));--cz:var(--tz,var(--lz,var(--dz,1)))}}@media (max-width:600px){.hp-art img{--cx:var(--mx,var(--tx,var(--lx,var(--dx,50%))));--cy:var(--my,var(--ty,var(--ly,var(--dy,50%))));--cz:var(--mz,var(--tz,var(--lz,var(--dz,1))))}}.hp-panel{animation:1s both hp-in}.hp-panel:nth-child(2n){animation-delay:1s}.hp-outgoing{pointer-events:none}.hp-outgoing .hp-panel{animation-name:hp-out}.hp-empty{place-items:center;height:100%;display:grid}.hp-empty img{width:min(200px,45%);height:auto}.hp-actions{grid-row:3;justify-content:center;gap:16px;margin:0 20px;display:flex}.hp-actions a{border-radius:12px;justify-content:center;align-items:center;gap:10px;height:46px;padding:10px 24px;font-size:15px;font-weight:700;transition:filter .2s,transform .2s,box-shadow .2s,background-size .45s cubic-bezier(.2,.7,.2,1),color .3s 80ms;display:flex}.hp-actions svg{width:18px;height:18px}.hp-live,.hp-programmes{background-position:0;background-repeat:no-repeat;background-size:0% 100%}.hp-live{background-color:#ce070c;background-image:linear-gradient(#8b0409,#8b0409);color:#fff!important}.hp-live svg{transition:transform .2s}.hp-live>span{background:#fff;border-radius:50%;width:9px;height:9px}.hp-programmes{background-color:#fff;background-image:linear-gradient(#1f6bff,#1f6bff);color:#080808!important}.hp-socials{grid-row:4;justify-content:center;align-items:center;gap:10px;margin:0;display:flex}.hp-discover{z-index:5;text-transform:uppercase;grid-row:5;justify-content:center;justify-self:center;font-size:9px;font-weight:750;line-height:12px;display:flex;color:#fff!important}.hp-cue{flex-direction:column;justify-content:center;align-items:center;gap:1px;transition:text-shadow .2s;animation:2.2s ease-in-out infinite hp-cue;display:flex}.hp-discover svg{flex:none;width:20px;height:18px}.hp-hero a:focus-visible,.hp-hero button:focus-visible{outline-offset:4px;outline:3px solid #77e3ff}.hp-actions a:active{transform:translateY(0)scale(.97)}@media (hover:hover){.hp-live:hover{background-size:100% 100%;transform:translateY(-3px);box-shadow:0 10px 24px #8b040980}.hp-live:hover svg{transform:translate(4px)}.hp-programmes:hover{background-size:100% 100%;transform:translateY(-3px);box-shadow:0 10px 24px #1f6bff80;color:#fff!important}.hp-discover:hover .hp-cue{text-shadow:0 0 12px #fffc}}@keyframes hp-cue{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.hp-wait .hp-stage,.hp-wait .hp-actions,.hp-wait .hp-socials,.hp-wait .hp-discover{opacity:0}.hp-pop .hp-background{animation:2.6s cubic-bezier(.2,.7,.2,1) both hp-bg-zoom}.hp-pop .hp-panels.hp-intro .hp-panel{animation-name:hp-in,hp-card-in;animation-duration:10ms,1.5s;animation-timing-function:ease,cubic-bezier(.2,.7,.2,1);animation-delay:0s,.55s;animation-fill-mode:both,both}.hp-pop .hp-panels.hp-intro .hp-panel:nth-child(2){animation-delay:0s,.67s}.hp-pop .hp-panels.hp-intro .hp-panel:nth-child(3){animation-delay:0s,.79s}.hp-pop .hp-panels.hp-intro .hp-panel:nth-child(4){animation-delay:0s,.91s}.hp-pop .hp-live,.hp-pop .hp-programmes,.hp-pop .hp-socials a,.hp-pop .hp-discover{animation:1.1s cubic-bezier(.2,.7,.2,1) both hp-rise-small}.hp-pop .hp-live{animation-delay:1.1s}.hp-pop .hp-programmes{animation-delay:1.22s}.hp-pop .hp-socials a:first-child{animation-delay:1.4s}.hp-pop .hp-socials a:nth-child(2){animation-delay:1.46s}.hp-pop .hp-socials a:nth-child(3){animation-delay:1.52s}.hp-pop .hp-socials a:nth-child(4){animation-delay:1.58s}.hp-pop .hp-socials a:nth-child(5){animation-delay:1.64s}.hp-pop .hp-socials a:nth-child(6){animation-delay:1.7s}.hp-pop .hp-socials a:nth-child(7){animation-delay:1.76s}.hp-pop .hp-socials a:nth-child(8){animation-delay:1.82s}.hp-pop .hp-discover{animation-delay:2s}@keyframes hp-card-in{0%{opacity:0;translate:0 44px;scale:1.16}to{opacity:1;translate:0;scale:1}}@keyframes hp-rise-small{0%{opacity:0;translate:0 28px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes hp-bg-zoom{0%{scale:1.16}to{scale:1}}.hp-panel{translate:0 calc(var(--p,0) * var(--rate,0px))}.hp-panel:first-child{--rate:-70px}.hp-panel:nth-child(2){--rate:-135px}.hp-panel:nth-child(3){--rate:-95px}.hp-panel:nth-child(4){--rate:-170px}.hp-background{translate:0 calc(var(--p,0) * 46px)}@keyframes hp-in{0%{opacity:0}to{opacity:1}}@keyframes hp-out{0%{opacity:1}to{opacity:0}}@media (min-width:1500px){.hp-hero{row-gap:16px;padding-top:115px}}@media (max-width:1050px){.hp-hero{padding-top:100px}.hp-stage{width:90%}}@media (max-width:600px){.hp-hero{grid-template-rows:minmax(0,1fr) 30px 94px 32px 32px;row-gap:10px;min-height:620px;padding-top:100px}.hp-stage{width:90%}.hp-panels{gap:4%;padding-inline:0}.hp-panel{transform:skew(-9deg)}.hp-art{transform:skew(9deg)}.hp-actions{flex-direction:column;align-items:center;gap:8px}.hp-actions a{width:220px;height:43px;padding:10px;font-size:14px}.hp-panels{--ph:min(84cqw,86cqh);--gap:calc((100cqh - var(--ph) * 1.16) / 2)}.hp-hero{--sh:min(calc(90vw * .84 * 1.16), calc(max(100svh, 620px) - 328px));--f:calc(max(100svh, 620px) - var(--sh) - 328px);padding-top:calc(100px + var(--f) / 2);grid-template-rows:auto calc(18px + var(--f) / 6) calc(94px + var(--f) / 6) calc(32px + var(--f) / 6) 32px;align-content:start}.hp-actions,.hp-socials{align-self:start}.hp-stage{height:var(--sh)}.hp-panel{height:var(--ph);top:calc(var(--t,0px) + var(--gap));transform-origin:50% calc(50cqh - var(--t,0px) - var(--gap));align-self:start}.hp-panel:first-child{--t:0px}.hp-panel:nth-child(2){--t:calc(var(--ph) * .114)}.hp-panel:nth-child(3){--t:calc(var(--ph) * .045)}.hp-panel:nth-child(4){--t:calc(var(--ph) * .159)}}@media (prefers-reduced-motion:reduce){.hp-wait .hp-stage,.hp-wait .hp-actions,.hp-wait .hp-socials,.hp-wait .hp-discover{opacity:1}.hp-pop .hp-background,.hp-pop .hp-live,.hp-pop .hp-programmes,.hp-pop .hp-socials a,.hp-pop .hp-discover,.hp-pop .hp-panels .hp-panel{animation:none}.hp-panel,.hp-background{translate:none}.hp-cue{animation:none}.hp-hero *{transition:none!important}.hp-hero a:hover,.hp-hero a:hover svg,.hp-hero button:hover,.hp-hero a:active,.hp-hero button:active{transform:none!important}.hp-panel{animation:none}.hp-outgoing{display:none}}
