.hk-cnc-five-axis {
  --five-axis-navy: #061722;
  --five-axis-navy-2: #0a2230;
  --five-axis-ink: #0c1722;
  --five-axis-muted: #526171;
  --five-axis-line: #dbe1e5;
  --five-axis-light: #f3f6f8;
}

.hk-cnc-five-axis main { overflow: hidden; }
.hk-cnc-five-axis .five-axis-section { padding: 92px 0; }
.hk-cnc-five-axis .btn { border-radius: 2px; }

.hk-cnc-five-axis .five-axis-kicker {
  display: block;
  margin-bottom: 11px;
  color: var(--hk-orange);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.35;
  text-transform: uppercase;
}

.hk-cnc-five-axis .five-axis-heading { max-width: 780px; margin-bottom: 44px; }
.hk-cnc-five-axis .five-axis-heading--center { margin-right: auto; margin-left: auto; text-align: center; }
.hk-cnc-five-axis .five-axis-heading h2 { margin-bottom: 13px; color: var(--five-axis-ink); font-size: clamp(32px, 3vw, 45px); line-height: 1.12; }
.hk-cnc-five-axis .five-axis-heading p { max-width: 690px; margin: 0; color: var(--five-axis-muted); font-size: 16px; }
.hk-cnc-five-axis .five-axis-heading--center p { margin-inline: auto; }
.hk-cnc-five-axis .five-axis-heading--light h2 { color: #fff; }
.hk-cnc-five-axis .five-axis-heading--light p { color: #b9c6cf; }

.hk-cnc-five-axis .five-axis-hero {
  position: relative;
  color: #fff;
  background: var(--five-axis-navy);
}

.hk-cnc-five-axis .five-axis-hero__layout {
  display: grid;
  min-height: 590px;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.12fr);
  align-items: stretch;
}

.hk-cnc-five-axis .five-axis-hero__copy {
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 610px;
  flex-direction: column;
  justify-content: center;
  padding: 72px 34px 72px 0;
}

.hk-cnc-five-axis .five-axis-hero h1 {
  max-width: 600px;
  margin-bottom: 20px;
  color: #fff;
  font-size: clamp(44px, 3.7vw, 56px);
  line-height: 1.04;
  letter-spacing: -.035em;
}

.hk-cnc-five-axis .five-axis-hero__copy > p { max-width: 570px; color: #c4ced6; font-size: 17px; line-height: 1.65; }
.hk-cnc-five-axis .five-axis-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 29px; }
.hk-cnc-five-axis .five-axis-hero__media {
  --five-axis-fade-direction: 90deg;
  position: relative;
  min-height: 590px;
  margin: 0;
  margin-inline-end: min(-20px, calc((var(--hk-container) - 100vw) / 2));
  overflow: hidden;
}
.hk-cnc-five-axis .five-axis-hero__media::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(0deg, var(--five-axis-navy), transparent 20%), linear-gradient(var(--five-axis-fade-direction), var(--five-axis-navy) 0%, rgba(6,23,34,.46) 18%, rgba(6,23,34,.03) 55%);
  pointer-events: none;
  content: "";
}
.hk-cnc-five-axis .five-axis-hero__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 63% center; }
html.ar .hk-cnc-five-axis .five-axis-hero__media { --five-axis-fade-direction: 270deg; }

.hk-cnc-five-axis .five-axis-hero__facts {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.15);
}

