.bb-podium{aspect-ratio:16/11;isolation:isolate;position:relative}.bb-gloed{z-index:0;filter:blur(6px);pointer-events:none;background:radial-gradient(46% 50% at 50% 46%,#5dcaa58c 0%,#5dcaa533 45%,#5dcaa500 75%),radial-gradient(30% 30% at 50% 40%,#c7ebdd4d 0%,#c7ebdd00 70%);animation:7s ease-in-out infinite alternate bb-adem;position:absolute;inset:-8% -6%}.bb-vloer{z-index:0;filter:blur(8px);pointer-events:none;background:radial-gradient(50% 50%,#00000073 0%,#0000 70%);height:10%;position:absolute;bottom:2%;left:18%;right:18%}.bb-racket{z-index:1;transform:rotate(var(--hoek));transform-origin:50% 70%;filter:drop-shadow(0 0 1.5px #c7ebdd8c)drop-shadow(0 0 22px #5dcaa547)drop-shadow(0 24px 22px #00000073);position:absolute}.bb-racket--voor{z-index:2}.bb-zweef{animation:bb-zweef var(--zweef) ease-in-out infinite alternate;animation-delay:var(--vertraging);position:absolute;inset:0}.bb-beeld{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}@keyframes bb-zweef{0%{transform:translateY(1.5%)rotate(-.6deg)}to{transform:translateY(-2.2%)rotate(.6deg)}}@keyframes bb-adem{0%{opacity:.75;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}@media (prefers-reduced-motion:reduce){.bb-gloed,.bb-zweef{animation:none}}
.hrm{background:radial-gradient(82% 82% at 28% 16%, #ffffff9e 0%, #ffffff24 55%, #fff0 100%), var(--cyp-sand);--w:clamp(104px, 33cqw, 190px);--l:calc(var(--w) * 900 / 505);--stap:calc(var(--l) * .6);--tussen:calc(var(--w) * .14);position:absolute;inset:0;overflow:hidden;container-type:size}@media (min-width:1024px){.hrm{--w:clamp(150px, min(25cqw, 29cqh), 250px)}}.hrm-stage{gap:var(--tussen);width:calc(4 * var(--w) + 3 * var(--tussen));height:175cqh;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}@media (min-width:1024px){.hrm-stage{transform:translate(-46%,-50%)rotate(-9deg)}}.hrm-kolom{width:var(--w);flex:none;height:100%;position:relative}.hrm-band{width:100%;height:calc(3 * var(--n) * var(--stap));will-change:transform;animation:var(--duur) linear var(--vertraging) infinite both;position:absolute;top:0;left:0}.hrm-kolom--omhoog .hrm-band{animation-name:hrm-omhoog}.hrm-kolom--omlaag .hrm-band{animation-name:hrm-omlaag}@keyframes hrm-omhoog{0%{transform:translateY(0)}to{transform:translateY(-33.3333%)}}@keyframes hrm-omlaag{0%{transform:translateY(-33.3333%)}to{transform:translateY(0)}}.hrm-racket{left:0;top:calc(var(--i) * var(--stap));z-index:var(--i);width:100%;height:var(--l);position:absolute}.hrm-beeld{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 -5px 8px #04342c3d)drop-shadow(6px 16px 18px #04342c2e);width:167.921%;max-width:none;height:133.333%;position:absolute;top:-16.6667%;left:-33.9604%}.hrm-val{pointer-events:none;background:linear-gradient(135deg,#04342c00 40%,#04342c29 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hrm .hrm-kolom .hrm-band{animation:none;transform:translateY(-16.6667%)}}