/* Dimensional illustrations, concise cards and a coordinated spectrum of accents. */
.public-home :is(#sustainability-services,#approach) { font-family:"Segoe UI",Arial,sans-serif; }
.public-site.public-home #sustainability-services.ce-sustainability-services { background:#f5f7fd; padding:76px 0!important; color:#17243d; }
.public-site.public-home #sustainability-services::before,.public-site.public-home #sustainability-services::after { display:none; }
.public-site.public-home #sustainability-services .ce-section-heading { margin-bottom:34px; max-width:1320px; text-align:left; }
.public-site.public-home #sustainability-services .public-eyebrow { color:#5267d7; font-size:11px; letter-spacing:.16em; margin-bottom:14px; }
.public-site.public-home #sustainability-services h2,.public-site.public-home #approach h2 { color:#17243d; font-size:clamp(32px,3.4vw,52px); line-height:1.12; letter-spacing:-.045em; font-weight:650; text-transform:none; margin:0 0 18px; }
.public-site.public-home #sustainability-services .ce-section-heading > p:last-child { color:#66748b; max-width:700px; font-size:17px; line-height:1.65; }
.public-site.public-home .ce-services-grid { gap:22px; align-items:stretch; }
.public-site.public-home #sustainability-services .ce-service-card { --accent:#4263dd; --tint:#edf1ff; border:1px solid #e2e7f3; border-radius:20px; background:#fff; padding:26px; min-height:370px; box-shadow:0 12px 35px #24377307; overflow:hidden; display:flex; flex-direction:column; position:relative; }
.public-site.public-home #sustainability-services .ce-service-card:nth-child(2) { --accent:#7858d9; --tint:#f3efff; }
.public-site.public-home #sustainability-services .ce-service-card:nth-child(3) { --accent:#098d83; --tint:#eaf9f4; }
.public-site.public-home #sustainability-services .ce-service-card:nth-child(4) { --accent:#cb8422; --tint:#fff5e5; }
.public-site.public-home #sustainability-services .ce-service-card:nth-child(5) { --accent:#cf6281; --tint:#fff0f4; }
.public-site.public-home #sustainability-services .ce-service-card:nth-child(6) { --accent:#7054c7; --tint:#f2effc; }
.public-site.public-home #sustainability-services .ce-service-card::before { content:""; inset:0 0 auto; height:4px; width:auto; background:var(--accent); border-radius:0; }
.public-site.public-home #sustainability-services .ce-service-card:hover { transform:translateY(-4px); border-color:var(--accent); box-shadow:0 20px 50px #24377314; }
.ce-service-art { height:134px; margin:-8px -8px 18px; border-radius:14px; background:radial-gradient(ellipse at 50% 85%,var(--tint) 0,transparent 70%); display:flex; align-items:center; justify-content:center; }
.public-site.public-home #sustainability-services .ce-service-card .ce-service-art img { width:140px; height:140px; object-fit:contain; padding:0; border:0; border-radius:0; background:none; box-shadow:none; margin:0; }
.public-site.public-home #sustainability-services .ce-service-card h3 { color:#1c2b44; font-size:20px; font-weight:650; line-height:1.25; letter-spacing:-.025em; margin:0 0 10px; }
.public-site.public-home #sustainability-services .ce-service-summary { color:#63718a; font-size:14px; line-height:1.65; font-weight:400; margin:0 0 16px; }
.ce-service-detail { margin:0 0 18px; font-size:13px; color:#67768b; }
.ce-service-detail summary { display:flex; justify-content:space-between; align-items:center; color:var(--accent); font-weight:600; cursor:pointer; list-style:none; padding:7px 0; }
.ce-service-detail summary::-webkit-details-marker { display:none; }.ce-service-detail summary span { font-size:20px; font-weight:400; }.ce-service-detail[open] summary span { transform:rotate(45deg); }
.public-site.public-home #sustainability-services .ce-service-detail p { color:#66748b; font-size:13px; line-height:1.8; margin:10px 0 0; }
.public-site.public-home #sustainability-services .service-tags { margin-top:auto; gap:6px; padding-top:12px; border-top:1px solid #edf0f7; }
.public-site.public-home #sustainability-services .service-tags span { background:var(--tint); border:0; color:var(--accent); font-size:10px; font-weight:600; padding:6px 9px; }
.public-site.public-home #sustainability-services .ce-service-cta { background:transparent; box-shadow:none; border:0; margin-top:30px; color:#485974; }
.public-site.public-home #sustainability-services .ce-service-cta p { color:#485974; font-size:16px; }
.public-site.public-home #sustainability-services .ce-service-cta a { background:#425fd6; color:#fff; border:0; }
.public-site.public-home #approach.ce-approach-web { background:linear-gradient(145deg,#fff 20%,#f3f1ff 100%); padding:76px 0!important; height:auto!important; min-height:0!important; max-height:none!important; scroll-margin-top:var(--public-header-height); }
.public-site.public-home #approach .ce-approach-web-panel { padding:0; min-height:0; }
.public-site.public-home #approach .ce-approach-web-heading { max-width:760px; margin:0 auto 46px; }
.public-site.public-home #approach .public-eyebrow { color:#825bcb; font-size:11px; letter-spacing:.16em; }
.public-site.public-home #approach .ce-approach-web-heading > p:last-child { font-size:17px; line-height:1.6; color:#66748b; }
.ce-approach-flow { gap:14px; }.ce-approach-flow::before { display:none; }
.ce-approach-step { --accent:#4263dd; background:#fff; border:1px solid #e6e6f2; border-radius:18px; box-shadow:0 12px 26px #34346305; padding:22px 14px; min-height:246px; }
.ce-approach-step:nth-child(2),.ce-approach-step:nth-child(6) { --accent:#9263d4; }.ce-approach-step:nth-child(3) { --accent:#d79635; }.ce-approach-step:nth-child(4) { --accent:#169c8a; }.ce-approach-step:nth-child(5) { --accent:#4e79df; }
.ce-approach-step-number { background:var(--accent); border:0; color:#fff; height:29px; width:29px; font:600 11px "Segoe UI",sans-serif; left:14px; top:-13px; box-shadow:0 5px 12px #23306216; }
.ce-approach-step-icon { border:0; background:none; width:112px; height:112px; margin:0 0 10px; border-radius:0; }
.ce-approach-step-icon img { width:112px; height:112px; object-fit:contain; }
.ce-approach-step:not(:last-child)::after { top:74px; width:6px; height:6px; right:-11px; border-color:#acafd0; }
.ce-approach-step h3 { font-size:17px; font-weight:650; color:#26344f; line-height:1.25; }
.ce-approach-step p { font-size:13px; line-height:1.6; color:#6c7890; }
.ce-approach-summary { background:#253965; border:0; border-radius:16px; padding:24px 28px; margin:30px 0 18px; }
.ce-approach-summary strong { color:#fff; font-size:21px; font-weight:600; }.ce-approach-summary p { color:#dce4f5; font-size:14px; }
.ce-approach-values { gap:14px; }.ce-approach-values article { border-color:#e3e6f0; background:#fff; border-radius:14px; padding:16px 12px; grid-template-columns:54px 1fr; column-gap:10px; align-items:center; }
.ce-approach-values article img { width:54px; height:54px; object-fit:contain; grid-row:span 2; }
.ce-approach-values h3 { color:#2e3e5b; font-size:13px; font-weight:650; }.ce-approach-values p { color:#758199; font-size:11px; line-height:1.5; }
.ce-statement-art { width:100px; height:100px; object-fit:contain; margin-bottom:12px; }
.public-site.public-home #network .ce-network-node { background:transparent; border:0; box-shadow:none; border-radius:0; }
.public-site.public-home #network .ce-network-node img { width:100%; height:100%; object-fit:contain; }
.public-site.public-home #network .ce-network-flow::before,.public-site.public-home #network .ce-network-flow-item::after { display:none; }
.public-site.public-home #network .ce-network-flow-copy { background:#fff; border-color:#e2e7f3; border-radius:14px; box-shadow:0 8px 20px #34456206; }
.public-site.public-home #network .ce-network-flow-copy h3 { color:#364762; font-weight:650; }
.public-site.public-home #network .ce-network-flow-copy p { color:#73819a; }
.public-site.public-home #approach.ce-approach-web { background:linear-gradient(145deg,#fff 20%,#f3f1ff 100%)!important; }
.public-site.public-home #approach.ce-approach-web::before { display:none; }
.public-site.public-home #approach .ce-approach-step { display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; }
.public-site.public-home #approach .ce-approach-step h3 { margin:4px 0 10px; }
.public-site.public-home #approach .ce-approach-step-icon { flex:0 0 auto; }
.public-site.public-home #approach .ce-approach-web-panel { padding-inline:24px; }
.public-site.public-home #sustainability-services .ce-service-card .ce-service-summary { color:#63718a; }
/* Professional illustration revision: quiet supporting graphics, content first. */
.public-site.public-home #sustainability-services .ce-service-card { min-height:320px; border-radius:12px; box-shadow:none; }
.public-site.public-home #sustainability-services .ce-service-card::before { height:2px; }
.public-site.public-home #sustainability-services .ce-service-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px #24377308; }
.public-site.public-home #sustainability-services .ce-service-art { height:86px; background:none; justify-content:flex-start; margin:0 0 18px; }
.public-site.public-home #sustainability-services .ce-service-card .ce-service-art img { width:86px; height:86px; }
.public-site.public-home #approach .ce-approach-step { border-radius:12px; min-height:218px; padding:24px 14px; box-shadow:none; }
.public-site.public-home #approach .ce-approach-step-icon,.public-site.public-home #approach .ce-approach-step-icon img { width:72px; height:72px; }
.public-site.public-home #approach .ce-approach-values article { grid-template-columns:34px 1fr; border-radius:10px; }
.public-site.public-home #approach .ce-approach-values img { width:34px; height:34px; }
.public-site.public-home #network .ce-network-node { width:72px!important; height:72px!important; }
.public-site.public-home .ce-statement-art { width:76px; height:76px; }
@media(max-width:1100px) { .ce-approach-flow { grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 18px; }.ce-approach-step:nth-child(3)::after { display:none; }.ce-approach-values { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .public-site.public-home #sustainability-services.ce-sustainability-services,.public-site.public-home #approach.ce-approach-web { padding:46px 0!important; }.public-site.public-home .ce-services-grid { grid-template-columns:1fr; }.public-site.public-home #sustainability-services .ce-service-card { min-height:0; padding:24px; }.ce-service-art { height:118px; }.ce-approach-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 14px; }.ce-approach-step { min-height:225px; padding:22px 12px; }.ce-approach-step::after { display:none!important; }.ce-approach-summary { grid-template-columns:1fr; padding:23px; }.ce-approach-values { grid-template-columns:1fr; }.ce-approach-values article { padding:14px 20px; }.ce-approach-values h3 { font-size:15px; }.ce-approach-values p { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .ce-service-card,.ce-approach-step { transition:none!important; transform:none!important; } }
