/* One-off Mid-Autumn greeting; all styles are scoped to the temporary banner. */
.mid-autumn {
  position: relative;
  overflow: hidden;
  color: #704017;
  background: linear-gradient(100deg, #fbecd5 0%, #fff7e7 42%, #fff9ed 60%, #f9ebce 100%);
  border-bottom: 1px solid #e8d2ab;
}
.mid-autumn__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 136px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 220px;
  box-sizing: border-box;
}
.mid-autumn__message { position: relative; z-index: 1; text-align: center; }
.mid-autumn .mid-autumn__eyebrow {
  margin: 0 0 5px;
  color: #93612b;
  font-size: 10px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: .19em;
}
.mid-autumn .mid-autumn__title {
  margin: 0;
  color: #704017;
  font-family: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .12em;
}
.mid-autumn .mid-autumn__wish {
  margin: 5px 0 0;
  color: #80552a;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .04em;
}
.mid-autumn__lanterns,
.mid-autumn__moon { position: absolute; top: 0; height: 136px; pointer-events: none; }
.mid-autumn__lanterns { left: 18px; width: 210px; }
.mid-autumn__moon { right: 15px; width: 240px; }
@media (max-width: 760px) {
  .mid-autumn__inner { min-height: 122px; padding: 18px 78px; }
  .mid-autumn__lanterns { left: -20px; width: 135px; height: 110px; }
  .mid-autumn__moon { right: -34px; top: 10px; width: 150px; height: 110px; }
  .mid-autumn .mid-autumn__title { font-size: 22px; letter-spacing: .04em; }
  .mid-autumn .mid-autumn__eyebrow { font-size: 8px; letter-spacing: .09em; }
  .mid-autumn .mid-autumn__wish { font-size: 11px; letter-spacing: 0; }
}
@media (max-width: 420px) {
  .mid-autumn__inner { padding-left: 52px; padding-right: 52px; min-height: 116px; }
  .mid-autumn__lanterns { left: -27px; width: 110px; height: 92px; }
  .mid-autumn__moon { right: -44px; width: 130px; height: 100px; top: 19px; }
  .mid-autumn .mid-autumn__title { font-size: 20px; }
  .mid-autumn .mid-autumn__eyebrow { font-size: 7px; }
  .mid-autumn .mid-autumn__wish { font-size: 10px; }
}
@media print { .mid-autumn { display: none; } }