.hk-cnc-five-axis .five-axis-hero__facts > div { display: flex; min-height: 96px; align-items: center; gap: 14px; padding: 19px 22px; border-right: 1px solid rgba(255,255,255,.13); }
.hk-cnc-five-axis .five-axis-hero__facts > div:last-child { border-right: 0; }
.hk-cnc-five-axis .five-axis-hero__facts > div > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; color: var(--hk-orange); border: 1px solid rgba(255,90,0,.62); border-radius: 50%; font-size: 18px; }
.hk-cnc-five-axis .five-axis-hero__facts p { margin: 0; color: #fff; line-height: 1.3; }
.hk-cnc-five-axis .five-axis-hero__facts strong { display: block; font-size: 14px; }
.hk-cnc-five-axis .five-axis-hero__facts small { display: block; margin-top: 5px; color: #9fb0bb; font-size: 13px; }

.hk-cnc-five-axis .five-axis-fit { background: #fff; }
.hk-cnc-five-axis .five-axis-fit__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--five-axis-line); border-bottom: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-fit__item { min-height: 210px; padding: 31px 22px 27px; border-right: 1px solid var(--five-axis-line); text-align: center; }
.hk-cnc-five-axis .five-axis-fit__item:last-child { border-right: 0; }
.hk-cnc-five-axis .five-axis-fit__item > span { display: grid; width: 42px; height: 42px; margin: 0 auto 17px; place-items: center; color: var(--hk-orange); border: 1px solid #f6b28c; border-radius: 50%; font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-fit__item h3 { margin-bottom: 9px; font-size: 18px; line-height: 1.25; }
.hk-cnc-five-axis .five-axis-fit__item p { margin: 0; font-size: 14px; line-height: 1.55; }
.hk-cnc-five-axis .five-axis-fit__note { max-width: 930px; margin: 30px auto 0; color: var(--five-axis-muted); text-align: center; }
.hk-cnc-five-axis .five-axis-fit__note a { color: var(--hk-orange-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

.hk-cnc-five-axis .five-axis-strategies { background: var(--five-axis-light); }
.hk-cnc-five-axis .five-axis-strategies__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hk-cnc-five-axis .five-axis-strategy-card { overflow: hidden; border: 1px solid var(--five-axis-line); background: #fff; }
.hk-cnc-five-axis .five-axis-strategy-card img { width: 100%; height: 205px; object-fit: cover; }
.hk-cnc-five-axis .five-axis-strategy-card > div { padding: 23px 22px 27px; }
.hk-cnc-five-axis .five-axis-strategy-card > div > span { display: block; margin-bottom: 10px; color: var(--hk-orange); font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-strategy-card h3 { min-height: 52px; margin-bottom: 9px; font-size: 18px; line-height: 1.3; }
.hk-cnc-five-axis .five-axis-strategy-card p { margin: 0; font-size: 14px; line-height: 1.6; }

.hk-cnc-five-axis .five-axis-parts { color: #fff; background: var(--five-axis-navy); }
.hk-cnc-five-axis .five-axis-parts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.hk-cnc-five-axis .five-axis-part-card { overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: #0b2432; }
.hk-cnc-five-axis .five-axis-part-card img { width: 100%; height: 278px; background: #101921; object-fit: cover; }
.hk-cnc-five-axis .five-axis-part-card > div { min-height: 190px; padding: 24px 25px 27px; }
.hk-cnc-five-axis .five-axis-part-card span { display: block; margin-bottom: 9px; color: var(--hk-orange); font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-part-card h3 { margin-bottom: 11px; color: #fff; font-size: 21px; }
.hk-cnc-five-axis .five-axis-part-card p { margin: 0; color: #b8c6cf; font-size: 14px; }
.hk-cnc-five-axis .five-axis-part-card strong { color: #eaf0f3; }

.hk-cnc-five-axis .five-axis-engineering { background: #fff; }
.hk-cnc-five-axis .five-axis-engineering__layout { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); align-items: center; gap: 64px; }
.hk-cnc-five-axis .five-axis-engineering__media { position: sticky; top: calc(var(--hk-header-offset) + 24px); height: 550px; margin: 0; overflow: hidden; }
.hk-cnc-five-axis .five-axis-engineering__media img { width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.hk-cnc-five-axis .five-axis-engineering__content > h2 { margin-bottom: 13px; font-size: clamp(34px, 3vw, 47px); line-height: 1.08; }
.hk-cnc-five-axis .five-axis-engineering__content > p { margin-bottom: 27px; color: var(--five-axis-muted); }
.hk-cnc-five-axis .five-axis-engineering__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--five-axis-line); border-left: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-engineering__item { display: grid; min-height: 158px; grid-template-columns: 36px minmax(0, 1fr); gap: 13px; padding: 24px 22px; border-right: 1px solid var(--five-axis-line); border-bottom: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-engineering__item > span { color: var(--hk-orange); font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-engineering__item h3 { margin-bottom: 7px; font-size: 18px; line-height: 1.3; }
.hk-cnc-five-axis .five-axis-engineering__item p { margin: 0; font-size: 14px; line-height: 1.55; }
.hk-cnc-five-axis .five-axis-engineering__link { display: inline-flex; min-height: 44px; align-items: center; gap: 8px; margin-top: 18px; color: var(--hk-orange-dark); font-size: 14px; font-weight: 800; }

.hk-cnc-five-axis .five-axis-overview { background: var(--five-axis-light); }
.hk-cnc-five-axis .five-axis-overview .five-axis-heading { max-width: 920px; }
.hk-cnc-five-axis .five-axis-overview__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid #cfd7dd; border-left: 1px solid #cfd7dd; }
.hk-cnc-five-axis .five-axis-overview__item { display: grid; min-height: 98px; grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr); gap: 22px; align-items: center; padding: 20px 24px; border-right: 1px solid #cfd7dd; border-bottom: 1px solid #cfd7dd; }
.hk-cnc-five-axis .five-axis-overview__item dt { color: var(--five-axis-ink); font-size: 14px; font-weight: 800; text-transform: uppercase; }
.hk-cnc-five-axis .five-axis-overview__item dd { margin: 0; color: var(--five-axis-muted); font-size: 15px; line-height: 1.5; }
.hk-cnc-five-axis .five-axis-overview__cta { display: flex; min-height: 64px; align-items: center; gap: 14px; margin-top: 24px; padding: 14px 18px; border-left: 3px solid var(--hk-orange); color: var(--five-axis-ink); background: #fff; }
.hk-cnc-five-axis .five-axis-overview__cta span { color: var(--five-axis-muted); font-size: 15px; }
.hk-cnc-five-axis .five-axis-overview__cta strong { margin-left: auto; color: var(--hk-orange-dark); font-size: 15px; }
.hk-cnc-five-axis .five-axis-overview__cta b { color: var(--hk-orange); font-size: 18px; }

.hk-cnc-five-axis .five-axis-quality { background: #fff; }
.hk-cnc-five-axis .five-axis-quality__layout { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(400px, .92fr); align-items: center; gap: 58px; }
.hk-cnc-five-axis .five-axis-quality__content > h2 { margin-bottom: 13px; font-size: clamp(34px, 3vw, 45px); line-height: 1.1; }
.hk-cnc-five-axis .five-axis-quality__content > p { margin-bottom: 27px; }
.hk-cnc-five-axis .five-axis-quality__grid { border-top: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-quality__item { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-quality__item > span { color: var(--hk-orange); font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-quality__item h3 { margin-bottom: 4px; font-size: 18px; }
.hk-cnc-five-axis .five-axis-quality__item p { margin: 0; font-size: 14px; line-height: 1.55; }
.hk-cnc-five-axis .five-axis-quality__evidence { margin: 20px 0 0; padding: 14px 16px; border-left: 3px solid var(--hk-orange); color: var(--five-axis-muted); background: var(--five-axis-light); font-size: 14px; }
.hk-cnc-five-axis .five-axis-quality__evidence strong { color: var(--five-axis-ink); }
.hk-cnc-five-axis .five-axis-quality__media { height: 560px; margin: 0; overflow: hidden; }
.hk-cnc-five-axis .five-axis-quality__media img { width: 100%; height: 100%; object-fit: cover; object-position: 42% center; }

.hk-cnc-five-axis .five-axis-workflow { padding: 50px 0; color: #fff; background: #071b27; }
.hk-cnc-five-axis .five-axis-workflow .five-axis-heading { margin-bottom: 28px; }
.hk-cnc-five-axis .five-axis-workflow__steps { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 0; list-style: none; }
.hk-cnc-five-axis .five-axis-workflow__steps::before { position: absolute; top: 33px; right: 8%; left: 8%; height: 1px; background: rgba(255,90,0,.46); content: ""; }
.hk-cnc-five-axis .five-axis-workflow__step { position: relative; text-align: center; }
.hk-cnc-five-axis .five-axis-workflow__step > span { display: block; margin-bottom: 8px; color: var(--hk-orange); font-size: 11px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-workflow__step > i { position: relative; z-index: 1; display: grid; width: 48px; height: 48px; margin: 0 auto 16px; place-items: center; color: var(--hk-orange); border: 1px solid var(--hk-orange); border-radius: 50%; background: #071b27; font-style: normal; }
.hk-cnc-five-axis .five-axis-workflow__step h3 { margin-bottom: 8px; color: #fff; font-size: 17px; }
.hk-cnc-five-axis .five-axis-workflow__step p { margin: 0; color: #aebdc6; font-size: 14px; line-height: 1.55; }

.hk-cnc-five-axis .five-axis-guidance { padding: 74px 0; background: #fff; }
.hk-cnc-five-axis .five-axis-guidance__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--five-axis-line); border-left: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-guidance__item { min-height: 168px; padding: 24px 23px; border-right: 1px solid var(--five-axis-line); border-bottom: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-guidance__item > span { display: block; margin-bottom: 14px; color: var(--hk-orange); font-size: 13px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-guidance__item h3 { margin-bottom: 8px; font-size: 20px; }
.hk-cnc-five-axis .five-axis-guidance__item p { margin: 0; font-size: 14px; line-height: 1.6; }

.hk-cnc-five-axis .five-axis-resources { padding: 74px 0; background: var(--five-axis-light); }
.hk-cnc-five-axis .five-axis-resources__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.hk-cnc-five-axis .five-axis-resource-card { display: grid; min-height: 215px; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; padding: 24px 23px; border-top: 3px solid var(--hk-orange); background: #fff; }
.hk-cnc-five-axis .five-axis-resource-card > span { color: var(--hk-orange); font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-resource-card h3 { margin-bottom: 10px; font-size: 20px; }
.hk-cnc-five-axis .five-axis-resource-card p { margin-bottom: 18px; font-size: 14px; }
.hk-cnc-five-axis .five-axis-resource-card a { color: var(--hk-orange-dark); font-size: 14px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-resource-card a b { display: inline-block; transition: transform .2s ease; }
.hk-cnc-five-axis .five-axis-resource-card a:hover b { transform: translateX(4px); }

.hk-cnc-five-axis .five-axis-faq { padding: 74px 0; background: #fff; }
.hk-cnc-five-axis .five-axis-faq__layout { display: grid; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr); align-items: start; gap: 70px; }
.hk-cnc-five-axis .five-axis-faq__intro { position: sticky; top: calc(var(--hk-header-offset) + 28px); }
.hk-cnc-five-axis .five-axis-faq__intro h2 { margin-bottom: 14px; font-size: clamp(34px, 3vw, 46px); line-height: 1.08; }
.hk-cnc-five-axis .five-axis-faq__list { border-top: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-faq details { border-bottom: 1px solid var(--five-axis-line); }
.hk-cnc-five-axis .five-axis-faq summary { position: relative; min-height: 66px; padding: 20px 50px 18px 0; color: var(--five-axis-ink); cursor: pointer; font-weight: 750; list-style: none; }
.hk-cnc-five-axis .five-axis-faq summary::-webkit-details-marker { display: none; }
.hk-cnc-five-axis .five-axis-faq summary::after { position: absolute; top: 17px; right: 0; display: grid; width: 32px; height: 32px; place-items: center; color: var(--hk-orange); border: 1px solid #f2aa83; border-radius: 50%; content: "+"; font-size: 20px; line-height: 1; }
.hk-cnc-five-axis .five-axis-faq details[open] summary::after { content: "−"; }
.hk-cnc-five-axis .five-axis-faq details p { margin: 0; padding: 0 50px 22px 0; color: var(--five-axis-muted); font-size: 15px; }

.hk-cnc-five-axis .contact-section { background: var(--five-axis-navy); }
.hk-cnc-five-axis .contact-copy h2 { max-width: 520px; }
.hk-cnc-five-axis .five-axis-after-upload { margin: 28px 0 24px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.18); }
.hk-cnc-five-axis .five-axis-after-upload > h3 { margin-bottom: 16px; color: #fff; font-size: 20px; }
.hk-cnc-five-axis .five-axis-after-upload ol { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; }
.hk-cnc-five-axis .five-axis-after-upload__step { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 11px; align-items: start; }
.hk-cnc-five-axis .five-axis-after-upload__step > span { display: grid; width: 28px; height: 28px; place-items: center; color: var(--hk-orange); border: 1px solid rgba(255,90,0,.7); border-radius: 50%; font-size: 12px; font-weight: 800; }
.hk-cnc-five-axis .five-axis-after-upload__step h4 { margin: 1px 0 3px; color: #fff; font-size: 15px; }
.hk-cnc-five-axis .five-axis-after-upload__step p { margin: 0; color: #aebdc6; font-size: 14px; line-height: 1.5; }

@media (max-width: 1200px) {
  .hk-cnc-five-axis .five-axis-section { padding: 82px 0; }
  .hk-cnc-five-axis .five-axis-workflow, .hk-cnc-five-axis .five-axis-guidance, .hk-cnc-five-axis .five-axis-resources, .hk-cnc-five-axis .five-axis-faq { padding: 66px 0; }
  .hk-cnc-five-axis .five-axis-hero__layout { min-height: 550px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .hk-cnc-five-axis .five-axis-hero__copy { padding-right: 32px; }
  .hk-cnc-five-axis .five-axis-hero__media { min-height: 550px; }
  .hk-cnc-five-axis .five-axis-strategies__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-cnc-five-axis .five-axis-strategy-card img { height: 280px; }
  .hk-cnc-five-axis .five-axis-engineering__layout { gap: 42px; }
  .hk-cnc-five-axis .five-axis-engineering__media { height: 560px; }
  .hk-cnc-five-axis .five-axis-quality__layout { grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr); gap: 38px; }
}

@media (max-width: 990px) {
  .hk-cnc-five-axis .five-axis-hero__layout { min-height: 0; grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-hero__copy { max-width: 760px; padding: 64px 0 42px; }
  .hk-cnc-five-axis .five-axis-hero__media { min-height: 430px; margin-inline: -20px; }
  .hk-cnc-five-axis .five-axis-hero__media::before { background: linear-gradient(0deg, var(--five-axis-navy), transparent 18%), linear-gradient(180deg, var(--five-axis-navy) 0%, rgba(6,23,34,.2) 22%, transparent 60%); }
  .hk-cnc-five-axis .five-axis-hero__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-cnc-five-axis .five-axis-hero__facts > div:nth-child(2) { border-right: 0; }
  .hk-cnc-five-axis .five-axis-hero__facts > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.13); }
  .hk-cnc-five-axis .five-axis-fit__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hk-cnc-five-axis .five-axis-fit__item:nth-child(3) { border-right: 0; }
  .hk-cnc-five-axis .five-axis-fit__item:nth-child(-n+3) { border-bottom: 1px solid var(--five-axis-line); }
  .hk-cnc-five-axis .five-axis-fit__item:nth-child(4) { grid-column: 1 / 2; }
  .hk-cnc-five-axis .five-axis-parts__grid { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-part-card { display: grid; grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr); }
  .hk-cnc-five-axis .five-axis-part-card img { height: 100%; min-height: 290px; }
  .hk-cnc-five-axis .five-axis-part-card > div { display: flex; min-height: 290px; flex-direction: column; justify-content: center; }
  .hk-cnc-five-axis .five-axis-engineering__layout, .hk-cnc-five-axis .five-axis-quality__layout, .hk-cnc-five-axis .five-axis-faq__layout { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-engineering__media { position: static; height: 500px; }
  .hk-cnc-five-axis .five-axis-quality__media { height: 470px; }
  .hk-cnc-five-axis .five-axis-workflow__steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 36px; }
  .hk-cnc-five-axis .five-axis-workflow__steps::before { display: none; }
  .hk-cnc-five-axis .five-axis-guidance__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-cnc-five-axis .five-axis-resources__grid { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-resource-card { min-height: 0; }
  .hk-cnc-five-axis .five-axis-faq__intro { position: static; }
}

@media (max-width: 768px) {
  .hk-cnc-five-axis .five-axis-section { padding: 70px 0; }
  .hk-cnc-five-axis .five-axis-workflow, .hk-cnc-five-axis .five-axis-guidance, .hk-cnc-five-axis .five-axis-resources, .hk-cnc-five-axis .five-axis-faq { padding: 58px 0; }
  .hk-cnc-five-axis .five-axis-heading { margin-bottom: 34px; }
  .hk-cnc-five-axis .five-axis-hero h1 { font-size: 44px; }
  .hk-cnc-five-axis .five-axis-hero__media { min-height: 340px; }
  .hk-cnc-five-axis .five-axis-fit__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hk-cnc-five-axis .five-axis-fit__item, .hk-cnc-five-axis .five-axis-fit__item:nth-child(3) { border-right: 1px solid var(--five-axis-line); border-bottom: 1px solid var(--five-axis-line); }
  .hk-cnc-five-axis .five-axis-fit__item:nth-child(even) { border-right: 0; }
  .hk-cnc-five-axis .five-axis-fit__item:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
  .hk-cnc-five-axis .five-axis-strategy-card img { height: 220px; }
  .hk-cnc-five-axis .five-axis-part-card { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-part-card img { height: 300px; min-height: 0; }
  .hk-cnc-five-axis .five-axis-part-card > div { min-height: 0; }
  .hk-cnc-five-axis .five-axis-engineering__grid { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-engineering__media { height: 410px; }
  .hk-cnc-five-axis .five-axis-overview__grid { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-overview__item { grid-template-columns: minmax(130px, .72fr) minmax(0, 1.28fr); }
  .hk-cnc-five-axis .five-axis-overview__cta { align-items: flex-start; flex-direction: column; gap: 4px; }
  .hk-cnc-five-axis .five-axis-overview__cta strong { margin-left: 0; }
  .hk-cnc-five-axis .five-axis-overview__cta b { position: absolute; right: 18px; }
  .hk-cnc-five-axis .five-axis-quality__media { height: 380px; }
  .hk-cnc-five-axis .five-axis-workflow__steps { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-workflow__step { display: grid; grid-template-columns: 34px 48px minmax(0, 1fr); column-gap: 14px; text-align: left; }
  .hk-cnc-five-axis .five-axis-workflow__step > span { grid-row: 1 / 3; margin: 13px 0 0; }
  .hk-cnc-five-axis .five-axis-workflow__step > i { grid-row: 1 / 3; margin: 0; }
  .hk-cnc-five-axis .five-axis-workflow__step h3 { align-self: end; margin: 0; }
  .hk-cnc-five-axis .five-axis-workflow__step p { grid-column: 3; }
  .hk-cnc-five-axis .five-axis-guidance__grid { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .hk-cnc-five-axis .five-axis-section { padding: 58px 0; }
  .hk-cnc-five-axis .five-axis-kicker { font-size: 11px; }
  .hk-cnc-five-axis .five-axis-heading h2 { font-size: 31px; }
  .hk-cnc-five-axis .five-axis-hero__copy { padding: 50px 0 34px; }
  .hk-cnc-five-axis .five-axis-hero h1 { font-size: 36px; }
  .hk-cnc-five-axis .five-axis-hero__copy > p { font-size: 15px; }
  .hk-cnc-five-axis .five-axis-hero__actions { display: grid; }
  .hk-cnc-five-axis .five-axis-hero__actions .btn { width: 100%; }
  .hk-cnc-five-axis .five-axis-hero__media { min-height: 250px; }
  .hk-cnc-five-axis .five-axis-hero__facts { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-hero__facts > div { min-height: 84px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .hk-cnc-five-axis .five-axis-hero__facts > div:last-child { border-bottom: 0; }
  .hk-cnc-five-axis .five-axis-fit__grid, .hk-cnc-five-axis .five-axis-strategies__grid { grid-template-columns: 1fr; }
  .hk-cnc-five-axis .five-axis-fit__item, .hk-cnc-five-axis .five-axis-fit__item:nth-child(even), .hk-cnc-five-axis .five-axis-fit__item:last-child { min-height: 0; grid-column: auto; border-right: 0; border-bottom: 1px solid var(--five-axis-line); }
  .hk-cnc-five-axis .five-axis-fit__item:last-child { border-bottom: 0; }
  .hk-cnc-five-axis .five-axis-strategy-card img { height: 235px; }
  .hk-cnc-five-axis .five-axis-strategy-card h3 { min-height: 0; }
  .hk-cnc-five-axis .five-axis-part-card img { height: 240px; }
  .hk-cnc-five-axis .five-axis-engineering__media { height: 300px; }
  .hk-cnc-five-axis .five-axis-engineering__content > h2, .hk-cnc-five-axis .five-axis-quality__content > h2, .hk-cnc-five-axis .five-axis-faq__intro h2 { font-size: 31px; }
  .hk-cnc-five-axis .five-axis-overview__item { min-height: 0; grid-template-columns: 1fr; gap: 6px; padding: 20px; }
  .hk-cnc-five-axis .five-axis-overview__cta { position: relative; padding-right: 42px; }
  .hk-cnc-five-axis .five-axis-quality__media { height: 270px; }
  .hk-cnc-five-axis .five-axis-resource-card { grid-template-columns: 34px minmax(0, 1fr); padding: 24px 20px; }
  .hk-cnc-five-axis .five-axis-faq details p { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .hk-cnc-five-axis *, .hk-cnc-five-axis *::before, .hk-cnc-five-axis *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}