/* Concept local-loop videos — full 3:2 drawing, no pause or enlarge chrome */

.fm-artwork--loop{
  min-height:0;
}

.concept-loop-frame{
  position:relative;
  display:block;
  width:100%;
}

.concept-loop{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  object-fit:contain;
  background:transparent;
  vertical-align:top;
}

/* Dark theme: CSS invert only (no new assets). Cream field becomes the dark
   surface; blue lines become light. Screen blend lets the tenets grid read
   through the field so the loops feel transparent. */
html[data-theme="dark"] .concept-loop{
  filter:invert(1) hue-rotate(180deg) saturate(.28) brightness(1.16) contrast(1.05);
  mix-blend-mode:screen;
  background:transparent;
}

@media (prefers-reduced-motion: reduce){
  .concept-loop{pointer-events:none}
}