/* Homepage About: user-selected Aulank composition in the SUNENG identity. */
body.home #home-about.suneng-home-about { padding: clamp(60px,5vw,96px) 0; background:#fff; scroll-margin-top:136px; }
.suneng-home-about-inner { width:min(87.5%,1680px); margin-inline:auto; }
body.home #home-about .suneng-home-about-label { margin:0 0 32px; font-size:20px; line-height:1.2; font-weight:500; color:#005e9e; }
.suneng-home-about-intro { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start; }
body.home #home-about h2 { margin:0; max-width:17ch; font-size:clamp(36px,3.95vw,56px); line-height:1.17; font-weight:600; letter-spacing:-.02em; color:#082f5c; text-transform:none; }
body.home #home-about .suneng-home-about-copy p { margin:0 0 18px; max-width:70ch; font-size:clamp(16px,1.05vw,20px); line-height:1.6; color:#253e54; }
body.home #home-about .suneng-home-about-copy p:last-child { margin-bottom:0; }
body.home #home-about .suneng-home-about-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:1px solid #087fc2; border-radius:6px; background:#edf8fe; color:#005e9e; font-size:15px; font-weight:600; line-height:1.4; text-decoration:none; transition:background .18s,color .18s; }
.suneng-home-about-heading > a { margin-top:32px; }
body.home #home-about .suneng-home-about-button:hover { background:#005e9e; color:#fff; }
body.home #home-about .suneng-home-about-button:focus-visible { outline:3px solid #087fc2; outline-offset:4px; }
.suneng-home-about-photo { position:relative; aspect-ratio:2.2 / 1; overflow:hidden; border-radius:16px; margin:36px 0; background:#edf8fe; }
.suneng-home-about-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center bottom; }
.suneng-home-about-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,25,46,.55),rgba(4,25,46,0) 65%); pointer-events:none; }
body.home #home-about .suneng-home-about-photo figcaption { position:absolute; z-index:1; left:6.25%; top:24%; width:48%; color:#fff; font-size:clamp(28px,3.2vw,56px); font-weight:600; line-height:1.18; letter-spacing:-.02em; }
.suneng-home-about-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0; }
.suneng-home-about-stat { display:flex; flex-direction:column; gap:16px; padding:32px; min-height:184px; background:#f3f7fa; border-radius:10px; }
body.home #home-about .suneng-home-about-stat dt { order:2; color:#253e54; font-size:16px; line-height:1.5; font-weight:500; }
body.home #home-about .suneng-home-about-stat dd { order:1; margin:0; color:#087fc2; font-size:56px; line-height:1.15; font-weight:600; letter-spacing:-.02em; }
body.home #home-about .suneng-home-about-stat.is-pending dd { color:#617c91; }
.suneng-home-about-routes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:36px; }
.suneng-home-about-route { position:relative; isolation:isolate; display:flex; align-items:flex-end; aspect-ratio:1.46 / 1; min-height:360px; overflow:hidden; border-radius:10px; background:#f3f7fa; }
.suneng-home-about-route-media { position:absolute; inset:0; z-index:-1; background:#f3f7fa; }
.suneng-home-about-route-copy { padding:32px; }
body.home #home-about .suneng-home-about-route h3 { margin:0 0 12px; color:#082f5c; font-size:32px; line-height:1.25; font-weight:600; text-transform:none; }
body.home #home-about .suneng-home-about-route p { margin:0 0 24px; max-width:58ch; color:#253e54; font-size:16px; line-height:1.5; }
@media (max-width:760px) {
 .suneng-home-about-inner { width:calc(100% - 36px); }
 body.home #home-about.suneng-home-about { padding-block:56px; }
 body.home #home-about .suneng-home-about-label { margin-bottom:24px; font-size:18px; }
 .suneng-home-about-intro { grid-template-columns:1fr; gap:28px; }
 body.home #home-about h2 { font-size:34px; max-width:20ch; }
 .suneng-home-about-heading > a { margin-top:24px; }
 .suneng-home-about-photo { aspect-ratio:1535 / 1024; border-radius:12px; margin-block:28px; }
 body.home #home-about .suneng-home-about-photo figcaption { top:9%; left:7%; width:75%; font-size:28px; }
 .suneng-home-about-stats,.suneng-home-about-routes { grid-template-columns:1fr; gap:16px; }
 .suneng-home-about-stat { min-height:168px; padding:28px; }
 body.home #home-about .suneng-home-about-stat dd { font-size:48px; }
 .suneng-home-about-routes { margin-top:28px; }
 .suneng-home-about-route { aspect-ratio:auto; min-height:360px; }
 .suneng-home-about-route-copy { padding:28px; }
 body.home #home-about .suneng-home-about-route h3 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) { body.home #home-about .suneng-home-about-button { transition:none; } }

/* User-pinned exception: factory/team use the reference corner arrow buttons. */
body.home #home-about .suneng-home-about-route p { margin-bottom:0; max-width:calc(100% - 64px); }
body.home #home-about .suneng-home-about-route-arrow {
 position:absolute; right:32px; bottom:32px; display:flex; align-items:center; justify-content:center;
 width:40px; height:40px; padding:4px; border:0; border-radius:8px; background:#087fc2; color:#fff;
 text-decoration:none; box-sizing:border-box; transition:background .18s ease;
}
body.home #home-about .suneng-home-about-route-arrow::before { content:''; position:absolute; inset:-2px; }
body.home #home-about .suneng-home-about-route-arrow svg { display:block; width:32px; height:32px; }
body.home #home-about .suneng-home-about-route-arrow:hover { background:#005e9e; }
body.home #home-about .suneng-home-about-route-arrow:focus-visible { outline:3px solid #087fc2; outline-offset:4px; }
@media (max-width:760px) {
 .suneng-home-about-route-copy { padding-bottom:84px; }
 body.home #home-about .suneng-home-about-route p { max-width:100%; }
 body.home #home-about .suneng-home-about-route-arrow { right:28px; bottom:28px; }
}
@media (prefers-reduced-motion:reduce) { body.home #home-about .suneng-home-about-route-arrow { transition:none; } }