/* ----- MAST TOP NAV */

.masthead {
  /* padding: 1rem var(--min_padding); */
  background-color: white;
}


.masthead-menu {
  background-color: var(--brand);
  padding: var(--min_padding);
}

.masthead-logo {
  padding: 2rem var(--min_padding) .5rem;
}


nav.masthead-menu ul {
  display: flex;
  justify-content: space-between;
  align-content: center;

}

nav.masthead-menu a:hover {
  color: var(--brand2);
}





@media (min-width: 700px) {
  .masthead {
    padding: 2rem var(--min_padding) 1rem;
    display: flex;
    justify-content: space-between;
    align-items: baseline;

  }

  .masthead-logo {
    order: 1;
    padding: 0;
  }
  .masthead-menu {
    order: 2;
    background-color: white;
    padding-bottom: 0;
  }

  nav.masthead-menu ul {
    display: flex;
    align-items: baseline;
    gap: 30px;
    margin: 0;
  }

}







/* ----- HOME Page */



#home-cover {
  background-color: var(--brand);
  background: url('/home/20240507_HarrisonCo_Lifestyle_2903_2560px-75q_PS.jpg') no-repeat center var(--brand);
  background: url('https://harrisonco.com/home/20240507_HarrisonCo_Lifestyle_2903_2560px-75q_PS.jpg') no-repeat center var(--brand);
  /* background: url('https://www.brand-lab.com/staging/hco0814/home/20240507_HarrisonCo_Lifestyle_2903_2560px-75q_PS.jpg') no-repeat center var(--brand); */
  padding: 2rem 0;
}

.home-hed-a, .home-hed-b {
  font-family: freight-display-pro, serif;
  font-weight: 700;
  line-height: .9;
  color: var(--grey10);
}
.home-hed-a {
  font-size: 3rem;
  margin-bottom: 17rem;
  padding-right: 5%;
}
.home-hed-b {
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  padding-left: 20%;
}

@media (min-width: 700px) {

  #home-cover {
    background-color: var(--brand);
    background: url('/home/20240507_HarrisonCo_Lifestyle_2903_2560px-75q_PS.jpg') no-repeat center var(--brand);
    background: url('https://harrisonco.com/home/20240507_HarrisonCo_Lifestyle_2903_2560px-75q_PS.jpg') no-repeat center var(--brand);
    /* background: url('https://www.brand-lab.com/staging/hco0814/home/20240507_HarrisonCo_Lifestyle_2903_2560px-75q_PS.jpg') no-repeat center var(--brand); */
    padding: 5rem;
    }

  .home-hed-a, .home-hed-b {
    font-weight: 700;
    line-height: 1;
    }
  .home-hed-a {
    font-size: 6rem;
    margin-bottom: 18rem;
    }
  .home-hed-b {
    font-size: 3.25rem;
    line-height: 1.1;
    text-align: right;
    margin-bottom: 4rem;
    padding-left: 25%;
    }

}







/* -- HOME Truth -- */

#home-truth {
  background-color: var(--grey10);
  padding-top: 4rem;
}

#home-truth .section-hed {
  font-weight: 500;
  font-size: 3.5rem;
  line-height: .85;
  text-transform: uppercase;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--accent);
}

#home-truth-message {
  padding: 0 var(--min_padding) 8rem;
}

#home-truth-message p {
  font-family: freight-display-pro, serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.1;
  color: var(--grey);
  text-align: center;
}

#home-company img {
  display: inline-block;
  max-width: 100%;
  margin-top: -4.5rem;

  }

@media (min-width: 700px) {

#home-truth {
  background-color: var(--grey10);
  padding-top: 8rem;
}

#home-truth-message {
  padding: 0 var(--min_padding) 12rem;
}

 #home-truth .section-hed {
   font-weight: 700;
   font-size: 5rem;
   line-height: .85;
   text-transform: uppercase;
   letter-spacing: .5px;
   margin-bottom: 2rem;
   text-align: center;
   color: var(--accent);
 }

  #home-truth-message p {
    font-family: freight-display-pro, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 1.2;
    }



    #home-company img {
      display: inline-block;
      width: 1200px;
      margin-top: -8rem;
      margin-left: auto;
      margin-right: auto;
    }



}







#home-truth-quote {
  font-family: freight-display-pro, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 2.5rem;
  line-height: 1.08333333333;
  hanging-punctuation: first;
  text-align: center;
  color: var(--grey5);
  margin-top: 1rem;

}
.home-truth-quote-attrib {
  font-family: freight-sans-pro;
  font-weight: 600;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--brand);
}
#home-company {
  background-color: var(--accent);
  padding: 0 var(--min_padding) 4rem;
  text-align: center;
  }



