.a24-flywheel{
  width:100%;
  max-width:var(--a24-wheel-size, 820px);
  margin:0 auto;
}
.a24-flywheel__visual{
  position:relative;
}
.a24-wheel{
  position:relative;
  width:min(100%, var(--a24-wheel-size, 820px));
  aspect-ratio:1 / 1;
  margin:0 auto;
}
.a24-segment,
.a24-center{
  position:absolute;
}
.a24-segment{
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  z-index:1;
  width:50%;
  height:50%;
}
.a24-segment:focus-visible{
  outline:2px solid #111;
  outline-offset:4px;
}
.a24-segment__inner{
  position:relative;
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.a24-segment--1{ left:0; top:0; }
.a24-segment--2{ right:0; top:0; }
.a24-segment--3{ left:0; bottom:0; }
.a24-segment--4{ right:0; bottom:0; }
.a24-segment--1 .a24-segment__inner{ justify-content:flex-end; align-items:flex-end; }
.a24-segment--2 .a24-segment__inner{ justify-content:flex-start; align-items:flex-end; }
.a24-segment--3 .a24-segment__inner{ justify-content:flex-end; align-items:flex-start; }
.a24-segment--4 .a24-segment__inner{ justify-content:flex-start; align-items:flex-start; }
.a24-segment__base,
.a24-segment__hover,
.a24-center__image{
  display:block;
}
.a24-segment__base,
.a24-segment__hover{
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
}
.a24-segment__hover{
  position:absolute;
  inset:auto;
  opacity:0;
  transition:opacity .25s ease;
}
.a24-segment:hover .a24-segment__hover,
.a24-segment.is-active .a24-segment__hover{
  opacity:1;
}
.a24-segment__label,
.a24-flywheel__panels,
.a24-flywheel__grid{ display:none !important; }
.a24-center{
  left:50%;
  top:50%;
  width:var(--a24-center-size, 180px);
  height:var(--a24-center-size, 180px);
  transform:translate(-50%, -50%);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
}
.a24-center__image{
  width:100%;
  height:100%;
  object-fit:contain;
}
.a24-play{
  position:absolute;
  left:50%;
  bottom:6px;
  transform:translateX(-50%);
  border:0;
  background:transparent;
  cursor:pointer;
  padding:0;
  z-index:6;
  text-decoration:none;
}
.a24-play__ring{
  position:absolute;
  inset:-7px;
  border-radius:999px;
  border:3px solid var(--a24-play-ring, rgba(255,0,0,.28));
  animation:a24-pulse 2s infinite;
}
.a24-play__btn{
  position:relative;
  display:block;
  width:48px;
  height:48px;
  border-radius:999px;
  background:var(--a24-play-button, #ff0000);
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.a24-play__icon{
  position:absolute;
  left:19px;
  top:15px;
  width:0;
  height:0;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-left:14px solid var(--a24-play-arrow, #fff);
}
@keyframes a24-pulse{
  0%{transform:scale(1);opacity:1}
  70%{transform:scale(1.25);opacity:0}
  100%{transform:scale(1.25);opacity:0}
}
.a24-popup[hidden]{ display:none !important; }
.a24-popup{
  position:fixed;
  inset:0;
  z-index:999999;
}
.a24-popup__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.75);
}
.a24-popup{
  display:flex;
  align-items:center;
  justify-content:center;
}
.a24-popup__dialog{
  position:relative;
  width:min(1100px, calc(100vw - 32px));
  margin:0 auto;
  z-index:2;
}
.a24-popup__close{
  position:absolute;
  right:0;
  top:-42px;
  border:0;
  background:transparent;
  color:#fff;
  font-size:34px;
  cursor:pointer;
}
.a24-popup__content{
  position:relative;
  background:#000;
  border-radius:18px;
  overflow:hidden;
  aspect-ratio:16 / 9;
}
.a24-popup__media{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
html.a24-popup-open,
html.a24-popup-open body{ overflow:hidden; }
@media (max-width: 700px){
  .a24-play__btn{ width:44px; height:44px; }
  .a24-play__icon{ left:17px; top:13px; border-top-width:8px; border-bottom-width:8px; border-left-width:13px; }
}


/* A24 fix – remove extra vertical space */
.a24-flywheel__visual--only{
    margin-top:-60px!important;
    margin-bottom:-60px!important;
    overflow:visible!important;
}


/* A24 fix – updated vertical spacing */
.a24-flywheel__visual--only{
    margin-top:-80px!important;
    margin-bottom:-70px!important;
    overflow:visible!important;
}


/* A24 mobile responsiveness – smaller center on phones */
@media (max-width: 700px){
  .a24-center{
    width:min(36vw, 150px)!important;
    height:min(36vw, 150px)!important;
  }
  .a24-play{
    bottom:12px!important;
  }
}


/* A24 v1.5.5 - arrow settings + centered popup */
.a24-play{
  left:50%;
  bottom:0 !important;
  transform:translateX(-50%) translateY(calc(var(--a24-play-offset-desktop, 36px) * -1));
}
.a24-play__ring,
.a24-play__btn,
.a24-play__icon{
  display:none !important;
}
.a24-play__svg{
  display:block;
  width:var(--a24-play-size-desktop, 72px) !important;
  max-width:none !important;
  height:auto;
  animation:a24-arrow-pulse 1.8s ease-in-out infinite;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.18));
}
@keyframes a24-arrow-pulse{
  0%,100%{transform:scale(1); opacity:1;}
  50%{transform:scale(1.09); opacity:.9;}
}
@media (min-width: 480px) and (max-width: 767px){
  .a24-play{
    transform:translateX(-50%) translateY(calc(var(--a24-play-offset-mobile, 42px) * -1)) !important;
  }
  .a24-play__svg{ width:var(--a24-play-size-mobile, 64px) !important; }
}
@media (max-width: 479px){
  .a24-play{
    transform:translateX(-50%) translateY(calc(var(--a24-play-offset-mobile, 42px) * -1)) !important;
  }
  .a24-play__svg{ width:var(--a24-play-size-mobile, 64px) !important; }
}