/* ============================================================
   work.css · WORK 页专属标题区（四行英文 H1 + 右列说明）
   ------------------------------------------------------------
   本轮按与 Home 首屏的实测对比收齐三处差异：
   1) H1 显式断成四行（与 Home 的 4 行节奏一致），不依赖自动折行；
   2) 上留白减去实测 76px，让 H1 起始线与 Home 对齐；
   3) 行高由 1.02 收到 .96，与 Home 一致，四行总高同为 ~420px。
   字号仍沿用 pages.css 的 var(--fs-h1)（= Home 大标题 109.44px）。

   不改动：公共 CSS / JS、导航、汉堡菜单、四卡网格、页脚、
   其它页面、任何素材文件。颜色与栅格沿用 tokens.css 与 .grid-12。
   ============================================================ */

/* Home 首屏用 flex 垂直居中，1440×900 下 H1 顶 221；WORK 原 22vh(198px)
   上留白使 H1 顶 296。页面级减去实测差值 76px 对齐起始线。 */
.work-hero {
  padding-top: clamp(40px, calc(22vh - 76px), 244px);
}

/* 行高对齐 Home 的 .96；字号不覆盖，继续取 --fs-h1 */
.work-hero__title {
  line-height: .96;
}

.work-hero__intro {
  margin-top: clamp(30px, 4.4vh, 56px);
  align-items: start;
}

/* 右列客观说明：不含编号、统计数字、项目名或虚构背景 */
.work-hero__note {
  grid-column: 9 / 13;
  padding-top: 8px;
  color: var(--c-ink);
  opacity: .66;
}
.work-hero__note p {
  margin: 0 0 8px;
  font-size: var(--fs-small);
  line-height: 1.65;
}
.work-hero__note p:last-child { margin-bottom: 0; }

/* 窄屏：沿用既有「移动端无视」约束，只做不溢出处理，不做移动端设计 */
@media (max-width: 767px) {
  .work-hero__intro { margin-top: 32px; }
  .work-hero__note { grid-column: 1 / 13; padding-top: 16px; }
}