/* V0.11: supplied illustrations, separate from the character workshop. */
.discovery-site .hero h1 { max-width: min(580px, 60%); }
.discovery-site .hero-art { left: 40%; }
.discovery-site .hero-art img {
  object-position: center bottom;
  mix-blend-mode: normal;
  animation: none;
}
.discovery-site .hero-art:after {
  background: linear-gradient(90deg, #eee5d3 0%, #eee5d3ed 10%, #eee5d347 38%, transparent 65%);
}
.discovery-site .ink-art {
  mix-blend-mode: normal;
  filter: none;
}
.discovery-site .scene-art {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 10;
  border: 1px solid #9e896c66;
  border-radius: 2px;
  padding: 6px;
  background: #e5dcc8;
  box-shadow: 0 12px 30px #302b1914;
  mix-blend-mode: normal;
  filter: none;
}
.discovery-site .topic-art .scene-art,
.discovery-site .landing-art .scene-art {
  height: auto;
  max-height: none;
}
.discovery-site .world-image {
  height: auto;
  min-height: 470px;
  padding: 28px 16px 66px;
  display: flex;
  align-items: center;
  background: #e7ddc6;
}
.discovery-site .world-image img {
  height: auto;
  width: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  transition: none;
  transform: none;
}
.discovery-site .world-image:after { display: none; }
.discovery-site .world-image .image-caption {
  color: #4b4b3b;
  text-shadow: none;
  bottom: 25px;
}
.discovery-site .world-layout { min-height: 620px; }
.discovery-site .world-art-intro .intro-illustration:before,
.discovery-site .world-art-intro .intro-illustration:after { display: none; }
.discovery-site .world-glimpses {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding-block: 30px 42px;
}
.discovery-site .world-glimpses figure { margin: 0; min-width: 0; }
.discovery-site .world-glimpses .scene-art { aspect-ratio: 16 / 10; }
@media (max-width: 800px) {
  .discovery-site .hero h1 { max-width: 100%; }
  .discovery-site .hero-art { left: 0; }
  .discovery-site .hero-art:after {
    background: linear-gradient(180deg, #eee5d3, #eee5d300 24%);
  }
  .discovery-site .hero-art img { object-position: center bottom; }
  .discovery-site .world-image { min-height: 0; padding: 18px 14px 58px; }
  .discovery-site .world-layout { min-height: 0; }
  .discovery-site .world-glimpses { grid-template-columns: 1fr; gap: 20px; padding-block: 20px 28px; }
  .discovery-site .world-art-intro .intro-illustration img { height: auto; }
}

/* V0.12: a hat for the team story and two quiet, freestanding companions. */
.discovery-site .hat-art {
  display: block;
  width: 100%;
  max-width: 460px;
  margin-inline: auto;
  object-fit: contain;
  mix-blend-mode: normal;
  filter: none;
}
.discovery-site .mascot-actions {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 16px 22px;
}
.discovery-site .mascot-actions > a {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
}
.discovery-site .website-mascot {
  display: block;
  flex: 0 0 auto;
  width: 112px;
  height: auto;
  object-fit: contain;
  margin: 0;
  mix-blend-mode: normal;
  filter: none;
  pointer-events: none;
  user-select: none;
}
.discovery-site .mascot-toad { width: 128px; }
.discovery-site .invite-signoff { margin-top: 22px; }
.discovery-site .contact-signoff { margin-top: 10px; }
.discovery-site .contact-signoff > .text-link { margin-top: 0; margin-bottom: 10px; }
.discovery-site .character-roles-art,
.discovery-site .free-merchant-art {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  filter: none;
}
@media (max-width: 800px) {
  .discovery-site .hat-art { max-width: 340px; }
  .discovery-site .website-mascot { width: 86px; }
  .discovery-site .mascot-toad { width: 100px; }
  .discovery-site .mascot-actions { gap: 12px 16px; }
}