/* Recognition page — Facebook Reel embed styling.
   Loaded only on /recognition/index.html, alongside site.css.
   Uses the same variables already defined there. */

.cel-video{
  max-width: 400px;
  margin: 1.8rem auto;
}

.cel-video-frame{
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--navy);
  box-shadow: 0 8px 20px rgba(22,41,74,.14);
}

.cel-video-frame iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.cel-video-cap{
  text-align: center;
  font-size: .85rem;
  color: var(--muted);
  margin-top: .7rem;
  font-family: var(--font-sans);
}