/* Variant C inherits Variant B's palette and changes only film proportion and spacing. */
.work-intro { padding-bottom: 42px; }
.work-film-section { padding-bottom: 112px; }
.work-film-section .work-section-label { margin-bottom: 30px; }

/* A small, symmetrical editorial outset; the label stays on the introduction's grid. */
.work-film-frame,
.work-film-note {
  width: 106%;
  margin-left: -3%;
}

/* The existing tablet grid has smaller gutters; keep the film inside them. */
@media (min-width:701px) and (max-width:1000px) {
  .work-film-frame,
  .work-film-note {
    width: calc(100% + 24px);
    margin-left: -12px;
  }
}

@media (max-width:700px) {
  .work-intro { padding-bottom: 36px; }
  .work-film-section { padding-bottom: 66px; }
  .work-film-section .work-section-label { margin-bottom: 21px; }
}

/* Retain comfortable side margins on the narrowest phones. */
@media (max-width:380px) {
  .work-film-frame,
  .work-film-note {
    width: calc(100% + 8px);
    margin-left: -4px;
  }
}