/* Bonde — original motion previews and the After Effects delivery. */
.bonde-case .case-summary { max-width:780px; }
.bonde-case .case-numbers { align-items:center; }
.bonde-case .case-number small { font-size:.45em; letter-spacing:-.02em; }
.bonde-case .bonde-word-stat { font-size:clamp(26px,3vw,40px); letter-spacing:-.035em; line-height:1.15; }
.bonde-case .bonde-showcase { padding-block:0; }
.bonde-case figure { min-width:0; margin-block:0; }
.bonde-case video { display:block; width:100%; height:auto; border-radius:8px; background:#000; }
.bonde-case figcaption { margin-top:12px; font-size:11px; line-height:1.6; color:var(--color-text-muted); }
.bonde-scene { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:center; gap:64px; }
.bonde-case .case-methods-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:900px) {
  .bonde-scene { grid-template-columns:minmax(0,1fr); gap:28px; }
  .bonde-scene figure { max-width:640px; }
  .bonde-case .case-methods-grid { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:599px) {
  .bonde-case .case-numbers { flex-direction:column; align-items:stretch; gap:24px; }
  .bonde-case .case-number-card { padding:0; }
  .bonde-case .case-number-divider { width:100%; height:1px; }
}
@media(prefers-reduced-motion:reduce) {
  .bonde-case [data-animate] { opacity:1; transform:none; transition:none; }
}