/* Store announcement: the selected white editorial banner, with readable mobile type. */
html.lineup-popup-open { overflow: hidden; }
.lineup-popup {
  width: min(880px, calc(100% - 40px));
  max-width: none;
  max-height: calc(100vh - 40px);
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 0;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #cbb8a5;
  border-radius: 3px;
  background: #fff;
  color: #332820;
  box-shadow: 0 20px 80px #20170f33;
}
.lineup-popup:not([open]) { display: none; }
.lineup-popup::backdrop { background: rgb(25 19 14 / 48%); }
.lineup-popup__image { display: block; width: 100%; height: auto; }
.lineup-popup__mobile { display: none; }
.lineup-popup__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #ded1c3;
}
.lineup-popup__actions button {
  appearance: none;
  min-height: 60px;
  margin: 0;
  padding: 16px 12px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #483527;
  font: 600 15px/1.5 var(--sans, sans-serif);
  cursor: pointer;
}
.lineup-popup__actions button:first-child {
  border-right: 1px solid #ded1c3;
  background: #f4eee8;
}
.lineup-popup__actions button:hover { background: #ebe0d5; }
.lineup-popup__actions button:focus-visible { outline: 2px solid #715740; outline-offset: -5px; }
.lineup-popup__actions [data-lineup-close] span { margin-left: 12px; font-size: 21px; line-height: 1; vertical-align: -1px; }
.lineup-popup--text .lineup-popup__image { display: none; }
.lineup-popup--text .lineup-popup__mobile { display: block; }
.lineup-popup__mobile {
  position: relative;
  padding: 44px 20px 42px;
  text-align: center;
}
.lineup-popup__mobile::before, .lineup-popup__mobile::after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  height: 1px;
  background: #987558;
}
.lineup-popup__mobile::before { top: 18px; }
.lineup-popup__mobile::after { bottom: 18px; }
.lineup-popup__wordmark { font: 25px/1.2 Georgia, 'Times New Roman', serif; letter-spacing: .18em; }
.lineup-popup__wordmark span { display: block; margin-top: 8px; font-size: 13px; letter-spacing: .4em; }
.lineup-popup__label { display: inline-block; margin-top: 25px; padding: 3px 13px; border: 1px solid #987558; font-size: 13px; font-weight: 500; }
.lineup-popup__dot { display: block; width: 5px; height: 5px; margin: 20px auto; background: #806049; border-radius: 50%; }
.lineup-popup__invitation { font: 600 clamp(22px, 6.2vw, 32px)/1.55 'Batang', 'Noto Serif KR', serif; letter-spacing: -.055em; word-break: keep-all; }
.lineup-popup__message { margin-top: 22px; font: 500 14px/1.75 var(--sans, sans-serif); letter-spacing: -.025em; }
@media (max-width: 640px) {
  .lineup-popup { width: calc(100% - 28px); max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); }
  .lineup-popup__image { display: none; }
  .lineup-popup__mobile { display: block; }
  .lineup-popup__actions button { min-height: 56px; padding: 14px 8px; font-size: 14px; }
}