@import url("https://use.typekit.net/ofx2rul.css");

/*
@import url("./fonts.css");
*/

:root {
	--white: #ffffff;
	--black: #1d1e19;
	--black-invert: #f3e1cc;
	--grey: #d8d8d8;
	--off-black: #1d1e19;
	--off-white: #f8f9f3;
	--brick-red: #e96562;
	--rs-blue: #204bff;
	/*	--brick-red: #D24b29;
*/
	--brick-red-invert: #169a9d;
	
	--yellow: #fff714;
	--green: #03ac47;
	--blue: #84bdff;
	--pink: #fcc5fe;
	--orange: #fd6b01;
	--off-black-tint: #3e3f3b;
	--off-white-tint: #fdfdfd;
	--yellow-tint: #fffb86;
	--green-tint: #4ad782;
	--blue-tint: #b5d7ff;
	--pink-tint: #fee0ff;
	--orange-tint: #ff9f59;
	--off-black-shade: #151612;
	--off-white-shade: #e9eae2;
	--yellow-shade: #dcd401;
	--green-shade: #06873a;
	--blue-shade: #6b94c4;
	--pink-shade: #cb8bcd;
	--orange-shade: #bf5101;
	--opacity-05: rgba(29, 30, 25, .05);
	--opacity-10: rgba(29, 30, 25, .1);
	--opacity-25: rgba(29, 30, 25, .25);
	--opacity-50: rgba(29, 30, 25, .5);
	--opacity-w05: rgba(255, 255, 255, .05);
	--opacity-w10: rgba(255, 255, 255, .1);
	--opacity-w25: rgba(255, 255, 255, .25);
	--opacity-w50: rgba(255, 255, 255, .5);
	--color-dark: var(--black);
	--color-light: var(--white);
	--color-primary: var(--alt);
	--color-highlight: var(--alt);
	--color-accent: var(--black);
	--color-success: #008000;
	--color-error: #ee351c;
	--text-color: var(--black);
	--link-color: inherit;
	--link-hover: var(--alt);
	--placeholder-color: var(--black);
	--textselect-color: var(--yellow);
	--background: var(--black);
	--button-bg: var(--off-black);
	--button-hover: var(--off-black-tint);
	--button-text: var(--off-white);
	--button-padding: 8px 20px;
	--button-radius: 800px;
	--animation-curve: cubic-bezier(0, 0, 0, 1);
	--animation-curve-2: cubic-bezier(.89, 0, .15, 1);
	--animation-curve-3: cubic-bezier(.3, -.43, 0, 1);
	--animation-timing: .2s;
	--content-width: calc(100% - (var(--hpad) * 2));
	--vpad: 24px;
	--vpad-large: 40px;
	--hpad: 16px;
	--nav-height: 60px;
	--block-spacing: 104px;
	--tag-spacing: 12px;
	--tag-spacing-large:36px;
	--small-padding: 16px;	
	--headingFont: tt-commons-pro, area-normal, sans-serif;
	  --headingFontAlt: tt-commons-pro,"HAL Timezone", "Libre Baskerville", serif;
	  --textFont: tt-commons-pro, sans-serif;
	  --iconFont: "Phosphor-Fill" !important;
	  --mono-font: degular-mono;
	  --min-viewport-size: 320;
	  --min-viewport-size-px: 320px;
	  --max-viewport-size: 600;
	  --fs-mega: calc(41px + (48 - 41) * ((100vw - var(--min-viewport-size-px)) / (var(--max-viewport-size) - var(--min-viewport-size))));
	  --fs-h1: calc(27px + (32 - 27) * ((100vw - var(--min-viewport-size-px)) / (var(--max-viewport-size) - var(--min-viewport-size))));
	  --fs-h2: calc(20px + (22 - 20) * ((100vw - var(--min-viewport-size-px)) / (var(--max-viewport-size) - var(--min-viewport-size))));
	  --fs-subheader: calc(18px + (20 - 18) * ((100vw - var(--min-viewport-size-px)) / (var(--max-viewport-size) - var(--min-viewport-size))));
	  --fs-h3: 20px;
	  --fs-h4: 17px;
	  --fs-subheader2: 15px;
	  --fs-b: 16px;
	  --fs-small: 14px;
	  --fs-button: 16px;
	  --fs-caption: 14px;
	  --fs-modal: 11px;
	  --bs-gutter-x: 30px;
	  --bs-link-hover-color-rgb: var(--brick-red);
	  --easing-authentic-motion: cubic-bezier(0.4,0,0.2,1);
	  
}


.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 30px;
	
}

b, strong {
	font-weight: 500;
}


	.project__grid {
opacity:1	
	}

/* IMPORTED FROM HOME NEED INTEGRATION */
.animated-text {
  }
  
 .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #D24b29;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9000;
      color: white;
      	font-size: 11.1vw;
	text-align: center;
	line-height: 1.5;
      
      
    } 
	
.panel.blackbg {
height: calc(66vh + 100px) !important;
margin-top: -100px;	
z-index: 3;
overflow:hidden;
	
}
 .panel.grey {
	 z-index: 4;
 		
 }
 
 
 .smooth-wrapper {
   overflow: hidden;
 }
 
 .rel {
	 position:relative;
 }

 .pinned-block {
   isolation: isolate;
 }
 
 
 .scroll-to-top::after {
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   background: var(--black);
   -webkit-mask-image: var(--icon-arrow-up);
   mask-image: var(--icon-arrow-up);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -o-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
 }
 

 .scroll-to-top {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   margin-left: var(--hpad);
   bottom: 16px;
   padding: 0;
   width: 44px;
   height: 44px;
   border-radius: 44px;
   -moz-border-radius: 44px;
   -webkit-border-radius: 44px;
   -o-border-radius: 44px;
   background: #fefefe;
   cursor: pointer;
   z-index: 100;
 }
 
 
 
 
 
 
 .scroll-to-left::after {
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   background: var(--brick-red);
   
   -webkit-mask-image: var(--icon-arrow-up);
   mask-image: var(--icon-arrow-up);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -o-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   transform: rotate(-90deg);
   
 }
 

 .scroll-to-left {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   margin-left: var(--hpad);
   top:40%;
   left: 30px;
   padding: 0;
   width: 44px;
   height: 44px;
   border-radius: 44px;
   -moz-border-radius: 44px;
   -webkit-border-radius: 44px;
   -o-border-radius: 44px;
   background: #fefefe;
   cursor: pointer;
	    z-index: 1;
 }
 
 .scroll-to-left.rel {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   margin-left: var(--hpad);
  
  
   padding: 0;
   width: 44px;
   height: 44px;
   border-radius: 44px;
   -moz-border-radius: 44px;
   -webkit-border-radius: 44px;
   -o-border-radius: 44px;
   background: #fefefe;
   cursor: pointer;
	    z-index: 1;
 }
 
 
 .scroll-to-right::after {
   content: "";
   display: block;
   width: 24px;
   height: 24px;
   background: var(--brick-red);
   -webkit-mask-image: var(--icon-arrow-up);
   mask-image: var(--icon-arrow-up);
   -webkit-mask-size: contain;
   mask-size: contain;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -o-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   transform: rotate(90deg);
   
 }
 

 .scroll-to-right.rel {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;

   padding: 0;
   width: 44px;
   height: 44px;
   border-radius: 44px;
   -moz-border-radius: 44px;
   -webkit-border-radius: 44px;
   -o-border-radius: 44px;
   background: #fefefe;
   cursor: pointer;
	    z-index: 1;
 }
 
 
  section.horizontal-wrapper {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background:#EEEDE4;
  }

  .background-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7.1vw;
    white-space: nowrap;
    z-index: 0;
	color: var(--text-color);
    pointer-events: none;
  }

  .horizontal {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
   z-index: 2;
  }

.horizontal-scroll {
   z-index: 2;
    position: relative;
}

  .box {
    width: 24vw;
    height: 24vw;
    margin-right: 1.5vw;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    border-radius: 0px;
    flex-shrink: 0;
    background: white;
   /*padding: 1rem 1rem 5rem 1rem;

 box-shadow: 0 0rem .4rem rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.08)
  */
  }
  
  .offcanvas__wrap {
  min-height: 90vh
  
  }
  

  
  
  .box  img {
    object-fit: cover;
    height: 100%;
      width:100%;

	  
  }
  
  .__header.sec {
	  margin-top: -80px;
  }
  
  
  .cblock {
  	width: 33.3333vw;padding-top:40vw;background: #D24B29
  }
  
 
  
  
@media screen and (max-width: 991px) {
  
    .__header.sec {
  	  margin-top: 80px;
	  margin-bottom: -200px
    }
  

    .box {
      width: 35vh;
      height: 35vh;
      margin-right: 1.5;

}

 
 
section.horizontal-wrapper, .vh-90 {
height: 50vh;
min-height: 50svh;
  
  }
  .img_hold_ img {
  object-fit: cover;

  width: 100%;

    height: 55vw;

}


.pin-spacer {

}
.container-hold
{
margin-top: 15vh !important
}

.img_hold_ img, .cblock {
    height: 55vh !important;
}

ol.text-center.subheader {
	padding: 40px !important;
}

.navbar-brand {
   margin-left: 10px !important;
 }


  } 
  
  

  .massive  {
      transition: all 0.5s linear;
  	
  }
  
  /*
  .massive span:hover {
	  font-family: "Cherry Bomb One", system-ui;
      transition: all 0.5s linear;
		  color:#D24B29;
	
	  }
  */
	
  }
  
  .offcanvas__wrap {
	  background: #D24B29;
	
  }
