@charset "UTF-8";
/* Warm editorial refinement, shared by all ten pages. */
.nav{ background:var(--bg-base); border-bottom-color:var(--border-subtle); }
@media(min-width:1201px){
  html[lang="en"] .nav-inner,html[lang="en"] .nav-right{ gap:16px; }
  html[lang="en"] .nav-links{ gap:12px; }
  html[lang="en"] .nav-links a{ font-size:13px; letter-spacing:0; }
  html[lang="en"] .brand-div,html[lang="en"] .brand-sub{ display:none; }
  html[lang="en"] .lang-sep{ margin:0 6px; }
  html[lang="en"] .lang-switch button{ padding:6px 1px; }
}
.sec-head .rule-short{ display:none; }
.sec-num{ margin-bottom:20px; }
.section + .section{ border-top:1px solid var(--border-subtle); }
.hero{ background:var(--bg-base); min-height:680px; padding-block:88px; }
.hero::before{ inset:0; background:url("../img/hero-hk-sunny.png") center top/cover no-repeat; }
.hero::after{ content:"";
  background:linear-gradient(90deg,rgba(250,248,243,.98) 0%,rgba(250,248,243,.91) 30%,rgba(250,248,243,.62) 47%,rgba(250,248,243,.12) 67%,transparent 82%),
             linear-gradient(0deg,var(--bg-base) 0%,transparent 22%); }
.hero-inner > *{ max-width:46%; }
.hero-h1{ font-size:clamp(36px,3.3vw,48px); line-height:1.4; text-wrap:balance; }
.hero-sub-en{ font-size:11px; line-height:1.9; letter-spacing:.12em; }
.hero-scroll{ margin-top:36px; }
.value-grid{ gap:24px; margin-top:0; align-items:stretch; }
.value-col,.value-col--right{ display:block; padding:32px; background:var(--bg-card); border-top:2px solid var(--border-strong); }
.value-col .col-text{ max-width:none; }
.value-col .col-title{ font-weight:500; font-size:20px; }
.value-col .col-body{ font-size:15px; max-width:32em; }
.value-conclusion{ font-size:clamp(20px,2vw,26px); line-height:1.65; max-width:none; }
.roles{ gap:24px; }
.role-card{ background:var(--bg-card); padding:28px; border-top:2px solid var(--border-strong); }
.role-head{ flex-wrap:wrap; gap:10px; }
.role-head .en{ font-size:10px; line-height:1.7; }
.role-name{ font-size:26px; }
.role-desc{ font-size:15px; }
.bands{ display:grid; gap:24px; border:0; }
.band{ background:var(--bg-card); border:0; padding:36px; grid-template-columns:minmax(180px,1fr) minmax(0,3fr); gap:40px; }
.band-l{ border-right:1px solid var(--border-default); padding-right:24px; }
.band-l .num{ margin-bottom:20px; }
.band-l .en{ font-size:10px; line-height:1.7; }
.band-r .band-lead{ margin-bottom:24px; font-size:16px; }
.band-groups .g-title{ font-size:16px; line-height:1.85; font-weight:500; }
.band-cta{ margin-top:28px; }
.card{ border-color:var(--border-subtle); }
.chip{ background:var(--bg-card); border-color:var(--border-subtle); }
.brand-wall img{ background:var(--bg-card); opacity:1; }
.brand-wall .brand-tile{ min-width:0; background:var(--bg-card);
  transition:background-color var(--dur-base) var(--ease-out); }
.brand-wall .brand-tile img{ background:transparent;
  transition:filter var(--dur-base) var(--ease-out); }
@media(hover:hover){
  .brand-wall .brand-tile:hover{ background:#EDF5F6; }
  .brand-wall .brand-tile:hover img{ filter:sepia(1) saturate(2.5) hue-rotate(135deg); }
}
.delivery-visual{ margin:var(--stack-group) 0 0; }
.delivery-visual img{ display:block; width:100%; height:auto; border-radius:var(--radius-xs); }
.delivery-visual figcaption{ margin-top:18px; }
.contact-fig--refined{ grid-template-columns:1.4fr 1fr; align-items:center; gap:24px; }
.contact-fig--refined img{ width:100%; height:auto; }
.fig-wide img{ aspect-ratio:2.2/1; }
.fig-wide--slim img{ aspect-ratio:2.6/1; }
.fig-wide figcaption,.fig-pair figcaption{ color:var(--text-muted-strong); letter-spacing:.06em; }
.pg-head{ padding-block:clamp(56px,7vw,96px) var(--section-y-sm); }
.pg-card .card-title{ font-weight:500; }
@media(max-width:1023px){
  .hero{ min-height:600px; padding-block:64px; }
  .hero-h1{ font-size:36px; }
  .value-grid{ grid-template-columns:1fr 1fr; }
  .value-col{ padding:24px; }
  .band{ grid-template-columns:1fr; gap:24px; }
  .band-l{ border-right:0; padding-right:0; }
  .band-l .num{ margin-bottom:8px; }
  .roles{ grid-template-columns:1fr; }
}
@media(max-width:767px){
  .hero{ min-height:0; padding-block:48px 280px; }
  .hero::before{ inset:0; height:auto; background-position:62% bottom; background-size:auto 440px; }
  .hero::after{ background:linear-gradient(180deg,var(--bg-base) 0%,var(--bg-base) 38%,rgba(250,248,243,.94) 48%,rgba(250,248,243,.28) 72%,rgba(250,248,243,.08) 88%,var(--bg-base) 100%); }
  .hero-inner > *{ max-width:100%; }
  .hero-h1{ font-size:34px; }
  .hero-scroll{ display:none; }
  .hero-cta{ flex-direction:row; flex-wrap:wrap; }
  .value-grid{ grid-template-columns:1fr; gap:16px; }
  .value-col,.role-card,.band{ padding:24px; }
  .band-groups{ grid-template-columns:1fr; gap:16px; }
  .band-groups > * + *{ border-top:1px solid var(--border-subtle); padding-top:16px; }
  .band-cta{ justify-content:flex-start; }
  .fig-wide img,.fig-wide--slim img{ aspect-ratio:3/2; }
  .contact-fig--refined{ grid-template-columns:1fr; gap:16px; }
}