.work .project {
  width: min(100%, 1440px);
}

.work .project-feature { width: 100%; }

.work .project-stagger-right {
  width: 88%;
  margin-left: auto;
}

.work .project-stagger-left {
  width: 82%;
  margin-right: auto;
}

.project-film video {
  display: block;
  width: 100%;
  height: min(66vw, 790px);
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.project-film:hover video { transform: scale(1.015); }

.project-film small {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 11px 14px;
  background: rgba(25, 27, 23, .78);
  color: #f2eee5;
  font: 300 9px/1 'DM Sans', sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.project-note {
  max-width: 520px;
  margin: 24px 0 0 auto;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(30, 33, 29, .72);
}

@media (max-width: 760px) {
  .work .project-stagger-right,
  .work .project-stagger-left { width: 100%; }
  .project-film video { height: 62vh; }
  .project-film small { top: 14px; left: 14px; }
  .project-note { margin-left: 0; }
}