#work.is-project-scene .project-archive::after { display: none; }

@media (max-width: 767px) {
  #work.is-project-scene .projects-grid { perspective: none; transform-style: flat; }
  #work.is-project-scene .project-card { transform-style: flat; }
  #work.is-project-scene .project-window { box-shadow: 0 14px 28px -12px #1b1d2033, 0 2px 6px #1b1d201a; }

  #work.is-project-scene {
    z-index: 1;
    margin-bottom: calc(-1 * var(--mobile-projects-exit-overlap, 0px));
  }

  #work.has-native-project-scroll {
    height: calc(var(--mobile-screen-height, 100svh) + var(--mobile-projects-scroll-distance, 0px));
  }

  #work.has-native-project-scroll .work-stage {
    position: sticky;
    top: 0;
  }

  #work.is-project-scene .work-stage {
    --project-width: min(86vw, max(280px, calc((100svh - 400px) * 1.45)), calc((100svh - 336px) * 1.5), 560px);
    --mobile-projects-card-height: calc(var(--project-width) * .7 + 134px);
    height: 100svh;
    min-height: 100svh;
    justify-content: center;
    padding-block: 0;
    background: var(--color-background);
    overflow: clip;
  }

  #work.is-project-scene .section-heading {
    position: relative;
    inset: auto;
    width: 100%;
    transform: none;
    margin: 0 0 clamp(56px, 12svh, 112px);
    text-align: center;
  }

  #work.is-project-scene .projects-grid {
    flex: 0 0 var(--mobile-projects-card-height);
    height: var(--mobile-projects-card-height);
    margin-block: 0;
  }

  #work.is-project-scene + #services {
    z-index: 2;
    background: transparent;
  }
  #work.is-project-scene + #services .services-stage { justify-content: flex-start; }
}

@media (max-width: 767px) and (max-height: 600px) {
  #work.is-project-scene .work-stage {
    justify-content: flex-start;
    padding-top: calc(var(--anchor-offset) + 8px);
  }
  #work.is-project-scene .section-heading { margin-bottom: 32px; }
  #work.is-project-scene .project-caption { margin-top: 20px; }
  #work.is-project-scene .project-title strong { font-size: 18px; }
  #work.is-project-scene .project-meta { font-size: 10px; }
  #work.is-project-scene .browser-toolbar { grid-template-columns: 44px minmax(0, 1fr) 12px; }
  #work.is-project-scene .browser-address { padding-inline: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}