/*
 * IMA-ART homepage customization.
 * Promote the existing Origin mosaic to the first section and replace the
 * original header branding without modifying the mirrored application.
 */

body > main > div:first-child,
#bottle-3d-container {
  display: none !important;
}

header > div:nth-child(2),
header > div:nth-child(3),
header > div:nth-child(4) > a:nth-child(2) {
  display: none !important;
}

header > div:nth-child(4) > a:first-child {
  grid-column: 1;
}

header > div:nth-child(4) > a:nth-child(3) {
  grid-column: 3;
}

header::before {
  background: url("/branding/ima-art-blanche.png") center / contain no-repeat;
  content: "";
  height: 128px;
  left: 20px;
  pointer-events: none;
  position: fixed;
  top: 24px;
  width: 96px;
  z-index: 60;
}

header:not(.text-white)::before {
  filter: invert(1);
}

@media (max-width: 1023px) {
  header::before {
    height: 64px;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    width: 48px;
  }
}