/* The first message forms its own blue-gray chapter below the header. */
.hero{display:block;padding:0 0 36px;margin-top:-18px}
.hero>.hero-panel{position:relative;width:100%;max-width:none;margin:0;padding:70px 0 80px;background:#344a4d;box-shadow:0 0 0 100vmax #344a4d;clip-path:inset(0 -100vmax);color:#faf8f3}
.hero-panel-content{max-width:760px;margin:0 auto}
.hero .hero-panel .hero-tagline{color:#eee8de}
.hero .hero-panel h1 em{color:#e9b76c}
.hero .hero-panel .lead{margin-bottom:0}
.hero>.hero-follow{padding-top:52px}
@media(max-width:850px){
  .hero{margin-top:-10px}
  .hero>.hero-panel{padding:48px 0 60px}
  .hero>.hero-follow{padding-top:46px}
}