/* One quiet strip of the existing identities, above the astronaut's horizon. */
#chapter-work[data-planet="venus"][data-mode="brands"] {
  top: 43vh;
  top: 43svh;
  width: min(1240px, calc(100vw - 128px));
  max-width: calc(100vw - 128px);
  mix-blend-mode: normal;
}
#chapter-work[data-planet="venus"] .scene-layout {
  display: block;
  min-height: 0;
}
#chapter-work[data-planet="venus"] .brand-wall.mars-brand-wall {
  display: block;
  width: 100%;
  margin: 0;
  pointer-events: auto;
  mix-blend-mode: normal;
}
.mars-brand-band {
  --brand-band-slot: 180px;
  --brand-band-gap: 34px;
  --brand-band-height: 100px;
  width: 100%;
  max-width: 100%;
  color: var(--work-ink, #553622);
  pointer-events: auto;
}
.mars-brand-band__viewport {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding-block: 10px;
  mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
  opacity: 0;
  transform: translateX(-24px);
  animation: mars-brand-band-enter .65s ease-out both;
  animation-play-state: paused;
}
.mars-brand-band__track {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: none;
  animation: mars-brand-band-travel 95s linear infinite;
  animation-play-state: paused;
  transform: translate3d(-50%, 0, 0);
}
.mars-brand-band__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--brand-band-gap);
  width: max-content;
  max-width: none;
  padding-inline-end: var(--brand-band-gap);
}
#chapter-work .mars-brand-band .brand-slot {
  display: flex;
  flex: 0 0 var(--brand-band-slot);
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: var(--brand-band-slot);
  min-width: var(--brand-band-slot);
  max-width: var(--brand-band-slot);
  height: var(--brand-band-height);
  padding: 0;
  margin: 0;
  translate: none;
  opacity: 1;
  transition: none;
  mix-blend-mode: normal;
}
#chapter-work .mars-brand-band .brand-image-window {
  flex: 0 0 auto;
  width: 144px;
  max-width: 144px;
  height: 58px;
  mix-blend-mode: normal;
}
#chapter-work .mars-brand-band .brand-image-window.has-crop {
  width: min(var(--logo-width), 152px);
  max-width: 152px;
  height: auto;
  max-height: none;
  aspect-ratio: var(--crop-width) / var(--crop-height);
}
#chapter-work .mars-brand-band .brand-image-window .brand-logo-img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}
/* Keep the source's measured raster crops and their image offsets intact. */
#chapter-work .mars-brand-band .brand-image-window.has-crop .brand-logo-img {
  position: absolute;
  left: var(--image-left);
  top: var(--image-top);
  width: var(--image-width);
  height: auto;
}
#chapter-work .mars-brand-band .brand-slot .brand-wordmark {
  max-width: 105px;
  font-size: 15px;
  line-height: 1.15;
  white-space: normal;
}
#chapter-work .mars-brand-band .brand-slot[data-brand="gathari"] .brand-wordmark { font-size: 26px; }
#chapter-work .mars-brand-band .brand-slot[data-brand="weederland"] .brand-image-window { width: 164px; max-width: 164px; height: 64px; }
#chapter-work .mars-brand-band .brand-slot[data-brand="jagran"] { mix-blend-mode: multiply; }
.mars-brand-band__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 44px;
  margin-top: 2px;
  padding-inline: 12px;
}
.mars-brand-band__pause {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 104px;
  margin: 0;
  padding: 9px 12px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: inherit;
  font: 400 12px/1.4 Arial, sans-serif;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  cursor: pointer;
  pointer-events: auto;
}
.mars-brand-band__pause:focus-visible,
.mars-brand-band__viewport:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
#chapter-work[data-planet="venus"][aria-hidden="false"] .mars-brand-band__viewport,
#chapter-work[data-planet="venus"][aria-hidden="false"] .mars-brand-band__track { animation-play-state: running; }
#chapter-work[data-planet="venus"] .mars-brand-band[data-paused="true"] .mars-brand-band__track,
#chapter-work[data-planet="venus"] .mars-brand-band:focus-within .mars-brand-band__track { animation-play-state: paused; }
@media (hover: hover) {
  #chapter-work[data-planet="venus"] .mars-brand-band:hover .mars-brand-band__track { animation-play-state: paused; }
}
@keyframes mars-brand-band-travel {
  from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}
@keyframes mars-brand-band-enter {
  from { opacity: 0; transform: translateX(-24px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 760px) {
  #chapter-work[data-planet="venus"][data-mode="brands"] {
    top: 41vh;
    top: 41svh;
    width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
  }
  .mars-brand-band { --brand-band-slot: 148px; --brand-band-gap: 24px; --brand-band-height: 78px; }
  .mars-brand-band__viewport { padding-block: 6px; mask-image: linear-gradient(90deg, transparent, #000 12px, #000 calc(100% - 12px), transparent); }
  #chapter-work .mars-brand-band .brand-image-window { width: 122px; max-width: 122px; height: 48px; }
  #chapter-work .mars-brand-band .brand-image-window.has-crop { width: min(calc(var(--logo-width) * .78), 128px); max-width: 128px; height: auto; }
  #chapter-work .mars-brand-band .brand-slot .brand-wordmark { max-width: 82px; font-size: 13px; }
  #chapter-work .mars-brand-band .brand-slot[data-brand="gathari"] .brand-wordmark { font-size: 23px; }
  #chapter-work .mars-brand-band .brand-slot[data-brand="weederland"] .brand-image-window { width: 142px; max-width: 142px; height: 54px; }
  .mars-brand-band__controls { padding-inline: 4px; margin-top: 0; }
  .mars-brand-band__pause { font-size: 11px; }
}
@media (max-height: 650px) and (min-width: 761px) {
  .mars-brand-band { --brand-band-height: 80px; }
}
@media (prefers-reduced-motion: reduce) {
  #chapter-work[data-planet="venus"] .mars-brand-band__viewport {
    overflow-x: auto;
    overflow-y: hidden;
    opacity: 1;
    transform: none;
    animation: none;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
  }
  #chapter-work[data-planet="venus"] .mars-brand-band__track { transform: none; animation: none; }
  .mars-brand-band__duplicate { display: none; }
  .mars-brand-band__controls { display: none; }
}