.portfolio-media iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.portfolio-media.video-embed::after {
  display: none;
}

/* Keep the AXR mark prominent without increasing the navigation height. */
header .brand img {
  width: 190px;
  height: 72px;
}

@media (max-width: 620px) {
  header .brand img {
    width: 148px;
    height: 58px;
  }
}

.platform-visual {
  min-height: 0;
  padding: 14px;
  justify-content: flex-start;
}

.platform-preview {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #31505d;
  background: #05090c;
}

.platform-preview img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}

.platform-preview span {
  position: absolute;
  right: 16px;
  bottom: 16px;
  padding: 10px 13px;
  background: rgba(7, 21, 29, .9);
  border: 1px solid rgba(188, 234, 242, .45);
  color: #eafaff;
  font: 700 11px/1 'Manrope', sans-serif;
  letter-spacing: 1px;
}

.platform-preview:hover img {
  transform: scale(1.018);
  filter: brightness(1.08);
}

.platform-visual .platform-foot {
  width: 100%;
  margin-top: 14px;
}

@media (max-width: 620px) {
  .platform-visual {
    min-height: 0;
    padding: 9px;
  }

  .platform-preview span {
    right: 10px;
    bottom: 10px;
    padding: 8px 10px;
  }
}