@charset "UTF-8";
/*----------------------------------------------*\
    PAGES
	=====

	@package hannahbahl

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package hannahbahl

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 500px */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
/* 
 *
 * /  MODULES
------------------------------------------------*/
/* line 25, ../src/pages.scss */
.modules {
  min-height: 25vh; }

/* 
 *
 * /  MODULE: Heading
------------------------------------------------*/
/* line 34, ../src/pages.scss */
.heading {
  margin-top: 1em;
  margin-bottom: 1.5em;
  font-style: italic;
  font-weight: 600; }
  /* line 40, ../src/pages.scss */
  .heading h2 {
    font-size: 1.25em; }
    @media screen and (min-width: 37.5em) {
      /* line 40, ../src/pages.scss */
      .heading h2 {
        font-size: 2em; } }
  /* line 48, ../src/pages.scss */
  .heading--center {
    text-align: center; }

/* 
 *
 * /  MODULE: Featured Text
------------------------------------------------*/
/* line 57, ../src/pages.scss */
.featured-text {
  margin-top: 1em;
  margin-bottom: 2em;
  font-weight: 600; }
  @media screen and (min-width: 37.5em) {
    /* line 57, ../src/pages.scss */
    .featured-text {
      margin-top: 2em;
      margin-bottom: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 57, ../src/pages.scss */
    .featured-text {
      margin-top: 3em;
      margin-bottom: 3em; } }
  /* line 71, ../src/pages.scss */
  .featured-text p {
    font-size: 1.25em;
    font-style: italic;
    opacity: 0;
    transition: opacity 0.5s ease;
    line-height: 1.3; }
    /* line 78, ../src/pages.scss */
    .featured-text p.in-view {
      opacity: 1; }
    @media screen and (min-width: 37.5em) {
      /* line 71, ../src/pages.scss */
      .featured-text p {
        font-size: 1.5em; } }
    @media screen and (min-width: 50em) {
      /* line 71, ../src/pages.scss */
      .featured-text p {
        font-size: 1.75em; } }
    @media screen and (min-width: 68.75em) {
      /* line 71, ../src/pages.scss */
      .featured-text p {
        font-size: 2em; } }

/* 
 *
 * /  MODULE: Image Block
------------------------------------------------*/
/* line 99, ../src/pages.scss */
.image {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  margin-top: 2em;
  margin-bottom: 2em; }
  @media screen and (min-width: 50em) {
    /* line 99, ../src/pages.scss */
    .image {
      grid-column-gap: 2em;
      grid-row-gap: 2em;
      margin-top: 3em;
      margin-bottom: 3em; } }
  /* line 116, ../src/pages.scss */
  .image__image--span {
    grid-column: span 6; }
  /* line 119, ../src/pages.scss */
  .image__image--half {
    grid-column: span 6; }
    @media screen and (min-width: 37.5em) {
      /* line 119, ../src/pages.scss */
      .image__image--half {
        grid-column: span 3; } }
  /* line 126, ../src/pages.scss */
  .image__image--one-third {
    grid-column: span 6; }
    @media screen and (min-width: 37.5em) {
      /* line 126, ../src/pages.scss */
      .image__image--one-third {
        grid-column: span 2; } }
  /* line 133, ../src/pages.scss */
  .image__image--two-thirds {
    grid-column: span 6; }
    @media screen and (min-width: 37.5em) {
      /* line 133, ../src/pages.scss */
      .image__image--two-thirds {
        grid-column-start: 3;
        grid-column-end: span 6; } }
  /* line 141, ../src/pages.scss */
  .image__image--align-with-text {
    grid-column: span 6; }
    @media screen and (min-width: 50em) {
      /* line 141, ../src/pages.scss */
      .image__image--align-with-text {
        grid-column-start: 3;
        grid-column-end: span 6; } }
  /* line 149, ../src/pages.scss */
  .image__image img {
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease;
    width: 100%; }
  /* line 156, ../src/pages.scss */
  .image__image.in-view img {
    opacity: 1; }
  /* line 161, ../src/pages.scss */
  .image figcaption {
    margin-top: 0.5em;
    font-size: 0.8em;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (min-width: 37.5em) {
      /* line 161, ../src/pages.scss */
      .image figcaption {
        font-size: 1em; } }
    @media screen and (min-width: 50em) {
      /* line 161, ../src/pages.scss */
      .image figcaption {
        font-size: 1em; } }
    @media screen and (min-width: 68.75em) {
      /* line 161, ../src/pages.scss */
      .image figcaption {
        font-size: 1.125em; } }
    /* line 177, ../src/pages.scss */
    .image figcaption a {
      color: #000000;
      display: inline-block;
      text-decoration: none;
      margin-bottom: -6px; }
      /* line 183, ../src/pages.scss */
      .image figcaption a:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 0.35em;
        background-color: #000000;
        transform-origin: right;
        transform: translateY(-0.4rem) scaleX(1);
        transition: transform 1s ease; }
        @media screen and (min-width: 37.5em) {
          /* line 183, ../src/pages.scss */
          .image figcaption a:after {
            height: 3px;
            margin-top: 0.25em; } }
      /* line 199, ../src/pages.scss */
      .image figcaption a:hover:after, .image figcaption a:focus:after {
        transform-origin: right;
        transform: translateY(-0.4rem) scaleX(0); }

/* 
 *
 * /  MODULE: Image Text
------------------------------------------------*/
/* line 213, ../src/pages.scss */
.image-text {
  padding-top: 1em;
  padding-bottom: 1em;
  overflow: hidden; }
  @media screen and (min-width: 50em) {
    /* line 213, ../src/pages.scss */
    .image-text {
      padding-top: 2em;
      padding-bottom: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 223, ../src/pages.scss */
    .image-text__wrapper {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 0.5em;
      grid-row-gap: 0.5em; } }
  @media screen and (min-width: 50em) {
    /* line 223, ../src/pages.scss */
    .image-text__wrapper {
      grid-column-gap: 1em;
      grid-row-gap: 1em; } }
  @media screen and (min-width: 50em) {
    /* line 223, ../src/pages.scss */
    .image-text__wrapper {
      grid-column-gap: 2em;
      grid-row-gap: 2em; } }
  /* line 242, ../src/pages.scss */
  .image-text__text-wrapper + .image-text__image-wrapper {
    margin-top: 1.5em; }
    @media screen and (min-width: 50em) {
      /* line 242, ../src/pages.scss */
      .image-text__text-wrapper + .image-text__image-wrapper {
        margin-top: 0; } }
  /* line 250, ../src/pages.scss */
  .image-text__image-wrapper img {
    width: 100%;
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease; }
  /* line 257, ../src/pages.scss */
  .image-text__image-wrapper.in-view img {
    opacity: 1; }
  /* line 262, ../src/pages.scss */
  .image-text__image {
    position: relative; }
  /* line 266, ../src/pages.scss */
  .image-text__teal-cloud:after {
    content: '';
    background-image: url(../../images/teal-cloud-full.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 25em;
    height: 9em;
    position: absolute;
    bottom: -2em;
    left: -14em; }
    @media screen and (min-width: 68.75em) {
      /* line 266, ../src/pages.scss */
      .image-text__teal-cloud:after {
        width: 36em;
        height: 11em;
        right: -15em; } }
  /* line 286, ../src/pages.scss */
  .image-text__pink-cloud:after {
    content: '';
    background-image: url(../../images/pink-cloud-full.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 25em;
    height: 9em;
    position: absolute;
    bottom: -2em;
    left: -14em; }
    @media screen and (min-width: 68.75em) {
      /* line 286, ../src/pages.scss */
      .image-text__pink-cloud:after {
        width: 36em;
        height: 11em;
        right: -15em; } }
  /* line 307, ../src/pages.scss */
  .image-text__image-wrapper + .image-text__text-wrapper {
    display: -ms-flexbox;
    display: flex;
    /*align-items: center;*/
    padding: 0;
    margin-top: 1.5em; }
    @media screen and (min-width: 50em) {
      /* line 307, ../src/pages.scss */
      .image-text__image-wrapper + .image-text__text-wrapper {
        padding-left: 1em;
        padding-right: 1em;
        margin-top: 0; } }
    @media screen and (min-width: 50em) {
      /* line 307, ../src/pages.scss */
      .image-text__image-wrapper + .image-text__text-wrapper {
        padding-left: 2em;
        padding-right: 2em; } }
    @media screen and (min-width: 68.75em) {
      /* line 307, ../src/pages.scss */
      .image-text__image-wrapper + .image-text__text-wrapper {
        padding-left: 4em;
        padding-right: 4em; } }
  /* line 328, ../src/pages.scss */
  .image-text__text-wrapper p,
  .image-text__text-wrapper ul {
    font-size: 1em;
    opacity: 0;
    transition: opacity 0.5s ease; }
    /* line 334, ../src/pages.scss */
    .image-text__text-wrapper p.in-view,
    .image-text__text-wrapper ul.in-view {
      opacity: 1; }
    @media screen and (min-width: 50em) {
      /* line 328, ../src/pages.scss */
      .image-text__text-wrapper p,
      .image-text__text-wrapper ul {
        font-size: 1.125em; } }
    @media screen and (min-width: 68.75em) {
      /* line 328, ../src/pages.scss */
      .image-text__text-wrapper p,
      .image-text__text-wrapper ul {
        font-size: 1.25em; } }
  /* line 344, ../src/pages.scss */
  .image-text__text-wrapper ul {
    margin-left: 1em;
    margin-bottom: 1em; }
    /* line 348, ../src/pages.scss */
    .image-text__text-wrapper ul li {
      text-indent: -20px; }
      /* line 351, ../src/pages.scss */
      .image-text__text-wrapper ul li:before {
        content: "— ";
        text-indent: -20px; }
  /* line 357, ../src/pages.scss */
  .image-text__text-wrapper h2 {
    font-size: 1.125em;
    font-style: italic;
    opacity: 0;
    transition: opacity 0.5s ease;
    margin-bottom: 1em;
    font-weight: 600;
    line-height: 1.3; }
    /* line 366, ../src/pages.scss */
    .image-text__text-wrapper h2.in-view {
      opacity: 1; }
    @media screen and (min-width: 50em) {
      /* line 357, ../src/pages.scss */
      .image-text__text-wrapper h2 {
        font-size: 1.25em; } }
    @media screen and (min-width: 68.75em) {
      /* line 357, ../src/pages.scss */
      .image-text__text-wrapper h2 {
        font-size: 1.5em; } }
  /* line 379, ../src/pages.scss */
  .image-text--text-first .image-text__image-wrapper {
    -ms-flex-order: 2;
        order: 2; }
  /* line 385, ../src/pages.scss */
  .image-text--text-first .image-text__text-wrapper {
    -ms-flex-order: 1;
        order: 1; }
  /* line 393, ../src/pages.scss */
  .image-text--text-first .image-text__pink-cloud:after,
  .image-text--text-first .image-text__teal-cloud:after {
    bottom: -2em;
    left: auto;
    right: -14em; }
    @media screen and (min-width: 68.75em) {
      /* line 393, ../src/pages.scss */
      .image-text--text-first .image-text__pink-cloud:after,
      .image-text--text-first .image-text__teal-cloud:after {
        right: -15em; } }

/* 
 *
 * /  MODULE: List
------------------------------------------------*/
/* line 411, ../src/pages.scss */
.list {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 1em;
  margin-right: 1em;
  border: 6px solid #FFB498;
  padding: 1em; }
  @media screen and (min-width: 50em) {
    /* line 411, ../src/pages.scss */
    .list {
      margin: 3em;
      padding: 1em; } }
  @media screen and (min-width: 68.75em) {
    /* line 411, ../src/pages.scss */
    .list {
      margin: 4em;
      padding: 2em; } }
  /* line 428, ../src/pages.scss */
  .list__wrapper {
    opacity: 0;
    transition: opacity 0.5s ease; }
    /* line 432, ../src/pages.scss */
    .list__wrapper.in-view {
      opacity: 1; }
    @media screen and (min-width: 50em) {
      /* line 428, ../src/pages.scss */
      .list__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: baseline;
            align-items: baseline; } }
  /* line 442, ../src/pages.scss */
  .list__title {
    font-size: 1.25em;
    margin-bottom: 2em;
    font-weight: 500;
    line-height: 1.1;
    text-align: center; }
    @media screen and (min-width: 50em) {
      /* line 442, ../src/pages.scss */
      .list__title {
        font-size: 1.5em; } }
  /* line 453, ../src/pages.scss */
  .list__text {
    text-align: center; }
    @media screen and (min-width: 50em) {
      /* line 453, ../src/pages.scss */
      .list__text {
        column-count: 3;
        column-width: 20em;
        margin-left: auto;
        margin-right: auto; } }
    @media screen and (min-width: 68.75em) {
      /* line 453, ../src/pages.scss */
      .list__text {
        column-width: 24em; } }
    /* line 466, ../src/pages.scss */
    .typography .list__text p {
      font-size: 1.35em;
      font-weight: 600;
      margin-bottom: 1rem;
      line-height: 1.2; }
      @media screen and (min-width: 37.5em) {
        /* line 466, ../src/pages.scss */
        .typography .list__text p {
          font-size: 1.5em; } }
      @media screen and (min-width: 50em) {
        /* line 466, ../src/pages.scss */
        .typography .list__text p {
          font-size: 1.75em; } }
      @media screen and (min-width: 68.75em) {
        /* line 466, ../src/pages.scss */
        .typography .list__text p {
          font-size: 2em; } }

/* 
 *
 * /  Project Listing
------------------------------------------------*/
/* line 491, ../src/pages.scss */
.project-listing {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media screen and (min-width: 50em) {
    /* line 491, ../src/pages.scss */
    .project-listing {
      margin-top: 3em;
      margin-bottom: 3em; } }
  @media screen and (min-width: 68.75em) {
    /* line 491, ../src/pages.scss */
    .project-listing {
      margin-top: 4em;
      margin-bottom: 4em; } }
  /* line 504, ../src/pages.scss */
  .project-listing__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0.5em;
    grid-row-gap: 0.5em; }
    @media screen and (min-width: 37.5em) {
      /* line 504, ../src/pages.scss */
      .project-listing__list {
        grid-column-gap: 1em;
        grid-row-gap: 1em; } }
    @media screen and (min-width: 50em) {
      /* line 504, ../src/pages.scss */
      .project-listing__list {
        grid-column-gap: 2em;
        grid-row-gap: 2em; } }
  /* line 519, ../src/pages.scss */
  .project-listing__project {
    grid-column: span 1;
    transition: background-color 0.3s ease; }
    /* line 523, ../src/pages.scss */
    .project-listing__project:nth-child(3n + 1) .project-listing__info {
      border: 6px solid #90EBD0;
      background-color: #90EBD0;
      transition: border-color 0.3s ease; }
    /* line 528, ../src/pages.scss */
    .project-listing__project:nth-child(3n + 2) .project-listing__info {
      border: 6px solid #FF8F38;
      background-color: #FF8F38;
      transition: border-color 0.3s ease; }
    /* line 533, ../src/pages.scss */
    .project-listing__project:nth-child(3n + 3) .project-listing__info {
      border: 6px solid #FFB498;
      background-color: #FFB498;
      transition: border-color 0.3s ease; }
    /* line 539, ../src/pages.scss */
    .project-listing__project img {
      width: 100%;
      display: block;
      opacity: 0;
      transition: opacity 0.5s ease;
      mix-blend-mode: multiply; }
    /* line 551, ../src/pages.scss */
    .project-listing__project:hover:nth-child(3n + 1) .project-listing__info, .project-listing__project:focus:nth-child(3n + 1) .project-listing__info {
      border-color: transparent;
      background-color: transparent; }
    /* line 555, ../src/pages.scss */
    .project-listing__project:hover:nth-child(3n + 1) .project-listing__image, .project-listing__project:focus:nth-child(3n + 1) .project-listing__image {
      background-color: #90EBD0; }
    /* line 561, ../src/pages.scss */
    .project-listing__project:hover:nth-child(3n + 2) .project-listing__info, .project-listing__project:focus:nth-child(3n + 2) .project-listing__info {
      border-color: transparent;
      background-color: transparent; }
    /* line 565, ../src/pages.scss */
    .project-listing__project:hover:nth-child(3n + 2) .project-listing__image, .project-listing__project:focus:nth-child(3n + 2) .project-listing__image {
      background-color: #FF8F38; }
    /* line 571, ../src/pages.scss */
    .project-listing__project:hover:nth-child(3n + 3) .project-listing__info, .project-listing__project:focus:nth-child(3n + 3) .project-listing__info {
      border-color: transparent;
      background-color: transparent; }
    /* line 575, ../src/pages.scss */
    .project-listing__project:hover:nth-child(3n + 3) .project-listing__image, .project-listing__project:focus:nth-child(3n + 3) .project-listing__image {
      background-color: #FFB498; }
    /* line 579, ../src/pages.scss */
    .project-listing__project:hover img, .project-listing__project:focus img {
      opacity: 1; }
  /* line 584, ../src/pages.scss */
  .project-listing__link {
    position: relative;
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none; }
  /* line 591, ../src/pages.scss */
  .project-listing__image {
    overflow: hidden; }
  /* line 594, ../src/pages.scss */
  .project-listing__info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 0.3s ease, color 0.3s ease;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    transition: border-color 0.3s ease; }
    /* line 606, ../src/pages.scss */
    .project-listing__project:hover .project-listing__info, .project-listing__project:focus .project-listing__info {
      color: #ffffff; }
  /* line 611, ../src/pages.scss */
  .project-listing__title {
    text-align: center;
    font-size: 0.8em;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.1; }
    @media screen and (min-width: 31.25em) {
      /* line 611, ../src/pages.scss */
      .project-listing__title {
        font-size: 1.25em;
        line-height: 1.2; } }
    @media screen and (min-width: 37.5em) {
      /* line 611, ../src/pages.scss */
      .project-listing__title {
        font-size: 1.75em; } }
    @media screen and (min-width: 50em) {
      /* line 611, ../src/pages.scss */
      .project-listing__title {
        font-size: 2em;
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media screen and (min-width: 68.75em) {
      /* line 611, ../src/pages.scss */
      .project-listing__title {
        font-size: 2.5em; } }
  /* line 635, ../src/pages.scss */
  .project-listing__subtitle {
    display: none; }
    @media screen and (min-width: 37.5em) {
      /* line 635, ../src/pages.scss */
      .project-listing__subtitle {
        display: block;
        font-size: 1.25em;
        position: absolute;
        text-align: center;
        text-transform: lowercase;
        bottom: 1.75em;
        left: 0;
        right: 0;
        font-family: alegreya, serif;
        font-style: italic;
        font-size: 1.125em; } }
    @media screen and (min-width: 50em) {
      /* line 635, ../src/pages.scss */
      .project-listing__subtitle {
        font-size: 1.5em; } }

/* 
 *
 * MODULE: Button
------------------------------------------------*/
/* line 664, ../src/pages.scss */
.button--center {
  text-align: center; }
/* line 667, ../src/pages.scss */
.button__wrapper {
  display: inline-block;
  font-family: acumin-pro, sans-serif;
  opacity: 0;
  transition: opacity 0.3s ease; }
  /* line 673, ../src/pages.scss */
  .button__wrapper.in-view {
    opacity: 1; }
/* line 677, ../src/pages.scss */
.button--onsite {
  margin-bottom: 1.5em;
  margin-right: 0.5em; }
  /* line 681, ../src/pages.scss */
  .button--onsite a,
  .button--onsite button {
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    padding: 0.55em 0.75em 0.5em;
    border: 4px solid #000000;
    text-transform: uppercase;
    font-weight: 600;
    transition: background-color 0.3s ease, color 0.3s ease;
    transform: skew(-10deg); }
    @media screen and (min-width: 50em) {
      /* line 681, ../src/pages.scss */
      .button--onsite a,
      .button--onsite button {
        font-size: 1rem; } }
    @media screen and (min-width: 68.75em) {
      /* line 681, ../src/pages.scss */
      .button--onsite a,
      .button--onsite button {
        font-size: 1.5rem; } }
    /* line 702, ../src/pages.scss */
    .button--onsite a:hover, .button--onsite a:focus,
    .button--onsite button:hover,
    .button--onsite button:focus {
      background-color: #000000;
      color: #ffffff; }
/* line 709, ../src/pages.scss */
.button--offsite {
  margin-bottom: 1.5em;
  margin-right: 0.5em; }
  /* line 713, ../src/pages.scss */
  .button--offsite a,
  .button--offsite button {
    cursor: pointer;
    color: #ffffff;
    display: inline-block;
    font-size: 0.9rem;
    text-decoration: none;
    padding: 0.6em 0.75em 0.5em;
    background-color: #000000;
    border: 4px solid #000000;
    text-transform: uppercase;
    font-weight: 500;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 0px 0px 15px 0px; }
    @media screen and (min-width: 50em) {
      /* line 713, ../src/pages.scss */
      .button--offsite a,
      .button--offsite button {
        font-size: 1rem;
        border-radius: 0px 0px 20px 0px; } }
    @media screen and (min-width: 68.75em) {
      /* line 713, ../src/pages.scss */
      .button--offsite a,
      .button--offsite button {
        font-size: 1.5rem;
        border-radius: 0px 0px 25px 0px; } }
    /* line 737, ../src/pages.scss */
    .button--offsite a:hover, .button--offsite a:focus,
    .button--offsite button:hover,
    .button--offsite button:focus {
      background-color: transparent;
      color: #000000; }

/* line 745, ../src/pages.scss */
.typography .button a:after {
  content: none; }

/* 
 *
 * MODULE: Spacer
------------------------------------------------*/
/* line 756, ../src/pages.scss */
.spacer--small {
  padding-top: .25em; }
  @media screen and (min-width: 31.25em) {
    /* line 756, ../src/pages.scss */
    .spacer--small {
      padding-top: .5em; } }
  @media screen and (min-width: 37.5em) {
    /* line 756, ../src/pages.scss */
    .spacer--small {
      padding-top: .75em; } }
  @media screen and (min-width: 50em) {
    /* line 756, ../src/pages.scss */
    .spacer--small {
      padding-top: 1.25em; } }
/* line 769, ../src/pages.scss */
.spacer--medium {
  padding-top: .5em; }
  @media screen and (min-width: 31.25em) {
    /* line 769, ../src/pages.scss */
    .spacer--medium {
      padding-top: 1em; } }
  @media screen and (min-width: 37.5em) {
    /* line 769, ../src/pages.scss */
    .spacer--medium {
      padding-top: 1.5em; } }
  @media screen and (min-width: 50em) {
    /* line 769, ../src/pages.scss */
    .spacer--medium {
      padding-top: 3em; } }
/* line 782, ../src/pages.scss */
.spacer--large {
  padding-top: 1em; }
  @media screen and (min-width: 31.25em) {
    /* line 782, ../src/pages.scss */
    .spacer--large {
      padding-top: 1.5em; } }
  @media screen and (min-width: 37.5em) {
    /* line 782, ../src/pages.scss */
    .spacer--large {
      padding-top: 2em; } }
  @media screen and (min-width: 50em) {
    /* line 782, ../src/pages.scss */
    .spacer--large {
      padding-top: 4em; } }

/* 
 *
 * MODULE: Featured Highlight Section
------------------------------------------------*/
/* line 801, ../src/pages.scss */
.featured-highlight-section {
  margin-bottom: 4em; }
  /* line 804, ../src/pages.scss */
  .featured-highlight-section__heading {
    font-weight: 600;
    font-style: italic;
    font-size: 1.5em;
    line-height: 1.2;
    margin-top: 1em;
    margin-bottom: 2.5em;
    position: relative;
    max-width: 14em; }
    @media screen and (min-width: 50em) {
      /* line 804, ../src/pages.scss */
      .featured-highlight-section__heading {
        font-size: 2.5em; } }
    /* line 818, ../src/pages.scss */
    .highlight--teal-squiggle .featured-highlight-section__heading {
      margin-bottom: 4em; }
      @media screen and (min-width: 50em) {
        /* line 818, ../src/pages.scss */
        .highlight--teal-squiggle .featured-highlight-section__heading {
          margin-bottom: 3em; } }
    /* line 825, ../src/pages.scss */
    .highlight--teal-squiggle .featured-highlight-section__heading:before {
      content: '';
      position: absolute;
      top: -0.5em;
      left: -4em;
      background-image: url("../../images/teal-squiggle.svg");
      background-repeat: no-repeat;
      background-size: contain;
      width: 15em;
      height: 6em;
      display: inline-block;
      z-index: -1; }
      @media screen and (min-width: 50em) {
        /* line 825, ../src/pages.scss */
        .highlight--teal-squiggle .featured-highlight-section__heading:before {
          left: -2em;
          background-size: auto;
          height: 5.5em; } }
    /* line 844, ../src/pages.scss */
    .highlight--orange-parallelogram .featured-highlight-section__heading:before {
      content: '';
      position: absolute;
      top: -1.35em;
      left: -3.5em;
      background-color: #FF8F38;
      width: 10em;
      height: 5.5em;
      transform: skew(-10deg);
      display: inline-block;
      z-index: -1; }
    /* line 856, ../src/pages.scss */
    .highlight--peach-parallelogram .featured-highlight-section__heading:before {
      content: '';
      position: absolute;
      top: -1.35em;
      left: -3.5em;
      background-color: #FFB498;
      width: 10em;
      height: 5.5em;
      transform: skew(-10deg);
      display: inline-block;
      z-index: -1; }
  /* line 869, ../src/pages.scss */
  .featured-highlight-section__text {
    font-size: 1.25em; }
    @media screen and (min-width: 50em) {
      /* line 869, ../src/pages.scss */
      .featured-highlight-section__text {
        font-size: 1.5em;
        max-width: 32em; } }

/* 
 *
 * MODULE: Spinner
------------------------------------------------*/
/* line 883, ../src/pages.scss */
.spinner {
  position: relative;
  padding-bottom: 7em;
  overflow: hidden;
  margin-top: -3em; }
  @media screen and (min-width: 50em) {
    /* line 883, ../src/pages.scss */
    .spinner {
      padding-bottom: 10em;
      margin-top: -4em; } }
  @media screen and (min-width: 87.5em) {
    /* line 883, ../src/pages.scss */
    .spinner {
      margin-top: -10em; } }
  /* line 897, ../src/pages.scss */
  .spinner-wrapper {
    position: relative;
    margin-left: auto;
    width: 12em; }
    @media screen and (min-width: 50em) {
      /* line 897, ../src/pages.scss */
      .spinner-wrapper {
        width: 16em;
        margin-right: 6em; } }
    /* line 906, ../src/pages.scss */
    .spinner-wrapper:after {
      content: '';
      position: absolute;
      top: 2.5em;
      left: -3em;
      background-image: url("../../images/pink-cloud.svg");
      background-repeat: no-repeat;
      background-size: contain;
      width: 20em;
      height: 11em;
      display: inline-block;
      z-index: -1; }
      @media screen and (min-width: 50em) {
        /* line 906, ../src/pages.scss */
        .spinner-wrapper:after {
          top: 3.5em;
          left: -7em;
          width: 35em;
          height: 25em; } }
  /* line 927, ../src/pages.scss */
  .spinner-image {
    width: 10em;
    animation: rotate 15s linear infinite; }
    @media screen and (min-width: 50em) {
      /* line 927, ../src/pages.scss */
      .spinner-image {
        width: 16em; } }

/* 
 *
 * /  PROJECT: Portfolio
------------------------------------------------*/
/* line 944, ../src/pages.scss */
.portfolio__title {
  font-weight: 600;
  font-style: italic;
  font-size: 1.5em;
  line-height: 1.2;
  margin-top: 1em;
  margin-bottom: 4em;
  position: relative; }
  @media screen and (min-width: 50em) {
    /* line 944, ../src/pages.scss */
    .portfolio__title {
      font-size: 2.5em;
      margin-bottom: 2.25em; } }
  /* line 958, ../src/pages.scss */
  .portfolio__title:before {
    content: '';
    position: absolute;
    top: -1.35em;
    left: -3.5em;
    background-color: #FFB498;
    width: 10em;
    height: 5.5em;
    transform: skew(-10deg);
    display: inline-block;
    z-index: -1; }
/* line 971, ../src/pages.scss */
.portfolio__subtitle {
  font-style: italic;
  font-family: alegreya, serif;
  text-transform: lowercase;
  font-size: 1.25em;
  margin-bottom: 2em; }
  @media screen and (min-width: 50em) {
    /* line 971, ../src/pages.scss */
    .portfolio__subtitle {
      font-size: 1.75em;
      margin-left: 33%; } }
/* line 983, ../src/pages.scss */
.portfolio-body-text {
  margin-top: 2em;
  margin-bottom: 2em; }
  @media screen and (min-width: 50em) {
    /* line 983, ../src/pages.scss */
    .portfolio-body-text {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-column-gap: 2em;
      grid-row-gap: 2em;
      margin-top: 3.5em;
      margin-bottom: 3.5em; } }
  /* line 996, ../src/pages.scss */
  .portfolio-body-text__title {
    font-weight: 600;
    font-size: 1.5em;
    margin-bottom: 0.75em; }
    @media screen and (min-width: 50em) {
      /* line 996, ../src/pages.scss */
      .portfolio-body-text__title {
        font-size: 1.75em;
        grid-column: span 2; } }
    @media screen and (min-width: 68.75em) {
      /* line 996, ../src/pages.scss */
      .portfolio-body-text__title {
        font-size: 2.25em; } }
  @media screen and (min-width: 50em) {
    /* line 1009, ../src/pages.scss */
    .portfolio-body-text__text {
      grid-column-start: 3;
      grid-column-end: span 6; } }
  @media screen and (min-width: 68.75em) {
    /* line 1016, ../src/pages.scss */
    .portfolio-body-text__text p {
      font-size: 1.5em; } }

/* 
 *
 * /  PROJECT: Nav Links
------------------------------------------------*/
/* line 1030, ../src/pages.scss */
.project-navigation {
  margin-top: 2em;
  opacity: 0;
  transition: opacity 0.3s ease; }
  /* line 1035, ../src/pages.scss */
  .project-navigation.in-view {
    opacity: 1; }
  @media screen and (min-width: 37.5em) {
    /* line 1030, ../src/pages.scss */
    .project-navigation {
      margin-top: 4em; } }
  @media screen and (min-width: 50em) {
    /* line 1030, ../src/pages.scss */
    .project-navigation {
      margin-top: 6em; } }

/* line 1046, ../src/pages.scss */
.nav-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1em;
  grid-row-gap: 1em; }
  @media screen and (min-width: 50em) {
    /* line 1046, ../src/pages.scss */
    .nav-links {
      grid-column-gap: 2em;
      grid-row-gap: 2em; } }
  /* line 1057, ../src/pages.scss */
  .nav-links .project-previous,
  .nav-links .project-next {
    position: relative;
    transition: background-color 0.3s ease; }
    /* line 1062, ../src/pages.scss */
    .nav-links .project-previous a,
    .nav-links .project-next a {
      color: #000000;
      text-decoration: none; }
    /* line 1066, ../src/pages.scss */
    .nav-links .project-previous .overlay,
    .nav-links .project-next .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      border: 6px solid #90EBD0;
      transition: border-color 0.3s ease; }
    /* line 1079, ../src/pages.scss */
    .nav-links .project-previous .nav-project-image,
    .nav-links .project-next .nav-project-image {
      opacity: 0;
      transition: opacity 0.3s ease;
      display: block;
      width: 100%; }
    /* line 1085, ../src/pages.scss */
    .nav-links .project-previous h3,
    .nav-links .project-next h3 {
      font-size: 1em;
      text-align: center;
      font-weight: 600;
      transition: color 0.3s ease; }
      @media screen and (min-width: 37.5em) {
        /* line 1085, ../src/pages.scss */
        .nav-links .project-previous h3,
        .nav-links .project-next h3 {
          font-size: 1.5em; } }
      @media screen and (min-width: 50em) {
        /* line 1085, ../src/pages.scss */
        .nav-links .project-previous h3,
        .nav-links .project-next h3 {
          font-size: 2.5em;
          margin-top: 0; } }
    /* line 1099, ../src/pages.scss */
    .nav-links .project-previous h4,
    .nav-links .project-next h4 {
      opacity: 0;
      transform: translateY(50px);
      transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
      display: none;
      text-align: center; }
      @media screen and (min-width: 50em) {
        /* line 1099, ../src/pages.scss */
        .nav-links .project-previous h4,
        .nav-links .project-next h4 {
          font-size: 1.5em;
          display: block; } }
      @media screen and (min-width: 68.75em) {
        /* line 1099, ../src/pages.scss */
        .nav-links .project-previous h4,
        .nav-links .project-next h4 {
          font-size: 1.75em; } }
    /* line 1114, ../src/pages.scss */
    .nav-links .project-previous .arrow,
    .nav-links .project-next .arrow {
      transition: opacity 0.3s ease;
      width: 5em; }
      @media screen and (min-width: 37.5em) {
        /* line 1114, ../src/pages.scss */
        .nav-links .project-previous .arrow,
        .nav-links .project-next .arrow {
          width: 6em; } }
      @media screen and (min-width: 50em) {
        /* line 1114, ../src/pages.scss */
        .nav-links .project-previous .arrow,
        .nav-links .project-next .arrow {
          width: 8em; } }
      @media screen and (min-width: 68.75em) {
        /* line 1114, ../src/pages.scss */
        .nav-links .project-previous .arrow,
        .nav-links .project-next .arrow {
          width: 10em; } }
    /* line 1128, ../src/pages.scss */
    .nav-links .project-previous:hover, .nav-links .project-previous:focus,
    .nav-links .project-next:hover,
    .nav-links .project-next:focus {
      background-color: #90EBD0; }
      @media screen and (min-width: 50em) {
        /* line 1133, ../src/pages.scss */
        .nav-links .project-previous:hover img, .nav-links .project-previous:focus img,
        .nav-links .project-next:hover img,
        .nav-links .project-next:focus img {
          opacity: 1;
          mix-blend-mode: multiply; }
        /* line 1137, ../src/pages.scss */
        .nav-links .project-previous:hover .overlay, .nav-links .project-previous:focus .overlay,
        .nav-links .project-next:hover .overlay,
        .nav-links .project-next:focus .overlay {
          border-color: transparent; }
        /* line 1140, ../src/pages.scss */
        .nav-links .project-previous:hover h3, .nav-links .project-previous:focus h3,
        .nav-links .project-next:hover h3,
        .nav-links .project-next:focus h3 {
          color: #ffffff; }
        /* line 1143, ../src/pages.scss */
        .nav-links .project-previous:hover h4, .nav-links .project-previous:focus h4,
        .nav-links .project-next:hover h4,
        .nav-links .project-next:focus h4 {
          opacity: 1;
          transform: translateY(10px);
          color: #ffffff; }
        /* line 1148, ../src/pages.scss */
        .nav-links .project-previous:hover .arrow, .nav-links .project-previous:focus .arrow,
        .nav-links .project-next:hover .arrow,
        .nav-links .project-next:focus .arrow {
          opacity: 0; } }

/* 
 *
 * /  OPTIONS: Testimonials
------------------------------------------------*/
/* line 1162, ../src/pages.scss */
.testimonial {
  margin-bottom: 6em;
  position: relative;
  min-height: 24em; }
  @media screen and (min-width: 50em) {
    /* line 1162, ../src/pages.scss */
    .testimonial {
      margin-bottom: 8em; } }
  /* line 1171, ../src/pages.scss */
  .testimonial .arrow-right {
    position: absolute;
    right: 40%;
    bottom: 0;
    cursor: pointer; }
    @media screen and (min-width: 68.75em) {
      /* line 1171, ../src/pages.scss */
      .testimonial .arrow-right {
        right: 3em;
        top: 20%;
        bottom: auto; } }
  /* line 1183, ../src/pages.scss */
  .testimonial .arrow-left {
    position: absolute;
    left: 40%;
    bottom: 0;
    cursor: pointer; }
    @media screen and (min-width: 68.75em) {
      /* line 1183, ../src/pages.scss */
      .testimonial .arrow-left {
        left: 3em;
        top: 20%;
        bottom: auto; } }
  /* line 1195, ../src/pages.scss */
  .testimonial__heading {
    font-weight: 600;
    font-style: italic;
    font-size: 1.25em;
    line-height: 1.2;
    margin-top: 3em;
    margin-bottom: 2.5em;
    position: relative; }
    @media screen and (min-width: 37.5em) {
      /* line 1195, ../src/pages.scss */
      .testimonial__heading {
        font-size: 1.5em;
        margin-top: 4em; } }
    @media screen and (min-width: 50em) {
      /* line 1195, ../src/pages.scss */
      .testimonial__heading {
        font-size: 2.5em;
        margin-top: 4em; } }
    /* line 1213, ../src/pages.scss */
    .testimonial__heading:before {
      content: '';
      position: absolute;
      top: -1.35em;
      left: -3.5em;
      background-color: #FF8F38;
      width: 10em;
      height: 5.5em;
      transform: skew(-10deg);
      display: inline-block;
      z-index: -1; }
  /* line 1226, ../src/pages.scss */
  .testimonial__subheading {
    font-style: italic;
    font-size: 1.125em;
    margin-bottom: 2em; }
    @media screen and (min-width: 37.5em) {
      /* line 1226, ../src/pages.scss */
      .testimonial__subheading {
        font-size: 1.25em; } }
    @media screen and (min-width: 50em) {
      /* line 1226, ../src/pages.scss */
      .testimonial__subheading {
        font-size: 2em; } }
  /* line 1238, ../src/pages.scss */
  .testimonial__quote-wrapper {
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 1em;
    max-width: 55em;
    padding-right: 1em; }
    /* line 1246, ../src/pages.scss */
    .testimonial__quote-wrapper.current {
      opacity: 1; }
  /* line 1250, ../src/pages.scss */
  .testimonial__quote {
    font-size: 1em;
    text-indent: -0.35em; }
    @media screen and (min-width: 37.5em) {
      /* line 1250, ../src/pages.scss */
      .testimonial__quote {
        font-size: 1.25em; } }
    @media screen and (min-width: 50em) {
      /* line 1250, ../src/pages.scss */
      .testimonial__quote {
        font-size: 1.5em; } }
  /* line 1261, ../src/pages.scss */
  .testimonial__attribution {
    font-size: 1.25em;
    font-family: alegreya, serif;
    font-style: italic;
    text-align: right;
    font-weight: 500;
    margin-top: 1em; }
    @media screen and (min-width: 37.5em) {
      /* line 1261, ../src/pages.scss */
      .testimonial__attribution {
        font-size: 1.5em; } }
    @media screen and (min-width: 50em) {
      /* line 1261, ../src/pages.scss */
      .testimonial__attribution {
        font-size: 2.25em; } }

/* 
 *
 * /  404 Error Page
------------------------------------------------*/
@media screen and (min-width: 50em) {
  /* line 1284, ../src/pages.scss */
  .error-page .image-text__wrapper {
    grid-template-columns: 0.5fr 1fr; } }
/* line 1289, ../src/pages.scss */
.error-page .image-text__image {
  max-width: 20em;
  margin-left: auto;
  margin-right: auto; }