.sentinel-visual {
  margin: 0;
  background: #071b2d;
  overflow: hidden;
  border: 0;
}

.sentinel-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 78vh;
  object-fit: contain;
  object-position: center;
}

.sentinel-visual--portrait {
  padding: clamp(24px, 5vw, 72px);
  background: #f2efe9;
}

.sentinel-visual--portrait img {
  width: min(100%, 780px);
  max-height: 82vh;
  margin-inline: auto;
}

.sentinel-visual--secondary {
  margin: clamp(32px, 6vw, 88px) auto;
  width: min(100% - 40px, 1240px);
  border-radius: 2px;
}

@media (max-width: 1024px) {
  .sentinel-visual img { max-height: 70vh; }
  .sentinel-visual--secondary { width: min(100% - 32px, 920px); }
}

@media (max-width: 640px) {
  .sentinel-visual img {
    max-height: none;
    object-fit: contain;
  }
  .sentinel-visual--portrait { padding: 20px; }
  .sentinel-visual--secondary {
    width: calc(100% - 24px);
    margin-block: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sentinel-visual * { scroll-behavior: auto !important; }
}