@charset "UTF-8";

/* 分頁頁首：橫幅照片、遮罩與置中標題 */
.pageheader {position: relative;display: flex;align-items: center;justify-content: center;height: 480px;padding: 40px var(--page-gutter);background: var(--color-deep);color: #fff;text-align: center;}
.pageheader img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pageheader::after { content: ""; position: absolute; inset: 0; background: rgba(6, 24, 28, .4); }
.pageheader-copy { position: relative; z-index: 1; }
.pageheader-title { font-size: 50px; font-weight: 400; line-height: 1.4; letter-spacing: .12em; }
.pageheader-en { padding-top: 24px; font: 400 var(--font-large)/1.5 var(--font-en); letter-spacing: .18em; }

/* 分頁導覽：位於頁首下方，捲動後沿用黏頂行為 */
.page-inner #header { position: sticky; }

/* 分頁內容：暫留一個小視窗高度 */
.page-content { min-height: 100svh; }

/* 手機頁首：縮小橫幅與標題 */
@media (max-width: 767px) {
  .pageheader {height: 200px;}
  .pageheader-title { font-size: 34px; }
  .pageheader-en { padding-top: 18px; font-size: var(--font-base); }
}