@media (min-width: 700px) {
  #home-company {
    padding: 0 var(--min_padding) 6rem;
  }
  #home-truth-quote {
    font-size: 2.65rem;
    line-height: 1.15;
  padding: 0 3rem;
  }
  .home-truth-quote-attrib {
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.1;
    }
}











/* -- HOME Betterway -- */





#home-betterway {
 background-color: var(--brand);
 background: linear-gradient(180deg, rgba(8,31,45,1) 0%, var(--brand) 100%);
 padding: 6rem 0;
}


#betterway-intro .section-hed {
  font-weight: 700;
  font-size: 3.5rem;
  line-height: .85;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--brand2);
}
#betterway-intro p {
  font-family: freight-display-pro, serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.1;
  color: var(--grey20);
  text-align: center;
}
#betterway-intro p:first-of-type {
  color: var(--brand2);
  margin-bottom: 2rem;
}


#betterway-sections {
  padding-right: var(--min_padding);
  padding-left: var(--min_padding);
}


.betterway-section {
  border-bottom: 1px solid var(--accent2);
  padding: 4rem 0;
}
.betterway-section:first-of-type {
  margin-top: 4rem;
  border-top: 1px solid var(--accent2);
  padding-top: 4rem;
}
.betterway-section:last-of-type {
  margin-bottom: 4rem;
  }


.betterway-img {
  margin-bottom: 2rem;
  max-width: 100%;
}

.betterway-hed {
  font-family: freight-display-pro, serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: var(--brand2);
}
#betterway-summary .betterway-hed {
  color: white;
}

.betterway-dek {
  font-family: freight-text-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--grey20);
  padding-bottom: 2rem;
  margin: 0;
}




.betterway-button {
  font-family: freight-sans-pro, serif;
  font-weight: 600;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 0;
  padding: 1rem 2rem;
  background-color: var(--brand);
  border: 1px solid var(--accent);
  display: inline-block;
}
.betterway-button:hover {
  background-color: var(--accent);
  color: var(--grey5);
}


#betterway-summary {
  padding: 0 3rem;
}
#betterway-summary h2 {
  text-align: center;
  width: 100%;
}
#betterway-summary p {
  font-family: freight-text-pro, serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.1;
  text-align: center;
  color: var(--grey20);
  padding-bottom: 2rem;
  margin: 0;
}


#betterway-summary ul {
}
#betterway-summary li {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--brand2);
  border-top: 1px solid var(--grey70);
  padding: 2rem 0;
}
#betterway-summary li:last-of-type {
  border-bottom: 1px solid var(--grey70);

}





@media (min-width: 700px) {


  #home-betterway {
    padding-top: 8rem;
  }

  #betterway-intro {
    padding: 2rem 8rem 8rem;
  }

  #betterway-intro .section-hed {
    font-size: 5rem;
    line-height: .85;
    margin-bottom: 3rem;
    text-align: center;
  }
  #betterway-intro p {

    font-size: 2.5rem;
    line-height: 1.2;
    text-align: center;
  }
  #betterway-intro p:first-of-type {
    margin-bottom: 3rem;
  }




  #betterway-sections {
    display: grid;
    max-width: var(--trim);
    margin-right: auto;
    margin-left: auto;
  }

  .betterway-section {
    display: flex;
    align-items: center;
    gap: 4rem;
    padding: 8rem 0;
  }

  .betterway-section:first-of-type {
    margin-top: 0;
    border-top: 1px solid var(--accent2);
    padding-top: 8rem;
  }

.betterway-img {
  margin-bottom: 0;
}

.betterway-hed {
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 3rem;
  }
  .betterway-dek {
    font-size: 1.75rem;
    line-height: 1.2;
    padding-bottom: 2rem;
    margin: 0;
    max-width: 35rem;
  }

  .betterway-button {
    font-family: freight-sans-pro, serif;
    font-weight: 600;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 1.25rem 3rem;
    display: inline-block;
  }

  #betterway-1 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-start: 1;
  }
  #betterway-2 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-start: 2;
  }
  #betterway-3 {
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-start: 3;
  }

