/* STUDIOFENCE V38 — responsive editorial alignment.
 * On the intermediate responsive layout, keep the project statement and
 * credits/recognition in the left reading rail instead of splitting them
 * across left and right columns. Desktop and <=620px phone layouts retain
 * their established behavior.
 */
@media (min-width: 621px) and (max-width: 1080px) {
  .sf34-project .sf31-view.sf34-view {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "heading heading"
      "photo photo"
      "statement ."
      "details .";
    column-gap: 34px;
  }

  .sf34-project .sf31-view.sf34-view .sf31-side-left {
    padding: 12px 0 0;
  }

  .sf34-project .sf31-view.sf34-view .sf31-side-right {
    width: 100%;
    justify-self: start;
    padding-top: 12px;
  }
}