.service-hero .button-row .button { width: 320px; }
.service-hero.service-hero--ce { align-items: center; padding: 125px max(80px,calc((100% - 1280px) / 2)) 56px; text-align: center; background: radial-gradient(ellipse at 88% 77%,#d8ecf1,transparent 65%),#f2f5fc; }
.service-hero--ce .service-hero__copy { max-width: 900px; width: 100%; }
.service-hero--ce h1 { font-size: clamp(42px,4.5vw,64px); }
.service-hero--ce .service-hero__description { max-width: 660px; margin-inline: auto; }
.service-hero--ce .button-row { justify-content: center; }
.service-hero.service-hero--audit { margin-top: -72px; padding-top: 157px; background: radial-gradient(ellipse at 50% 100%,#e0ecee,transparent 72%),#f2f5fc; }
.service-hero.service-hero--management { padding: 115px max(80px,calc((100% - 1280px) / 2)) 50px; align-items: center; background: linear-gradient(150deg,#f2f5fc 40%,#e6ebf7); }
.service-hero--management .service-hero__copy { width: 100%; max-width: 900px; text-align: center; }
.service-hero--management h1 { font-size: clamp(42px,4.1vw,60px); }
.service-hero--management .service-hero__description { max-width: 660px; margin: 28px auto 0; font-size: 16px; }
.service-hero--management .button-row { justify-content: center; margin-top: 26px; gap: 22px; }
.service-hero.service-hero--talent { padding: 108px max(80px,calc((100% - 1280px) / 2)) 58px; align-items: center; text-align: center; background: radial-gradient(ellipse at 12% 82%,#e7e5f3,transparent 60%),#f2f5fc; }
.service-hero--talent .service-hero__copy { max-width: 900px; width: 100%; }
.service-hero--talent h1 { font-size: clamp(42px,4.5vw,64px); }
.service-hero--talent .service-hero__description { max-width: 660px; margin-inline: auto; }
.service-hero--talent .button-row { justify-content: center; }
@media(max-width:1100px) and (min-width:801px) {
  .service-hero.service-hero--ce, .service-hero.service-hero--talent { padding-inline: 80px; }
  .service-hero--ce h1, .service-hero--talent h1 { font-size: 43px; }
  .service-hero--ce .service-hero__description, .service-hero--talent .service-hero__description { font-size: 15px; }
  .service-hero.service-hero--management { padding-inline: 80px; }
  .service-hero--management h1 { font-size: 40px; }
  .service-hero--management .service-hero__description { font-size: 15px; }
}
@media(max-width:980px) and (min-width:801px) {
  .service-hero.service-hero--ce, .service-hero.service-hero--management, .service-hero.service-hero--talent { padding-inline: 40px; }
}
@media(max-width:800px) {
  .service-hero.service-hero--ce, .service-hero.service-hero--talent { padding: 70px 30px 40px; align-items: center; text-align: center; }
  .service-hero--ce .service-hero__copy, .service-hero--talent .service-hero__copy { width: 100%; max-width: 610px; }
  .service-hero--ce h1, .service-hero--talent h1 { font-size: 48px; }
  .service-hero--ce .service-hero__description, .service-hero--talent .service-hero__description { max-width: 540px; margin-inline: auto; }
  .service-hero--ce .button-row, .service-hero--talent .button-row { justify-content: center; }
  .service-hero.service-hero--management { padding: 75px 30px 40px; }
  .service-hero--management h1 { font-size: 45px; }
  .service-hero--management .service-hero__description { margin: 24px auto 0; max-width: 550px; }
  .service-hero--management .button-row { justify-content: center; }
}
@media(max-width:520px) {
  .service-hero.service-hero--ce, .service-hero.service-hero--talent { padding: 58px 20px 34px; }
  .service-hero--ce h1, .service-hero--talent h1 { font-size: clamp(30px,9.2vw,36px); }
  .service-hero.service-hero--audit { padding-top: 145px; }
  .service-hero.service-hero--management { padding: 60px 20px 36px; }
  .service-hero--management h1 { font-size: clamp(30px,9vw,35px); }
  .service-hero--management .service-hero__description { font-size: 15px; }
}
@media(max-width:720px) {
  .service-hero .service-hero__copy { width: 100%; max-width: none; }
  .service-hero .button-row, .service-hero .button-row .button { width: 100%; }
}

.service-hero__video-background { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.service-hero__video-background video { width: 100%; height: 100%; object-fit: cover; }

@media(min-width:521px) and (max-width:720px) {
  .service-hero.service-hero--audit { padding-top: 165px; }
}
@media(max-width:720px) {
  .service-hero.service-hero--audit { margin-top: -80px; }
}

.service-hero.service-hero--iso { margin-top: -72px; padding-top: 172px; }
@media(max-width:800px) {
  .service-hero.service-hero--iso { padding-top: 152px; }
}
@media(max-width:720px) {
  .service-hero.service-hero--iso { margin-top: -80px; padding-top: 160px; }
}
@media(max-width:520px) {
  .service-hero.service-hero--iso { padding-top: 152px; }
}

.service-hero.service-hero--ce { margin-top: -72px; padding-top: 197px; }
@media(max-width:800px) {
  .service-hero.service-hero--ce { padding-top: 142px; }
}
@media(max-width:720px) {
  .service-hero.service-hero--ce { margin-top: -80px; padding-top: 150px; }
}
@media(max-width:520px) {
  .service-hero.service-hero--ce { padding-top: 138px; }
}

.service-hero.service-hero--management { margin-top: -72px; padding-top: 187px; }
@media(max-width:800px) {
  .service-hero.service-hero--management { padding-top: 147px; }
}
@media(max-width:720px) {
  .service-hero.service-hero--management { margin-top: -80px; padding-top: 155px; }
}
@media(max-width:520px) {
  .service-hero.service-hero--management { padding-top: 140px; }
}


.service-hero.service-hero--talent { margin-top: -72px; padding-top: 180px; }
@media (max-width: 800px) {
  .service-hero.service-hero--talent { padding-top: 142px; }
}
@media (max-width: 720px) {
  .service-hero.service-hero--talent { margin-top: -80px; padding-top: 150px; }
}
@media (max-width: 520px) {
  .service-hero.service-hero--talent { padding-top: 138px; }
}

/* 视频淡出区域同时承接首个内容模块。 */
.service-hero.service-hero--iso,
.service-hero.service-hero--ce,
.service-hero.service-hero--audit,
.service-hero.service-hero--management,
.service-hero.service-hero--talent {
  min-height: 0;
  padding-bottom: 200px;
}
.service-hero + .capability-section {
  position: relative;
  z-index: 1;
  margin-top: -16px;
  padding-top: 0;
}
@media (max-width: 800px) {
  .service-hero.service-hero--iso,
  .service-hero.service-hero--ce,
  .service-hero.service-hero--audit,
  .service-hero.service-hero--management,
  .service-hero.service-hero--talent {
    padding-bottom: 144px;
  }
  .service-hero + .capability-section { margin-top: -40px; }
}