.front-view {
  background: radial-gradient(circle at 50% 45%, rgba(35, 61, 92, .64), transparent 55%), linear-gradient(145deg, #101d31, #091321);
}

.front-view .view-title { color: #f4f8ff; }
.front-view .view-title small { color: #8193ac; }

.front-view > img {
  left: 2%;
  top: 48%;
  width: 96%;
  filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .42)) saturate(.96);
}

.front-port-map span { color: #e6eefb; }
.front-port-map small { color: #8496b0; }

.rear-view > img {
  width: 104%;
  margin-left: -2%;
  filter: drop-shadow(0 22px 27px rgba(0, 0, 0, .42));
}

.interior-view > img {
  width: 108%;
  margin-left: -4%;
  background: transparent;
  filter: drop-shadow(0 22px 30px rgba(0, 0, 0, .38));
}

.site-header .brand-logo,
footer .brand-logo,
.model-card > svg,
.topology-device svg {
  filter: drop-shadow(0 0 10px rgba(77, 196, 255, .28));
}

@media (max-width: 720px) {
  .front-view > img { width: 122%; left: -11%; }
  .interior-view > img { width: 116%; margin-left: -8%; }
}