/* CHAT012 Team Curves owner fix.
   This stylesheet anchors the existing team ornaments to the photo grid only.
   It must be linked after styles.css and language-menu.css. */

.team {
  --team-side-pad: max(48px, calc((100vw - 1280px) / 2));
  --team-content-width: calc(100vw - (var(--team-side-pad) * 2));
  --team-grid-tail-pad: 54px;
  --team-left-accent-width: clamp(64px, 5vw, 82px);
  --team-right-accent-width: clamp(84px, 8vw, 126px);
}

.team .team-accent {
  position: absolute;
  pointer-events: none;
  overflow: visible;
  animation: none !important;
  mix-blend-mode: normal;
}

.team .team-accent-left {
  grid-column: 2;
  justify-self: start;
  top: auto;
  right: auto;
  bottom: -2px;
  left: 0;
  width: var(--team-left-accent-width);
  height: min(100%, 420px);
  opacity: 0.58;
  z-index: 3;
  transform: translateX(-100%) !important;
  transform-origin: right bottom;
}

.team .team-accent-right {
  top: auto;
  right: auto;
  bottom: -2px;
  left: calc(var(--team-side-pad) + var(--team-content-width) - var(--team-grid-tail-pad));
  width: var(--team-right-accent-width);
  height: min(100%, 420px);
  opacity: 0.54;
  z-index: 3;
  transform: translateX(-2%) !important;
  transform-origin: left bottom;
}

@media (max-width: 760px) {
  .team {
    --team-side-pad: 18px;
  }

  .team .team-accent {
    display: none;
  }
}