/* =========================================================
   shared-page-header.css — 內頁 KV 橫幅外殼
   各單元只改 --page-header-bg；動畫見 slide.css
   載入：SiteHead 之後、slide.css 之前
========================================================= */

.page-header {
  position: relative;
  overflow: hidden;
  padding-top: 12rem;
  padding-bottom: 6rem;
  /* 覆蓋 style(2).css 整包 background，圖改由 __bg 承載 */
  background: transparent;
}

/* 背景圖獨立層（zoom 動畫只作用於此層） */
.page-header__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--page-header-bg, url(../img/about_kv.jpg)) center center / cover no-repeat;
  pointer-events: none;
}

.page-header > .container {
  position: relative;
  z-index: 2;
}

/* 單元背景圖 token */
.page-header--about,
.page-header:not([class*="page-header--"]) {
  --page-header-bg: url(../img/about_kv.jpg);
}

.page-header--tech,
.page-header-tech {
  --page-header-bg: url(../img/technology_kv.jpg);
}

.page-header--investor {
  --page-header-bg: url(../img/investor_kv.jpg);
}

.page-header--contact {
  --page-header-bg: url(../img/contact_kv.jpg);
}

.page-header--sustainable {
  /* 待專用 KV 就緒後改為 sustainable_kv.jpg */
  --page-header-bg: url(../img/about_kv.jpg);
}

.page-header--product {
  --page-header-bg: url(../images/product/kv-product-lg.jpg);
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
  color: #999999;
}

@media (prefers-reduced-motion: reduce) {
  .page-header-animated .page-header__bg {
    animation: none !important;
  }
}