/* Full-website preview page (currently just Normal). Reuses the
   case-study page shell (title top-left, nav top-right, back-link) but
   swaps the work-strip for one large embedded preview of the real page.

   The iframe renders the real site at its true native desktop viewport
   (1512x900 — the same width/height it's built for, so nothing reflows
   or repositions differently than opening the file directly). A CSS
   transform: scale then shrinks that exact rendering down uniformly
   (same factor on both axes, so nothing stretches or resizes relative
   to anything else — text, images and spacing all shrink together).
   The box is sized to match the scaled-down result exactly, so what you
   get is a smaller version of the *exact* site, not a re-flowed one. */

/* This page runs taller than the standard 829px case-study frame so the
   bigger box below still has room to breathe above the back-link. */
.page-project-video {
  height: 990px;
}

.page-project-video .project-video {
  position: absolute;
  left: 126px;    /* (1512 - 1260) / 2 — centered in the 1512-wide stage */
  top: 160px;
  width: 1260px;  /* 1512 * 0.8333 */
  height: 750px;  /* 900 * 0.8333 */
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

.page-project-video .project-video iframe {
  display: block;
  width: 1512px;
  height: 900px;
  border: none;
  transform: scale(0.8333);
  transform-origin: top left;
}

.page-project-video .back-link {
  top: 930px;   /* 160 + 750 box + 20px gap */
}