#cs-section1 {
	min-height: 100vh;
  border-radius: 12px 12px 0 0;
}
#section6-cs-crossvalley,
#section6-cs-earthmover,
#section6-cs-cozycritters,
#section6-cs-kush {
  border-radius: 0 0 12px 12px;
}
@media (max-width: 960px) {
	#cs-section1,
  #cs-section1.crossvalley,
  #cs-section1.earthmover,
  #cs-section1.cozycritters,
  #cs-section1.kushn
  #section6-cs-crossvalley,
  #section6-cs-earthmover,
  #section6-cs-cozycritters,
  #section6-cs-kush {
		border-radius: 0 0 0 0;
	}
}
/************** SECTION BACKGROUND COLORS ************/

/****** CROSS VALLEY **********/
#cs-section1.crossvalley {
	background: #dbe7c3;
  color: #272318;
}
#cs-section2.crossvalley {
  background: #DBE7C3;
  background: linear-gradient(180deg, rgba(219, 231, 195, 1) 0%, rgba(219, 231, 195, 1) 50%, rgba(53, 45, 34, 1) 50%, rgba(53, 45, 34, 1) 100%);
}
#cs-section3.crossvalley {
	background-color: #352d22;
}
#cs-section4.crossvalley {
	background-color: #2d3e0a;
	color: #dbe7c3;
}

.crossvalley .headline-portfolio h1 {
  font-size: clamp(6.5rem, calc(5.0cqi + 0.18rem), 5.0rem);
  color: #352d22;
}
@media (max-width: 960px) {
  .crossvalley .headline-portfolio h1 {
    font-size: clamp(4.5rem, calc(5.0cqi + 0.18rem), 5.0rem);
  }
}

.crossvalley .testimonial_mark {
	color: #c5cfad;
}
.crossvalley .testimonial_quote {
	color: #372d23;
}
.crossvalley .testimonial_name {
	color: #372d23;
}
.crossvalley .testimonial_position {
	color: #372d23;
}

#cs-section2.crossvalley .cs-subheadline h2 {
  color: #352d22;
}

#cs-section4.crossvalley .cs-subheadline h2 {
  color: #ffffff;
}

.videobox {
  position: relative;
}
.videobox video {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100% !important;
  height: 100% !important;
}
.videoheadline {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 0px 0px 3px #000000;
}

/****** EARTHMOVER **********/
#cs-section1.earthmover {
	background: #70f3d4;
    color: #1e3350;
    border-radius: 12px 12px 12px 12px;
}
#cs-section2.earthmover {
  background-color: radial-gradient(circle at 7.29% 10.66%, #fcfcfc, transparent 82%),radial-gradient(circle at 91.98% 8.28%, #e6eadb, transparent 84%),radial-gradient(circle at 5.55% 86.28%, #fafbf6, transparent 96%),radial-gradient(circle at 90.54% 87.3%, #e8ecde, transparent 100%),radial-gradient(circle at 50% 50%, #a5954b, #a5954b 100%);
	color: #2a3f5e;
}
#cs-section3.earthmover {
  background-color: #25364a;
	color: #feffff;
}
#cs-section4.earthmover {
  background-color: #25364a;
}
#cs-section5.earthmover {
  background-color: #70f3d4;
	color: #1e334e; 
}

.earthmover .headline-portfolio h1 {
  color: #1e3350;
}

.earthmover .testimonial_mark {
	color: #53b9a6;
}
.earthmover .testimonial_quote {
	color: #1f3250;
}
.earthmover .testimonial_name {
	color: #1f3354;
}
.earthmover .testimonial_position {
	color: #284d60;
}

#cs-section2.earthmover .cs-subheadline h2 {
    color: #1e3350;
}

#cs-section3.earthmover .cs-subheadline h2 {
    color: #70f3d4;
}
#cs-section3.earthmover,
#cs-section3.earthmover h3 {
	color: #72f3d5;
}
#cs-section3.earthmover p {
	color: #d6d9de;
}

.earthmover .headline-cs3 h1 {
    font-size: clamp(4rem, calc(6.35cqi + 0.18rem), 6.52rem);
    margin: 0;
    line-height: 1;
    font-family: 'owners-xnarrow', arial, tahoma, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
		color: #fefffd;
}
.earthmover .headline-cs3 h1 span {
    color: #6ff5d4;
}