/* END HOME IMPORT */



.cc-window.cc-floating{
	
	padding: 1em !important;
}
.cc-message, .c-btn {
	font-size: .9em;
}

.vh-90 {
	height: 90vh;
	height: 50vh;
	max-height: 1000px;
}

.vh-75 {
	height: 75vh;
	min-height: 75svh;
}

.vh-35 {
	height: 35vh;
	min-height: 35svh;
}


.vh-25 {
	height: 25vh;
	min-height: 25svh;
}

.vh-85 {
	height: 85vh;
	min-height: 85svh;
}


.vh-15 {
	height: 15vh;
	min-height: 15svh;
}

body, html {
/*
	scroll-behavior: smooth;
*/
}

body {
font-family: var(--textFont);
color: var(--text-color);
background: var(--white);
background-color: var(--white);


text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: never;
leading-trim: both;
text-edge: cap;
letter-spacing: -.02em;
font-size: 20px;
font-feature-settings: "kern" 1, "kern";
font-kerning: normal;

}


h1, h2, h3, h4, .h1, .h2, .h3, .h4, .wysiwyg .h1 {
  font-family: var(--headingFont);
  font-weight: 600;
  line-height: 1.3em;
  color: inherit;
  
  text-align: inherit;
  text-wrap: balance;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  font-feature-settings: "kern" 1, "kern";
font-kerning: normal;
 
}

.wysiwyg b, .wysiwyg strong {
    font-family: var(--headingFontAlt);
    font-weight: 500;
	font-style: italic;
	
}


.h2.description.about_us {
	 font-family: var(--headingFont);
}

h3.h1 {
	  font-family: var(--headingFont);
	font-size: var(--fs-h1);
}

.h1pt5 {
font-size: 56px;
font-weight: 500
}


.date__time, .note {
	

	  font-family: var(--headingFontAlt);
	  line-height: 1.4em;
	  font-style: italic;
	  font-size: 16px;
	
}

.note {
	text-align:left;
	color: #a9a9a9;
	padding: 7px 0;
  	font-size: 14px;
	
}

.v-list {
	margin-left: 0;
list-style: none;
padding-left: 0;	
}


::selection {
  background: #E2E32A !important; /* Highlight background color */
  color: #000000;      /* Highlighted text color */
}


.container, .container-fluid {
background:transparent;
}

.invert, .blocker.invert {
background: #222 !important;
color: #eee
}

.ar-16x9 {
    object-fit: cover;
    aspect-ratio: 16 / 9;
}

.navbar-brand {
font-size: 2em;
font-weight: 500 !important
}




.v__al {
align-items: center;
display: flex;
    }

	/*

	.navbar, .navbar-nav  {
	--menu-primary: var(--text-color);
	mix-blend-mode: difference;
	
	color: var(--black-invert);
	background:transparent;
	
	}
	
	.container-fluid.mbx {
		background:transparent;
		
	}
	
	
	
	
	
	.offcanvas, .offcanvas__wrap,  {
		mix-blend-mode: normal;
		mix-blend-mode: normal !important;
		  isolation: isolate;    
		  position: relative;
	}
	
	*/
	
	.navbar-toggler {
		color: #fff !important;
	}
	
	.nav-link {
	
	
	color: var(--white);
	color: #fff;
	color: #2db4d6;
	color: var(--brick-red-invert) !important;
	
	 }
	 
	 .navbar-toggler {
  color: #bbb !important;
color: var(--brick-red-invert) !important;
  
  font-weight: 500 !important
}


.offcanvas-body a.nav-link  {
color: var(--white) !important;
}
	.navbar-brand {
	color: #fff;
	
	}
	
	.navbar, .navbar-nav.mbx {
	--menu-primary: var(--text-color);
	mix-blend-mode: difference;
	color: var(--black-invert);
	background:transparent
	}
	
	
	.navbar-toggler {
font-weight: 600;	}

	@media screen and (min-width: 991px) {
.navbar, .navbar-nav {
--menu-primary: var(--text-color);
mix-blend-mode: difference;
color: var(--black-invert);
background:transparent
}
.nav-link {
color: var(--white);
color: #fff;
 }

.navbar-brand {
color: #F8F9F3;;
}

/*
@media (hover: hover) {
    .global-logo:hover .svg
Specificity: (0,3,0)
 {
        transform: scale(1.06);
    }
}

.global-logo .svg {
    height: 23px;
    transition: height .4s var(--easing-authentic-motion), transform .4s var(--easing-authentic-motion);
    width: auto;
}

*/

.mr-os {
margin-right: 16.6%
}



}

.nav-link {
	
	font-size: 20px;
	font-weight: 500;
	font-style: normal;

	
}

.nav-link.large {
	font-size: 36px;
}

button.navbar-toggler {
	font-size: 1em
}

input[type=text], input.search__input {
    font-weight: 300;
    line-height: 1.6875;
    font-style: normal;
    letter-spacing: 0;
    color: #5a5a5a;
    border-radius: 2px;
    background: transparent;
    border-width: 1.5px;
    border-style: solid;
    border-color: #d1d1d1 !important;
    width: 80%;
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
    font-size: 16px;
	
	padding: 7px 14px;
}

input.search__input.wide::placeholder {
color: #fff !important;
}

 input.search__input.wide {
	 width:100%;
	 background: rgba(255,255,255,.2) !important;
	 border:1px solid rgba(255,255,255,0) !important;
	 font-size: 1.2em;
	 margin: 30px 0;
	 color: #fff !important;
 }
 
 input:hover.search__input.wide {
	 width:100%;
	 background: rgba(255,255,255,.3);
	 border:1px solid rgba(255,255,255,.3.3);
 }


.container.ms {
	min-height: 80vh;
	margin-top: 100px;
}



@media screen and (min-width:1800px) {
	
	.container-fluid.cont__ {
	}
	
}



.animated-text {
	text-align: center;
	line-height: 1.1;
	
	  margin-bottom: 50px;
	  /*
	  font-size: 8.5vw;
	  */
	  line-height: 1.1em;
	  letter-spacing: -.02em;
	  cursor: default;
	  text-wrap: auto;
	
	
  }
  
  @media screen and (min-width:2200px) {

.animated-text {
  	font-size: 163px
}

  }


@media screen and (max-width:2119px) {


.animated-text {
	font-size: 2.5vw;
	
  }
  
}
@media screen and (min-width:2120px) {

	.animated-text {
font-size: 2.5vw;
		
	
	  }
  
  span.massive {
    font-size: 26vw !important;;
    
}
  
	}
	
	
	@media screen and (min-width:2120px) {
 span.massive {
    font-size: 26vw !important;;
    
}
  
	}
@media screen and (min-width:2520px) {
span.massive {
    font-size: 17vw !important;;
    
}

.box {
  width: 15vw;
  height: 15vw;


}
	.animated-text {
		font-size: 2.5vw;
	
	  }
  .img_hold_ img {
    object-fit: cover;
    max-width: 100%;
    height: 20vw !important
;
}
  .panel_h {
		flex-direction: column;
		
      flex: 0 0 20vw !important;
      min-height: 25vw;

 }

  .img_hold_ div {
  width:25vw !important;
  padding-top:20vw!important

  }
	}

  .animated-text div
  
{
    white-space: pre; /* keeps spaces visible */
	
}

/*
  .animated-text div:hover{
 color:  #D24b29;
color-invert:  #2db4d6;
 transition:.5s;


  }

*/
	
  .char {
	display: inline-block;
	opacity: 0;
	transform: translateY(50px);
  }


.row {
}

.vh-80 {
	height: 80vh;
}
	
.col {
	
}
	
/* sort this */

.navbar.fy-2 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.offcanvas-header {
	margin-top: 20px;
	margin-right: 20px;
	
}
	
	
	.container {
		max-width: 1800px;
	
	}
	.container.wide {
		max-width: 2200px;
		
	}
	
	
	.container-fluid, .container  {
		padding-left:40px;
		padding-right:40px;
	}
	
	body {
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
	}
	
	
	code {
		font-family: "DM Mono";
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%; /* 16.8px */
		text-transform: uppercase;
	}

a {
    text-decoration: none;
    color: var(--off-black);
  transition: all .3s ;

	

 
}
a:hover {
	  color:  #D24b29;
	  color: var(--brick-red) !important;  
	  
	  transition: all .3s ;
	
}

a.active {

color: var(--brick-red);

}

/* INVERTED */
.navlink a:hover, a.nav-link:hover  {
 color:  #2db4d6; 
 color: var(--brick-red-invert) !important;
 
}
.brand-logo:hover svg, .brand-logo svg  {
/* 	transition: all .3s ;*/
	
}

/* typography from funk */

.huge {
font-size: 90px;
font-style: normal;
font-weight: 500;
line-height: 99px
}

.large__text {
font-size: 2.1vw;

line-height: 1.3
}

.grey .large__text, #pre-footer{
color:var(--text-color);
}

.red .large__text{
color:white;
color:var(--text-color);
}

h1, .h1 {
  font-optical-sizing: auto;
	 font-size: 70px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: 77px
}


h2, .h2, .h2 p {

	font-size: 50px;
	font-style: normal;
	font-weight: 500;
	line-height: 55px
}

h3, h1.sfilm, .h3 {
	/* 42 H3 */
	font-size: 25px;
	font-style: normal;
	font-weight: 500;
	line-height:  27.5px
}
h4 {
	
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height:  19.8px

}


