/* ERUA iDeaThon 2026: "topographic" concept for the page hero (matches the social visuals, see
   _design-assets/ideathon2026/ideathon2026_TOPO_concept.af). OPT-IN, nothing changes until both are added:
     1. <link rel="stylesheet" href="assets/css/ideathon-topo.css?v=1"> after ideathon.css (in _partials/head.php)
     2. class="theme-topo" on <body> (index.php)
   Preview without touching the page: _topo-preview.php (local test only, do not upload).
   The contour artwork is generated by gen_topo.py (design folder) -> assets/img/topo/hero-topo-{wide,tall}.svg */
.theme-topo .hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background: url(../img/topo/hero-topo-wide.svg) right center / cover no-repeat; }
.theme-topo .hero::after { opacity: .10; }              /* dot grid a little softer under the contours */
.theme-topo .hero-facts { background: rgba(43,16,70,.38); } /* keeps the facts card readable over the lines */
@media (max-width: 991.98px) {
  .theme-topo .hero::before { background-image: url(../img/topo/hero-topo-tall.svg);
    background-position: right top; background-size: min(78%, 440px) auto; opacity: .38; }
}
@media (prefers-reduced-transparency: reduce) { .theme-topo .hero-facts { background: #3a1760; } }