#betterway-2 .betterway-img {
  order: 2;
}


  #betterway-summary {
    padding: 6rem 15%;
  }
  #betterway-summary h2 {
    text-align: center;
    width: 100%;
  }
  #betterway-summary p {
    font-family: freight-text-pro, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.75rem;
    line-height: 1.2;
    text-align: center;
    color: var(--grey20);
    padding-bottom: 2rem;
    margin: 0;
  }



  #betterway-summary ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;

    align-content: center;

    gap: 3.5rem;
    max-width: 90%;

    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
  }



  #betterway-summary li {
    font-family: freight-sans-pro, sans-serif;
    font-weight: 600;
    font-size: 1.3125rem;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--brand2);

    padding: 2rem 1rem;
    border-top: 1px solid var(--grey70);
    border-bottom: 1px solid var(--grey70);

    align-content: space-around;


  }


}















/* TRUTH */

.section-home-truth {
  background-color: var(--accent);
}
.home-truth-message {
  background-color: var(--grey5);
  text-align: center;
  padding: 8rem;

}
.home-quote {
  background: var(--accent);
  padding: 8rem 0 8rem;
}
.home-quote img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}





















/* -- PAGE -- */


.page-header {
  padding: .5rem var(--min_padding) 1rem;
  margin-bottom: 2rem;
}

.page-intro header {
  margin-bottom: 5rem;
}

@media (min-width: 700px) {
  .page-header {
    padding: 1rem var(--min_padding) 0;
    margin-bottom: 4rem;
  }
  .page-intro header  {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-right: 0;
  }
  .page-intro header p {
    grid-column-start: 1;
    grid-column-end: 4;
  }

  .page-intro header {
    margin-bottom: 8rem;
  }


}


main {
  margin-bottom: 6rem;
}
@media (min-width: 700px) {
  main {
    margin-bottom: 10rem;
  }
}





/* FOOTER */


footer {
  padding: 4rem var(--min_padding);
  background-color: var(--brand);
  color: var(--grey10);
  background: linear-gradient(180deg, rgba(8,31,45,1) 10%, var(--brand) 100%);
  }
  @media (min-width: 700px) {
    footer {
      padding: 6rem 4rem;
      }
  }

.footer-grid {
  margin-bottom: 4rem;
}

.footer-grid div {
  width: 400px;
}

ul.nav-footer {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fineprint {
  font-family: freight-sans-pro, serif;
  font-weight: 400;
  font-size: 1.1rem;
}





footer .logo {
  font-family: freight-display-pro, serif;
  font-weight: 300;
  font-size: 3rem;
  line-height: .9;
  color: var(--grey10);
  margin-bottom: 0;
}

.nav-footer li {
  font-family: freight-display-pro, serif;
  font-weight: 300;
  font-size: 3rem;
  line-height: .9;
  color: var(--grey80);
}

.nav-footer li a:hover {
  color: var(--brand2);
}

@media (min-width: 700px) {

  footer .logo {
  font-size: 3.5rem;
  }
  .nav-footer li {
    font-size: 3.5rem;
  }

}





#our-clients header {

}
/* #our-clients header p {
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 1.1923076923;
  color: var(--brand);
}
#our-clients header ul {
  display: flex;
  gap: 1rem;
  margin-bottom: 4rem;
  flex-wrap: wrap;
}

#our-clients header li {
  display: flex;
  gap: 1rem;
  font-family: freight-sans-pro;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--accent);
  padding: .5rem .75rem;
  border: 1px solid var(--accent);

} */



/* PEOPLE */


#meet-the-team header {

}
#meet-the-team header p {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.2083333333;
  color: var(--brand);
}


.people-directory {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1rem;
  row-gap: 1rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.people-directory:last-of-type {
  /* margin-bottom: 16rem; */
}

.team-callouts {
  display: flex;
  align-self: stretch;
  align-items: center;
  background: var(--grey5);
  border-top: 1px solid var(--accent);
  border-bottom: 1px solid var(--accent);
  padding: 0;
}

.team-callouts p {
  padding: 4rem var(--min_padding);
  font-family: freight-sans-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3125rem;
  line-height: 1.2857142857;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align: center;
  color: var(--brand);
  margin-bottom: 0;
}
.team-callout1 {
  grid-row-start: 3;
  grid-row-end: 4;
}
.team-callout2 {
  grid-row-start: 7;
  grid-row-end: 8;
}
.team-callout3 {
  grid-row-start: 11;
  grid-row-end: 12;

}
.team-callout4 {
  grid-row-start: 15;
  grid-row-end: 16;
}
.team-callout5 {
  grid-row-start: 19;
  grid-row-end: 20;
}






@media (min-width: 700px) {

  #meet-the-team header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #meet-the-team header h3 {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  #meet-the-team header p {
    grid-column-start: 1;
    grid-column-end: 4;

    font-weight: 500;
    font-size: 1.625rem;
    line-height: 1.1923076923;
    color: var(--brand);
  }

  .people-directory {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2rem;
    row-gap: 2rem;
    margin-top: 3rem;
    margin-bottom: 8rem;
  }
  .people-directory:last-of-type {
    margin-bottom: 16rem;
  }

  .team-callout1 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .team-callout2 {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .team-callout3 {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;

  }
  .team-callout4 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
  }

  .team-callout5 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
  }



}


