#la-global-gate-20261026 {
  --la-modal-gap: 12px;
  position: fixed;
  inset: 0;
  z-index: 2147483100;
  display: grid;
  place-items: center;
  padding: var(--la-modal-gap);
  box-sizing: border-box;
  overflow: hidden;
  background: rgba(0, 0, 0, .78);
}
#la-global-gate-20261026[hidden],
#la-global-gate-20261026-loading[hidden] { display: none !important; }
#la-global-gate-20261026 .la-ggate-card {
  position: relative;
  width: min(480px, calc(100vw - 24px), calc((100vh - 24px) * 1123 / 1401));
  aspect-ratio: 1123 / 1401;
  line-height: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 3.6% / 2.9%;
}
@supports (height: 100dvh) {
  #la-global-gate-20261026 .la-ggate-card {
    width: min(480px, calc(100vw - 24px), calc((100dvh - 24px) * 1123 / 1401));
  }
}
#la-global-gate-20261026 .la-ggate-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Green button in the artwork, not the whole image. */
#la-global-gate-20261026 .la-ggate-cta {
  position: absolute;
  left: 16.5%;
  top: 78%;
  width: 67%;
  height: 12.2%;
  z-index: 1;
  display: block;
  border-radius: 50%;
  background: transparent;
}
/* Artwork X centre: x=1050, y=60 on a 1123×1401 image.
   Minimum 44px hit target stays inside the image on small screens.
   A separate image-aligned mask controls the gradual reveal. */
#la-global-gate-20261026 .la-ggate-close {
  position: absolute;
  z-index: 2;
  left: clamp(0px, calc(93.5% - 22px), calc(100% - 44px));
  top: clamp(0px, calc(4.3% - 22px), calc(100% - 44px));
  width: 44px;
  height: 44px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin: 0;
  transform: none;
  display: block;
  border: 0;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
#la-global-gate-20261026 .la-ggate-close::before,
#la-global-gate-20261026 .la-ggate-close::after { content: none; }
#la-global-gate-20261026 .la-ggate-close-mask {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  left: 88.602%;
  top: .357%;
  width: 9.795%;
  height: 7.852%;
  /* Colours sampled from the artwork immediately around the X.
     Soft alpha edges blend into the real navy background around the X.
     Position and size scale with the artwork, not the 44px touch target. */
  background: linear-gradient(180deg, #0b1222 0%, #0b1222 70%, #0e1728 100%);
  mask-image: radial-gradient(ellipse at center, #000 0%, #000 65%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, #000 65%, transparent 100%);
  opacity: 1;
  transition: none;
}
#la-global-gate-20261026.is-close-revealing .la-ggate-close-mask {
  opacity: 0;
  transition: opacity 3.4s cubic-bezier(.45,0,.2,1);
}
#la-global-gate-20261026 .la-ggate-close:hover,
#la-global-gate-20261026 .la-ggate-close:active { background: transparent; box-shadow: none; }
#la-global-gate-20261026 .la-ggate-cta:focus-visible,
#la-global-gate-20261026 .la-ggate-close:focus-visible {
  outline: 2px solid #19ffa6;
  outline-offset: -3px;
}
#la-global-gate-20261026-loading {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 2147483050;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #3ba99f;
  border-radius: 10px;
  background: #092e31;
  color: #fff;
  font: 14px/1.4 Arial, sans-serif;
  box-shadow: 0 5px 15px rgba(0,0,0,.3);
  pointer-events: none;
}