#cs-section4.earthmover.gradient {
	background-image: url(../portfolio/casestudies/earthmover/cs_earthmover-gradient-background.webp);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

/****** COZY CRITTERS **********/
#cs-section1.cozycritters {
	background-color: #c5e3ff;
  color: #012e58;
}
#cs-section2.cozycritters {
	background: #c5e3ff;
	color: #022e5b;
}
#cs-section3.cozycritters {
  background: #16263d;
	color: #e6f4ff;
}
#cs-section4.cozycritters {
  background-color: #d3c2f9;
	color: #012e57;
}
#cs-section5.cozycritters {
  background-color: #d3c2f9;
	color: #012e57;
}

.cozycritters .headline-portfolio h1 {
  color: #012e58;
}
.cozycritters .headline-cs3 h1 {
	font-size: clamp(6.5rem, calc(6.35cqi + 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: #cfc2fa;
	margin: 0rem auto;
}
#cs-section3.cozycritters h3, #cs-section3.cozycritters p {
    color: #e6f4ff;
}
.dougiepickles {
	color: #748494;
}
.yotoheader {
	color: #555983;
}
#cs-section4.cozycritters p {
    color: #022f58;
}
.client-name {
	color: #e6f5fc;
	text-transform: uppercase;
	font-family: 'lft-etica-mono', arial, tahoma, sans-serif;
	font-weight: 400;
	font-size: .88em;
}
.client-title {
	color: #b2c3cd;
	font-family: 'Instrument Sans', arial, tahoma, sans-serif;
	font-weight: 400;
	font-size: .8em;
}

/****** KUSH CONNECTION **********/
.kush .specialty-list li {
	color: #151b17;
}
.kush .specialty-list li:first-child {
  color: #7a694b;
}
.kush h3.overview {
	color: #97834e;
}
.kush p.overview,
.kush .overview ul li,
.kush .overview p {
  color: #b89c53;
}
.kush p.overview_title {
  color:#97834e;
}

.kush .testimonial_mark {
	color: #d4b258;
}
.kush .testimonial_quote {
	color: #2d2b41;
}
.kush .testimonial_name {
	color: #292c3d;
}
.kush .testimonial_position {
	color: #2b2c3e;
}

#cs-section1.kush {
	background: #f2ca59;
  color: #2b2c40;
}
#cs-section2.kush {
  background-color: #12422a;
	color: #f4f4f2;
}
#cs-section2.kush .cs-subheadline h2 {
	color: #FFB34D;
}
#cs-section2.kush,
#cs-section2.kush h3,
#cs-section2.kush p {
	color: #F4F4F4;
}
#cs-section3.kush {
  background: rgb(238,238,238);
	background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 50%, rgba(18,66,42,1) 50%, rgba(18,66,42,1) 100%);
}
#cs-section4.kush {
  background-color: #eeeeee;
	color: #2A2C3F;
}
#cs-section4.kush .cs-subheadline h2 {
	color: #fdb44e;
}
#cs-section4.kush h3,
#cs-section4.kush p {
	color: #2A2C3F;
}
#cs-section5.kush {
  background: rgb(76,62,115);
	background: linear-gradient(0deg, rgba(76,62,115,1) 0%, rgba(76,62,115,1) 50%, rgba(238,238,238,1) 50%, rgba(238,238,238,1) 100%);
}
#cs-section6.kush {
  background-color: #4C3D72;
	color: #F4F4F4;
}
.kush .headline-portfolio h1 {
  color: #2b2c40;
}
.kush .headline-cs6 h1 {
		font-size: clamp(6.5rem, calc(6.35cqi + 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;
    margin: 0 auto;
}
.kush.result .headline-cs6 h1 span {
	color: #fdb44e;
}

/********** FOOTER COLORS *************/

/*** CROSS VALLEY **/
#section6-cs-crossvalley {
  background-color: #2d3e0a;
}
#section6-cs-crossvalley .footer-ul {
	color: #fffffd;
}
#section6-cs-crossvalley .footer-p a,
#section6-cs-crossvalley .footer-ul a {
	color: #fffffd;
}
#section6-cs-crossvalley .copyright,
#section6-cs-crossvalley .policy,
#section6-cs-crossvalley .policy a {
	color: #c6c8c5;
}
#section6-cs-crossvalley .footer-ul a.startlink {
  color:#9bf474;
}