.directory-person  {
  background: var(--brand);
  background: rgb(15,55,80);
  background: linear-gradient(90deg, rgba(15,55,80,1) 30%, rgba(8,31,45,1) 100%);
  padding-bottom: 2rem;
}

.directory-img {
  width: 100%;
  height: auto;
}






.bio-meta {
  margin-bottom: 2rem;
  }


@media (min-width: 700px) {

  #bio {
    display: grid;
    grid-template-columns: 38% 1fr;
    column-gap: 4.5rem;
    margin-top: 8rem;
    margin-bottom: 12rem;
    }

  .bio-person {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
    }


  .bio-meta {
    margin-bottom: 4rem;
    }

  .bio-header {
    grid-column-start: 2;
    grid-row-start: 1;
    margin-bottom: 0;
    }

  .bio-text {
    margin-top: 4rem;
  }

  .bio-pullquote {
    grid-column-start: 2;
    }

  .bio-text {
    grid-column-start: 2;

    }

  .bio-img {
    width: 100%;
    height: auto;
    }
}


.remixicon {
  max-height: 1.1rem;
  max-width: 1.1rem;
  display: inline;
  margin-right: .75rem;
}





/* NEWS */

.page-banner-news {
  background-color: var(--brand);
  background: linear-gradient(180deg, var(--brand) 50%, rgba(8,31,45,1) 100%);
}

.page-intro-news {
  padding-bottom: 3rem;
  }
@media (min-width: 700px) {
  .page-intro-news {
    padding-bottom: 6rem;
  }
}

.page-intro-news header {
  margin-bottom: 0;
}
.page-intro-news .hed {
  color: var(--grey5);
}


.news-feed {
  margin: 0 auto 8rem;
}

.feed-post {
  padding: 0;
  margin: 1rem auto;
  padding: 3rem var(--min_padding);
  }

.feed-post-info {
  margin-bottom: 1rem;
}

.feed-post:nth-child(odd) {
   background-color: var(--grey5);
  }
.feed-post:nth-child(even) {
  background-color: white;
  border-top: 1px solid var(--grey20);
  border-bottom: 1px solid var(--grey20);
  }


#post-pagination {
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 4rem;
  font-family: freight-sans-pro, sans-serif;
  font-weight: 400;
  font-size: 1.1rem;

  text-transform: uppercase;
  letter-spacing: 1px;

}
.pagination a {
  padding: 1.5rem 2rem;
  border: 1px solid var(--accent);
}
.pagination a:hover {
  border: 1px solid var(--brand);
  color: var(--brand);
}


@media (min-width: 700px) {

  .feed-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.5rem 3rem 3rem 3rem;
  }
  .feed-post:first-of-type {
    padding-top: 3.5rem;
  }
  .feed-post-info {
    margin-right: 2rem;
    flex-grow: 2;
  }
  .feed-post-hed {
    width: 70%;
  }

}


.news-post-contact h2 {
font-family: freight-display-pro, serif;
font-size: 1.75rem;
letter-spacing: 2px;
margin-top: 0;
margin-bottom: 2rem;
color: var(--brand2);
}





.news-post header {
  margin-bottom: 4rem;
}
.news-post-meta {
  margin-bottom: 1rem;
}

.news-post-body {
  margin-bottom: 4rem;
}

iframe {
  margin: 3rem 0;
}

.news-post-team {
  background: white;
  padding: var(--min_padding);
  }

.post-teammember {
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--grey20);
  margin-bottom: 2rem;
}

.post-teammember:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 1rem;
}

.post-teammember img {
  width: 100%;
  margin-bottom: 1rem;
}


