#design-section1 {
  background: #e6ac96;
  color: #151c15;
  min-height: 100vh;
  border-radius: 12px 12px 0 0;
}
#section6-design {
  border-radius: 0 0 12px 12px;
}
@media (max-width: 960px) {
	#design-section1,
    #section6-design {
		border-radius: 0 0 0 0;
	}
}
#design-section2 {
  background-color: #151c15;
}
#design-section3 {
  background-color: #151c15;
}
#design-section4 {
  background-color: #cee0d2;
}
#section6-design {
  background-color: #cee0d2;
}
.headline-portfolio h1 {
  color: #151c15;
}
.headline-design2 h1 {
  color: #a9786a;
  font-size: clamp(1.8rem, calc(2.0vw + 0.18rem), 2.0rem);
  text-transform: uppercase;
  font-family: 'owners-xxwide', arial, tahoma, sans-serif;
}
.headline-design2 h1 span {
  color: #151c15;
  font-family: 'owners-xxwide', arial, tahoma, sans-serif;
  font-weight: 700;
}

.headline-design3 h1 {
  color: #e4e8d9;
  font-size: clamp(8.5rem, calc(5.0vw + 0.18rem), 5.0rem);
  text-transform: uppercase;
  font-family: 'owners-xxnarrow', arial, tahoma, sans-serif;
  line-height: .9em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.headline-design3 h1 span {
  color: #e6ac96;
  font-family: 'owners-xxnarrow', arial, tahoma, sans-serif;
  font-weight: 800;
}
.headline-design4 h1 {
    font-size: clamp(4rem, calc(6.0vw + 0.18rem), 6.52rem);
    margin: 0;
    line-height: 1;
    font-family: 'owners-xxnarrow', arial, tahoma, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    color: #cee0d2;
    margin: 4rem auto;
}
@media (max-width: 840px) {
  .headline-design3 h1 {
    font-size: clamp(5.0rem, calc(5.0vw + 0.18rem), 5.0rem);
  }
  .headline-design4 h1 {
    
  }
}

.company-list.design-list {
    justify-self: left;
}
.company-list.design-list li:first-child {
    color: #151c15;
    font-weight: 400;
}
.company-list.design-list li {
    color: #151c15;
}
.company-list.design-list li:after {
    background-color: rgba(255, 255, 255, .98);
}


.service-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.service-tag {
  background-color: rgba(228, 232, 217, 0.1);
  color: #e4e8d9;
  border-radius: 4px;
  border: none;
  padding: 0.4rem 1rem;
}

.brand-text {
  color: #e4e8d9;
}
 @media (max-width: 600px) {
   .headline {
     font-size: calc(1.5rem + 2vw);
   }

   .service-tags {
     margin-bottom: 2rem;
   }
}

.specialty-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: 'Instrument Sans', arial, tahoma, sans-serif;
}
.specialty-list li {
  margin: 0 0 20px 0;
  font-size: 1.0em;
	color: #151b17;
}
.specialty-list li:first-child {
  font-family: 'lft-etica-mono', monospace;
  font-weight: 200;
  color: #f6e3da;
  text-transform: uppercase;
}

h3.overview {
	color: #fefefc;
  text-transform: uppercase;
  font-size: 1.75em;
  font-family: 'owners-xnarrow', arial, tahoma, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}
p.overview {
  font-family: 'lft-etica-mono', monospace;
  font-weight: 200;
  text-transform: uppercase;
  color: #f9eae5;
}
.overview ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}
.overview ul li,
.overview p {
  color: #141b14;
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.0em;
}
.overview ul li:first-child {
  font-family: "lft-etica-mono", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
.overview p.overview_title {
  font-family: "lft-etica-mono", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}


#mid .video-swiper-container {
  margin: 0px auto;
}
.design-gallery {
	position: relative;
}
.campaign-title {
	color: #151c15;
}
#design-section3 .campaign-title {
  color: #d9e2d1;
}
#mid .client-name {
  color: #fffeff;
}
#mid .client-name span {
  color: #79888d;
}

/********** parallax column logos ***********/
.logo-grid-container {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100vh;
}
.logo-grid-container:before,
.logo-grid-container:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  content: '';
  background: rgb(21,28,21);
  width: 100%;
  height: 200px;
  z-index: 2;
}
.logo-grid-container:before {
  top: 0;
  background: linear-gradient(180deg, rgba(21,28,21,1) 0%, rgba(21,28,21,1) 49%, rgba(21,28,21,0) 100%);
}
.logo-grid-container:after {
  bottom: 0;
  background: linear-gradient(0deg, rgba(21,28,21,1) 0%, rgba(21,28,21,0.50) 49%, rgba(21,28,21,0) 100%);
}

.logo-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  border-right: 1px solid rgba(255, 255, 255, .25);
  will-change: transform;
  border-top: 1px solid #151c15;
    border-bottom: 1px solid #151c15;
}

.logo-column:last-child {
  border-right: none;
}

.logo-item {
  width: 100%;
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-image {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  transition: all 0.5s ease;
  filter: grayscale(100%) brightness(1.2);
  opacity: 0.7;
}

.logo-item:hover .logo-image {
  filter: grayscale(0%);
  opacity: 1;
}
  
@media (max-width: 960px) {
    .logo-grid-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        max-width: 100%;
        margin: 0 auto;
    }
    .logo-grid-container:before, .logo-grid-container:after {
        height: 50px;
    }

    .logo-column {
        width: 100%;
        margin-bottom: 50px;
        border-right: none;
    }
    
    .logo-track {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
    
    .logo-item {
        width: calc(33.333% - 5px);
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    .logo-image {
        max-width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        filter: unset;
        opacity: 1;
    }
}



#section2 a {
  position: relative;
  display: block;
  height: 100%;
}
.vlightbox:before {
  display: none;
}
.mobile-only {
  display: none;
}
@media (max-width: 840px) {
  .mobile-only {
    display: inline-flex;
  }
}
.client-name {
  font-family: 'Instrument Sans', arial, helvetica, tahoma, sans-serif;
  font-weight: 400;
  font-size: .6rem;
}
.client-name span {
  font-family: 'lft-etica-mono', arial, helvetica, tahoma, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
#design-section3 .client-name {
  color: #fffeff;
}
#design-section3 .client-name span {
  color: #79888d;
}
#design-section4 .client-name {
  color: #86ab8c;
}
#design-section4 .client-name span {
  color: #3b7342;
}

#pine {
    position: absolute;
    left: 70%;
    top: -20%;
    width: 170px;
}

#section6-design .footer-p,
#section6-design .footer-ul li,
#section6-design .footer-p a,
#section6-design .footer-ul a {
    color: #6a8b70;
}
#section6-design .footer-p.copyright {
  color:#90ab95;
}
#section6-design .footer-p.policy,
#section6-design .footer-p.policy a {
  color:#90ab95;
}