/* About uses the portal's shared font family, page title, lead and body styles. */
.simple-content.about-ppt{padding-top:24px;padding-bottom:28px}
.about-ppt .about-heading{max-width:none;padding-bottom:20px;margin-bottom:20px}
.about-band{border-top:1px solid var(--line);padding:20px 0}
.about-heading+.about-band{border-top:0;padding-top:0}
.about-band:last-child{padding-bottom:0}
.about-ppt .about-band>h2{margin:0 0 16px}
.capability-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.about-ppt h3{font-size:18px;line-height:1.5;font-weight:600;color:var(--navy);margin:0}
.capability-four h3{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.capability-four svg,.advantages svg{width:32px;height:34px;flex:0 0 32px;color:var(--blue)}
.about-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.advantages h3{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.about-trio p{margin:0}
.advantages section+section{border-left:1px solid var(--line);padding-left:24px}
.about-ppt .vision-line{margin:0 0 14px;color:var(--ink)}
.vision h3{margin-bottom:4px}
@media(max-width:850px){.capability-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}}
@media(max-width:700px){
 .simple-content.about-ppt{padding-top:24px;padding-bottom:24px}
 .about-ppt .about-heading{padding-bottom:16px;margin-bottom:16px}
 .about-band{padding:16px 0}
 .about-ppt .about-band>h2{margin-bottom:14px}
 .about-trio{grid-template-columns:1fr;gap:16px}
 .advantages section+section{border-left:0;padding-left:0}
 .advantages h3{margin-bottom:4px}
 .capability-four{gap:16px 20px}
}

/* Separate peer items without adding more copy. */
.capability-four{gap:12px}
.capability-four h3{padding:16px;background:var(--light);border:1px solid var(--line);border-radius:3px;font-size:16px;line-height:1.5;gap:12px}
.about-trio.advantages{gap:12px}
.advantages section,.advantages section+section{padding:16px;border:1px solid var(--line);border-radius:3px;background:#fff}
.advantages h3{font-size:18px;margin-bottom:10px}
.about-ppt .advantages p{font-size:13px;line-height:1.7}
.about-ppt .vision-line{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:16px}
.vision{gap:0;background:var(--light);border:1px solid var(--line);border-radius:3px;padding:14px 0}
.vision section{padding:0 18px}
.vision section+section{border-left:1px solid #ccd9e1}
.vision h3{font-size:16px;margin-bottom:4px}
.about-ppt .vision p{font-size:13px;line-height:1.7}
@media(max-width:700px){
 .capability-four{gap:10px}
 .capability-four h3{padding:12px;font-size:15px;gap:10px}
 .advantages section,.advantages section+section{padding:14px}
 .about-trio.advantages{gap:10px}
 .vision{gap:12px;padding:14px}
 .vision section{padding:0}
 .vision section+section{border-left:0;border-top:1px solid var(--line);padding-top:12px}
}

/* Decorative site-wide scene within About only; text itself remains fully opaque. */
main:has(.about-ppt){position:relative;isolation:isolate;background:#edf3f7}
main:has(.about-ppt)::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 filter:grayscale(1);opacity:.85;
 background-color:#f4f7f9;
 background-image:linear-gradient(105deg,rgba(247,250,252,.90) 0%,rgba(247,250,252,.78) 48%,rgba(247,250,252,.66) 100%),url('/classic/assets/about-robot-scene.png');
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
.about-ppt .capability-four h3{background:rgba(246,250,252,.86);border-color:#c7d5df}
.about-ppt .advantages section{background:rgba(255,255,255,.86);border-color:#c7d5df}
.about-ppt .vision{background:rgba(246,250,252,.88);border-color:#c7d5df}
.about-ppt .about-band,.about-ppt .about-heading{border-color:#c7d5df}
.about-ppt p{color:#526572}
@media(max-width:700px){
 main:has(.about-ppt)::before{background-image:linear-gradient(rgba(247,250,252,.89),rgba(247,250,252,.94)),url('/classic/assets/about-robot-scene.png');background-position:62% top}
}
@media print{main:has(.about-ppt){background:#fff}main:has(.about-ppt)::before{display:none}}