@media (min-width: 700px) {

  .news-post {
    margin-top: 6rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 3rem;
    }

  .news-post header {
    padding-bottom: 4rem;
    grid-column-start: 1;
    grid-column-end: 3;
    }

  .news-post-body {
    border-top: 1px solid var(--grey30);
    padding-top: 2rem;
    grid-column-start: 1;
    grid-column-end: 3;
    }

  aside {
    grid-column-start: 3;
    grid-column-end: 4;
    margin-left: 3rem;
  }


  .news-post-meta {
    display: flex;
    align-items: baseline;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    }

  .news-post-contact h2 {
    font-family: freight-display-pro, serif;
    font-size: 1.75rem;
    letter-spacing: 2px;
    margin-bottom: 2rem;
    }

}




.news-post-contact {
  margin-top: 2rem;
  border-top: 1px solid var(--grey30);
  background: white;
  padding: 2rem;
}
.post-contact-person ul {
  margin-top: 1.5rem;
}

@media (min-width: 700px) {

.news-post-contact {
  margin-top: 4rem;
  }
.post-contact-person {
  display: flex;
  gap: 2rem;
  }
.post-contact-person div {
  max-width: 25%;
  }
  .news-post-aside {
    margin-top: 0;
  }

.post-contact-person ul {
    margin-top: 0;
  }

}



.cta-banner {
  background-color: var(--brand2);
  padding: 3rem var(--min_padding) 3rem;
  color: white;

  background: rgb(238,182,22);
  background: linear-gradient(90deg, rgba(238,182,22,1) 15%, rgba(190,140,35,1)  100%);
  /* background: linear-gradient(90deg, var(--grey50) 15%, var(--grey20) 100%); */
}

@media (min-width: 700px) {

  .cta-banner {
    background-color: var(--brand2);
    padding: 4rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }

  .cta-banner div {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: baseline;
  }

}





/*------------------------------------------------------------- SECTORS */

.sector-overview {
  margin-bottom: 4rem;
}
.sector-overview:first-of-type {
  margin-top: 4rem;
}
.sector-overview header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 2rem 1.5rem;
  background-color: var(--brand2);
  background: linear-gradient(90deg, var(--accent) 20%, var(--brand) 85%);
}
.sector-featured {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  gap: 2.5rem;
  border-bottom: 1px solid var(--brand);
}
.featured-client-logo {
  max-width: 100%;
}

.sector-name {
  font-family: freight-sans-pro, serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
}
.sector-name a {
  color: white;
}

.sector-page {
  padding-bottom: 12rem;
  border-bottom: 1px solid var(--brand);
  margin-bottom: 3rem;
}

.sector-page header {
  margin-bottom: 4rem;
  text-align: center;
}

.sector-page h2 {
  font-family: freight-display-pro, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: var(--brand);
}

.sector-page h3 {
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--accent);
  margin-bottom: 2rem;
  color: var(--brand);
}

.sector-summary {
  font-family: freight-display-pro, serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 1.1;
  color: var(--grey70);
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}



#sector_team {
  margin: 8rem 0;
}
#sector_tombstones {
  margin: 0;
}

#sector_partners {

}
#sector_partners div {
  flex-basis: 20%;
  padding: 2rem;
  background: white;
}


#sector_partners div img {
  max-width: 100%;
  margin-bottom: 1.5rem;
}

.sector-partner-name, .sector-partner-title {
  font-weight: 500;
  font-size: 1.5rem;
  font-style: normal;
  margin-bottom: 0;
}

.sector-partner-title {
  font-style: italic;
  color: var(--grey60);
}


@media (min-width: 700px) {
  .sector-page h2 {
    font-size: 4.5rem;
    line-height: 1;
  }

  .sector-summary {
    font-size: 2.5rem;
    line-height: 1.2;
    max-width: 85%;
  }
  .sector-page h3 {
  }

  #sector_partners {
      display: flex;
      gap: 3rem;
      justify-content: center;
      text-align: center;
    }

}





/*-------------------------------------------------- INSIGHTS */

#research_reports {
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--grey50);
  /* margin-bottom: 4rem; */
  }
#research_reports header {
  margin-bottom: 4rem;
  }
#research_reports header p {
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.2083333333;
  color: var(--brand);
  }

#insights_featured {
  /* padding-bottom: 4rem; */
  /* border-bottom: 1px solid var(--grey30); */
  margin-bottom: 6rem;
  }

#insights_archive {
  }

.insights_featured-report,
.insights_archive-report {
  margin-bottom: 2rem;
  }



.insights_featured-report {
  /* height: 400px; */
  padding: 1rem;
  background-color: white;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 300px 1fr;
  margin-bottom: 2rem;
  box-shadow: 0 0px 15px rgb(0 0 0 / 0.1);

  }


.featured-report-photo {
  background-color: #83c3e7;
  }
