/* Revised Vahit frame: 1920 × 8370, four columns within 100 px margins. */
.page-vahit .facade__base {
  position: absolute;
  left: 5.208333%;
  top: 11.47963%;
  width: 89.583333%;
  height: 97.06537%;
  object-fit: fill;
}
.page-vahit .facade__vector {
  position: absolute;
  display: block;
  object-fit: fill;
}

@media (min-width: 901px) {
  .page-vahit { --side: 5.208333vw; }
  .page-vahit .facade { min-height: 0; height: 56.25vw; }
  .page-vahit .hero {
    --hero-inset: max(100px, 5.208333vw);
    --hero-block-inset: clamp(24px, 3.703704svh, 60px);
    min-height: 0;
    height: 100svh;
  }
  .page-vahit .hero__title,
  .page-vahit .hero__description { top: var(--hero-block-inset); }
  .page-vahit .hero__description {
    left: calc(75% - var(--hero-inset) / 2);
    width: calc((100% - 2 * var(--hero-inset)) / 4);
  }
  .page-vahit .facade__description {
    left: 72.395833%;
    width: 22.395833%;
  }
  .page-vahit .hero__mark {
    left: 50%;
    top: 46.760185%;
    width: calc((100% - 2 * var(--hero-inset)) / 4);
    height: 31.47963%;
  }
  .page-vahit .hero__meta { bottom: var(--hero-block-inset); }
  .page-vahit .hero__meta--place { width: calc((100% - 2 * var(--hero-inset)) / 4); }
  .page-vahit .hero__meta--discipline { left: calc(75% - var(--hero-inset) / 2); }
  .page-vahit .hero__meta--year { right: var(--hero-inset); }
  .page-vahit .books__item--brown {
    left: 16.40625%;
    top: 23.417683%;
    width: 20.349531%;
    height: 62.415549%;
  }
  .page-vahit .books__item--white {
    left: 63.143229%;
    top: 23.220528%;
    width: 20.5025%;
    height: 62.808232%;
  }
  .page-vahit .presentation {
    height: 173.75vw;
    padding: 9.390625vw var(--side) 5.3171875vw;
  }
  .page-vahit .presentation__overlap {
    aspect-ratio: 1720 / 860.7;
    margin-bottom: 12.784375vw;
  }
  .page-vahit .presentation__grid { row-gap: .052083333vw; }
  .page-vahit .stationery { aspect-ratio: 1920 / 1215; }
  .page-vahit .stationery img { top: 6.904527%; height: 88.888889%; }
}

@media (max-width: 900px) {
  .page-vahit .hero {
    min-height: 100svh;
    height: auto;
    grid-template-rows: auto auto minmax(5rem, 1fr) auto auto;
    row-gap: 1rem;
  }
  .page-vahit .hero__mark {
    width: min(58vw, 28svh, 20rem);
    margin: .5rem 0;
  }
  .page-vahit .presentation { padding-top: 2.5rem; padding-bottom: 3rem; }
  .page-vahit .presentation__overlap { aspect-ratio: 1720 / 860.7; }
  .page-vahit .stationery { aspect-ratio: 1920 / 1215; }
  .page-vahit .stationery img { top: 6.904527%; height: 88.888889%; }
}

.page-vahit .presentation__sheet--back { top: 11.027071%; right: 0; width: 79.151686%; height: 88.972929%; }
.page-vahit .presentation__sheet--front { top: 0; left: 0; width: 75.465116%; height: 85.269548%; }

@media (min-width: 901px) { .page-vahit .presentation__right { grid-column: 2; } }

/* Keep construction rules visible at phone scale. */
.page-vahit .facade__rule { position:absolute; display:block; height:max(1px, .052083333vw); background:#794022; }

@media (max-width: 900px) { .page-vahit .facade__rule { display:none; } }
