.light-page:not(.is-scrolled) .site-header { color: var(--brown); background-color: var(--cream); }
.light-page:not(.is-scrolled) .language-options { background: #ede4d2e6; }
.light-page:not(.is-scrolled) .header-ink-light { display: none; }
.light-page:not(.is-scrolled) .header-ink-dark { display: block; }


.page-introduction {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .397536fr) minmax(0, 1fr);
  gap: 8.991982%;
  align-items: start;
  min-height: 54.166667vw;
  padding: 10vw var(--page-gutter) 7.708333vw;
  color: var(--brown);
  background: var(--cream);
}
.page-introduction .quick-contact { display: none; }
@media (min-width: 761px) {
  .page-introduction-copy { position: relative; top: -2px; }
}
.page-introduction .section-description { margin-top: 2.4em; }
.reception-image-frame { position: relative; overflow: hidden; aspect-ratio: 1137 / 700; }
.reception-image-frame img { position: absolute; width: 128.144239%; height: 116.571429%; object-fit: cover; left: -15.30343%; top: -14.285714%; }

.clinic-journey { min-height: 80.729167vw; color: var(--brown); background: #faf7f1; }
.clinic-journey .section-title { line-height: .9375; }
.clinic-journey .section-description { margin-top: 2.4em; }
.journey-chapters { display: flex; justify-content: space-between; gap: 40px; margin-top: clamp(79px, 10.104167vw, 232.8px); }
.journey-chapter { width: 19.989%; min-width: 0; }
.chapter-number { font: 500 clamp(16px, 1.354167vw, 30px)/.769231 var(--display-font); min-height: .846154em; letter-spacing: .1em; text-transform: uppercase; }
.journey-chapter h3 { font-weight: 600; margin-top: .5em; font-size: clamp(20px, 1.770833vw, 40px); line-height: 1.058824; }
.journey-image-frame { position: relative; overflow: hidden; aspect-ratio: 349 / 481; margin-top: clamp(23.529px, 2.083333vw, 47.059px); }
.journey-image-frame img { position: absolute; max-width: none; object-fit: cover; }
.journey-beginning img { width: 118.911175%; height: 110.602911%; left: -9.74212%; top: 0; }
.journey-experience img { width: 114.899713%; height: 106.652807%; left: -7.73639%; top: -6.652807%; }
.journey-standard img { width: 134.383954%; height: 124.740125%; left: -17.47851%; top: -12.266112%; }
.journey-chapter h4 { margin: 1.625em 0 0; font-size: clamp(16px, 1.25vw, 28px); line-height: 1.25; font-weight: 700; }
.chapter-description { margin-top: 1.3125em; font-size: clamp(12px, .833333vw, 20px); line-height: 1.625; }

@media (min-width: 761px) and (max-width: 1400px) {
  .journey-chapters { gap: 50px; }
  .journey-chapter { width: calc((100% - 100px) / 3); }
  .chapter-description br { display: none; }
  .page-introduction .section-description br { display: none; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .page-introduction { min-height: 650px; align-items: center; }
  .reception-image-frame { aspect-ratio: 1; }
  .reception-image-frame img { width: auto; height: 115%; left: 50%; top: -15%; transform: translateX(-50%); }
  .journey-chapters { gap: 30px; }
  .journey-chapter { width: calc((100% - 60px) / 3); }
  .journey-chapter h3 { min-height: 50px; }
}
@media (max-width: 760px) {
  .light-page.menu-open:not(.is-scrolled) .site-header { background: var(--cream); }
  .light-page:not(.is-scrolled) .site-navigation { background: var(--cream); }
  .page-introduction { display: flex; flex-direction: column; gap: 37px; min-height: 630px; padding: 81px 0 0; }
  .page-introduction-copy { order: 1; padding-inline: var(--page-gutter); }
  .page-introduction .section-description { margin-top: 36px; font-size: 14px; line-height: 22px; }
  .reception-image-frame { width: 100%; height: 240px; aspect-ratio: auto; }
  .reception-image-frame img { width: max(491px, 100%); height: 275px; object-fit: cover; left: 50%; top: -34px; transform: translateX(-50%); }
  .page-introduction .quick-contact { display: flex; }
  .clinic-journey { min-height: 2224px; padding-bottom: 105px; }
  .clinic-journey .section-title { line-height: 20px; }
  .clinic-journey .section-description { margin-top: 36px; font-size: 14px; line-height: 22px; }
  .journey-chapters { display: flex; flex-direction: column; gap: 83px; margin-top: 79px; }
  .journey-chapter { width: 227px; max-width: 100%; }
  .chapter-number-ink { position: relative; top: .09375em; }
  .chapter-number { font-size: 16px; line-height: 20px; min-height: 22px; }
  .journey-chapter h3 { margin-top: 10px; font-size: 20px; line-height: 24px; }
  .journey-image-frame { height: 313px; aspect-ratio: auto; margin-top: 25px; }
  .journey-beginning img { width: 244px; height: 313px; left: -10px; top: 0; }
  .journey-experience img { width: 263px; height: 337px; left: -19px; top: -24px; }
  .journey-standard img { width: 268px; height: 343px; left: -10px; top: 0; }
  .journey-chapter h4 { margin-top: 25px; font-size: 16px; line-height: 30px; white-space: nowrap; }
  .chapter-description { width: 245px; margin-top: 16px; font-size: 12px; line-height: 18px; }
}
@media (max-width: 374px) {
  .clinic-journey .section-description { font-size: 12px; }
}

/* Translated addresses are longer than the Korean footer column. */
:root:not(:lang(ko)) .contact-item address { white-space: normal; }

/* Translated copy is broken for desktop columns; on phones it wraps to the column instead. */
@media (max-width: 760px) {
  :root:not(:lang(ko)) :is(.philosophy-description, .programs .section-description, .space-caption p, .page-introduction .section-description, .clinic-journey .section-description, .chapter-description) br { display: none; }
  :root:not(:lang(ko)) .journey-chapter h4 { white-space: normal; }
}