/* animated clips (WebP) framed like the cards; one image per language */
.ao-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px}
.ao-clip{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--ao-line);background:#0a0a0b;transition:border-color .35s,transform .35s cubic-bezier(.2,.8,.2,1)}
.ao-clip:hover{border-color:var(--ao-page-c,var(--ao-lime));transform:translateY(-4px)}
.ao-clip-wide{grid-column:1/-1}
.ao-clip img{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0a0a0b}
.ao-clip img.ao-l-en{display:none}
.landingpage[data-ao-lang="en"] .ao-clip img.ao-l-de{display:none}
.landingpage[data-ao-lang="en"] .ao-clip img.ao-l-en{display:block}
.ao-clip-cap{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px;padding:16px 20px;border-top:1px solid var(--ao-line);background:var(--ao-bg-2)}
.ao-clip-title{font-family:var(--ao-display);font-size:clamp(18px,1.8vw,26px);letter-spacing:-.03em;text-transform:uppercase;margin:0}
.ao-clip-kind{font-family:var(--ao-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ao-page-c,var(--ao-lime));margin:0}
.ao-clip-kind.is-real::before{content:"● ";color:var(--ao-red)}
.ao-clip-section .ao-section{padding-top:clamp(48px,6vw,96px)}
@media (max-width:760px){.ao-clips{grid-template-columns:1fr}.ao-clip{border-radius:18px}}