/* --------------------------------------------------
   HERO
-------------------------------------------------- */
.sse-hero {
  text-align:center;
  padding:6rem 0 5rem;
}

.sse-hero__logo {
  max-width:100px;
  margin:0 auto 1rem;
  display:block;
}

@media (min-width:780px) {
  .sse-hero__logo { max-width:150px; }
}

.sse-hero__title {
  font-size:2.4rem;
  line-height:1.15;
  margin:.25rem 0 .5rem;
}

.sse-hero__subtitle {
  color:var(--ss-muted);
  max-width:700px;
  margin:0 auto 1.4rem;
}

.sse-hero__actions {
  display:flex;
  gap:.8rem;
  justify-content:center;
  flex-wrap:wrap;
}