h1.page_title {
	font-size: 1em;
    font-weight: 400;
	font-size: 25px;
	line-height: 1.1;
	margin: 0 0 20px 0;
	
}

.smallprint {
	font-family: "DM Mono";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 16.8px */
	text-transform: uppercase;
}


.subt {
	display:inline-block;
}

.roll-link {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;     
  
	  
}

.roll-link:hover {text-decoration:none;}

.roll-link span {
    display: block;
    position: relative;
	transition: all 300ms ease;

}
.roll-link:hover span, .boxforhover:hover .roll-link span, a:hover .roll-link span{
   
transform: translateY(-38px);
}

.roll-link span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color:  hsl(12, 67%, 49%);
    color:  var(--brick-red-invert);
	transform: translateY(37px);
}





.block_hold .roll-link span::after
{
	color: #fff;
	
}
.navbar-brand span {
	color: #fff;
	color:  #2db4d6; 
  color: var(--brick-red-invert) !important;
	
	
}

.navbar-brand span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color:  hsl(12, 67%, 49%);
    color:  #2db4d6; 
	transform: translateY(37px);
}





.h1 .roll-link {
		 font-size: 70px;
}

.h3 {
	font-size: 25px;
	
}


.h1 .roll-link:hover span, .carousel__text:hover .h1 .roll-link span {
         
transform: translateY(-70px);
}

.h1 .roll-link span:after {
    content: attr(data-title);
    color:  #F8F9F3;

	transform: translateY(70px);
}

.h3 .roll-link:hover span, .carousel__text:hover .h3 .roll-link span {
         
transform: translateY(-37px);
}

.h3 .roll-link span:after {
    content: attr(data-title);
    color:  #F8F9F3;
	transform: translateY(37px);
}


.project__grid img {
    width: 100%;
    max-width: none;
    display: block;
}

.project__grid {
margin-bottom: 160px
}


.grid >img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.brand-logo:hover svg {
fill: #D24b29;
}

li.nav-item {
	padding: .2rem .5rem
}

li.nav-item:last-child

 {
	padding: .2rem 0 .2rem .5rem
}
 

.tiny--text {
	font-size: .8rem
}

#manSub, #manSub .roll-link span{
	background: black;
	color: #fff !important;
}

.nav-item .nav-link.roll-link {

}


.offcanvas-body .nav-item .roll-link:hover span{
         
transform: translateY(-41px);
}

.navbar-toggler {
	border: 0;
	margin-right: 0px;
}

.navbar-toggler:focus, .btn-close:focus {
	box-shadow: none;
}

.btn-close {
    transition: transform .7s ease-in-out;
	
	
}

#red-content {
	padding: 100px 0;
	  display: flex;
      justify-content: center;
      align-items: center;
      height:100vh;
        flex-direction: column;
}

.btn-close:hover {
	
  transform: rotate(-180deg);
  color:  #D24b29;
  --bs-btn-close-color: #D24b29 !important;
color:#D24b29 !important;



filter: invert(48%) sepia(79%) saturate(5199%) hue-rotate(350deg) brightness(49%) contrast(84%);	
}

.offcanvas_holder 
{
margin: 91px 2px 5rem 50px;
background: #D24b29;
background: var(--brick-red);
border-radius: 0px;
    height: calc(100vh - 112px);
}
.offcanvas, .offcanvas-backdrop {
background-color: rgba(0,0,0,0) !important;

}

.offcanvas_holder  a.nav-link:hover {
    color: white !important;
}

.offcanvas-title {
	font-family: var(--headingFontAlt);
	  line-height: 1.4em;
	  font-style: italic;
	  font-size: 18px;
	  padding-left: 10px;
}



.overlay.home__, .overlay {

  font-size: 14vw !important;

}

.project__grid {
	margin-right: 0 !important;

}


h2 {
font-size: var(--fs-h2);
}

#grey-content {
padding-top: 35px;	
}

.offcanvas a, .offcanvas_holder .offcanvas, .offcanvas a.nav-link, offcanvas .navbar-nav .nav-link.active,.offcanvas h5, .navbar-nav .nav-link.active{
color:white
}
.btn-close {filter: invert(1);
}
.offcanvas a:hover {

}

.brand-logo {
	font-weight: 600;
	
}

.navbar-brand.brand-logo img, .navbar-brand.brand-logo svg {
	height: 75px !important;
	width:auto;
}

.navbar-brand:hover {
  color: white;

}

/*
.navbar-brand span {
	color:  #2db4d6;
}
*/
.brand-logo span {
	color: #2db4d6;;
}

.navbar, .bg-light  {
	background: rgba(255,255,255,0) !important
}

.navbar-toggler-icon--top, .navbar-toggler-icon--bottom {
	
	height: 2px;
	background: #222;
	display: block;
	    width: 1.5em;
	    vertical-align: middle;
		transition: all .2s ease-out;
	   
}

.navbar-toggler-icon--top {
		margin-bottom: 4px;
}

 .navbar-toggler-icon--bottom {
	 	margin-top: 8px;
 }

.navbar-toggler {
color:black
}


.navbar-toggler:hover .navbar-toggler-icon--top, .navbar-toggler:hover .navbar-toggler-icon--bottom  {
	margin: 2px 0;
	background: #D24b29;
	--bs-btn-close-color:  #D24b29 !important;
	fill:  #D24b29 !important;
}


.offcanvas-body {
	
    display: flex;
    align-items: center;
}

.offcanvas {
    background-color: #ededed;
	
}
.offcanvas.offcanvas-end {
	border-left: 0;
}

.offcanvas-backdrop {
	opacity:1;
    background-color: #ededed;
}

.offcanvas-backdrop.show {
	opacity:1;
}


.osr {
	margin-right: -6px;
}


/* mrs popup */

.popuptext {
	opacity: 0;
	display:block;
	transition: all 600ms ease;
	font-size: .8em;
		 transform: translateY(4px);
	}
	
.boxforhover {
	padding: 0px;
}

.pager--info--holder {
	padding: 1.5rem
}


.pager--info--holder p {
font-size: 18px
}

.boxforhover .roll-link {
font-size: 25px
}

.boxforhover:hover .popuptext {
	opacity: 1;
	 color: #D24b29 !important;
     transition-delay: 0.05s;
     transition-duration: 0.55s;
	 transform: translateY(0);
	 
}

.grid_image {
	overflow:hidden;

	}
	
	.grid_image img.fit {
		background: #ededed;
		width: 100%;
object-fit:cover;
		height: calc((100vw - 60px) / 3 * .56);
		margin-bottom: 25px;
	
	}
	
	.col-md-6 {
		margin-bottom: 30px
	}
	
	.carousel-cell img, .mw_ {
		max-width: 100%;
		height:auto;
	}
	
	.pt__25 {
padding-top: 25px	
}
	
/* LIST ITEMS */
	
	ul.personal-list {
		text-align:center;
		list-style:none;
	}	
	
	ul.personal-list li {
		display:inline-block;
		padding: 1rem;
	}
	.carousel-cell {
	background: black
	}
.flickity-slider::before {
width: 33vw;
height: 100%;
background: blue;
display:block;
top:0;
left:0
}

.back__ {
position:absolute;
right: 75px;
top: 17px
}

img.objfit {
	object-fit: contain;
	height:100%;
	width:100%;

}

 .picture {
    overflow: hidden;
    padding-top: 100%;
   position: relative;
    width: 100%;

	
}

.p16 {
font-size:16px
}

.fixed {
position:static
}

.vbox {
display: flex;
  align-items: center;
  justify-content: center;
}

.fs_ {
height:80vh;
width:100%
}

.force_white {
color:white
}

 .picture img {
    height: 100%;
    position: absolute;
	left:0;
	right:0;
   top: 0;
    width: 100%;
object-fit:cover;
 
}

 .picture img:hover {
	 opacity: .9;
 }

 h4, h3 {

 font-family: var(--headingFontAlt);
	 line-height: 1.2;
	 font-style: italic;
font-size: 20px;
margin-top: 20px;
font-weight: 500;
 }
 
.wysiwyg h3 {

margin-bottom: 18px;
margin-top: 36px;
 }
 
 
 h4 span{
 	font-family: area-normal;
 	font-size: 16px;
 	padding-left: 30px
 }

 .tile-project__excerpt {
    color: var(--text-color);
    margin-top: 0;
    margin-bottom: 18px !important;
}



i.ph-fill {
background:transparent
}
i.ph-fill {
font-size:1.1em;
margin-right:6px
}

.vh-align {
align-items: center;
justify-content: center;
}

/* ------------------------------------*/
.panel {
	width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 1.5em;
  text-align: center;
  color: white;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
}

.panel.align-top {
  align-items: flex-start;
}

.panel h1 {
  font-size: 1.8em;
  color: white;
  font-weight: 300;
  margin: 0 auto;
}
.panel.description {
  padding-bottom: 60px;
}
.panel p, .panel li {
  color: black;
  font-weight: 400;
  text-align: left;
  font-size: 18px;
  line-height: 1.5em;
  margin: 0.3em 0 1em 0;
}

h1, h2, p, li {

}

.scroll-down {
  bottom:auto;
  top:6vh;
  position:relative;
}


.blackbg {

background:#151612;
background:#D24b29;

color:#F8F9F3;
}

span.massive {
	font-size: 25vw;
	line-height: .9;
color:#F8F9F3;

}


.red {
color:black;
background: #D24b29;
background:#F8F9F3
}

