/* Brand illustrations share the homepage chain; technical drawings stay distinct. */
#complior-cloud .cap-link-visual{width:100%;min-width:0}
#complior-cloud .cap-link-image{display:block;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent);mask-composite:intersect}
#complior-cloud .cap-link-visual figcaption{display:flex;gap:16px;align-items:center;padding:6px 8% 10px;color:#f5faf9}
#complior-cloud .cap-link-visual figcaption>span{color:var(--mint);font-size:14px;align-self:flex-start;padding-top:4px}
#complior-cloud .cap-link-visual strong{display:block;font-size:18px;font-weight:600}
#complior-cloud .cap-link-visual small{display:block;font-size:14px;color:#bed3c7;margin-top:4px}
#complior-cloud .km-link-visual .km-module-image{left:-12%;width:88%;bottom:12%;height:auto}
#complior-cloud .km-link-visual .km-endpoints{top:13%;height:66%;width:25%}
#complior-cloud .km-link-visual .km-endpoints li{box-shadow:none;background:transparent;border:0;border-left:1px solid #b3dfc86b;border-radius:0;padding:10px;gap:10px;color:#eef6f1;min-height:60px;font-size:16px}
#complior-cloud .km-link-visual .km-service-label{width:62%;left:0;bottom:0}
#complior-cloud .km-link-visual figcaption{max-width:48ch;margin:20px auto 0;font-size:13px}
#complior-cloud .sl-ability figure img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#112e2b}
#complior-cloud .tr-material img{object-fit:contain;height:auto}
@media(max-width:760px){
 #complior-cloud .cap-link-visual{max-width:560px;justify-self:center}
 #complior-cloud .cap-link-visual figcaption{padding:0 4% 8px}
 #complior-cloud .km-link-visual{max-width:560px;justify-self:center}
 #complior-cloud .km-link-visual .km-artwork{aspect-ratio:auto;min-height:0;height:auto;display:flex;flex-direction:column}
 #complior-cloud .km-link-visual .km-module-image{position:relative;inset:auto;width:100%;order:0}
 #complior-cloud .km-link-visual .km-service-label{position:relative;inset:auto;width:100%;order:1;text-align:center;margin-top:-5px}
 #complior-cloud .km-link-visual .km-service-label strong{font-size:16px;line-height:1.4}
 #complior-cloud .km-link-visual .km-service-label span{font-size:13px}
 #complior-cloud .km-link-visual .km-connections{display:none}
 #complior-cloud .km-link-visual .km-endpoints{position:relative;inset:auto;width:100%;height:auto;order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;border:0;border-top:1px solid #91b7a4}
 #complior-cloud .km-link-visual .km-endpoints:before{content:'';position:absolute;top:auto;bottom:100%;left:50%;width:0;height:22px;border:0;border-left:1px solid #91b7a4}
 #complior-cloud .km-link-visual .km-endpoints li{position:relative;min-height:65px;flex-direction:column;justify-content:flex-start;gap:7px;padding:16px 4px 0;border:0;background:none;font-size:14px;text-align:center}
 #complior-cloud .km-link-visual .km-endpoints li:before{content:'';position:absolute;top:0;left:50%;width:0;height:9px;border:0;border-left:1px solid #91b7a4}
 #complior-cloud .km-link-visual .km-endpoints svg{display:block;width:22px;height:22px}
 #complior-cloud .km-link-visual figcaption{margin-top:16px;text-align:center}
}