/* History of Rome — overrides loaded after core/css/style.css and
   css/map.css. */

/* Rome keeps the Cinzel heading face (core's default is now Inria Serif). */
:root { --f-heading:'Cinzel', Georgia, serif; }

/* Intro background video (site.php 'intro.video'), shown on the welcome
   screen only. */
#bg-intro-video {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center top;
  opacity:0; pointer-events:none;
  transition:opacity var(--t-bg);
}
body.intro-mode #bg-intro-video { opacity:1; }

/* The "History of Rome" lockup is drawn larger than the other logos. */
#app-logo { width:180px; }
@media (max-width:1200px) { #app-logo { width:142.5px; } }
@media (max-width:960px)  { #app-logo { width:170px; } }
@media (max-width:760px)  { #app-logo { width:150px; } }
@media (max-width:520px)  { #app-logo { width:130px; } }

/* At a Glance intro: two text columns across the full width (no map
   figure beside it). */
.ag-intro { display:block; }