.grey {
background: #F8F8F9;

background: #EEEDE4;
background: #FAE0F5;
background: #204bff;
color: var(--white)
}




.red {
}

.panel.red, .panel.blue, .panel.grey, .panel.blackbg {

height:auto}


.panel.red  {
	height: 100vh;
}

   .zoom_hold, .img_hold_ {
overflow: hidden;
  }

.image_cont img {

max-width: 100%;
height:auto
}

.image_cont.force img {

width: 100%;
height:auto
}

   .project__grid:hover img, .imgcard:hover .thumbnail .zoom_hold img, .panel_h:hover .img_hold_ img {
	   }
	   
	     .project__grid img, .imgcard .thumbnail .zoom_hold  img,  .panel_h .img_hold_ img, .carosel-item-snap .img_hold_ img   {
	       transition: transform 1s cubic-bezier(.215,.61,.355,1);
	       max-width: 100%;
	   }
	   
	 .project__grid:hover    h4, .project__grid:hover   {
	 color:  #D24b29;
	 color: var(--text-color);

	 }
	   
	   	.Heading__line {
	    position: absolute;
	    left: 0;
	    bottom: -4px;
	    height: 1px;
	    background-color: #d1d1d1;
	    right: 0;
	}
	
	.Heading__line:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    top: 0;
	    right: 100%;
	    background-color: #D24b29;
	    transition: right .7s cubic-bezier(.215,.61,.355,1);
	}
	

	
	.project__grid:hover .Heading__line:after {
	
	    right: 0;
	}
	
	.head__hold {
	margin:1rem 0 .5rem 0
	}
	
	h4 {
	
	position: relative;
  display: inline;
  
  }
  
  
.full-height {
height:100vh
}

.ninty-height {
height:90vh
}

.eighty-height {
height:80vh
}

.three-quarter-height {
height:75vh
}

  .blackbg {

	height: 66vh !important
  }

  .grey {

  }
  
.navbar-brand {
margin-left:40px
}

.navbar-collapse {
margin-right: 40px
}

    .container-hold {
		/*
		margin-top: -10vh;
		padding-top: 10vh;
      position: relative;
      height: auto;
      overflow: hidden;
	padding-bottom: 10vh;
	  */
    }

    .horizontal-scroll {
      display: flex;
      height: auto;
      flex-wrap: nowrap;

      will-change: transform;
    }

    .panel_h {
		flex-direction: column;
		
      flex: 0 0 55vh;
      min-height: 100%;
      display: flex;
 }

	.img_hold_ {
		margin: 30px 10px 0 10px;
		overflow:hidden;
		
	}
	
		.img_hold_ img
{
	object-fit: cover;
	max-width:100%;
	height:30vw;
	height: 62.15vh;
	
}	
	
	
	.text_hold_ {
		padding: 0  45px 0 10px ;
		
	}
	
	

.panel_h:hover .popuptext {
	opacity: 1;
	 color: #D24b29 !important;
     transition-delay: 0.05s;
     transition-duration: 0.55s;
	 transform: translateY(0);
	 
}

.popuptext {
	opacity: 0;
	display:block;
	transition: all 600ms ease;
	font-size: .8em;
		 transform: translateY(12px);
	}
	
	
	.panel_h:first-child {
	    margin-left: 170px;

	}
	
	
    .logo-ticker-wrapper {
         position: relative;
         overflow: hidden;
         width: 100%;
         padding: 2rem 0;
      
       }

       .logo-ticker {
         display: flex;
         gap: 4rem;
         will-change: transform;
       }

       .logo-item {
         width: 12vw;    
         flex-shrink: 0;
         display: flex;
         align-items: center;
         justify-content: center;
		 
       }

       .logo-item img {
         max-width: 100%;
         height: auto;
		 max-height: 100px;
		 filter: grayscale(1) invert(1);
       }

	
	
	
	
	
	@media screen and (max-width: 991px) {

		.panel_h {
		  flex: 0 0 50vw;
	 
		}
		
		.animated-text {
			font-size: 7vw;
		}
		
		
		.roll-link span:after {

		    transform: translateY(55px);
		}

		.offcanvas-body .nav-item .roll-link:hover span {
		    transform: translateY(-50px);
		}

	}
	
	
	  
  @media screen and (max-width:677px) {
  
  
	  .toff {
		  margin-top: 0 !important;
	  }
  
  .col__left a.link {
	  font-size: 16px;
  }
  
  
  
	  .img_hold_ div {
		  width:100% !important;
	  }
  
	  .btt__spacer {
		  margin-bottom: 50px;
		
	  }
	  
.horizontal-wrapper .background-text, .horizontal-wrapper .horizontal {
	
	padding-top: 15vh;
	padding-bottom: 15vh;
}


#grey {
	height:auto !important;
}

#grey .container-fluid {
	
	margin: 70px 0 !important;
	
}

.popup, .popup1 {
	font-size: 14px;
		 width: 75%; 
		}


    section.horizontal-wrapper, .vh-90 {
        height: 75vh;
        min-height: 75svh;
    }
	  
	  .scroll-to-top {
	
	      right: 16px;
	  }

	  .vh-85 {
	  	height: 75vh;
	  	min-height: 75svh;
	  }


	  .vh-15 {
	  	height: 25vh;
	  	min-height: 25svh;
	  }
  
	  .vh-35 {
  	    height: 35vh;
	  	
	  }
  
	  .vh-90 {
	    height: 45vh;
max-height: 45vh;	
min-height: 45vh;  }
  
  
  
	  .project__grid {
  	  	margin-left: 0 !important;
	  	padding-left: 0 !important;
		  
	  	margin-right: 0 !important;
	  	padding-right: 0 !important;
	  }
  
  
   .panel_h {
		flex-direction: column;
		
      flex: 0 0 100vw;
      min-height: 33vw;
      display: flex;
 }

	.img_hold_ {
		margin: 30px 30px 0 30px;
		overflow:hidden;
		
	}
	
	span.massive {
		font-size: 25vw;
	color:#F8F9F3;

	}
	
	
	.text_hold_ {
		padding: 0 45px;
		
	}
  
	h2, .h2, .h2 p{
  
		font-size: 24px !important
	}
  
  
  .project__grid {
margin-bottom: 60px
}
  .red {

  padding: 40px 40px;

}
  .animated-text {
  font-size: 6vw;
}

/*
.nav-link {
	font-weight: 400;
	font-style: normal;
    font-size: 2em;
}

*/
.navbar-brand {

}

.navbar-brand span {
}

/* HOVER TRANSFOMR FOR MOBIE? */

.roll-link span:after {

    transform: translateY(50px);
}

.roll-link:hover span, .boxforhover:hover .roll-link span, a:hover .roll-link span {
  transform: translateY(-50px);
}


.offcanvas-body .nav-item .roll-link:hover span {
    transform: translateY(-50px);
}

.roll-link {

	display:block
}

.roll-link:hover span, .boxforhover:hover .roll-link span{
         
transform: translateY(-50px);
}

.panel_h:first-child {
  margin-left: 70px;

}
.expand-inner {
	height: calc(100% + 20px) !important;
}

.first {
margin-bottom: 64px
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: white;
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  list-style: none;
}

.roll-link span::after {
	color: white;
}

.overlay {

  font-size: 50vw !important;

}


  }


mark {
  background-color: #BCE0FF;
}

/*  project */
.ar-16x9 {
  object-fit: cover;

  aspect-ratio: 16/9;

}

.w-1074 {
max-width:1074px
}

.w-1432 {
max-width:1432px
}

.top__hero-wrapper {
  position: relative;
  z-index: 1;
}

.top__hero {
background: #eee;
height: 80vh;
  width: 100vw;  position: relative;
  z-index: 1;

}

.z-upper {
z-index: 2;
position:relative
}
/*
.buffered__top {
background:white;

padding-top: 40px;
  z-index: 10; 
position:relative
}
*/
h1.subheader, h4.subheader

{

font-family: var(--headingFontAlt);
  line-height: 1.4em;
  font-size:20px;
  font-weight: 500
}

h2, .h2, .h2 p{
font-family: var(--headingFontAlt);
  font-size: var(--fs-h2);
  font-style: normal;
  max-width: 100%;
    font-size:28px;
  font-weight: 500;
  line-height: 1.2em;
  color: inherit;
  text-align: inherit;
  text-wrap: balance;
  text-rendering: optimizeLegibility;
  }
  
  .wysiwyg {
  
  font-size:18px;
    font-weight: 400;
  }
 span.cat {

  min-height: 24px;
  line-height: 24px !important;
  padding: 0 0;
  font-weight: 500;
  display: inline-block;
  --animation-timing: .2s;
  font-size: 16px;
  letter-spacing: .12px;
  line-height: 1;
  font-family: var(--headingFontAlt);
  font-size: var(--fs-caption);
  color: #888;
  text-transform: uppercase;

  
}

span.cat:after, span.catcom:after{
	margin-left: 1px;
	margin-right:3px;
	display:inline-block;
	 content: ",";
}
a:last-child span.cat:after, a:last-child span.catcom:after {
 content: "";
 
 }
 
.news__card {
	padding: 15px
	
	
}

.dashed {
	border: 1px dashed #ddd;
}


 span.cat.pill {
     font-family: var(--mono-font);
  /*
  border-radius: 800px;
  -moz-border-radius: 800px;
  -webkit-border-radius: 800px;
  -o-border-radius: 800px;
  */
  border: 1px solid var(--black);
border-radius: 0.25rem;
transition: background-color .2s ease-in-out;
  padding: 0 12px;
  margin-right: 6px;
}

