html.is-frame-content,
html.is-frame-content body {
  overflow-x: hidden !important;
}

html.is-frame-content .site-header,
html.is-frame-content .archive-header {
  display: none !important;
}

html.is-frame-content body {
  min-height: 100%;
  background-attachment: scroll !important;
}

/* Leave deliberate breathing room after every framed page. The next-page
   gesture can only trigger after the visitor has scrolled through this space. */
html.is-frame-content body::after {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: clamp(30rem, 90vh, 54rem);
  padding-bottom: clamp(1.5rem, 4vh, 3rem);
  color: rgba(242, 233, 218, .48);
  content: "↓  Scroll to continue";
  font-family: "Questrial", "Century Gothic", Arial, sans-serif;
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.is-frame-content[lang="fa"] body::after {
  content: "↓  برای رفتن به صفحه بعد، اسکرول کنید";
  font-family: "Vazirmatn", Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

html.is-frame-content body.gallery-page::after { display: none; }

html.is-frame-content .page-intro {
  padding-top: clamp(2.5rem, 7vh, 5.5rem);
}