.featured-report-photo img {
  height: 400px;
  object-fit: cover;
  /* mix-blend-mode: multiply; */
  /* object-position: 80%; */
  }




.featured-report-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--brand);
  padding: 1.5rem;

}



.featured-report-title {
  font-family: freight-display-pro, serif;
  font-size: 2.5rem;
  line-height: .9;
  font-weight: 500;
  color: white;
  margin-bottom: 0;
  }


.featured-report-text a { color: var(--accent); }
.featured-report-text a:hover { color: var(--grey5); }

.featured-report-text>div {
  padding-top: 1rem;
  border-top: 2px solid var(--accent);

  display: flex;
  justify-content: space-between;
}

.featured-report-slug-sector {
   font-family: freight-sans-pro, sans-serif;
   font-weight: 600;
   font-size: 1rem;
   line-height: 1.2;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: var(--brand2);
   margin-bottom: 0;
   font-variant-numeric: lining-nums;
   }

.featured-report-slug-date {
  font-family: freight-sans-pro, sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.2;
   text-transform: uppercase;
   letter-spacing: 1px;
   color: var(--grey50);
   font-variant-numeric: lining-nums;
}





.insights_archive-report {
  background: white;
  background-color: white;

  box-shadow: 0 0px 15px rgb(0 0 0 / 0.1);
  padding: 1rem;
}

.archive-report-title {
  font-family: freight-display-pro, serif;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1;
  color: var(--brand);
}
.archive-report-title a {
  color: var(--brand);
}
.archive-report-title a:hover {
  color: var(--accent);
}

.insights_archive-title a { color: var(--brand); }
.insights_archive-title a:hover { color: var(--accent);}



.archive-report-slugs {
  display: flex;
  justify-content: space-between;
  min-height: 2.5rem;
  border-top: 2px solid var(--brand);
  margin-bottom: 0;
  background-color: var(--grey5);
  background-color: white;
  padding: 1rem;
  padding-bottom: .5rem;
  border-right: 1px solid var(--grey10);
  border-left: 1px solid var(--grey10);

}


.archive-report-slug {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--grey50);


  margin-bottom: 0;
  font-variant-numeric: lining-nums;
  }
.archive-report-sector {
  color: var(--accent2);
  font-weight: 600;
}



.archive-report-text {
  background-color: var(--grey5);
  background-color: white;
  padding: 0 1rem 1rem;
  /* border: 1px solid var(--brand); */
  border-bottom: 0;
  border-top: 0;

  border-right: 1px solid var(--grey10);
  border-left: 1px solid var(--grey10);

}

.archive-report-photo {
  border-right: 1px solid var(--grey10);
  border-left: 1px solid var(--grey10);
  border-bottom: 1px solid var(--grey10);

  background-color: var(--grey5);
}

.archive-report-photo img {
  max-height: 225px;
  width: 100%;
  object-fit: cover;
  /* mix-blend-mode: overlay; */
}



@media (min-width: 700px) {
  #insights_featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }


  #insights_archive {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem;
  }



  #research_reports header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  #research_reports header p {
    grid-column-start: 1;
    grid-column-end: 4;
  }


.insights_featured-report {
  height: 400px;
  padding: 1rem;
  background-color: white;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  margin-bottom: 2rem;
  box-shadow: 0 0px 15px rgb(0 0 0 / 0.1);

  }


  .insights_featured-report,
  .insights_archive-report {
    margin-bottom: 0;
  }

  .insights_archive-report {
    display: grid;
    grid-template-rows: auto 175px minmax(225px, 1fr);
  }

  .featured-report-title {
    font-size: 3rem;
    }
}






/*-------------------------------- REPORT */

#research_report {
  }

#report_header {
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--brand2);
  margin-bottom: 1rem;
  }


@media (min-width: 700px) {
  #report_header {
    display: flex;
    justify-content: space-between;
    align-content: baseline;
  }
}


#report_header P {
  margin-bottom: 0;

}
  .report-slugs {
    display: flex;
    gap: 1rem;
  }

.report-rubric {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--brand2);
  }
  .report-sector {
  }
  .report-date {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--grey40);
  font-variant-numeric: lining-nums;
  }

.report_body header {
  margin-bottom: 5rem;
}

#report_bylines {
  display: flex;
  align-items: center;
  gap: .875rem;
  padding-top: .5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--accent);
  /* margin-bottom: 2rem; */
}



#report_bylines .remixicon {
  margin-right: 0;
}


