.hero {
  background-color: #0b2239;
  background-image:
    linear-gradient(90deg, rgba(5,20,37,.98) 0%, rgba(5,20,37,.91) 38%, rgba(5,20,37,.5) 66%, rgba(5,20,37,.2) 100%),
    linear-gradient(0deg, rgba(5,20,37,.45), rgba(5,20,37,.05)),
    url("assets/summit-pinnacle.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero:before { background: linear-gradient(125deg, transparent 44%, rgba(212,168,79,.12) 44.2%, transparent 44.5%); }
.hero .mountains { display: none; }
.hero-card { background: rgba(8,27,48,.62); border-color: rgba(234,213,158,.24); }
.summit-panel.brand-pinnacle {
  background-color:#0b2239;
  background-image:
    linear-gradient(0deg,rgba(5,20,37,.42),rgba(5,20,37,.08)),
    url("assets/summit-pinnacle.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.summit-panel.brand-pinnacle > svg { display:none; }
.summit-panel.brand-pinnacle .quote-card {
  background:rgba(247,249,251,.94);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 12px 35px rgba(3,16,30,.2);
}
@media(max-width:900px) {
  .hero { background-image: linear-gradient(90deg,rgba(5,20,37,.96),rgba(5,20,37,.54)),url("assets/summit-pinnacle.png"); background-position:58% center; }
}
@media(max-width:600px) {
  .hero { background-image:linear-gradient(0deg,rgba(5,20,37,.95) 0%,rgba(5,20,37,.68) 58%,rgba(5,20,37,.35) 100%),url("assets/summit-pinnacle.png"); background-position:58% center; }
  .hero-grid { padding-top:110px; }
  .hero .lead { color:#e2e8ee; }
}