span.cat.pill:hover {
	background: #e0e0e0;
    transition: background-color .2s ease-in-out;
	
}


.cat.pill:after {
	margin-left: 0px !important;
	margin-right:0px !important;
		 content: "" !important;
	
}

.block-spacing {
margin-top: 64px;
margin-bottom: 64px
}

.block-padding {
	padding-top: 64px;
	padding-bottom: 64px
	
}



  
  .btn, a.btn, button.btn, input[type=button], input[type=submit] {
      border: none;
      padding: var(--button-padding);
      border-radius: var(--button-radius);
      -moz-border-radius: var(--button-radius);
      -webkit-border-radius: var(--button-radius);
      -o-border-radius: var(--button-radius);
      background-color: var(--button-bg);
      font-family: var(--textFont);
      font-size: var(--fs-button);
      font-weight: 600;
      line-height: 1em;
      color: var(--button-text);
      min-height: 24px;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      outline: none;
      white-space: nowrap;
      -o-transition: background-color .2s ease-in-out;
      -moz-transition: background-color .2s ease-in-out;
      -webkit-transition: background-color .2s ease-in-out;
      transition: background-color .2s ease-in-out;
      padding: 10px 15px 15px 15px;
  }
  
  .btn .btn-icon, a.btn .btn-icon, button.btn .btn-icon, input[type=button] .btn-icon, input[type=submit] .btn-icon, span.popuptext .btn-icon {
      background-color: var(--button-text);
      margin-bottom: -2px;
      -webkit-mask-image: var(--icon-arrow);
      mask-image: var(--icon-arrow);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center top;
      mask-position: center top;
      height: 16px;
      width: 16px;
  }
  
  
  
  
  
   span.popuptext .btn-icon {
        background-color: black;
        display:inline-block;   
        margin-bottom: -3px;
        }
  
  .btn:hover, a.btn:hover, button.btn:hover, input[type=button]:hover, input[type=submit]:hover, .btn.hover, a.btn.hover, button.btn.hover, input[type=button].hover, input[type=submit].hover {
      background-color: var(--button-hover);
      color: var(--button-text);
  }
  

  
  
  :root {
  
  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10249)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2395 13.1867L4.99035 3.9375L3.92969 4.99816L13.1789 14.2473L6.11523 14.2473V15.7473L15.7395 15.7473L15.7395 6.12305H14.2395L14.2395 13.1867Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10249'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(-0.00878906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10249)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2395 13.1867L4.99035 3.9375L3.92969 4.99816L13.1789 14.2473L6.11523 14.2473V15.7473L15.7395 15.7473L15.7395 6.12305H14.2395L14.2395 13.1867Z' fill='%23F8F9F3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10249'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(-0.00878906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10268)'%3E%3Cpath d='M17.8557 9.99805L5.07031 9.99805' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M9.73192 4.37402L4.10742 9.99853L9.73192 15.623' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10268'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.982422)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10260)'%3E%3Cpath d='M4.11133 9.99805H17.0634' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M12.2354 4.37402L17.8599 9.99853L12.2354 15.623' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10260'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.986328)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10256)'%3E%3Cpath d='M10.9863 16.8734L10.9863 4.02539' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.3623 8.74853L10.9868 3.12402L16.6113 8.74853' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10256'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.987305)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-up-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_9950)'%3E%3Cpath d='M10 29.998L28.7367 11.2607' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M13.75 9.99707H30V26.2471' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_9950'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_3859_54898)'%3E%3Cpath d='M4 4L12 12' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 12H12V5.5' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3859_54898'%3E%3Crect width='16' height='16' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10264)'%3E%3Cpath d='M10.9834 3.12402V16.127' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M5.35938 11.248L10.9839 16.8725L16.6084 11.248' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10264'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.984375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10246)'%3E%3Cpath d='M3.74316 12.4985L9.99261 6.24902L16.2421 12.4985' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10246'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(-0.00683594)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10243)'%3E%3Cpath d='M16.244 7.49805L9.99456 13.7475L3.74512 7.49805' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10243'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(-0.00488281)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2002_5636)'%3E%3Cpath d='M3.75 12H20.25' stroke='%23454A47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3.75V20.25' stroke='%23454A47' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2002_5636'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2002_5652)'%3E%3Cpath d='M3.75 12H20.25' stroke='%23E8F745' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2002_5652'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10253)'%3E%3Cpath d='M4.11426 11.2485L8.48887 15.6231L18.488 5.62402' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10253'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.989258)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15.625 4.37891L4.375 15.6289M15.625 15.6289L4.375 4.37891' stroke='%231D1E19' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='25' viewBox='0 0 32 25' fill='none'%3E%3Cpath d='M14.2889 4.98254V1.81612C14.2889 1.13979 13.7262 0.592722 13.0478 0.635122C2.37553 1.3021 0.257812 7.51721 0.257812 14.434V23.4266C0.257812 24.0928 0.800596 24.6328 1.47015 24.6328H13.0765C13.7461 24.6328 14.2889 24.0928 14.2889 23.4266V15.2624C14.2889 14.5963 13.7461 14.0562 13.0765 14.0562H7.43335C6.76379 14.0562 6.21747 13.5138 6.23303 12.8478C6.33527 8.47044 7.20662 6.5244 13.0941 6.20935C13.7548 6.17399 14.2889 5.64081 14.2889 4.98254Z' fill='%231D1E19'/%3E%3Cpath d='M31.2919 4.98254V1.81612C31.2919 1.13979 30.7293 0.592722 30.0508 0.635122C19.3786 1.3021 17.2608 7.51721 17.2608 14.434V23.4266C17.2608 24.0928 17.8036 24.6328 18.4732 24.6328H30.0796C30.7491 24.6328 31.2919 24.0928 31.2919 23.4266V15.2624C31.2919 14.5963 30.7491 14.0562 30.0796 14.0562H24.4364C23.7668 14.0562 23.2205 13.5138 23.2361 12.8478C23.3383 8.47045 24.2097 6.52441 30.0972 6.20935C30.7579 6.17399 31.2919 5.64081 31.2919 4.98254Z' fill='%231D1E19'/%3E%3C/svg%3E");
  --icon-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10307)'%3E%3Cpath d='M16.8934 9.99799L10.7067 16.1846C9.24241 17.649 6.86825 17.649 5.40392 16.1846C3.93958 14.7203 3.93958 12.3461 5.40392 10.8818L13.8001 2.48565C14.5322 1.75348 15.7193 1.75348 16.4515 2.48565C17.1836 3.21782 17.1836 4.4049 16.4515 5.13707L8.05533 13.5332' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10307'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.966797)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-file-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_5367_75955)'%3E%3Cpath d='M9.99835 5.00023L4.79147 10.2934C4.6085 10.4818 4.50704 10.7347 4.50902 10.9974C4.511 11.2601 4.61626 11.5114 4.80204 11.6972C4.98783 11.8829 5.23923 11.988 5.50191 11.9899C5.76459 11.9917 6.01745 11.8902 6.20585 11.7071L12.4127 5.4146C12.7878 5.03949 12.9986 4.53072 12.9986 4.00023C12.9986 3.46973 12.7878 2.96097 12.4127 2.58585C12.0376 2.21074 11.5288 2 10.9984 2C10.4679 2 9.95909 2.21074 9.58397 2.58585L3.3771 8.87898C2.82206 9.44313 2.51243 10.2038 2.51565 10.9952C2.51887 11.7866 2.83469 12.5447 3.3943 13.1043C3.95392 13.6639 4.712 13.9797 5.50341 13.9829C6.29482 13.9861 7.05544 13.6765 7.6196 13.1215L12.7484 8.00023' stroke='%23F8F9F3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5367_75955'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_7362_10297)'%3E%3Cpath d='M3.46289 4.3877H18.4743V15.6098H3.46289V4.3877Z' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M18.0406 4.7793L10.9757 11.2348L4.02051 4.77997' stroke='%231D1E19' stroke-width='1.5' stroke-linecap='square'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7362_10297'%3E%3Crect width='19.9982' height='19.9982' fill='white' transform='translate(0.969727)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-flower: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Cpath d='M8.52218 9.72203C8.2128 9.58732 7.98179 9.06887 7.63941 9.10561C7.19802 9.45668 7.43727 10.4364 7.12789 10.9385C6.69063 12.0652 5.0612 12.3714 4.23205 11.4978C3.89379 11.1712 3.66691 10.6732 3.77829 10.2119C3.80304 9.9588 4.02579 9.55466 3.78654 9.41178C3.11414 9.29748 2.31387 10.0649 1.53422 9.87715C-0.363334 9.65263 -0.598466 6.74609 1.43109 6.52974C2.27262 6.24806 0.981458 5.60716 0.71745 5.34181C-1.03573 3.9661 0.746322 1.24327 2.615 2.4067C3.12239 2.87207 3.44828 3.23131 3.60091 2.25974C3.57616 0.700331 4.9127 -0.585567 6.44312 0.283945C6.95051 0.602358 7.33827 1.22285 7.18564 1.81886C7.02476 2.41894 6.84738 2.91697 7.71366 2.57815C9.07082 1.75354 10.8818 2.08828 10.9808 3.88854C10.9808 4.45597 10.6796 5.10096 10.1392 5.32956C9.59471 5.53368 8.91819 5.5745 9.60709 6.18275C10.131 6.57872 10.7456 6.98286 10.9189 7.6401L10.9395 7.71358C11.3273 8.99539 9.77209 10.4119 8.52218 9.72203Z' fill='%231D1E19'/%3E%3C/svg%3E");
  --icon-asterisk: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M8 3.30876H5.6682L7.31797 1.65899L6.34101 0.682027L4.69124 2.3318V0H3.30876V2.32719L1.65899 0.682027L0.682027 1.65899L2.3318 3.30876H0V4.69124H2.3318L0.682027 6.33641L1.65899 7.31797L3.30876 5.6682V8H4.69124V5.6682L6.34101 7.31797L7.31797 6.33641L5.6682 4.69124H8V3.30876Z' fill='%231D1E19'/%3E%3C/svg%3E");
  --icon-cat-culture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M30.2897 22.8994C28.5367 23.73 25.1589 25.129 23.1493 25.4788C25.1589 22.0687 28.3657 18.7024 30.5463 15.2049C31.3586 13.9808 32.0428 12.0572 31.3586 10.4833C29.3063 6.06777 24.7313 7.86023 21.9949 9.2155C18.6171 10.9205 15.2393 13.1502 11.947 15.2924C14.8117 11.6637 17.8475 8.0351 19.7288 3.79441C19.7715 3.26979 20.1563 2.8326 19.6433 1.43361C19.6005 0.90899 18.3178 -0.00909814 17.8047 0.0346203C16.9923 -0.0965351 16.1372 0.165776 15.4958 0.471805C9.9802 3.31351 5.87554 7.51048 0.915735 11.1391L1.47158 14.8115C4.55007 12.4069 8.82576 9.43409 11.9898 7.29189C8.05614 11.7075 3.35288 15.5984 0.44541 21.0195C0.188868 21.5441 -0.0249164 22.4622 0.0178405 23.118C-0.195944 24.5607 1.55709 26.7903 2.8398 26.9215C3.56666 27.1838 4.63559 27.0964 5.27694 26.9215C10.1085 25.3476 14.4697 22.2436 18.8309 19.4019C17.2916 21.719 16.0517 24.2547 15.7951 27.4461C17.1634 35.6215 27.7243 30.8124 32 28.1893L30.2897 22.8557V22.8994Z' fill='%231D1E19'/%3E%3C/svg%3E");
  --icon-cat-nonprofit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M0.289397 16.9704C1.79661 24.386 10.5394 30.21 21.1904 31.9489V32C30.5351 22.641 34.2027 12.0546 30.6859 5.91757C28.7265 2.49105 23.5015 -1.39574 19.633 0.496513C17.0707 1.77506 14.5941 5.494 14.7951 9.53422C11.6802 5.23829 7.5356 3.3381 4.26997 4.71894C-0.10095 6.56005 -0.41397 13.3904 0.289397 16.9704Z' fill='%231D1E19'/%3E%3C/svg%3E");
  --icon-cat-education: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_7548_24015)'%3E%3Cpath d='M31.1993 32H0.772118C0.343164 32 0 31.6784 0 31.2764V0.723618C0 0.321608 0.343164 0 0.772118 0H31.1993C31.6282 0 31.9714 0.321608 31.9714 0.723618V3.26968C31.9714 3.67169 31.6282 3.9933 31.1993 3.9933H5.06166C4.63271 3.9933 4.28954 4.31491 4.28954 4.71692V27.2027C4.28954 27.6047 4.63271 27.9263 5.06166 27.9263H31.1993C31.6282 27.9263 31.9714 28.2479 31.9714 28.6499V31.196C31.9714 31.598 31.6282 31.9196 31.1993 31.9196V32Z' fill='%231D1E19'/%3E%3Cpath d='M31.2013 7.02148H8.03774C7.61131 7.02148 7.26562 7.34546 7.26562 7.7451V10.318C7.26562 10.7176 7.61131 11.0416 8.03774 11.0416H31.2013C31.6277 11.0416 31.9734 10.7176 31.9734 10.318V7.7451C31.9734 7.34546 31.6277 7.02148 31.2013 7.02148Z' fill='%231D1E19'/%3E%3Cpath d='M31.2013 13.9629H8.03774C7.61131 13.9629 7.26562 14.2869 7.26562 14.6865V17.2594C7.26562 17.659 7.61131 17.983 8.03774 17.983H31.2013C31.6277 17.983 31.9734 17.659 31.9734 17.2594V14.6865C31.9734 14.2869 31.6277 13.9629 31.2013 13.9629Z' fill='%231D1E19'/%3E%3Cpath d='M31.2013 20.877H8.03774C7.61131 20.877 7.26562 21.2009 7.26562 21.6006V24.1734C7.26562 24.5731 7.61131 24.8971 8.03774 24.8971H31.2013C31.6277 24.8971 31.9734 24.5731 31.9734 24.1734V21.6006C31.9734 21.2009 31.6277 20.877 31.2013 20.877Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7548_24015'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-cat-technology: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_7548_24011)'%3E%3Cpath d='M16.1016 0V32L8.25 26.271V5.72899L16.1016 0Z' fill='%231D1E19'/%3E%3Cpath d='M31.9991 0V32L19.1797 26.271V5.72899L31.9991 0Z' fill='%231D1E19'/%3E%3Cpath d='M4.68913 0V32L0 26.271V5.72899L4.68913 0Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7548_24011'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-cat-environment: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_7548_24012)'%3E%3Cpath d='M16.0175 25.2891C14.6084 25.2891 13.4219 27.4768 13.4219 29.4049C13.4219 30.814 14.5714 32.0005 16.0175 32.0005C17.4265 32.0005 18.6131 30.8511 18.6131 29.4049C18.6131 27.4768 17.4636 25.2891 16.0175 25.2891Z' fill='%231D1E19'/%3E%3Cpath d='M9.41898 22.5826C8.41782 21.5815 6.0447 22.286 4.67274 23.6579C3.67159 24.6591 3.67159 26.2906 4.67274 27.3288C5.6739 28.33 7.30542 28.33 8.34366 27.3288C9.71562 25.9569 10.4572 23.5838 9.41898 22.5826Z' fill='%231D1E19'/%3E%3Cpath d='M6.71147 16.0194C6.71147 14.6104 4.52375 13.4238 2.5956 13.4238C1.18656 13.4238 0 14.5733 0 16.0194C0 17.4285 1.14948 18.615 2.5956 18.615C4.52375 18.615 6.71147 17.4655 6.71147 16.0194Z' fill='%231D1E19'/%3E%3Cpath d='M9.41898 9.41898C10.4201 8.41782 9.71562 6.0447 8.34366 4.67274C7.3425 3.67159 5.71098 3.67159 4.67274 4.67274C3.67159 5.6739 3.67159 7.30542 4.67274 8.34366C6.0447 9.71562 8.41782 10.4572 9.41898 9.41898Z' fill='%231D1E19'/%3E%3Cpath d='M16.0175 6.71147C17.4265 6.71147 18.6131 4.52375 18.6131 2.5956C18.6131 1.18656 17.4636 0 16.0175 0C14.6084 0 13.4219 1.14948 13.4219 2.5956C13.4219 4.52375 14.5714 6.71147 16.0175 6.71147Z' fill='%231D1E19'/%3E%3Cpath d='M22.5815 9.41898C23.5827 10.4201 25.9558 9.71562 27.3277 8.34366C28.3289 7.3425 28.3289 5.71098 27.3277 4.67274C26.3266 3.67159 24.6951 3.67159 23.6568 4.67274C22.2849 6.0447 21.5433 8.41782 22.5815 9.41898Z' fill='%231D1E19'/%3E%3Cpath d='M25.2891 16.0194C25.2891 17.4285 27.4768 18.615 29.4049 18.615C30.814 18.615 32.0005 17.4655 32.0005 16.0194C32.0005 14.6104 30.8511 13.4238 29.4049 13.4238C27.4768 13.4238 25.2891 14.5733 25.2891 16.0194Z' fill='%231D1E19'/%3E%3Cpath d='M22.5807 22.5815C21.5795 23.5827 22.284 25.9558 23.656 27.3277C24.6571 28.3289 26.2887 28.3289 27.3269 27.3277C28.3281 26.3266 28.3281 24.6951 27.3269 23.6568C25.9549 22.2849 23.5818 21.5433 22.5807 22.5815Z' fill='%231D1E19'/%3E%3Cpath d='M16.013 19.2819C17.8152 19.2819 19.2761 17.821 19.2761 16.0189C19.2761 14.2168 17.8152 12.7559 16.013 12.7559C14.2109 12.7559 12.75 14.2168 12.75 16.0189C12.75 17.821 14.2109 19.2819 16.013 19.2819Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7548_24012'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-cat-brand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_7548_24009)'%3E%3Cpath d='M16.0257 10.6838C24.8764 10.6838 32.0514 8.29214 32.0514 5.34189C32.0514 2.39165 24.8764 0 16.0257 0C7.17494 0 0 2.39165 0 5.34189C0 8.29214 7.17494 10.6838 16.0257 10.6838Z' fill='%231D1E19'/%3E%3Cpath d='M16.0257 21.3674C24.8764 21.3674 32.0514 18.9757 32.0514 16.0255C32.0514 13.0752 24.8764 10.6836 16.0257 10.6836C7.17494 10.6836 0 13.0752 0 16.0255C0 18.9757 7.17494 21.3674 16.0257 21.3674Z' fill='%231D1E19'/%3E%3Cpath d='M16.0257 32.0002C24.8764 32.0002 32.0514 29.6085 32.0514 26.6583C32.0514 23.7081 24.8764 21.3164 16.0257 21.3164C7.17494 21.3164 0 23.7081 0 26.6583C0 29.6085 7.17494 32.0002 16.0257 32.0002Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7548_24009'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-cat-digital: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_7548_24014)'%3E%3Cpath d='M30.2379 0H1.76211C0.77533 0 0 0.77533 0 1.76211V30.2379C0 31.2247 0.77533 32 1.76211 32H30.2379C31.2247 32 32 31.2247 32 30.2379V1.76211C32 0.77533 31.2247 0 30.2379 0ZM27.7004 28.1233H15.5771V16H27.7004V28.1233Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7548_24014'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --icon-cat-brandanddigital: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_7548_24008)'%3E%3Cpath d='M25.7297 16.0541C29.3514 15.1892 32 12 32 8.10811C32 3.67568 28.3784 0 23.9459 0C20.0541 0 16.8649 2.7027 16 6.32432C15.1892 2.7027 12 0 8.10811 0C3.67568 0 0 3.67568 0 8.10811C0 12 2.7027 15.1892 6.32432 16.0541C2.7027 16.8108 0 20.0541 0 23.8919C0 28.3784 3.67568 32 8.10811 32C12 32 15.1892 29.3514 16 25.7297C16.8649 29.3514 20.0541 32 23.9459 32C28.3784 32 32 28.3784 32 23.8919C32 20.0541 29.3514 16.8108 25.7297 16.0541ZM23.1351 23.1351H8.86487V8.86487H23.1351V23.1351Z' fill='%231D1E19'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7548_24008'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --button-bg: var(--off-black);
  --button-hover: var(--off-black-tint);
  --button-text: var(--off-white);
  --button-padding: 8px 20px;
  --button-radius: 800px;
  --animation-curve: cubic-bezier(0, 0, 0, 1);
  --animation-curve-2: cubic-bezier(.89, 0, .15, 1);
  --animation-curve-3: cubic-bezier(.3, -.43, 0, 1);
  --animation-timing: .2s;
  --content-width: calc(100% - (var(--hpad) * 2));
  --vpad: 24px;
  --vpad-large: 40px;
  --hpad: 16px;
  --nav-height: 60px;
  --block-spacing: 104px;
  --tag-spacing: 12px;
  --tag-spacing-large: 36px;
  --small-padding: 16px


}
.large i,
.icons-large i,
.large .i,
.icons-large .i {
  --icon-size: 40px !important
}
i,
.i {
  --icon-size: 1em;
  display:inline-block;
  width:var(--icon-size);
  height:var(--icon-size);
  background-color:var(--text-color);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center
}
.i--cross {
  -webkit-mask-image:var(--icon-cross);
  mask-image:var(--icon-cross)
}
.i--plus {
  -webkit-mask-image:var(--icon-plus);
  mask-image:var(--icon-plus)
}
.i--minus {
  -webkit-mask-image:var(--icon-minus);
  mask-image:var(--icon-minus)
}
.i--chevron-down {
  -webkit-mask-image:var(--icon-chevron-down);
  mask-image:var(--icon-chevron-down)
}
.i--chevron-up {
  -webkit-mask-image:var(--icon-chevron);
  mask-image:var(--icon-chevron)
}
.i--arrow-up {
  -webkit-mask-image:var(--icon-arrow-up);
  mask-image:var(--icon-arrow-up)
}
.i--arrow-down {
  -webkit-mask-image:var(--icon-arrow-down);
  mask-image:var(--icon-arrow-down)
}
.i--arrow-left {
  -webkit-mask-image:var(--icon-arrow-left);
  mask-image:var(--icon-arrow-left)
}
.i--arrow-right {
  -webkit-mask-image:var(--icon-arrow-right);
  mask-image:var(--icon-arrow-right)
}
.i--arrow {
  -webkit-mask-image:var(--icon-arrow);
  mask-image:var(--icon-arrow)
}
.i--play {
  -webkit-mask-image:var(--video-play);
  mask-image:var(--video-play)
}
.i--pause {
  -webkit-mask-image:var(--video-pause);
  mask-image:var(--video-pause)
}
.i--replay {
  -webkit-mask-image:var(--video-replay);
  mask-image:var(--video-replay)
}
.i--mute {
  -webkit-mask-image:var(--video-mute);
  mask-image:var(--video-mute)
}
.i--unmute {
  -webkit-mask-image:var(--video-muted);
  mask-image:var(--video-muted)
}
.i--fullscreen {
  -webkit-mask-image:var(--video-fullscreen);
  mask-image:var(--video-fullscreen)
}
.i--speed {
  -webkit-mask-image:var(--video-speed);
  mask-image:var(--video-speed)
}
.i--playlist {
  -webkit-mask-image:var(--video-playlist);
  mask-image:var(--video-playlist)
}
.i--mail {
  -webkit-mask-image:var(--icon-mail);
  mask-image:var(--icon-mail)
}
.i--file {
  -webkit-mask-image:var(--icon-file);
  mask-image:var(--icon-file)
}
  
