/* Journal hero artwork supplied by the client, 2026-09-14. */
/* Match the approved homepage's clean white field behind the Journal. */
.editorial-journal-page {
  --journal-bg: #ffffff;
  --journal-paper: #ffffff;
}
.editorial-journal-page .journal-page {
  width: min(100%, 1240px);
  max-width: none;
  padding: 110px 0 80px;
}
.editorial-journal-page .journal-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(340px, 36vw, 426px);
  max-width: none;
  margin: 0 0 72px;
  padding: clamp(46px, 6vw, 80px) clamp(24px, 6vw, 80px);
  overflow: hidden;
  background: #e9e6df url('/static/images/journal-hero-namsan-user-20260914.jpg') center center / cover no-repeat;
}
.editorial-journal-page .journal-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  background: linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.72) 42%, rgba(255,255,255,.18) 74%, rgba(255,255,255,.04) 100%);
}
.editorial-journal-page .journal-hero__inner {
  max-width: 680px;
}
.editorial-journal-page .journal-hero__inner > p {
  margin-bottom: 16px;
  color: #78582c;
}
.editorial-journal-page .journal-hero__inner h1 {
  max-width: 560px;
  margin-bottom: 16px;
  font-size: clamp(2.5rem, 4.5vw, 4.35rem);
  font-weight: 500;
  line-height: 1.14;
}
.editorial-journal-page .journal-hero__inner > span {
  max-width: 480px;
  color: #37332e;
  font-size: clamp(.92rem, 1.3vw, 1.05rem);
  line-height: 1.8;
}
.editorial-journal-page .journal-index {
  width: min(100%, 1240px);
  margin: 0 auto;
  padding: 0 40px 80px;
}
@media (max-width: 767px) {
  .editorial-journal-page .journal-page {
    padding: 82px 0 64px;
  }
  .editorial-journal-page .journal-hero {
    min-height: 338px;
    margin-bottom: 48px;
    padding: 48px 20px;
    background-position: 64% center;
  }
  .editorial-journal-page .journal-hero::before {
    background: linear-gradient(90deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.78) 58%, rgba(255,255,255,.28) 100%);
  }
  .editorial-journal-page .journal-hero__inner h1 {
    font-size: clamp(2.2rem, 10vw, 3.05rem);
  }
  .editorial-journal-page .journal-index {
    padding: 0 20px 64px;
  }
}

/* Home follows the white content field used by the surrounding sections. */
.editorial-home-page .home-journal-preview {
  background: #ffffff;
}