.cx-art{--mx:50%;--my:50%;--cx-rmax:240%;aspect-ratio:16/10;background:0 0;position:relative;overflow:hidden}.cx-art img{object-fit:cover;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}@property --cx-r{syntax:"<percentage>";inherits:false;initial-value:0%}.cx-colour{--cx-r:0%;opacity:1;-webkit-mask-image:radial-gradient(ellipse calc(var(--cx-r) * .625) var(--cx-r) at var(--mx) var(--my), #000 0%, #000 60%, transparent 100%), radial-gradient(ellipse calc(var(--cx-r) * .45) calc(var(--cx-r) * .72) at calc(var(--mx) + 9%) calc(var(--my) - 8%), #000 0%, #000 48%, transparent 100%), radial-gradient(ellipse calc(var(--cx-r) * .42) calc(var(--cx-r) * .66) at calc(var(--mx) - 9%) calc(var(--my) + 9%), #000 0%, #000 44%, transparent 100%);-webkit-mask-image:radial-gradient(ellipse calc(var(--cx-r) * .625) var(--cx-r) at var(--mx) var(--my), #000 0%, #000 60%, transparent 100%), radial-gradient(ellipse calc(var(--cx-r) * .45) calc(var(--cx-r) * .72) at calc(var(--mx) + 9%) calc(var(--my) - 8%), #000 0%, #000 48%, transparent 100%), radial-gradient(ellipse calc(var(--cx-r) * .42) calc(var(--cx-r) * .66) at calc(var(--mx) - 9%) calc(var(--my) + 9%), #000 0%, #000 44%, transparent 100%);mask-image:radial-gradient(ellipse calc(var(--cx-r) * .625) var(--cx-r) at var(--mx) var(--my), #000 0%, #000 60%, transparent 100%), radial-gradient(ellipse calc(var(--cx-r) * .45) calc(var(--cx-r) * .72) at calc(var(--mx) + 9%) calc(var(--my) - 8%), #000 0%, #000 48%, transparent 100%), radial-gradient(ellipse calc(var(--cx-r) * .42) calc(var(--cx-r) * .66) at calc(var(--mx) - 9%) calc(var(--my) + 9%), #000 0%, #000 44%, transparent 100%);transition:--cx-r .5s var(--ease-out);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cx-art[data-on] .cx-colour{--cx-r:var(--cx-rmax);transition:--cx-r .7s var(--ease-inout)}@media (prefers-reduced-motion:reduce){.cx-art .cx-colour{opacity:0;transition:opacity .2s var(--ease-out);-webkit-mask-image:none;mask-image:none;transition-duration:.2s!important}.cx-art[data-on] .cx-colour{opacity:1;transition:opacity .2s var(--ease-out);transition-duration:.2s!important}}.cx-grid{grid-template-columns:1fr;gap:2.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.cx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cx-item{min-inline-size:0}.cx-card{flex-direction:column;gap:1rem;block-size:100%;display:flex}.cx-frame{-webkit-tap-highlight-color:transparent;position:relative}.cx-body{border-block-start:1px solid var(--line);flex-direction:column;flex:auto;gap:.25rem;padding-block-start:.25rem;display:flex}.cx-body h3,.cx-body p{margin:0}.cx-body h3{padding-block-start:.5rem}.cx-time{font-variant-numeric:tabular-nums;min-block-size:1.5em}.cx-connect{align-self:flex-start;margin-block-start:auto;padding-block-start:.25rem}.cx-connect:hover,.cx-connect:focus-visible{-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}