/* Industry photographs with a separate preview of the actual demo interface. */
.demo-card .demo-cover { position:relative;display:block;aspect-ratio:16/10;overflow:hidden;isolation:isolate;background:var(--land-surface-2); }
.demo-card .demo-cover::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10213b30,transparent 45%,#10213b55);pointer-events:none; }
.demo-card .demo-cover > .demo-scene { width:100%;height:100%;object-fit:cover;object-position:center; }
.demo-card .demo-cover > .demo-interface { position:absolute;inset-inline-end:12px;bottom:12px;width:47%;height:auto;aspect-ratio:1.6;border:2px solid #fff;border-radius:7px;box-shadow:0 8px 24px #07150f66;z-index:1;object-position:top; }
.demo-card .demo-cover > .demo-industry { position:absolute;inset-inline-start:12px;top:12px;max-width:calc(100% - 24px);padding:6px 11px;border:1px solid #ffffff80;border-radius:8px;background:#fffffff0;color:#172b4b;font-size:11px;font-weight:750;line-height:1.8;z-index:1; }
.demo-card:hover .demo-cover > .demo-interface { transform:translateY(-3px); }
@media(prefers-reduced-motion:reduce) {
  .demo-card .demo-cover img { transition:none; }
  .demo-card:hover .demo-cover img { transform:none; }
}