#report_bylines li {
  font-family: freight-text-pro, serif;
  font-size: 1.375rem;
  line-height: .9;
  font-weight: 400;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  color: var(--grey70);
  font-variant-caps: all-small-caps;
}
/* #report_bylines li::after {
  content: ",";
} */
#report_bylines li a:hover {
  color: var(--brand);
}



.report_request {
  background-color: white;
  padding: 2rem;
  margin: 0;
  border: 1px solid var(--grey10);
  border-bottom: 2px solid var(--brand);
  }


.request-content p {
  margin-bottom: 2rem;
}

.report-cover {
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  margin-bottom: 3rem;
  }


@media (min-width: 700px) {
  .request-content {
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 3rem;
    }

  .report-request {padding: 3rem;}
  .report-cover { margin-bottom: 0; }


  }



.report-form-hed {
  font-family: freight-sans-pro, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--brand);
  margin-bottom: 1rem;
}


.report-button {

  font-family: freight-sans-pro, serif;
  font-weight: 600;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;

  display: flex;
  align-items: center

}
.report-button:hover {
  color: var(--brand);
}

input,
textarea,
select,
button {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.form-fields {
  font-family: freight-sans-pro, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--grey80);
  text-transform: uppercase;
  letter-spacing: .5px;

}

#report-request-form>div {
  margin-top: 1.25rem;
}


.form-fields input {
  border: 1px solid var(--grey20);
  width: 100%;
  height: 2rem;
  padding: 1.25rem .5rem;
  margin-top: .5rem;

  font-size: 1.25rem;
  line-height: 1;
  font-weight: 400;
  color: var(--brand);
}

.form-fields input: invalid {
  border: 1px solid red;
}

#report-request-form input:focus {
  border-color: var(--accent);
  border: 1px solid var(--accent);
  outline: none;
  outline-offset: 0;
}


#agree-submit {
  display: flex;
  align-items: center;
  gap: 1rem;
}

#report-agreement {
  display: flex;
  align-items: center;
  font-family: freight-sans-pro, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2;
}
#report-agreement input {
}

#agree-submit input {
  text-transform: capitalize;
  display: flex;
  width: 2rem;
  height: 2rem;
}


#report-submit button {
  padding: 1rem 1.25rem;
  background: var(--accent);
  border: 1px solid var(--accent);

  font-family: freight-sans-pro, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#report-submit button:hover {
  background-color: var(--brand);
  border: 1px solid var(--accent);
  cursor: pointer;
}


#submit_message {
  margin-top: 1rem;
  font-family: freight-sans-pro, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1;
}






/*--------------------------------  */








/* -- HOME: TESTIMONIALS -- */
/* CAROUSEL */


#testimonials {
  margin: 5rem auto 7rem;

  padding-right: var(--min_padding);
  padding-left: var(--min_padding);
}

#testimonials-carousel {
  margin: 3rem 0;
}

.testimonial {
  /* height: 30rem; */
  margin: 0 1rem;
  padding: 1.75rem;
  text-align: center;
  background-color: white;
  opacity: .3;
}
.testimonial.is-selected {
  background-color: white;
  opacity: 1;
}

.testimonial-logo {
  display: flex;
  justify-content: center;
  background-color: var(--grey5);
  background-color: white;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--brand2);
}
.testimonial-logo img {
  max-height: 100px;
  mix-blend-mode: multiply;
}

#testimonials-disclaimer {
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 0;
  color: var(--grey50);
}


.carousel-cell {
  max-height: 600px;
}


@media (min-width: 700px) {

#testimonials {
  margin: 8rem auto;

}

#testimonials-carousel {
  margin: 5rem 0;
}

.testimonial {
  width: 50%;
  height: 27rem;
  margin: 0 1rem;
  padding: 2rem 4rem 4rem;
  text-align: center;
  background-color: white;
  opacity: .3;
}
.testimonial.is-selected {
}


}




/* CLIENTS > SECTOR */

#focus_areas {
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3rem; */
  margin-bottom: 3rem;
}
#focus_areas p {
  grid-column-start: 1;
  grid-column-end: 2;
}



#sectors {
}





.clients_sector {
  padding: 2.125rem 2.5rem 2.5rem;
  background: white;
  border: solid 1px var(--grey20);
  border-top: solid 6px var(--brand);
  margin-bottom: 3rem;
}


@media (min-width: 700px) {

  #sectors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }

  .clients_sector {
    margin-bottom: 0;
  }

}



.clients_sector header {
  margin-bottom: 4rem;
}

.clients_sector h2 {
  text-align: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--brand);
  margin-bottom: 1rem;
  font-size: 3rem;
  font-weight: 700;
}

