.aspect-square:has(> iframe[title="AI agent orchestration system"]) {
  position: relative;
  isolation: isolate;
  transform: none !important;
}

.aspect-square:has(> iframe[title="AI agent orchestration system"]):hover {
  transform: none !important;
}

.aspect-square:has(> iframe[title="AI agent orchestration system"])::before,
.aspect-square:has(> iframe[title="AI agent orchestration system"])::after {
  pointer-events: none !important;
}

.aspect-square:has(> iframe[title="AI agent orchestration system"]) > :not(iframe) {
  display: none !important;
}

iframe[title="AI agent orchestration system"] {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: auto;
}