/* Native-resolution art is shared by desktop and mobile without baked-in canvas padding. */
.machi-game-hero { margin-top: 0; padding-top: 0; height: auto; min-height: 0; }
.machi-game-hero .machi-game-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 32px 0;
}
.machi-game-hero .machi-game-title { width: 100%; max-width: none; margin: 0; padding: 0; text-align: center; }
.machi-game-hero .machi-game-title h1 { text-align: inherit; }
.machi-game-hero .machi-game-prize { width: 100%; min-width: 0; margin: 0; }
.machi-game-hero .machi-game-prize > div { flex-wrap: wrap; gap: 8px 16px; white-space: normal; }
.machi-game-hero .machi-game-prize .accented { white-space: nowrap; }
.machi-game-hero .machi-game-note { margin: 0; color: #25302a; }
.machi-game-hero img.machi-game-art {
  display: block;
  position: static;
  transform: none;
  width: 100%;
  min-width: 0;
  max-width: 500px;
  height: 260px;
  margin: 0;
  object-fit: contain;
  object-position: center;
}
.machi-game-demo {
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 5;
  object-fit: contain;
  border-radius: 8px !important;
  background: #fafaf8;
}
.landing__games-content-body-img.machi-game-card {
  width: 260px;
  max-width: 44%;
  height: 160px;
  object-fit: contain;
  object-position: right bottom;
}
.landing__games-content-body-main .footer-img.machi-game-card {
  position: static;
  width: 100%;
  height: auto;
  max-height: 210px;
  margin-top: 20px;
  object-fit: contain;
  object-position: right bottom;
}
.landing__games-mobile-content .landing__games-content-body-main .footer-cta { margin-bottom: 0; }
.landing__stories-body.machi-story-art {
  background: #e9eeea;
  border: 1px solid #dce4de;
  border-radius: 8px;
  box-shadow: none;
}
.landing__stories-body.machi-story-art::before { display: none; }
.machi-story-art .landing__stories-body-background { object-position: center; }
.machi-story-art .landing__stories-body-content { max-width: 58%; }
.machi-story-art .landing__stories-body-content .date,
.machi-story-art .landing__stories-body-content .title,
.machi-story-art .landing__stories-body-content .title span,
.machi-story-art .landing__stories-body-content .desc {
  color: #192724 !important;
  text-shadow: none;
}
.machi-story-art .landing__stories-body-content .amount { color: #00765a; }
.machi-story-art .landing__stories-body-content .button.secondary-- {
  border-color: #1d5545;
  border-radius: 6px;
  background: #fff;
}
@media (min-width: 744px) {
  .machi-game-hero .machi-game-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "title art" "prizes art" "note art";
    gap: 20px 32px;
    align-items: center;
    min-height: 520px;
    padding: 40px 0;
  }
  .machi-game-hero .machi-game-title { grid-area: title; align-self: end; text-align: left; }
  .machi-game-hero .machi-game-prize { grid-area: prizes; width: fit-content; max-width: 100%; align-self: start; }
  .machi-game-hero .machi-game-note { grid-area: note; align-self: start; }
  .machi-game-hero img.machi-game-art {
    grid-area: art;
    width: 100%;
    max-width: 660px;
    height: 440px;
    object-position: right center;
  }
}
@media (max-width: 1199px) {
  .landing__stories-body.machi-story-art { min-height: 560px; }
  .machi-story-art .landing__stories-body-background.--mobile {
    top: 0;
    height: 210px;
    width: 100%;
    object-position: right center;
    object-fit: cover;
  }
  .machi-story-art .landing__stories-body-content {
    max-width: 100%;
    padding-top: 210px;
    justify-content: flex-end;
  }
  .machi-story-art .landing__stories-body-content .desc { font-size: 17px; line-height: 1.45; }
  .machi-story-art .landing__stories-body-content .amount { font-size: 27px; line-height: 1.2; }
}