/* The title screen (main._build_title), proportions from its 1280x720 layout. */
.titulus-pagina { background: var(--soot); overflow: hidden; }
.titulus { position: fixed; inset: 0; overflow: hidden; }
.titulus__mundus { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.titulus__umbra {
  position: absolute;
  inset: 0;
  background: radial-gradient(118% 118% at 0% 100%, rgb(13 10 8 / 0.88) 0%, rgb(13 10 8 / 0.55) 45%, rgb(13 10 8 / 0) 100%);
}
.titulus__capsa { position: absolute; left: clamp(1.25rem, 5.6vw, 6rem); bottom: clamp(2.5rem, 8.9vh, 6rem); }
.titulus__nomen {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(3rem, 7.5vw, 8.5rem);
  line-height: 1.15;
  color: var(--title-gold);
  text-shadow: var(--outline);
}
.titulus__sub, .titulus__incipe {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--title-cream);
  text-shadow: var(--outline);
}
.titulus__sub { font-size: clamp(1.2rem, 2.5vw, 2.8rem); line-height: 1.3; margin-bottom: clamp(1rem, 2.5vw, 2.2rem); }
.titulus__incipe { display: inline-block; font-size: clamp(1.25rem, 2.35vw, 2.6rem); line-height: 1.3; text-decoration: none; }
.titulus__incipe:hover, .titulus__incipe:focus-visible { color: var(--title-gold); outline: none; }
.titulus .capitula { position: absolute; right: 14px; bottom: 14px; max-width: calc(100% - 28px); }
.titulus__velum {
  position: absolute;
  inset: 0;
  background: #000;
  pointer-events: none;
  transition: opacity calc(var(--title-fade) / 2);
}
.titulus__velum.est-apertum { opacity: 0; transition-duration: var(--title-fade); }
@media (max-width: 40rem) {
  .titulus__capsa { bottom: 6.5rem; }
  .titulus .capitula { justify-content: center; left: 14px; }
}