.animation-section{display:block;background:#060704;box-shadow:0 0 40px 24px #060704;padding-top:40px}
.knight-motion{max-width:960px;margin:0 auto 28px;min-width:0}
.knight-motion video{display:block;width:100%;height:auto;aspect-ratio:7/4;object-fit:contain;background:#000}
.motion-controls{display:flex;justify-content:flex-end;min-height:44px;margin-top:8px}
.motion-toggle{min-height:44px;padding:8px 12px;border:1px solid #d3ae6955;border-radius:0;background:transparent;color:#f0d7a7;font:12px/1.5 Arial,sans-serif}
.motion-toggle:hover{border-color:#d3ae69;background:#ffffff08}
.motion-toggle[hidden]{display:none}
.ai-copy{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.ai-copy h3,.ai-copy p{margin-bottom:0}
@media(max-width:1000px){.ai-copy{grid-template-columns:1fr;gap:14px}.knight-motion{margin-bottom:24px}}
@media(max-width:600px){.animation-section{padding-top:24px}.knight-motion{margin-bottom:24px}.ai-copy{gap:14px}.motion-toggle{font-size:12px}}

/* Remove the desktop visual repetition while retaining section semantics. */
@media(min-width:1001px){.ai-copy{display:block;max-width:650px}.ai-copy #ai-heading{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}

/* Approved explanation-only sizing and alignment, using existing body metrics. */
.ai-copy{width:100%;max-width:650px;margin-inline:auto;text-align:left}
.ai-copy p{font-size:16px;line-height:1.65;text-align:left;margin:0}

/* Approved desktop-only centered serif explanation. */
@media(min-width:1001px){
  .ai-copy{max-width:720px;text-align:center}
  .ai-copy p{font:400 22px/1.55 Georgia,serif;text-align:center}
}

/* Approved phone title and explanation alignment from preview v14. */
@media(max-width:600px){
  #ai-heading{text-align:center}
  #ai-heading .ai-human-led{white-space:nowrap}
  .ai-copy p{text-align:center}
}