/* Subtle use of the official AMA TONG Logo Print Pack horizontal lockup (3600 x 959 px, ratio 244:65) as a background watermark. */
.hero,
.section,
.cover,
.page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hero::after,
.section::after,
.cover::after,
.page::after {
  content: "";
  position: absolute;
  right: clamp(24px, 5vw, 80px);
  bottom: 38px;
  width: 375px;
  max-width: 34vw;
  aspect-ratio: 3600 / 959;
  background: url("assets/ama-tong-logo.png") center / contain no-repeat;
  opacity: 0.052;
  pointer-events: none;
  z-index: 0;
}

.hero > *,
.section > *,
.cover > *,
.page > * {
  position: relative;
  z-index: 1;
}

.dark::after,
.contact::after {
  opacity: 0.065;
}

@media (max-width: 900px) {
  .hero::after,
  .section::after,
  .cover::after,
  .page::after {
    right: 24px;
    bottom: 28px;
    width: 300px;
    max-width: 48vw;
  }
}

@media (max-width: 560px) {
  .hero::after,
  .section::after,
  .cover::after,
  .page::after {
    right: 18px;
    bottom: 18px;
    width: 230px;
    max-width: 64vw;
    opacity: 0.045;
  }

  .dark::after,
  .contact::after {
    opacity: 0.055;
  }
}

@media print {
  .hero::after,
  .section::after,
  .cover::after,
  .page::after {
    width: 280px;
    opacity: 0.04;
  }
}