input[type=button],input[type=submit] {
    width: auto;
    min-width: 120px;
    border-radius: var(--button-radius);
    -moz-border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
    -o-border-radius: var(--button-radius);
    outline-color: var(--field-active);
    cursor: pointer
}

input[type=button]:hover,input[type=submit]:hover {
    outline-offset: 4px
}

input[type=button].btn--arrow,input[type=submit].btn--arrow, a.btn--arrow {
    background-image: var(--icon-arrow-dark);
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 48%;
    padding-right: 67px
}
  
  .btn .btn-icon, a.btn .btn-icon, button.btn .btn-icon, input[type="button"] .btn-icon, input[type="submit"] .btn-icon {
    background-color: var(--button-text);
    margin-bottom: -4px;
    -webkit-mask-image: var(--icon-arrow);
    mask-image: var(--icon-arrow);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
    height: ;
    width: 16px;
  }
  
  
 a.btn .btn-icon {
    transition: transform .3s ease-in-out;
  }
  
 a.btn:hover .btn-icon {
    transform: rotate(-45deg) !important;
  }
  
  .__header {
	  margin: 100px 0;
	
  }
  
  
.blocker {
/*
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #F8F9F3;
  z-index: 8999;
  top:0;
  display:none;*/
}


.fade-up:not(.hidden) {  
opacity: 0;
  animation: fadeUpIn 0.6s ease forwards;
}

