/* Preserve the original card geometry, crop, overlay and grid. */
.inframe-actual .if-project__video {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), filter 300ms ease;
}
.inframe-actual .if-project:nth-child(2) .if-project__video { object-position: 52% center; }
.inframe-actual .if-project:hover .if-project__video {
  filter: saturate(1.08) contrast(1.03);
  transform: scale(1.045);
}
.if-motion-section { position: relative; max-width: 800px; margin: 48px 0 0; }
.if-motion-section video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }

/* One discreet, keyboard-accessible control for every video. */
.if-header__actions { display: flex; flex: none; align-items: center; gap: 16px; }
.if-header__actions .if-menu-button { white-space: nowrap; }
body.admin-bar .if-header { top: 32px; }
.if-motion-global {
  box-sizing: border-box;
  flex: none;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(241, 241, 242, .4);
  border-radius: 50%;
  background: rgba(11, 11, 12, .8);
  color: #fff;
  cursor: pointer;
}
.if-motion-global[hidden], .if-motion-global__play { display: none; }
.if-motion-global[data-paused="true"] .if-motion-global__pause { display: none; }
.if-motion-global[data-paused="true"] .if-motion-global__play { display: block; }
.if-motion-global:hover { border-color: #fff; }
.if-motion-global:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (max-width: 760px) { .if-header__actions { gap: 8px; } }
/* Keep all header controls inside narrow phone screens. */
@media (max-width: 360px) {
  .inframe-actual .if-header .if-wordmark { width: 128px; }
}
@media (max-width: 782px) { body.admin-bar .if-header { top: 46px; } }
@media (max-width: 360px) {
  .inframe-actual .if-header { padding-left: 15px; padding-right: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .inframe-actual .if-project__video { transition: none; }
  .inframe-actual .if-project:hover .if-project__video { transform: none; }
}