/* Homepage-only Chuseok scenery. Keep functional cards and brand panels opaque. */
body.portal-chuseok {
  --chuseok-scene-width: max(1360px, 100vw);
  --chuseok-scene-height: calc(var(--chuseok-scene-width) * .562799);
  background-color: #f7f1e5;
  background-image:
    linear-gradient(to bottom, transparent 72%, #f7f1e5 100%),
    url("/seasonal/chuseok-2026.webp");
  background-position: center top, center top;
  background-size: 100% var(--chuseok-scene-height), var(--chuseok-scene-width) auto;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

body.portal-chuseok > main {
  background: transparent;
}

body.portal-chuseok .site-header {
  min-height: 128px;
  padding-top: 32px;
  padding-bottom: 12px;
}

body.portal-chuseok .site-header .brand {
  max-width: 100%;
  padding: 13px 16px;
  border: 1px solid rgba(172, 133, 72, .18);
  border-radius: 14px;
  background: rgba(255, 252, 245, .96);
  box-shadow: 0 3px 16px rgba(99, 70, 29, .035);
}

body.portal-chuseok .page-shell,
body.portal-chuseok .content-area {
  background: transparent;
}

body.portal-chuseok .card,
body.portal-chuseok .card.is-ready,
body.portal-chuseok .store-banner,
body.portal-chuseok .store-sub,
body.portal-chuseok .news-list {
  background-color: #fff;
}

body.portal-chuseok .business-strip,
body.portal-chuseok .quick-call,
body.portal-chuseok footer {
  background-color: var(--dk-navy, #101c2e);
}

@media (max-width: 900px) {
  body.portal-chuseok {
    --chuseok-scene-width: 1180px;
    background-position: center top, 75% top;
  }
}

@media (max-width: 560px) {
  body.portal-chuseok {
    background-image:
      linear-gradient(to bottom, transparent 170px, rgba(247, 241, 229, .82) 390px, #f7f1e5 600px),
      url("/seasonal/chuseok-2026.webp");
    background-position: center top, 95% top;
    background-size: 100% 620px, 760px auto;
  }

  body.portal-chuseok .site-header {
    min-height: 196px;
    padding-top: 128px;
    padding-bottom: 10px;
  }

  body.portal-chuseok .site-header .brand {
    padding: 11px 12px;
    border-radius: 12px;
  }
}

@media (max-width: 360px) {
  body.portal-chuseok .site-header .brand {
    padding-inline: 8px;
  }
}