/*
██   ██  ██████  ███    ███ ███████
██   ██ ██    ██ ████  ████ ██
███████ ██    ██ ██ ████ ██ █████
██   ██ ██    ██ ██  ██  ██ ██
██   ██  ██████  ██      ██ ███████
*/

/* Object: Home */
.o-home {
  font-size: 16px;
}
  .o-home--banner {}
  .o-home--find {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .o-home--narrative {}

/* Component: Home Banner */
.c-homeBanner {
  flex: 0 0 auto;
  padding: 4em 0;
  text-align: center;
  text-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
  .c-homeBanner--container {
    align-items: center;
    background-attachment: fixed;
    background-image: url('../img/home/banner/background.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75vh;
    padding: 0em 1em;
  }
  .c-homeBanner--logo {
    max-width: 100%;
  }
  .c-homeBanner--subtitle {
    font-weight: 500;
    line-height: 1.5em;
  }
  .c-homeBanner--title {
    font-family: 'minion-pro', serif;
    font-size: 2em;
    font-size: calc(100% + 8.5vw);
    font-weight: 500;
    line-height: 1em;
    margin: 0.2em 0;
  }

/* Component: Home Narrative */
.c-homeNarrative {
  margin: 0 auto;
  max-width: 800px;
}
  .c-homeNarrative--container {
    padding: 4em 1em;
  }
  .c-homeNarrative--body {
    line-height: 1.5em;
  }
  .c-homeNarrative--body p {
    margin: 0 0 1.5em 0;
  }
  .c-homeNarrative--body p:last-child {
    margin: 0;
  }
  .c-homeNarrative--title {
    font-family: 'minion-pro', serif;
    font-size: 2em;
    font-size: calc(100% + 5vw);
    font-weight: 700;
    margin: 0 0 1em 0;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
  }
  .c-homeNarrative--titleEmphasis {
    color: #8D795A;
  }

/*
 ██████  ███    ███ ███████ ██████  ██  █████
██    ██ ████  ████ ██      ██   ██ ██ ██   ██
██ ██ ██ ██ ████ ██ █████   ██   ██ ██ ███████
██ ██ ██ ██  ██  ██ ██      ██   ██ ██ ██   ██
 █ ████  ██      ██ ███████ ██████  ██ ██   ██
*/

@media (min-width: 640px), print {

  /* Component: Home Narrative */
  .c-homeNarrative {}
    .c-homeNarrative--title {
      font-size: 3em;
      margin-bottom: 0.66666666em;
    }

}

@media (min-width: 850px), print {

  /* Component: Home Banner */
  .c-homeBanner {}
    .c-homeBanner--title {
      font-size: 5em;
    }

}

@media print {

  /* Component: Home Banner */
  .c-homeBanner {
    padding: 2em 0;
    text-shadow: none;
  }
    .c-homeBanner--container {
      background: none;
      min-height: 0;
    }

  /* Component: Home Narrative */
  .c-homeNarrative {}
    .c-homeNarrative--container {
      padding: 2em 1em;
    }

}