/* Text layers rebuilt from the Lanhu typography values copied into dm.txt. */
.exhibition-tab .gallery-copy {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 7% 7%;
  background: none;
  color: #fbfbfb;
  text-align: left;
  text-shadow: 6px 2px 10px #265763;
}

.gallery-copy b,
.gallery-copy small,
.gallery-copy em,
.gallery-copy i {
  font-family: Arial, sans-serif;
  font-style: normal;
}

.exhibition-tab.is-active .gallery-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: clamp(0.45rem, 0.7vw, 0.85rem);
  padding: 8% 7%;
}

.exhibition-tab.is-active .gallery-copy b {
  font-size: clamp(2.4rem, 4.1vw, 5rem);
  font-weight: 400;
  font-style: italic;
  line-height: 1;
}

.exhibition-tab.is-active .gallery-copy small,
.exhibition-tab.is-active .gallery-copy em {
  display: block;
  font-size: clamp(2.15rem, 3.55vw, 4.3rem);
  font-weight: 900;
  line-height: 1.05;
  text-transform: none;
}

.exhibition-tab.is-active .gallery-copy em {
  font-size: clamp(1.45rem, 2.3vw, 2.8rem);
  font-style: normal;
  text-transform: uppercase;
}

.exhibition-tab.is-active .gallery-copy i {
  display: grid;
  width: clamp(7.8rem, 12.3vw, 14.95rem);
  height: clamp(2.5rem, 3.2vw, 4rem);
  margin-top: clamp(0.8rem, 1.6vw, 1.9rem);
  place-items: center;
  background: #fcfcfc;
  color: #505050;
  font-size: clamp(1.12rem, 1.5vw, 1.8rem);
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
}

.exhibition-tab:not(.is-active) .gallery-copy {
  flex-direction: row;
  justify-content: center;
  gap: 0.08em;
  padding: 7% 12%;
  text-shadow: 6px 2px 10px #451300;
}

.exhibition-tab:not(.is-active) .gallery-copy b,
.exhibition-tab:not(.is-active) .gallery-copy small {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.exhibition-tab:not(.is-active) .gallery-copy b {
  font-size: clamp(1.6rem, 3.2vw, 3.8rem);
  font-weight: 900;
  line-height: 1;
}

.exhibition-tab:not(.is-active) .gallery-copy small {
  font-size: clamp(0.92rem, 1.35vw, 1.6rem);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.exhibition-tab:not(.is-active) .gallery-copy em,
.exhibition-tab:not(.is-active) .gallery-copy i { display: none; }

/* The ASD panel uses the same top baseline and centred text column as the other cards. */
.exhibition-tab[data-event="2"]:not(.is-active) .gallery-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 7% 12%;
}

.exhibition-tab[data-event="2"]:not(.is-active) .gallery-copy b,
.exhibition-tab[data-event="2"]:not(.is-active) .gallery-copy small {
  position: static;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.exhibition-tab[data-event="2"]:not(.is-active) .gallery-copy small {
  transform: translateY(clamp(0.8rem, 1.4vw, 1.5rem));
}

@media (max-width: 800px) {
  .exhibition-tab:not(.is-active) .gallery-copy { padding: 8% 9%; }
  .exhibition-tab:not(.is-active) .gallery-copy b { font-size: 1rem; }
  .exhibition-tab:not(.is-active) .gallery-copy small { font-size: 0.56rem; }
}
