/* Unified inner-route visual field: inherit the approved homepage hero language. */
.page-hero {
  min-height: min(760px, calc(100svh - 20px));
  margin: 108px 28px 0;
  padding: 100px 0;
  border-radius: 32px;
  background: #f7f7f5;
}

.page-hero img {
  border-radius: inherit;
  filter: saturate(.86) contrast(.96);
  object-position: 70% center;
}

.page-hero::after {
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 34%, rgba(255,255,255,.36) 61%, rgba(255,255,255,.08) 100%);
}

.page-hero .container {
  width: min(calc(100% - 96px), 1440px);
}

.page-hero .eyebrow {
  color: #85652d;
}

.page-hero h1,
.page-hero h1.display {
  max-width: 650px;
  margin: 8px 0 0;
  color: #111;
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  font-size: 54px;
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -.075em;
  text-shadow: none;
}

@media (max-width: 1020px) {
  .page-hero {
    min-height: 690px;
    padding: 84px 0 52px;
  }
}

@media (max-width: 680px) {
  .page-hero {
    min-height: 675px;
    margin: 78px 12px 0;
    padding: 84px 0 52px;
    border-radius: 24px;
  }

  .page-hero img {
    object-position: 64% center;
  }

  .page-hero::after {
    background: linear-gradient(0deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.86) 42%, rgba(255,255,255,.08) 76%);
  }

  .page-hero .container {
    width: min(calc(100% - 32px), 1440px);
  }

  .page-hero h1,
  .page-hero h1.display {
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -.07em;
  }
}