.sector-description {
  font-family: freight-text-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.375rem;
  line-height: 1.3;
  color: var(--grey70);
text-align: center;
font-style: italic;
}

#client_list {
  margin-top: 6rem;
}
#client_list ul {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
#client_list ul li {
  font-family: freight-sans-pro;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 1.25rem;
  line-spacing: 1;
}




.clients_sector h4 {

  font-size: 1.125rem;
  font-weight: 400;
  color: var(--grey60);
  text-align: center;
  /* text-transform: capitalize; */
  letter-spacing: 2px;
  /* padding-bottom: 1rem;
  border-bottom: 1px solid var(--grey20); */
  margin-bottom: 2rem;


}


@media (min-width: 700px) {
  .sector_featured-tombstones {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
}



.sector_featured-tombstones .tombstone {

}


.sector_prompt {

margin-top: 3rem;
  padding: 1rem;
  border: 1px solid var(--accent);

  font-family: freight-sans-pro, sans-serif;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;

  background: var(--accent);
  color: white;
}
.sector_prompt:hover {
  background: var(--brand);
  color: var(--accent);
}



/* TOMBSTONE */

.tombstone {
  background-color: white;
  border: 1px solid var(--grey20);
  border-top: 3px solid var(--brand2);
  display: grid;
  grid-template-rows: minmax(161px, 1fr) 64px minmax(161px, 1fr) auto;
  margin-bottom: 2rem;
}
@media (min-width: 700px) {
  .tombstone {
    margin-bottom: 0;
  }
}


.tombstone_logo {
  align-self: center;
  display: flex;
  justify-content: center;
  padding: 18px 24px;
}

.tombstone_logo img {
  display: inline-block;
  max-height: 125px;
}

.tombstone_action {
  padding-bottom: 3px;
  margin: 0 1rem;

  border-top: 1px solid var(--accent);
  border-bottom: 1px solid var(--accent);

  display: flex;
  justify-content: center;
  align-items: center;
}

.tombstone_action p {
  font-family: freight-text-pro;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: .75;
  margin: 0;
  text-align: center;
  color: var(--accent2);
  font-variant-caps: all-small-caps;
  letter-spacing: .5px;
/* font-style: italic; */

}

.tombstone_clientname, .tombstone_countername {
  /* padding: 24px 18px 30px; */
  padding-left: 18px;
  padding-right: 18px;

  margin: 0;
  color: var(--brand);

  font-family: freight-display-pro, serif;
  font-weight: 300;
  font-size: 1.875rem;
  line-height: 1.1;
  /* font-variant-caps: all-small-caps;
  letter-spacing: .5px; */
  text-align: center;
  align-self: center;

}

.tombstone_countername {
  font-style: italic;
}


.tombstone_role-bar {
  text-align: center;
  background-color: var(--brand);
  display: flex;
  flex-direction: column;
}

.hco-dot {
  display: block;
  align-self: center;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  background: var(--brand2);
  border-radius: 50%;
}
.tombstone_hco-role {
  padding: 1rem;
  padding-top: .375rem;
  margin: 0;
  color: white;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1;
  font-variant-caps: all-small-caps;
  letter-spacing: 1px;
}




.sector_featured-tombstones .tombstone {
  display: grid;
  grid-template-rows: 125px 64px 125px auto;
}


.sector_featured-tombstones .hco-dot {
  width: 14px;
  height: 14px;

}
.sector_featured-tombstones .tombstone_logo img {
  display: inline-block;
  max-height: 90px;
}
.sector_featured-tombstones .tombstone_clientname,
.sector_featured-tombstones .tombstone_countername {
  font-size: 1.375rem;
  font-style: normal;
  color: var(--grey80);
}
.sector_featured-tombstones .tombstone_hco-role {
  font-family: freight-micro-pro;
  font-family: freight-text-pro;
  line-height: .8;
  font-size: .9rem;
  letter-spacing: .5px;
  padding-bottom: .875rem;
}
.sector_featured-tombstones .tombstone_action p {
font-family: freight-text-pro;
font-weight: 600;
font-size: 1.125rem;
line-height: .9;
letter-spacing: .5px;
}


@media (min-width: 700px) {

  .sector-clients {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 2rem;
  }

  .sector-client-tile {
    background-color: white;
    border-bottom: 1px solid var(--brand);
    padding: 1rem;

  }

  .sector-client-logo {
    /* min-height: 10rem; */
    display: flex;
    align-items: center;
  }

  .sector-client-tile img {
    width: 100%;
  }

}