/*
 * Homepage
 */

/*
 ** Masthead
 */

.homepage .masthead {
  margin-top: 15px;
  margin-bottom: 50px;
  margin-left: 20px;
  font-size: 5.143em; /* 72/14 */
  letter-spacing: -4px;
}

/* Replace masthead with SVG to enable responsive
   behavior on capable browsers */
@media all and (min-width: 0) {
  .homepage .masthead {
    overflow: hidden;
    height: 0;
    padding-top: 28%;
    margin-left: 20px;
    margin-right: 20px;
    text-indent: -9999em;
    background: url(../images/the-cut.svg) no-repeat top center;
    background-size: 100%;
  }
}



/*
 ** Introduction
 */

.homepage .introduction {
  margin-bottom: 60px;
}

.homepage .introduction .lede {
  font-family: 'Gotham SSm 3r', 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.125em;
  letter-spacing: -0.5px;
  line-height: 1.5;
  color: #000;
  text-align: center;
}


/*
 ** Services Summary
 */

.homepage .services-summary {
  margin-bottom: 60px;
}

.homepage .services-summary .service {
  margin-top: 40px;
}

.homepage .services-summary .service:first-child {
  margin-top: 0;
}

.homepage .services-summary .service .heading {
  font-family: 'Gotham 5r', 'Gotham A', 'Gotham B', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.429em; /* 20/14 */
  line-height: 1.2;
  color: #000;
}

.homepage .services-summary .service .summary {
  margin-bottom: 20px;
}

.homepage .services-summary .service .button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #d0021b;
  font-size: 1em;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

.homepage .services-summary .service .button:hover {
  background-color: #8C0112;
}

/*
 ** Recent Work
 */

.homepage .recent-work  {
  margin-bottom: 30px;
}

.homepage .recent-work .headline {
  pointer-events: none;
  position: relative;
  z-index: 1;
  text-align: center;
}

/*
 ** Articles
 */

.homepage .articles .image  {
  margin-bottom: 10px;
}

.homepage .articles .title  {
  font-size: 1.285714286em; /* 18/14 */
}

.homepage .articles .article-list {
  padding-left: 0;
  padding-right: 0;
}

.homepage .articles .article-list > li  {
  margin-bottom: 10px;
  border-bottom: 1px solid #D8D8D8;
}

.homepage .articles .article-list > li:after  {
  display: block;
  content: '';
  clear: both;
}

.homepage .articles .pub-date  {
  color: #9B9B9B;
  font-size: 1em; /* 14/14 */
  margin-top: 3px;
}

.homepage .articles .article .title,
.homepage .articles .article .pub-date,
.homepage .articles .article .author {
  -webkit-transition: color 0.2s ease-out;
     -moz-transition: color 0.2s ease-out;
      -ms-transition: color 0.2s ease-out;
       -o-transition: color 0.2s ease-out;
          transition: color 0.2s ease-out;
 }

.homepage .articles .article-list:hover .article .title,
.homepage .articles .article-list:hover .article .pub-date,
.homepage .articles .article-list:hover .article .author {
  color: #999;
}

.homepage .articles .article-list:hover .article:hover .title {
  color: #000;
}

.homepage .articles .article-list:hover .article:hover .pub-date,
.homepage .articles .article-list:hover .article:hover .author {
  color: #666;
}