.fade-up.slow:not(.hidden) {  
opacity: 0;
  animation: fadeUpIn 1.2s ease forwards;
}

@keyframes fadeUpIn {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#text1 .subheader.fade-up {
  animation-delay: 1.8s;
}

#text1 .description.fade-up {
  animation-delay: 2.2s;
}

#text2 .subheader.fade-up {
  animation-delay: .2s;
}

#text2 .description.fade-up {
  animation-delay: .6s;
}


 .hidden {
      display: none;
    }
    
      .text-wrapper {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
 
      text-align: center;
    }  
    
	a.cb.cc-link {
  	  margin-left: 50px; margin-top: -47px;
  	  width:100%;
  	  color: #fff;
    }

/*
	a.link:after, .link:after,  a.cc-link:after, .wysiwyg a:after, .link.rev:before  {
	    width: 16px;
	    height: 16px;
	    width: 1.05em;
	    height: 1.05em;
	    content: "";
	    display: inline-block;
	    vertical-align: middle;
	    line-height: 1em;
	    background-color: var(--text-color);
	    margin-left: .3em;
	    -webkit-mask: var(--icon-arrow);
	    mask: var(--icon-arrow);
	    -webkit-mask-size: 100%;
	    mask-size: 100%;
	    -o-transition: transform .15s var(--animation-curve);
	    -moz-transition: transform .15s var(--animation-curve);
	    -webkit-transition: transform .15s var(--animation-curve);
	    transition: transform .15s var(--animation-curve);
	}
	
	*/
	
	 a.cc-link:after {
	background-color: #fff !important;
	
}
	a:hover.link:after, .link:hover:after,  .link:hover:before, a:hover.cc-link:after,  .wysiwyg a:hover:after {
		background-color: #D24B29 !important;
		
	}
	
.box a:hover.cc-link:after, .box a.cc-link:hover:after, a:hover.cc-link.cb:after   {
		background-color: #fff !important;
		
		
	}

	.link.rev:after {
		display:none;
	}
	.link.rev:before {

		transform: rotateY(180deg);
	}


.h_ol {
	line-height: 50px;
	margin-top: -80px;
	margin-left: 30px;
	color: white;
	    font-family: var(--headingFontAlt);
	    font-size: var(--fs-h2);
	    font-style: normal;
	    max-width: 100%;
	    font-size: 34px;
	    font-weight: 400;
		position:absolute;
	    text-align: inherit;
	    text-wrap: balance;
	    text-rendering: optimizeLegibility;
}

.h_ol a{
	color: white;
}


.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 400 !important;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}


@media screen and (max-width: 991px) {


	.expand-inner {
	  height: 70%;
	  width: calc(100vw - 80px) !important;
	}
	

	.image-text h3, span.subtext {
	  margin-left: 0 !important;
  }

.top__hero, .fs_ {
height: 50vh !important;

}
/*
.buffered__top.z-upper {
  top: calc(50vh - 40px) !important;
}
*/
footer {
  margin-top: 0 !important;
}

}


