.eyebrow {
  display: none;
}

.thai-hero__device span {
  color: var(--primary);
}

.thai-announcement {
  background: var(--secondary);
  color: #fff;
}

.bangkok-hero-photo,
.hero-photo {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 1rem;
  background: #e8edf2;
}

.bangkok-hero-photo { min-height: 430px; }
.bangkok-hero-photo img,
.hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bangkok-hero-photo img { position: absolute; inset: 0; }
.bangkok-hero-photo figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  padding: 3rem 1.4rem 1.25rem;
  color: #fff;
  background: linear-gradient(transparent, rgba(27, 9, 15, .88));
}
.bangkok-hero-photo figcaption strong { font-size: 1.25rem; }
.bangkok-hero-photo figcaption span { font-size: .88rem; }
.hero-photo { aspect-ratio: 16 / 9; }

/* The Bangkok header is dark green, so the black source logo needs a light treatment. */
.site-header--storefront .brand img {
  filter: brightness(0) invert(1);
}

@media (max-width: 780px) {
  .bangkok-hero-photo { min-height: 260px; }

  .site-header--storefront .brand {
    gap: .45rem;
    font-size: .98rem;
    white-space: nowrap;
  }

  .site-header--storefront .brand img {
    width: 48px;
    height: 32px;
  }
}