/* Home page header image with the intro and finder in a solid panel, so the text never sits on the picture. */
.hero{position:relative;padding:9rem var(--space-4) var(--space-5);background:var(--paper2) 70% center/cover no-repeat;border-bottom:1px solid var(--rule)}
.hero__panel{max-width:40rem;padding:var(--space-5);background:var(--paper);border:2px solid var(--ink)}
.hero .intro__lede{margin-top:0}
.hero .finder{margin-top:var(--space-5);padding:0;background:none;border:0}
.hero__credit{position:absolute;right:var(--space-3);bottom:var(--space-2);margin:0;padding:0;background:none;font-size:.75rem;color:rgba(255,255,255,.8);text-shadow:0 1px 2px rgba(0,0,0,.6)}
@media (min-width:48em){
  .hero{padding:var(--space-7) var(--space-6)}
  .hero__panel{padding:var(--space-6)}
}