/* ============================================================
   内页公用样式（服务页 / 案例列表页 / 新闻列表页 … 共用）
   只放"内页 Hero"这类跨页复用的部分
   ============================================================ */

/* ---------- 内页 Hero ---------- */
.page-hero{position:relative;height:clamp(400px,56vh,620px);overflow:hidden;background:#0A0A0A}
.page-hero-bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:brightness(.4) contrast(1.1);
}
.page-hero-veil{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(to top,rgba(10,10,10,.95) 0%,rgba(10,10,10,.6) 42%,rgba(10,10,10,.5) 100%);
}
.page-hero-copy{
  position:absolute;left:var(--gut);right:var(--gut);
  bottom:clamp(34px,6.5vh,68px);z-index:3;
}
.page-hero h1{
  margin:0;font-size:clamp(30px,4.2vw,68px);line-height:1.16;
  letter-spacing:-.025em;font-weight:500;color:#fff;
  text-shadow:0 4px 40px rgba(0,0,0,.6);
}
.page-hero h1 .l{display:block;white-space:nowrap}
.page-hero h1 .l:last-child{color:rgba(255,255,255,.68);font-weight:400}

@media (max-width:900px){
  .page-hero h1 .l{white-space:normal}
}


/* ---------- 移动端：内页 Hero 降高 + 提亮，否则手机上就是一大块黑 ---------- */
@media (max-width:768px){
  .page-hero{height:clamp(268px,42vh,376px)}
  .page-hero-bg{filter:brightness(.72) contrast(1.02)}
  .page-hero-veil{
    background:linear-gradient(to top,rgba(10,10,10,.94) 0%,rgba(10,10,10,.6) 46%,rgba(10,10,10,.4) 100%);
  }
  .page-hero-copy{bottom:clamp(22px,4.4vh,38px)}
  .page-hero h1{font-size:clamp(21px,6.2vw,29px);line-height:1.26}
}