
/* Original architectural imagery and product scenes for Shield. */
.service-thumbnail{display:block;width:104px;height:72px;object-fit:cover;border-radius:5px;flex-shrink:0;background:#edf3f6}
.flyout-card .service-thumbnail{width:76px;height:62px}
.flyout-card{padding:10px;gap:14px}
.service-card-scene{display:block;margin-bottom:24px;overflow:hidden;border-radius:6px;background:#edf3f6}
.service-card-scene img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s ease}
.service-options>a:hover .service-card-scene img{transform:scale(1.025)}
.destination-page .capability-list article>.service-thumbnail{width:100%;height:auto;aspect-ratio:3/2;max-height:210px;object-fit:cover}
.destination-page .service-hero{background:#f0f4f7}
.destination-page .service-hero picture,.destination-page .service-hero img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;object-fit:contain}
.destination-page .service-hero figure{align-self:center;height:auto;margin:0}
.detail-page .detail-hero{gap:26px}
.detail-visual.scene-visual{background:#f0f4f7;min-height:0;max-height:none;overflow:hidden;border-radius:8px}
.scene-visual picture,.scene-visual img{display:block;width:100%;height:auto}
.scene-visual img{aspect-ratio:3/2;object-fit:contain}
.scene-key{display:flex;gap:0;background:#fff;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb}
.scene-key span{flex:1;min-width:0;text-align:center;padding:13px 8px;font-size:11px;color:#426075;line-height:1.45}
.scene-key span+span{border-left:1px solid #dce5eb}
.scene-visual figcaption{font-size:10px;padding:8px;color:#617584}
.related-services .service-thumbnail{width:84px;height:65px}
.systems{background:#edf3f6;color:#17242c}
.systems .systems-layout{align-items:center}
.systems .building-visual.scene-explorer{background:#fff;border:1px solid #dce5eb;border-radius:8px;overflow:hidden;min-height:0;margin:0;padding:0}
.scene-explorer img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.scene-explorer img[hidden]{display:none!important}
.scene-explorer figcaption{font-size:11px;line-height:1.55;padding:13px 20px;text-align:left;color:#536c7d;background:#fff}
.systems .system-tabs button{background:#fff;border-color:#c6d5df;color:#214a77}
.systems .system-tabs button[aria-selected="true"]{background:#214a77;border-color:#214a77;color:#fff}
.systems .system-tabs button:hover:not([aria-selected="true"]){background:#e3edf4;color:#214a77}
.systems .system-tabs button:focus-visible{outline:3px solid #214a77;outline-offset:3px}
.network-infographic{width:100%;max-width:650px;margin:0 auto!important}
.network-internet{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;min-height:44px}
.connection-dot{width:9px;height:9px;border:2px solid #5f8199;border-radius:50%;background:#fff}
.network-trunk{height:24px;width:1px;margin:auto;background:#7195ac}
.network-hub{position:relative;border:1px solid #d3dfe7;border-radius:8px;overflow:hidden;background:#fff}
.network-hub>img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.network-hub>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;text-align:left}
.network-hub strong{font-size:15px}.network-hub span{font-size:11px;color:#526b7c;max-width:21ch}
.network-split{height:26px;width:50%;margin:0 auto;border:1px solid #7195ac;border-top:0;position:relative;transform:rotate(180deg)}
.network-split:before{content:'';position:absolute;bottom:100%;left:50%;height:15px;width:1px;background:#7195ac}
.network-destinations{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.network-destinations a{display:block;padding:10px 10px 14px;background:#fff;border:1px solid #d3dfe7;border-radius:6px;text-align:left;text-decoration:none}
.network-destinations img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px;display:block;margin-bottom:12px}
.network-destinations strong{display:block;font-size:13px}.network-destinations span{display:block;font-size:11px;color:#526b7c;margin-top:5px}
@media(min-width:600px){.flyout-card .service-thumbnail{width:92px;height:66px}.scene-key span{font-size:12px}}
@media(min-width:900px){
.flyout-card .service-thumbnail{width:100px;height:78px}.flyout-card{gap:16px;padding:12px;min-height:118px}
.detail-page .detail-hero{grid-template-columns:.9fr 1.1fr;gap:40px}
.destination-page .service-hero{grid-template-columns:1fr 1.05fr}
.destination-page .service-hero figure{padding-right:24px}
.destination-page .service-hero-copy{padding-right:35px}
.destination-page .capability-list article{grid-template-columns:145px 1fr}
.destination-page .capability-list article>.service-thumbnail{grid-column:1;grid-row:1/4;width:145px;height:130px;object-fit:cover}
.related-services>div:last-child>a{padding:10px;gap:12px}
.network-hub>img{aspect-ratio:2.3/1}
}
@media(prefers-reduced-motion:reduce){.service-card-scene img{transition:none}}
