/* Approved side artwork. Original EVA background remains unchanged. */
.side-art {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.side-art-column {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(115px, 14vw, 195px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 3.5vh, 42px);
}
.side-art-left { left: clamp(22px, 6vw, 140px); }
.side-art-right { right: clamp(22px, 6vw, 140px); }
.side-art img {
  display: block;
  width: 100%;
  max-height: 92px;
  object-fit: contain;
  filter: drop-shadow(0 3px 12px #000);
}
.side-art img[data-brand="hulu"] { width: 72%; }
.side-art img[data-brand="hbo-max"] { width: 78%; }
.side-art img[data-brand="prime"] { width: 80%; }
.side-art img[data-brand="apple-tv"] { width: 72%; }
body > .wrap { position: relative; z-index: 2; }
@media (min-width: 901px) and (max-height: 650px) {
  .side-art-column { gap: 15px; }
  .side-art img { max-height: 64px; }
}
@media (max-width: 1100px) and (min-width: 901px) {
  .side-art-column { width: 110px; }
  .side-art-left { left: 24px; }
  .side-art-right { right: 24px; }
}
@media (max-width: 900px) {
  .side-art {
    position: relative;
    inset: auto;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px 20px;
    width: min(100%, 460px);
    margin: 0 auto 28px;
    padding: 6px 4px;
  }
  .side-art-column { display: contents; }
  .side-art img,
  .side-art img[data-brand] {
    width: 100%;
    height: 42px;
    max-height: 42px;
    align-self: center;
    opacity: .92;
  }
}
@media (max-width: 420px) {
  .side-art { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; max-width: 290px; }
  .side-art img, .side-art img[data-brand] { height: 34px; max-height: 34px; }
}