/* NEWER FOO ---------------------------------------------- */


	.project__grid {
		    margin-bottom: 50px;
	}
	
	/* 1. Base styles for the links */
	.project__grid #pill__holder a, .panel_h #pill__holder a, 	.project__grid 
	.pill__holder a, .panel_h .pill__holder a {
	  display: inline-block;
	  opacity: 0;
	  transform: translateX(5px);
	  transition: opacity 0.6s ease, transform 0.6s ease;
	  transition: opacity .6s cubic-bezier(0.4, 0, 0.2, 1), border-color .6s cubic-bezier(0.4, 0, 0.2, 1)
	  cubic-bezier(0.4,0,0.2,1), color .6s cubic-bezier(0.4, 0, 0.2, 1);


	  
	}




	/* 2. Hover effect triggered by the parent DIV */
	.project__grid:hover #pill__holder a, .panel_h:hover #pill__holder a, 	.project__grid:hover .pill__holder a, .panel_h:hover .pill__holder a  {
	  opacity: 1;
	  transform: translateY(0);
  }
	
	
.project__grid #pill__holder a span.cat.pill, .panel_h #pill__holder a span.cat.pill , 
.project__grid .pill__holder a span.cat.pill, .panel_h .pill__holder a span.cat.pill
{

  color:  var(--black);
  border-color:  var(--black);
}
	
	
	
	/* 2. Hover effect triggered by the parent DIV */
	.project__grid:hover #pill__holder a span.cat.pill, .panel_h:hover #pill__holder a span.cat.pill,.project__grid:hover .pill__holder a span.cat.pill, .panel_h:hover .pill__holder a span.cat.pill  {

	  color:  var(--brick-red);
	  border-color:  var(--brick-red);
	}
	
	
	
	.project__grid .tile-project__excerpt, .project__grid h4, .project__grid p, .project__grid p em {
		transition: color .4s cubic-bezier(0.4, 0, 0.2, 1), border-color .4s cubic-bezier(0.4, 0, 0.2, 1);
		
	}
	

	.project__grid:hover .tile-project__excerpt,.project__grid:hover h4, .project__grid:hover p em {
	color: #D24b29;
	}
	
p.h2.description, .animated-text {
	
	font-optical-sizing: auto;
	 font-size: 70px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: 77px}


@media only screen and (min-width: 1500px) {
    .container-fluid.hug {
        padding-left: 127px;
        padding-right: 127px;
    }
}


	.__header {
	    margin: 30px 0;
	}
	
.project__grid	.zoom_hold {overflow: hidden;
    aspect-ratio: 100 / 113;
    width: 100%;
    margin-bottom: 20px;
}
	
	.lazy-img {
		background: #ededed;
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
	}
	
	
	h4, h3 {
		
		  font-size: 30px;
		  font-weight: 500;
		  line-height: 1;
		  margin-bottom: 15px;

	     	 font-family: var(--textFont);
	  	 font-style: normal;
		
	 
	}
	
	h4.small {display:block;
	font-weight: 400;
			  font-size: 18px;		
			  margin-top:0;
			  margin-bottom: 10px;
			  line-height: 1.4em;
font-size: 20px;
font-weight: 500;
	}
	
	.h2, h2, h1, .h1, .subheader, h1.subheader, h3 ,.h3 {
		
    	 font-family: var(--textFont);
 	 font-style: normal;
	}
	
	.tile-project__excerpt {
		margin-top: 10px;
		margin-bottom: 5px !important;
		
	}
	.row {

			        --bs-gutter-x: 30px;
		
	}
	
	.head__hold {
margin: 22px 0 0;	}
	
	
.project-next.title {
font-size: 48px;
 font-weight: 400;
 margin-bottom: 50px;
}
	
.project-next.title a {
	font-size: 24px;
	color: #fff;
	  font-weight: 600;
}	
	

	@media screen and (min-width: 992px) and (max-width: 1800px) { 
	.col-lg-4{
	width: 33.333333%
	} 
	
	
	
	}
	
	

.menu-filter {padding:0;
margin:0;
display: flex;
flex-wrap: wrap;
gap: 22px;
margin: 120px 0 0;
max-width: var(--unit-max-width);
padding: 0 var(--unit-gap);
position: relative;
width: -moz-fit-content;
width: fit-content;list-style: none;

font-weight: 500;

}

.menu-filter a {
padding:0;
margin:0;
display: flex;
font-weight: 500;
list-style: none;
}

h1, .h1 {


}


	.row.ft {
	        --bs-gutter-x: 150px;
	    }


		/* test red things */
		
		
		
		.text_hold_ *, .head__hold *, .tile-project__excerpt, .synopsis.wysiwyg.h2 p, .h1.description.mega, .__header h3, .__header p, .__header li, .synopsis.wysiwyg, .wysiwyg a, .subheader, h2, a, h4, h1 {
			color: var(--brick-red);
			
		}
		.panel_h h3, 	.panel_h .tile-project__excerpt {
		
		transition: color .4s cubic-bezier(0.4, 0, 0.2, 1), border-color .4s cubic-bezier(0.4, 0, 0.2, 1);
	}
		.panel_h:hover h3, 	.panel_h:hover .tile-project__excerpt {
			color: var(--brick-red);
			transition: color .4s cubic-bezier(0.4, 0, 0.2, 1), border-color .4s cubic-bezier(0.4, 0, 0.2, 1);
		}
		
		
		.project__grid:hover    h4, .project__grid:hover p.tile-project__excerpt, .hover__box:hover h4, .hover__box:hover p.tile-project__excerp, .hover__box:hover a {
			 
			 	 color:#204bff !important

			 }
		
		
			 .project__grid:hover #pill__holder a span.cat.pill, .panel_h:hover #pill__holder a span.cat.pill, .project__grid:hover .pill__holder a span.cat.pill, 
			 .panel_h:hover .pill__holder a span.cat.pill, .panel_h:hover h3, .panel_h:hover .text_hold_ *, .project__grid:hover p, .project__grid:hover p em {
			     color: var(--text-color);
			     border-color: var(--text-color);
				 
			     color: #204bff;
			     border-color: #204bff
			 }
			 
			 .project__grid #pill__holder a span.cat.pill, .panel_h #pill__holder a span.cat.pill, .project__grid .pill__holder a span.cat.pill, .panel_h .pill__holder a span.cat.pill {
	 			color: var(--brick-red);
			     border-color: var(--brick-red);
			 }
			 
			 
			 .tight {
			 	
				 max-width:1200px !important;
			 }
			 
			 .loose {
				 max-width: 1320px;
			 }
		
		/*
		this is bs lg? 
		*/
		@media screen and (max-width: 991px) { 
		
		
			.buffered__top {
			  position: relative;
			  z-index: 10;
			  margin-top: -50vh !important;
			  top:0;
			}
		
		
			.fixed-top {
			
			    max-width: 100vw;
			}
		
		
		
			.navbar-brand {
			  margin-left: 0px;
			}
			
			.image-wrapper {
				height: 80vh !important;
			  width: calc(100% - 50px) !important;
			  flex: none;
			}
		#mainNavbar .container-fluid, .container {
			  padding-left: 20px !important;
			  padding-right: 20px !important;
			}	
			
			.image-section {
  			  padding-left: 0px !important;
  			  padding-right: 0px !important;	
				
			}
			
			
			.image-text {
				padding-left: 40px !important;
				max-width: calc(100% - 40px) !important;
			}
			.image-text h3 {
				font-size: 36px !important;
			}
	
	
			.project-next.title {
			  font-size: 24px;
			  font-weight: 400;
			  margin-bottom: 50px;
			}
	
	
		
		}
		
		
		
		.footer *, .panel p {
color: white
}





footer a, footer p, .panel p {
font-weight: 500;color: white
}

footer .roll-link span::after {

  color: var(--brick-red);color: white

}

@media screen and (max-width: 991px) {
  .image-text h3 {
    font-size: 36px !important;
  }




.image-text {
 
  width: calc(100vw - 80px ) !important ;
 
}

  .expand-inner {

    width: calc(100vw - 40px) !important;
  }

.container-fluid, .container {
  padding-left: 20px;
  padding-right: 20px;
}

.section-services .text__block {
  
  font-size: 30px !important;
  
}

.expand-sticky {
	/*
  height: calc(80vh - 90px - 40px) !important;;
*/
}

.project__grid.home_card {
margin-top: 30px !important;
}
.col.text-center.subheader {
padding: 40px 0 20px 0 !important
}

 .img_hold_ {
    margin: 30px 10px 0 30px;
    overflow: hidden;
  }

.h1pt5 {
	font-size: 36px !important;
	
}
	

}

@media screen and (min-width: 767px) {

.vlist .roll-link span:after {
	left:auto;
    right: 0;
  
}

.home_card .roll-link span::after {

  right: 0;

}

}

@media screen and (max-width: 767px) {


.col-xs-12.col.text-end.btt__spacer .text-end
{
	text-align: left !important;
}

}

@media screen and (max-width: 1200px) {

.tight {
	
 max-width:900px !important;
}
}


.offcanvas-body .navbar-nav a.nav-link span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: white;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 1;

  transition:
    transform 0.65s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.25s ease;
}

/* ONLY visible on hover or active */
.offcanvas-body .navbar-nav a:hover::after,
.offcanvas-body .navbar-nav a.active::after {
  transform: scaleX(1);
  opacity: 1;
  background: white
}

.navlink a:hover, a.nav-link:hover {
    color: white !important;
}

a.cc-btn:hover {
	color: white!important
	;
}