.gs-stack {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr);
  max-width: 100%;
}

.hero h1 .gs-stack,
.hero p .gs-stack {
  display: grid;
}

.gs-layer {
  grid-area: 1 / 1;
  min-width: 0;
  transition: opacity .45s var(--ease);
}

.gs-alt {
  opacity: 0;
  pointer-events: none;
  color: inherit;
  text-transform: none;
  font-variation-settings: normal;
}

.gs-alt.is-on {
  opacity: 1;
}

.gs-en.is-off {
  opacity: 0;
}

.gs-alt[dir="rtl"] {
  justify-self: start;
}

.gs-alt:lang(ur),
.gs-alt:lang(fa),
.gs-alt:lang(ar) {
  letter-spacing: 0 !important;
  font-family: "Noto Naskh Arabic", "Segoe UI", serif;
}

.gs-alt:lang(ur) {
  font-family: "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;
}

.hero h1 .gs-alt {
  white-space: normal;
  text-wrap: balance;
  overflow-wrap: anywhere;
}

.hero h1 .gs-alt:lang(ur) {
  font-size: .62em;
  line-height: 1.9;
  font-weight: 700;
}

.hero h1 .gs-alt:lang(fa),
.hero h1 .gs-alt:lang(ar) {
  font-size: .78em;
  line-height: 1.35;
  font-weight: 700;
}

.hero p .gs-alt:lang(ur) {
  line-height: 2.25;
  font-size: 1.02em;
}

.hero p .gs-alt:lang(fa),
.hero p .gs-alt:lang(ar) {
  line-height: 1.95;
}

.hero__meta .gs-alt:lang(ur) {
  font-size: 13px;
  line-height: 2.2;
}

.hero__meta .gs-alt:lang(fa),
.hero__meta .gs-alt:lang(ar) {
  font-size: 13px;
  line-height: 1.7;
}

.gs-alt:lang(zh) {
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
}

.hero h1 .gs-alt:lang(zh) {
  letter-spacing: .02em;
  line-height: 1.12;
  font-weight: 700;
  font-size: .86em;
}

.hero p .gs-alt:lang(zh) {
  line-height: 1.85;
  letter-spacing: .02em;
}

.hero__meta .gs-alt:lang(zh) {
  letter-spacing: .14em;
  font-size: 12px;
}

/* The later sibling canvas shares stage level 0, beneath content level 1. */
#stage.is-agent {
  filter: url(#agent-ripple);
}

#agent-code {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: normal;
}

@media (max-width: 767px) {
  .hero h1 .gs-alt:lang(ur) {
    font-size: .58em;
    line-height: 1.95;
  }

  .hero h1 .gs-alt:lang(fa),
  .hero h1 .gs-alt:lang(ar) {
    font-size: .74em;
  }

  .hero h1 .gs-alt:lang(zh) {
    font-size: .8em;
  }

  .hero p .gs-alt:lang(ur) {
    line-height: 2.1;
  }

  .hero__meta .gs-alt:lang(ur),
  .hero__meta .gs-alt:lang(fa),
  .hero__meta .gs-alt:lang(ar),
  .hero__meta .gs-alt:lang(fr),
  .hero__meta .gs-alt:lang(zh) {
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #agent-code {
    display: none;
  }

  #stage.is-agent {
    filter: none;
  }

  .gs-layer {
    transition: none;
  }

  .gs-alt {
    opacity: 0 !important;
  }

  .gs-en {
    opacity: 1 !important;
  }
}
