/* 오시는 길 제목 영역에만 적용하는 사용자 제공 사진 배경 */
main > .page-hero {
  min-height: 360px;
  padding-block: 64px 72px;
  color: #f6f3ed;
  background-color: #24272b;
  background-image: linear-gradient(90deg, rgb(17 26 34 / 83%) 0%, rgb(17 26 34 / 58%) 55%, rgb(17 26 34 / 30%) 100%), url('/manus-storage/Screenshot_20261104_154929_NaverBlog_a938f51b.jpg');
  background-size: cover;
  background-position: center 55%;
  background-repeat: no-repeat;
  border-bottom: 1px solid #6d604c;
}
main > .page-hero .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #e1d2b6;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .14em;
}
main > .page-hero .eyebrow::before { content: ''; width: 28px; height: 1px; flex: 0 0 28px; background: #e1d2b6; }
main > .page-hero h1 {
  max-width: 840px;
  color: #f6f3ed;
  font-size: clamp(34px, 4.2vw, 54px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.045em;
  text-shadow: 0 2px 12px rgb(0 0 0 / 24%);
}
main > .page-hero .page-intro {
  max-width: 740px;
  margin-top: 22px;
  color: #f0ece5;
  font-size: 16px;
  line-height: 1.85;
  text-shadow: 0 1px 6px rgb(0 0 0 / 35%);
}
@media (max-width: 768px) {
  main > .page-hero {
    min-height: 330px;
    padding-block: 44px 48px;
    background-image: linear-gradient(90deg, rgb(17 26 34 / 80%) 0%, rgb(17 26 34 / 48%) 100%), url('/manus-storage/Screenshot_20261104_154929_NaverBlog_a938f51b.jpg');
    background-position: center 50%;
  }
  main > .page-hero h1 { font-size: 34px; }
  main > .page-hero .page-intro { font-size: 15px; }
}
@media (max-width: 360px) {
  main > .page-hero h1 { font-size: 30px; }
}