/* ACS Hong Kong — Layout shift (CLS) & anchor offset fixes */
/* 1. Anchor offset */
:root {
  --header-h: 100px;
}
@media (max-width: 768px) {
  :root {
    --header-h: 64px;
  }
}
:target {
  scroll-margin-top: var(--header-h);
}
/* 2. Global baseline */
img,
video,
iframe {
  display: block;
  max-width: 100%;
}
/* 3. Hero */
.main-hero > img,
.hero__visual__video {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
/* 4. Spotlight cards */
.spotlight__block--pic {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
  background: #f2f4f6;
}
.spotlight__block--pic > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 5. Stat icons */
.lp__spots .icon img {
  width: 36px;
  height: 36px;
  margin: 0 auto 24px;
}
/* 6. CTA video blocks */
.section-cta__block--pic {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
  background: #f2f4f6;
}
.section-cta__block--pic > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-cta__block--pic > .acs-video-popup {
  position: absolute;
  inset: 0;
}
/* 7. Navigation thumbnails */
.nav-subimg {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
  background: #f2f4f6;
}
.nav-subimg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 8. Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}