/*** EARTHMOVER **/
#section6-cs-earthmover {
  background-color: #70f3d4;
}
#section6-cs-earthmover .footer-ul {
	color: #1e3350;
}
#section6-cs-earthmover .footer-p a,
#section6-cs-earthmover .footer-ul a {
	color: #1e3350;
}
#section6-cs-earthmover .copyright,
#section6-cs-earthmover .policy,
#section6-cs-earthmover .policy a {
	color: #1d3251;
}
#section6-cs-earthmover .footer-ul a.startlink {
  color:#346272;
}

/*** COZY CRITTERS **/
#section6-cs-cozycritters {
  background-color: #d3c2f9;
}
#section6-cs-cozycritters .footer-ul {
	color: #16263d;
}
#section6-cs-cozycritters .footer-p a,
#section6-cs-cozycritters .footer-ul a {
	color: #16263d;
}
#section6-cs-cozycritters .copyright,
#section6-cs-cozycritters .policy,
#section6-cs-cozycritters .policy a {
	color: #16263d;
}
#section6-cs-cozycritters .footer-ul a.startlink {
  color:#ffffff;
}

/*** KUSH CONNECTION **/
#section6-cs-kush {
  background-color: #4C3D72;
}
#section6-cs-kush .footer-ul {
	color: #fefeff;
}
#section6-cs-kush .footer-p a,
#section6-cs-kush .footer-ul a {
	color: #fefeff;
}
#section6-cs-kush .copyright,
#section6-cs-kush .policy,
#section6-cs-kush .policy a {
	color: #aba5b3;
}
#section6-cs-kush .footer-ul a.startlink {
  color:#9df374;
}


.headline-portfolio2 h1 {
  color: #a9786a;
  font-size: clamp(2rem, calc(3.0cqi + 0.18rem), 3.0rem);
  text-transform: uppercase;
  font-family: 'owners-xxwide', arial, tahoma, sans-serif;
}
.headline-portfolio2 h1 span {
  color: #151c15;
  font-family: 'owners-xxwide', arial, tahoma, sans-serif;
  font-weight: 700;
}

.headline-portfolio3 h1 {
  color: #e4e8d9;
  font-size: clamp(8.5rem, calc(5.0cqi + 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-portfolio3 h1 span {
  color: #e6ac96;
  font-family: 'owners-xxnarrow', arial, tahoma, sans-serif;
  font-weight: 800;
}
.headline-portfolio4 h1 {
    font-size: clamp(4rem, calc(6.35cqi + 0.18rem), 6.52rem);
    margin: 0;
    line-height: 1;
    font-family: 'owners-xnarrow', arial, tahoma, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    color: #cee0d2;
    margin: 4rem auto;
}
@media (max-width: 840px) {
  .headline-portfolio3 h1 {
    font-size: clamp(5.0rem, calc(5.0cqi + 0.18rem), 5.0rem);
  }
  .headline-portfolio4 h1 {
    
  }
}


swiper-slide:hover .slide-content,
.swiper-slide-active .slide-content {
  opacity: 1;
}

.campaign-title {
  font-family: 'Instrument Sans', arial, helvetica, tahoma, sans-serif;
  color: #303c48;
  font-size: .8em;
  margin: 0 0 15px 0;
  font-weight: 400;
}
#mid .campaign-title {
  color: #d9e2d1;
}
.client-name {
  font-family: 'Instrument Sans', arial, helvetica, tahoma, sans-serif;
  font-weight: 400;
  font-size: .6rem;
}
#mid .client-name {
  color: #fffeff;
}
.client-name span {
  font-family: 'lft-etica-mono', arial, helvetica, tahoma, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
#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, 1);
  will-change: transform;
}

.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;
}

#section2 a {
  position: relative;
  display: block;
  height: 100%;
}
.glightbox:before {
  display: none;
}
.mobile-only {
  display: none;
}
@media (max-width: 840px) {
  .marquee {
    white-space: nowrap;
  }
  .marquee__inner {
    display: flex;
    gap: 20px;
  }
  .marquee__content {
    display: block; 
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px;
  }

  .marquee li {
    padding: 0 20px; 
    margin: 0 10px;
  }
  .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;
}

#section6-design .footer-p,
#section6-design .footer-ul li,
#section6-design .footer-p a,
#section6-design .footer-ul a {
    color: #688a6f;
}
#section6-design .footer-p.copyright {
  color:#fffffd;
}
#section6-design .footer-p.policy,
#section6-design .footer-p.policy a {
  color:#fffffd;
}