.suneng-about-suite { --suite-space: clamp(64px, 5.2vw, 100px); --suite-gap: clamp(32px, 4vw, 76px); }
.suneng-about-suite h2 { font-size: clamp(32px, 2.7vw, 48px); line-height: 1.2; text-wrap: balance; }
.suneng-about-suite h3 { font-size: clamp(23px, 1.65vw, 30px); }
.suneng-about-suite p { color: #253e54; line-height: 1.65; }
.suneng-about-suite .suneng-company-section { padding-block: var(--suite-space); }
.suneng-about-suite .suneng-company-section + .suneng-company-section { padding-top: 0; }
.suneng-suite-intro, .suneng-about-suite .suneng-company-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); gap: var(--suite-gap); align-items: start; margin-bottom: 0; }
.suneng-suite-intro > *, .suneng-suite-working > *, .suneng-factory-grid > *, .suneng-about-suite .suneng-company-split > * { min-width: 0; }
.suneng-suite-intro h2, .suneng-about-suite .suneng-company-intro h2 { margin-bottom: 0; }
.suneng-suite-heading { margin-block: var(--suite-space) 40px; }
.suneng-suite-heading h2 { margin: 0; }
.suneng-suite-centered { max-width: 960px; margin-inline: auto; text-align: center; }
.suneng-suite-centered p { max-width: 78ch; margin-inline: auto; }
.suneng-about-suite .suneng-company-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--suite-gap); }
.suneng-about-suite .suneng-company-split figure img { height: auto; aspect-ratio: auto; object-fit: contain; }
.suneng-about-suite .suneng-company-split.is-reversed > .suneng-suite-media { order: 2; }
.suneng-suite-media { width: 100%; aspect-ratio: 10 / 7; background: #f4f5f6; }
.suneng-suite-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.suneng-suite-working { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: var(--suite-gap); align-items: center; }
.suneng-suite-working .suneng-company-routes { grid-template-columns: 1fr; gap: 24px; margin-top: 32px; }
.suneng-suite-working .suneng-company-routes > article { padding-top: 20px; }
.suneng-suite-working h3 { margin-bottom: 8px; }
.suneng-about-suite .suneng-company-band { padding-block: var(--suite-space); }
.suneng-about-suite .jk-about-team-grid { gap: 40px; }
.suneng-about-suite .jk-about-profile-image { aspect-ratio: 1; background: #f4f5f6; }
.suneng-about-suite .jk-about-profile-image img { object-fit: contain; object-position: center bottom; }
.suneng-about-suite .jk-about-profile-copy { border-bottom: 1px solid #c5dce9; padding-bottom: 24px; }
.suneng-about-suite .jk-about-profile-copy h3 { margin-bottom: 8px; }
.suneng-about-suite .jk-about-role { margin-bottom: 16px; }
.suneng-about-suite .jk-about-contact-links a { min-height: 44px; font-size: 16px; text-decoration-thickness: 1px; }
.suneng-about-suite .suneng-company-steps { margin-top: 48px; gap: 24px; }
.suneng-about-suite .suneng-company-steps h3 { font-size: 21px; }
.suneng-about-suite .suneng-company-steps li { padding-top: 22px; }
.suneng-factory-directory { display: flex; flex-wrap: wrap; gap: 12px 28px; padding-bottom: 28px; border-bottom: 1px solid #c5dce9; }
.suneng-factory-directory a { display: inline-flex; align-items: center; min-height: 44px; color: #005e9e; font-weight: 600; text-underline-offset: 6px; }
.suneng-factory-area { padding-block: var(--suite-space); scroll-margin-top: 150px; }
.suneng-factory-area + .suneng-factory-area { padding-top: 0; }
.suneng-factory-area-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: start; gap: var(--suite-gap); margin-bottom: 36px; }
.suneng-factory-area-heading h2, .suneng-factory-area-heading p { margin: 0; }
.suneng-factory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.suneng-factory-grid figure { margin: 0; }
.suneng-factory-grid a { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: #f4f5f6; }
.suneng-factory-grid img { display: block; width: 100%; height: 100%; object-fit: contain; }
.suneng-factory-grid figcaption { margin-top: 12px; font-size: 15px; line-height: 1.5; color: #4e6e89; }
.suneng-factory-library { margin-top: 28px; border-bottom: 1px solid #c5dce9; }
.suneng-factory-scene { padding-block: 24px 36px; scroll-margin-top: 150px; }
.suneng-factory-scene h3 { margin-bottom: 24px; }
.suneng-about-suite .jk-technical-page-heading { padding-block: var(--suite-space) 24px; }
.suneng-about-suite .jk-technical-page-nav { gap: 8px 28px; margin-top: 40px; padding-bottom: 16px; border-bottom: 1px solid #c5dce9; }
.suneng-about-suite .jk-technical-page-nav a { min-height: 44px; text-decoration: underline; text-underline-offset: 6px; }
.suneng-about-suite .jk-record-gallery-section { padding-block: var(--suite-space); scroll-margin-top: 150px; background: #fff; }
.suneng-about-suite .jk-record-gallery-section + .jk-record-gallery-section { padding-top: 0; }
.suneng-about-suite .jk-record-gallery-heading { border-top: 1px solid #c5dce9; padding-top: 32px; margin-bottom: 36px; }
.suneng-about-suite .jk-record-gallery-heading p { max-width: 80ch; }
.suneng-about-suite .jk-record-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 32px; }
.suneng-about-suite .jk-record-gallery a { padding: 12px; height: auto; aspect-ratio: 4 / 5; background: #f4f5f6; }
.suneng-about-suite .jk-record-gallery img { object-fit: contain; }
.suneng-about-suite .jk-record-gallery figcaption { text-align: left; font-size: 16px; color: #253e54; }
.suneng-about-suite > .suneng-company-cta { width: min(87.5%, 1680px); margin: var(--suite-space) auto; padding: 56px 32px; background-color: #082f5c; background-image: linear-gradient(90deg, rgba(8,47,92,.48), rgba(8,47,92,.24)), url('ai/company-20261014/suneng-cta-background.webp'); background-size: cover; background-position: center; }
.suneng-about-suite > .suneng-company-cta > div { flex-direction: column; gap: 24px; text-align: center; width: 100%; }
.suneng-about-suite > .suneng-company-cta h2 { color: #fff; }
.suneng-about-suite > .suneng-company-cta p { color: #e0edf5; max-width: 65ch; margin-inline: auto; }
@media (max-width: 1100px) {
  .suneng-about-suite .suneng-company-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .suneng-about-suite .jk-about-team-grid { gap: 24px; }
}
@media (max-width: 760px) {
  .suneng-about-suite h2 { font-size: 30px; }
  .suneng-about-suite h3 { font-size: 23px; }
  .suneng-suite-intro, .suneng-about-suite .suneng-company-intro, .suneng-suite-working, .suneng-about-suite .suneng-company-split, .suneng-factory-area-heading { grid-template-columns: 1fr; gap: 28px; }
  .suneng-about-suite .suneng-company-split > figure, .suneng-about-suite .suneng-company-split > .suneng-suite-media { order: 2; }
  .suneng-about-suite .jk-about-team-grid { grid-template-columns: 1fr; gap: 48px; }
  .suneng-about-suite .jk-about-profile-image { max-width: 380px; margin-inline: auto; }
  .suneng-about-suite .suneng-company-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .suneng-factory-grid, .suneng-about-suite .jk-record-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .suneng-about-suite > .suneng-company-cta { width: calc(100% - 36px); padding: 40px 22px; }
}
@media (max-width: 480px) {
  .suneng-factory-grid, .suneng-about-suite .jk-record-gallery { grid-template-columns: 1fr; }
  .suneng-factory-area, .suneng-factory-scene, .suneng-about-suite .jk-record-gallery-section { scroll-margin-top: 100px; }
}