@charset "utf-8";
/* CSS Document */

/*LOADER*/
.content_loading{height:100svh; position:absolute; top:0; left:0; z-index:9999; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:0 70px;}
.content_loading.opacity.hide{pointer-events:none;}

	/*Background*/
	.content_loading .content_background{height:100%; position:absolute; top:0; left:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1); z-index:1; clip-path:inset(0 0 0 0); background:var(--custom-red-2); }
	.content_loading.opacity .content_background{background:var(--custom-red-05);}
	.content_loading.opacity.hide .content_background{clip-path:inset(0 0 0 100%);}

	/*Lottie Animation*/
	.content_loading .big_logo{width:450px; height:450px; display:block; margin-bottom:40px; z-index:31;}

	/*Big Logo Whie*/
	.content_loading .big_logo_white_bottom{width:705px; position:absolute; bottom:-5px; left:0px; right:0; margin:auto; z-index:31; justify-content:center; transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); transform:translateY(-160px) scale(1);}
	.content_loading .big_logo_white_bottom.show{width:calc(100% - 160px); transform:translateY(0) scale(1); left:65px;}

		.content_loading .big_logo_white_bottom img{width:100%;}

	/*Percentage*/
	.content_loading .loading_percent{font-family:'HaasGrot_400', sans-serif; color:var(--white); font-weight:400; font-size:2rem; position:absolute; bottom:15px; left:15px; z-index:31; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
	.content_loading.opacity .loading_percent{opacity:0;}

/*COURTAIN*/
.curtain{position:fixed; z-index:999; pointer-events:none; top:0; left:0; width:100%; height:100%}
.curtain.animating{pointer-events:all;}

	/*Wave*/
	.curtain .wave{top:0; left:0; width:100%; height:100%; position:absolute; display:flex; justify-content:center; align-items:center;}

	.curtain .wave:nth-child(1){background-color:var(--letter02); transition-delay:0.22s}
	.curtain .wave:nth-child(2){background-color:var(--letter03); transition-delay:0.13s}
	.curtain .wave:nth-child(3){background-color:var(--letter04); transition-delay:0.05s}
	.curtain .wave:nth-child(4){background-color:var(--custom-red); transition-delay:0s}

		/*Animations*/
		.curtain .wave{transform:scaleX(0); transform-origin:right; will-change:transform; transition:transform 0.8s cubic-bezier(.19,1,.22,1);}
		.curtain.animating .wave{transform:scaleX(1); transform-origin:left}

			/*Delays*/
			.curtain.animating .wave:nth-child(1){transition-delay:0s}
			.curtain.animating .wave:nth-child(2){transition-delay:0.05s}
			.curtain.animating .wave:nth-child(3){transition-delay:0.13s}
			.curtain.animating .wave:nth-child(4){transition-delay:0.22s}

		/*Logo*/
		.curtain .loading_bar{width:200px; height:30px; aspect-ratio: 1540 / 220; background:var(--black-01);  position:absolute; top:0; bottom:0px; left:0; right:0; margin:auto; overflow:hidden; -webkit-mask-image:url('../../img/big_logo.png'); mask-image:url('../../img/big_logo.png'); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-position:center; mask-position:center;}

			.curtain .loading_fill{display:block; height:100%; width:0%; background:var(--white); transition:width 0.5s ease; transform-origin:left center; transform:skewX(-11deg);}


/*COLORS*/
:root{

	/*White*/
	--white-00:rgba(250,250,250,0);
	--white-01:rgba(250,250,250,0.1);
	--white-02:rgba(250,250,250,0.2);
	--white-03:rgba(250,250,250,0.3);
	--white-04:rgba(250,250,250,0.4);
	--white-05:rgba(250,250,250,0.5);
	--white-06:rgba(250,250,250,0.6);
	--white-07:rgba(250,250,250,0.7);
	--white-08:rgba(250,250,250,0.8);
	--white-09:rgba(250,250,250,0.9);
	--white:#FFFFFF;

	/*Black*/
	--black-00:rgba(0,0,0,0);
	--black-01:rgba(0,0,0,0.1);
	--black-02:rgba(0,0,0,0.2);
	--black-03:rgba(0,0,0,0.3);
	--black-04:rgba(0,0,0,0.4);
	--black-05:rgba(0,0,0,0.5);
	--black-06:rgba(0,0,0,0.6);
	--black-07:rgba(0,0,0,0.7);
	--black-08:rgba(0,0,0,0.8);
	--black-09:rgba(0,0,0,0.9);
	--black:#000000;

	--soft-gray:#CCCCCC;
	--gray:#999999;
	--dark-gray:#333333;

	--warning:#df0b5b;
	--warning-toast:#dd6464;

	/*Custom*/
	--custom-red:#EB2A24;
	--custom-red-2:#EB2A24;
	--custom-red-02:rgba(235, 49, 36, 0.20);
	--custom-red-05:rgba(235, 42, 36, 0.5);

	--gray-button:rgba(198, 197, 188, 0.55);

	--background-work:#DDDCD2;
	--background-directors:#CACACA;

	/*Letters*/
	--letter01:#FFFFFF;
	--letter02:#FFA09E;
	--letter03:#FF7D79;
	--letter04:#FF4A44;
	--letter05:#AD0702;

	/*Marquee*/
	--space:0px;
	--space-05:0.5rem;
	--space-0:0rem;

}

/*FONT FAMILY*/
@font-face {
    font-family: 'HaasGrot_700';
    src: url('fonts/HaasGrotDisp-75Bold.woff2') format('woff2'),
        url('fonts/HaasGrotDisp-75Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HaasGrot_500';
    src: url('fonts/HaasGrotDisp-65Medium.woff2') format('woff2'),
        url('fonts/HaasGrotDisp-65Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HaasGrot_400';
    src: url('fonts/HaasGrotDisp-55Roman.woff2') format('woff2'),
        url('fonts/HaasGrotDisp-55Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/*GENERICS*/

html{width:100%; height:100%; overflow:hidden;}

body{width:100%; height:100%; background:var(--white); font-size:1rem; font-family:'HaasGrot_500', Arial, Helvetica, sans-serif; font-weight:500; color:var(--black); -webkit-font-smoothing:antialiased;}

a{color:var(--black); text-decoration:none; transition: all 0.35s ease-in-out;}

header, section, article, aside, footer, nav, figure, div, a{box-sizing:border-box; position:relative;}

img{vertical-align:top}

	.ScrollSmoother-wrapper{z-index:2; pointer-events:none;}

	/*Letters Colors*/
	.letters_color{transition:color 3s ease; transition-delay:1s; display:inline-block; color:var(--black); position:relative;}
	.letters_color:hover{transition:none;}

			/*Colors*/
			.letters_color.color01:hover{color:var(--letter01) !important;}
			.letters_color.color02:hover{color:var(--letter02) !important;}
			.letters_color.color03:hover{color:var(--letter03) !important;}
			.letters_color.color04:hover{color:var(--letter04) !important;}
			.letters_color.color05:hover{color:var(--letter05) !important;}

/*LAYOUT*/
.row{width:100%; display:flex; flex-wrap:wrap;}

.center_content{width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}

	/*Wrapper Background*/
	.home .wrapper{background:var(--custom-red);}
	
	.work .wrapper{background:var(--background-work);}

	.work_detail .wrapper{background:var(--background-work);}
	
	.about .wrapper{background:var(--white);}
	
	.directors .wrapper,
	.director .wrapper{background:var(--background-work);}

	.contact .wrapper{background:var(--custom-red-2);}


/*MENU*/
.content_menu{width:65px; height:100vh; position:fixed; top:0; left:0; z-index:99999; background:var(--custom-red); display:flex; align-items:center; justify-content:center; transform:translateX(-70px); transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1)}
.content_menu.show{transform:translateX(0);}

	.content_menu::before{width:50vw; height:100%; position:absolute; top:0; right:calc(-100vw + 65px); pointer-events:none; content:'';}
	.content_menu.open::before{pointer-events:all;}


	/*Burger*/
	.btn_burger{width:65px; height:65px; position:absolute; top:25px; left:0; right:0; margin:auto; z-index:3;}
	
		.btn_burger .lottie-box{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; transition:opacity .2s ease; inset:0;}

	.btn_burger_mobile{display:none;}

	/*Logo*/
	.content_menu .logo{z-index:3; position:relative;}

		.content_menu .logo svg{width:20px; fill:var(--black); transition:0.35s cubic-bezier(0.25, 0.1, 0.1, 1);}

			.content_menu .logo:hover svg{fill:var(--black-01);}

	/*Social*/
	.content_menu .content_social{width:24px; position:absolute; bottom:25px; left:0; right:0; margin:auto; z-index:3;}

		.content_menu .content_social li{justify-content:center; margin:0 0 15px;}
		.content_menu .content_social li:last-child{margin:0;}

			.content_menu .content_social li svg{fill:var(--black); transition:0.35s cubic-bezier(0.25, 0.1, 0.1, 1);}

				.content_menu .content_social li:hover svg{fill:var(--black-01);}

	/*Big Navigation*/
	.content_menu .content_big_navigation{width:50vw; height:100%; position:absolute; top:0; left:0; background:var(--custom-red); padding:60px 0 60px 110px; clip-path:inset(0 100% 0 0); pointer-events:none; transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); display:flex; flex-wrap:wrap; align-content:space-between;}
	.content_menu.open .content_big_navigation{clip-path:inset(0 0 0 0); pointer-events:all;}

		/*Big Links*/
		.content_menu .content_big_navigation .content_links{line-height:0.85;}

			.content_menu .content_big_navigation .content_links .item{margin:0 0 20px;}
			.content_menu .content_big_navigation .content_links .item:last-child{margin:0;}

				.content_menu .content_big_navigation .content_links .item{opacity:0; transform:translateX(-50px); transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}
				.content_menu.open .content_big_navigation .content_links .item{opacity:1; transform:translateX(0);}

					/*Delay*/
					.content_menu .content_big_navigation .content_links .item:nth-child(1),
					.content_menu .content_big_navigation .content_links .item:nth-child(2),
					.content_menu .content_big_navigation .content_links .item:nth-child(3),
					.content_menu .content_big_navigation .content_links .item:nth-child(4){transition-delay:0s;}

					.content_menu.open .content_big_navigation .content_links .item:nth-child(1){transition-delay:0.3s;}
					.content_menu.open .content_big_navigation .content_links .item:nth-child(2){transition-delay:0.5s;}
					.content_menu.open .content_big_navigation .content_links .item:nth-child(3){transition-delay:1.2s;}
					.content_menu.open .content_big_navigation .content_links .item:nth-child(4){transition-delay:1.4s;}

				/*Link*/
				.content_menu .content_big_navigation .content_links .item .link{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:5rem; color:var(--black); text-transform:uppercase;}

					.content_menu .content_big_navigation .content_links .item.active .link{color:var(--white)}

				/*Hover*/
				.content_menu .content_big_navigation .content_links a{position:relative; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1);}

					.content_menu .content_big_navigation .content_links .active a{pointer-events:none;}

					.content_menu .content_big_navigation .content_links a:hover{transform:translateX(25px);}

						.content_menu .content_big_navigation .content_links a svg{position:absolute; right:-40px; top:-10px; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); opacity:0; transform:scale(0.6) rotate(90deg);}
						.content_menu .content_big_navigation .content_links a:hover svg{opacity:1; transform:scale(1) rotate(0deg);}

						.content_menu .content_big_navigation .content_links .active svg{opacity:1; transform:scale(1) rotate(0deg);}

							.content_menu .content_big_navigation .content_links .item.active .link svg path{fill:var(--white) !important;}
							
							.content_menu .content_big_navigation .content_links .item.active .content_submenu li svg path{fill:var(--black) !important;}
							.content_menu .content_big_navigation .content_links .item .content_submenu li.active svg path{fill:var(--white) !important;}

				/*Submenu*/
				.content_menu .content_big_navigation .content_links .item .content_submenu{padding:0 0 0 60px; box-sizing:border-box; margin:15px 0 0; opacity:0; transition:all 0.5s ease-in-out; transition-delay:0s;}
				.content_menu.open .content_big_navigation .content_links .item .content_submenu{opacity:1; transition-delay:1s;}

					.content_menu .content_big_navigation .content_links .item .content_submenu li{margin:0 0 15px;}
					.content_menu .content_big_navigation .content_links .item .content_submenu li:last-child{margin:0;}

						.content_menu .content_big_navigation .content_links .item .content_submenu li a{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:5rem; color:var(--black); pointer-events:all;}
						
						.content_menu .content_big_navigation .content_links .item .content_submenu li.active a{pointer-events:none; color:var(--white);}

							.content_menu .content_big_navigation .content_links .item.active .content_submenu li a svg{opacity:0; transform:scale(0.6) rotate(90deg);}

							.content_menu .content_big_navigation .content_links .item .content_submenu li a:hover svg{opacity:1; transform:scale(1) rotate(0deg);}

							.content_menu .content_big_navigation .content_links .item .content_submenu li.active a svg{opacity:1; transform:scale(1) rotate(0deg);}


		/*Contact*/
		.content_menu .content_big_navigation .content_contact{justify-content:flex-start; flex-wrap:nowrap; align-items: flex-start;}

			.content_menu .content_big_navigation .content_contact div{margin:0 50px 0 0; display:flex; flex-wrap:wrap; align-items:flex-start; flex-direction: column;}
			.content_menu .content_big_navigation .content_contact div:last-child{margin:0;}

				/*Headings*/
				.content_menu .content_big_navigation .content_contact div h4{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:1.125rem; color:var(--black); margin:0 0 5px;}

				/*Txt*/
				.content_menu .content_big_navigation .content_contact div span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:1.125rem; color:var(--black); margin:0 0 5px;}

				/*Link*/
				.content_menu .content_big_navigation .content_contact div .link{position:relative; font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:1.125rem; color:var(--black); margin:0 0 5px;}

					.content_menu .content_big_navigation .content_contact div .link::before{width:100%; height:1px; background:var(--black); position:absolute; bottom:-1px; left:0; right:0; margin:auto; transform:scale(1.0); transform-origin:center; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); content:'';}

					.content_menu .content_big_navigation .content_contact div .link:hover::before{transform:scaleX(0);}

				/*Animation*/
				.content_menu .content_big_navigation .content_contact div{opacity:0; transition:all 1s ease-in-out; transition-delay:0s;}
				.content_menu.open .content_big_navigation .content_contact div{opacity:1;}
				
					/*Delay*/
					.content_menu .content_big_navigation .content_contact div:nth-child(1),
					.content_menu .content_big_navigation .content_contact div:nth-child(2){transition-delay:0s;}

					.content_menu.open .content_big_navigation .content_contact div:nth-child(1){transition-delay:1.6s;}
					.content_menu.open .content_big_navigation .content_contact div:nth-child(2){transition-delay:1.8s;}


/*HOME*/
.home{}

	/*Hero*/
	.home .content_hero{height:100vh; z-index:3; pointer-events:all; overflow:hidden;}

		.home .content_hero article{height:100%; position:0 0 0 65px; overflow:hidden;}

			/*Video*/
			.home .content_hero article .content_bg_video{height:100%;}

				.home .content_hero article .content_bg_video video{width:100%; height:100%; object-fit:cover;}


	/*Animation Text*/
	.home .content_animation_text{pointer-events:all; z-index:3; padding:80px 0 220px;}

		.home .content_animation_text article{padding:0 70px 0 100px; align-content:flex-start;}

			.home .content_animation_text article div{display:inline-block; margin:0 20px 0 0;}

		/*Letters*/
		.home .content_animation_text article span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:5rem; letter-spacing:-6px; line-height:1.3;}

		/*Intro Animations*/

			.home .content_animation_text article h2{transform:translateY(50px); opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.home .content_animation_text.is-inview article h2{transform:translateY(0); opacity:1;}

	/*Call Actions*/
	.home .content_call_actions{height:100vh; pointer-events:all; z-index:3;}

		.home .content_call_actions article{height:100%; padding:0 0 0 65px; overflow:hidden;}

			/*Links*/
			.home .content_call_actions article .content_links{height:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:center; position:relative; z-index:4; padding:0 0 0 140px; box-sizing:border-box;}

				.home .content_call_actions article .content_links li{margin:0;}
				.home .content_call_actions article .content_links li:last-child{margin:0;}

					.home .content_call_actions article .content_links li a{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:5.125rem; color:var(--white); text-transform:uppercase; font-variation-settings:'wght' 400;}
					.home .content_call_actions article .content_links li a:hover{font-family:'HaasGrot_700', sans-serif; font-weight:700; color:var(--custom-red);}

			/*Videos*/
			.home .content_call_actions article .content_videos{height:100%; position:absolute; top:0; left:0; z-index:2;}

				.home .content_call_actions article .content_videos video{width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; opacity:0; transition:all 0.5s ease-in-out; font-variation-settings: 'wght' 700;}

				.home .content_call_actions article .content_videos video.fixed{z-index:3; opacity:1;}
				.home .content_call_actions article .content_videos video.active{z-index:4; opacity:1;}

	/*Brands*/
	.home .content_brands{pointer-events:all; z-index:3; padding:250px 0 230px;}

		.home .content_brands article{padding:0 70px 0 100px; align-content:flex-start;}

		/*Heading*/
		.home .content_brands h3{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:5rem; margin:0 0 35px;}

		/*Grid*/
		.home .content_brands .content_grid{display:grid; grid-template-columns:repeat(9, minmax(0, 1fr)); gap:0; border: 1px solid var(--black); }

			.home .content_brands .content_grid li{aspect-ratio:1; display:flex; justify-content:center; align-items:center; border-top:1px solid var(--black); border-left:1px solid var(--black); box-sizing:border-box;}

			.home .content_brands .content_grid li:nth-child(9n + 1){border-left:none;}
			.home .content_brands .content_grid li:nth-child(-n + 9){border-top:none;}

			.home .content_brands .content_grid li{padding:30px;}
			.home .content_brands .content_grid li.prime{padding:60px;}
			.home .content_brands .content_grid li.hbo{padding:50px;}
			.home .content_brands .content_grid li.tommy{padding:50px;}
			.home .content_brands .content_grid li.juventus{padding:60px;}
			.home .content_brands .content_grid li.publicis{padding:50px;}
			.home .content_brands .content_grid li.javelin{padding:50px;}

				.home .content_brands .content_grid li img{width:100%; height:100%; object-fit:contain;}

		/*Intro Animations*/

			.home .content_brands h3{transform:translateY(50px); opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.home .content_brands.is-inview h3{transform:translateY(0); opacity:1;}

			.home .content_brands .content_grid{opacity:0; transition:all 0.75s ease-in-out;}
			.home .content_brands.is-inview .content_grid{opacity:1; transition-delay:0.3s;}

				.home .content_brands .content_grid li img{opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
				.home .content_brands.is-inview .content_grid li img{opacity:1; transition-delay:0.6s;}

					.home .content_brands .content_grid li:nth-child(1) img{transition-delay:0.6s;}
					.home .content_brands .content_grid li:nth-child(2) img{transition-delay:0.7s;}
					.home .content_brands .content_grid li:nth-child(3) img{transition-delay:0.8s;}
					.home .content_brands .content_grid li:nth-child(4) img{transition-delay:0.9s;}
					.home .content_brands .content_grid li:nth-child(5) img{transition-delay:1s;}
					.home .content_brands .content_grid li:nth-child(6) img{transition-delay:1.1s;}
					.home .content_brands .content_grid li:nth-child(7) img{transition-delay:1.2s;}
					.home .content_brands .content_grid li:nth-child(8) img{transition-delay:1.3s;}
					.home .content_brands .content_grid li:nth-child(9) img{transition-delay:1.4s;}
					.home .content_brands .content_grid li:nth-child(10) img{transition-delay:1.5s;}
					.home .content_brands .content_grid li:nth-child(11) img{transition-delay:1.6s;}
					.home .content_brands .content_grid li:nth-child(12) img{transition-delay:1.7s;}
					.home .content_brands .content_grid li:nth-child(13) img{transition-delay:1.8s;}
					.home .content_brands .content_grid li:nth-child(14) img{transition-delay:1.9s;}
					.home .content_brands .content_grid li:nth-child(15) img{transition-delay:2s;}
					.home .content_brands .content_grid li:nth-child(16) img{transition-delay:2.1s;}
					.home .content_brands .content_grid li:nth-child(17) img{transition-delay:2.2s;}
					.home .content_brands .content_grid li:nth-child(18) img{transition-delay:2.3s;}

	/*Accolades*/
	.home .content_accolades{pointer-events:all; z-index:3; padding:0 0 230px;}

		.home .content_accolades article{padding:0 70px 0 100px; align-content:flex-start;}

		/*Heading*/
		.home .content_accolades h3{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:5rem; margin:0 0 35px;}

		/*Grid*/
		.home .content_accolades .content_grid{display:grid; grid-template-columns:repeat(8, minmax(0, 1fr)); gap:0; border: 1px solid var(--black); }

			.home .content_accolades .content_grid li{padding:20px; aspect-ratio:13 / 9; display:flex; justify-content:center; align-items:center; border-top:1px solid var(--black); border-left:1px solid var(--black); box-sizing:border-box;}

			.home .content_accolades .content_grid li:nth-child(8n + 1){border-left:none;}
			.home .content_accolades .content_grid li:nth-child(-n + 8){border-top:none;}

				.home .content_accolades .content_grid li img{width:100%; height:100%; object-fit:contain;}

		/*Intro Animations*/

			.home .content_accolades h3{transform:translateY(50px); opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.home .content_accolades.is-inview h3{transform:translateY(0); opacity:1;}

			.home .content_accolades .content_grid{opacity:0; transition:all 0.75s ease-in-out;}
			.home .content_accolades.is-inview .content_grid{opacity:1; transition-delay:0.3s;}

				.home .content_accolades .content_grid li img{opacity:0; transition:all 0.75s ease-in-out;}
				.home .content_accolades.is-inview .content_grid li img{opacity:1; transition-delay:0.6s;}

					.home .content_accolades .content_grid li:nth-child(1) img{transition-delay:0.6s;}
					.home .content_accolades .content_grid li:nth-child(2) img{transition-delay:0.7s;}
					.home .content_accolades .content_grid li:nth-child(3) img{transition-delay:0.8s;}
					.home .content_accolades .content_grid li:nth-child(4) img{transition-delay:0.9s;}
					.home .content_accolades .content_grid li:nth-child(5) img{transition-delay:1s;}
					.home .content_accolades .content_grid li:nth-child(6) img{transition-delay:1.1s;}
					.home .content_accolades .content_grid li:nth-child(7) img{transition-delay:1.2s;}
					.home .content_accolades .content_grid li:nth-child(8) img{transition-delay:1.3s;}

/*WORK LIST*/
.work{}

	.work .content_grid{min-height:100vh; pointer-events:all; z-index:3; padding:25px 0 0; overflow:hidden;}

		/*Article*/
		.work .content_grid .content_article{padding:0 30px 0 100px; align-content:flex-start;}

			/*Navigation List*/
			.work .content_grid .content_article .content_list_navigation{justify-content:flex-end; margin:0 0 15px; z-index:20;}

				.work .content_grid .content_article .content_list_navigation ul{display:flex; align-content:center; transition:all 0.5s ease-in-out;}
				.work .content_grid .content_article .content_list_navigation.hide ul{opacity:0; pointer-events:none;}

					.work .content_grid .content_article .content_list_navigation ul li{margin:0 5px 0 0; position:relative;}
					.work .content_grid .content_article .content_list_navigation ul li:last-child{margin:0;}

						.work .content_grid .content_article .content_list_navigation ul li a{width:120px; border-radius:18px; height:50px; display:flex; justify-content:center; align-items:center; background:var(--gray-button); backdrop-filter:blur(4px);}
						
						.work .content_grid .content_article .content_list_navigation ul li a:hover,
						.work .content_grid .content_article .content_list_navigation ul li.active a{background:var(--black-05);}

						.work .content_grid .content_article .content_list_navigation ul li.active a{pointer-events:none;}

							.work .content_grid .content_article .content_list_navigation ul li a span{font-weight:500; font-size:1.125rem; transition:all 0.35s ease-in-out;}
							
							.work .content_grid .content_article .content_list_navigation ul li a:hover span,
							.work .content_grid .content_article .content_list_navigation ul li.active a span{color:var(--background-work);}


			/*Heading*/
			.work .content_grid .content_article h1{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:7rem; color:var(--custom-red); margin:0 0 145px;}
			.work.category .content_grid .content_article h1{margin:0 0 30px;}
			.work.director .content_grid .content_article h1{margin:20px 0 40px;}

			.work .content_grid .content_article h2{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; color:var(--black); margin:0 0 60px;}

			/*Director Return*/
			.work.director .content_grid .content_article .btn_return{width:230px; height:50px; display:flex; justify-content:center; align-items:center; background:var(--white-02); border-radius:18px; backdrop-filter:blur(4px); position:absolute; top:15px; right:15px; z-index:3;}
				
				.work.director .content_grid .content_article .btn_return span{font-size:1.125rem; font-weight:500; color:var(--black); margin:0 0 0 10px;}

				.work.director .content_grid .content_article .btn_return svg{transition:all 0.35s ease-in-out;}
				.work.director .content_grid .content_article .btn_return:hover svg{transform:translateX(-10px);}

			/*Director Accordeon*/
			.work.director .content_grid .content_article .content_button_bio{margin:0 0 35px;}

				/*Open Close Accordeon*/
				.work.director .content_grid .content_article .content_button_bio .btn_open_close_description{width:185px; height:65px; display:flex; justify-content:center; align-items:center; background:var(--custom-red-02); backdrop-filter:blur(4px); border-radius:18px;}

					.work.director .content_grid .content_article .content_button_bio .btn_open_close_description svg{margin:0 0 0 5px; fill:var(--custom-red);}

					.work.director .content_grid .content_article .content_button_bio .btn_open_close_description span{font-weight:500; font-size:1.125rem; color:var(--custom-red);}

				/*Description*/
				.work.director .content_grid .content_article .content_description{margin:0 0 45px; overflow:hidden; max-height:0; transition:all 1s cubic-bezier(.65,.05,.36,1);}
				.work.director .content_grid .content_article .content_description.open{max-height:800px;}

					.work.director .content_grid .content_article .content_description p{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; color:var(--black); line-height:1.2; margin:0 0 20px;}
					.work.director .content_grid .content_article .content_description p:last-child{margin:0;}

			/*Labels*/

			/*Grid Work*/
			.work .content_grid .content_article .content_project_list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:25px 20px;}

				.work .content_grid .content_article .content_project_list li{position:relative;}

					/*Labels*/
					.work .content_grid .content_article .content_project_list li .content_labels{position:absolute; top:25px; left:50px; z-index:10; opacity:0; transition:all 0.5s ease-in-out}
					.work .content_grid .content_article .content_project_list li:hover .content_labels{opacity:1;}

						.work .content_grid .content_article .content_project_list li .content_labels li{margin:0 10px 0 0;}
						.work .content_grid .content_article .content_project_list li .content_labels li:last-child{margin:0;}

							.work .content_grid .content_article .content_project_list li .content_labels li a{height:35px; border-radius:40px; display:flex; justify-content:center; align-items:center; background:var(--white-02); backdrop-filter:blur(12px); padding:0 25px;}

								.work .content_grid .content_article .content_project_list li .content_labels li a span{font-weight:500; font-size:0.750rem; color:var(--white); letter-spacing:2px; text-transform:uppercase;}

					/*Big Link*/
					.work .content_grid .content_article .content_project_list li a{height:100%; position:relative; display:flex;}

						/*Image and Video*/
						.work .content_grid .content_article .content_project_list li figure{border-radius:20px; overflow:hidden; aspect-ratio: 16 / 9;}

							/*Overlay*/
							.work .content_grid .content_article .content_project_list li figure::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; background:var(--black-02); content:'';}

							/*Image*/
							.work .content_grid .content_article .content_project_list li figure picture{height:100%; position:absolute; top:0; left:0; z-index:3;}

								.work .content_grid .content_article .content_project_list li figure picture img{width:100%; height:100%; object-fit:cover;}
								.work .content_grid .content_article .content_project_list li :hover figure picture img{opacity:0;}

							/*Video*/
							.work .content_grid .content_article .content_project_list li figure video{width:100%; height:100%; object-fit:cover; z-index:1; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}

						/*Information*/
						.work .content_grid .content_article .content_project_list li .content_information{position:absolute; left:0; bottom:0; padding:25px 50px 40px; z-index:15; height:100%; align-content:flex-end;}

							/*Brand Name*/
							.work .content_grid .content_article .content_project_list li .content_information .brand_name{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:3rem; color:var(--white); margin:0 0 5px; opacity:0; transform:translateY(40px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
							.work .content_grid .content_article .content_project_list li:hover .content_information .brand_name{opacity:1; transform:translateY(0);}

							/*Project Name*/
							.work .content_grid .content_article .content_project_list li .content_information .project_name{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--white); opacity:0; transform:translateY(40px); transition-delay:0.25s; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
							.work .content_grid .content_article .content_project_list li:hover .content_information .project_name{opacity:1; transform:translateY(0); transition-delay:0.25s}

	/*Intro Animations*/

		.work .content_grid .content_article .content_list_navigation ul li{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.work .content_grid.show .content_article .content_list_navigation ul li{opacity:1; transform:translateY(0); transition-delay:0s;}

			/*Delay*/
			.work .content_grid .content_article .content_list_navigation ul li:nth-child(1){transition-delay:0s;}
			.work .content_grid .content_article .content_list_navigation ul li:nth-child(2){transition-delay:0.2s;}
			.work .content_grid .content_article .content_list_navigation ul li:nth-child(3){transition-delay:0.4s;}
			.work .content_grid .content_article .content_list_navigation ul li:nth-child(4){transition-delay:0.6s;}
			.work .content_grid .content_article .content_list_navigation ul li:nth-child(5){transition-delay:0.8s;}

		.work .content_grid .content_article h1{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.work .content_grid.show .content_article h1{opacity:1; transform:translateY(0); transition-delay:0s;}

		.work .content_grid .content_article h2{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.work .content_grid.show .content_article h2{opacity:1; transform:translateY(0); transition-delay:0.3s;}

		.work.director .content_grid .content_article .content_button_bio{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.work.director .content_grid.show .content_article .content_button_bio{opacity:1; transition-delay:0.6s;}

		.work.director .content_grid .content_article .btn_return{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.work.director .content_grid.show .content_article .btn_return{opacity:1; transition-delay:0.6s;}

		.work .content_grid .content_article .content_project_list{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.work .content_grid.show .content_article .content_project_list{opacity:1; transition-delay:0.6s;}

/*MODAL*/
.content_modal{height:100vh; background:var(--black); position:fixed; top:0; left:0; z-index:999; opacity:0; pointer-events:none; transition-delay:0.75s; transition:all 0.75s ease-in-out; overflow:hidden;}
.content_modal.show{opacity:1; pointer-events:all; transition-delay:0s;}

	.content_modal .content_box{justify-content:center; align-items:center; transition-delay:0s; opacity:0; transition:all 0.75s ease-in-out;}
	.content_modal.show .content_box{opacity:1; transition-delay:0.75s;}

		/*Close Modal*/
		.content_modal .content_box .close_modal{width:110px; height:50px; display:flex; justify-content:center; align-items:center; background:var(--white-02); backdrop-filter:blur(4px); position:absolute; top:15px; right:15px; border-radius:18px;}

			.content_modal .content_box .close_modal svg{margin:0 5px 0 0; transition:all 0.35s ease-in-out;}

				.content_modal .content_box .close_modal:hover svg{transform:rotate(180deg);}

			.content_modal .content_box .close_modal span{font-weight:500; font-size:1.125rem; color:var(--white);}

		
		/*Arrows*/
		.content_modal .content_box .nav_arrow{position:absolute; top:0; bottom:0; z-index:10; margin:auto; height:15px;}

			.content_modal .content_box .nav_arrow svg{ transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}

			.content_modal .content_box .nav_arrow.prev{left:-60px;}
			
				.content_modal .content_box .nav_arrow.prev:hover svg{transform:translateX(-10px);}
			
			.content_modal .content_box .nav_arrow.next{right:-60px;}
			
				.content_modal .content_box .nav_arrow.next:hover svg{transform:translateX(10px);}

		/*Gallery Info*/
		.content_modal .content_box .gallery_info{justify-content:space-between; margin:0 0 10px;}

			.content_modal .content_box .gallery_info span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:1.250rem; color:var(--white);}
			.content_modal .content_box .gallery_info span.gallery_brand{font-family:'HaasGrot_700', sans-serif; font-weight:700;}

				/*Center Alignment*/
				.content_modal .content_box .gallery_info span{flex: 1; text-align: center;}
				.content_modal .content_box .gallery_info span:first-child{text-align: left;}
				.content_modal .content_box .gallery_info span:last-child {text-align: right;}


		/*Video*/
		.content_modal .content_box .video-js{width:100% !important; height:auto !important; aspect-ratio:16 / 9;}

		/* Slider */
		.content_modal .content_box .slick-slider{width:100%;}

			.content_modal .content_box .slick-track{display:flex; justify-content:center; align-items:flex-start; margin:30px auto 0;}

			.video_thumbs .thumb_item{width:110px !important; height:60px; cursor:pointer; transition:all 0.35s ease-in-out; margin:0 10px 0 0; overflow:hidden;}
			.video_thumbs .thumb_item:last-child{margin:0;}

				.video_thumbs .thumb_item.active{opacity:0.2;}

				.video_thumbs .thumb_item::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; transition:all 0.35s ease-in-out; opacity:0; content:'';}
				.video_thumbs .thumb_item.active::before{opacity:1;}
			
				.video_thumbs .thumb_item img{width:100%; height:100%; object-fit:cover; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1); will-change:transform; transform-origin:center;}
				.video_thumbs .thumb_item:hover img{transform:scale(1.1);}

/*WORK DETAIL*/
.work_detail{}

	/*Hero*/
	.work_detail .content_hero{height:100svh; pointer-events:all; z-index:3; overflow:hidden;}

		.work_detail .content_hero article{height:100%;}

			/*Overlay*/
			.work_detail .content_hero article::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); pointer-events:none; content:'';}

			/*Return Button*/
			.work_detail .content_hero article .btn_return{width:110px; height:50px; display:flex; justify-content:center; align-items:center; background:var(--white-02); backdrop-filter:blur(4px); position:absolute; top:15px; right:15px; border-radius:18px; z-index:11;}

				.work_detail .content_hero article .btn_return svg{margin:0 5px 0 0; transition:all 0.35s ease-in-out;}

					.work_detail .content_hero article .btn_return:hover svg{transform:rotate(180deg);}

				.work_detail .content_hero article .btn_return span{font-weight:500; font-size:1.125rem; color:var(--white);}

			/*Video*/
			.work_detail .content_hero article video{width:100%; height:100%; object-fit:cover;}

			.work_detail .content_hero article .mainPlayer-dimensions.vjs-fluid:not(.vjs-audio-only-mode){padding:0; height:100%}

			.work_detail .content_hero article .video-js .vjs-control-bar{width:calc(100% - 175px); left:60px;}

				.work_detail .content_hero article .video-js .vjs-volume-panel{display:flex;}

				.work_detail .content_hero article .video-js .vjs-current-time{left:12px;}

	/*Information*/
	.work_detail .content_information{z-index:3; pointer-events:all; padding:120px 0 110px;}

		.work_detail .content_information article{padding:0 40px 0 25%;}

			/*Heading*/
			.work_detail .content_information article h2{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:5rem; line-height:1.1; color:var(--black); margin:0 0 40px;}

			/*Labels List*/
			.work_detail .content_information article .content_list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:25px;}

				/*Heading*/
				.work_detail .content_information article .content_list h3{font-weight:500; font-size:1.5rem; color:var(--black);}

				/*Paragraph*/
				.work_detail .content_information article .content_list p{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:1.5rem;}

		/*Intro Animation*/

			.work_detail .content_information article h2{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_information.is-inview article h2{opacity:1; transform:translateY(0); transition-delay:0s;}

			.work_detail .content_information article .content_list li{opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_information.is-inview article .content_list li{opacity:1;}

				/*Delay*/
				.work_detail .content_information article .content_list li:nth-child(1){transition-delay:0.3s;}
				.work_detail .content_information article .content_list li:nth-child(2){transition-delay:0.4s;}
				.work_detail .content_information article .content_list li:nth-child(3){transition-delay:0.5s;}
				.work_detail .content_information article .content_list li:nth-child(4){transition-delay:0.6s;}
				.work_detail .content_information article .content_list li:nth-child(5){transition-delay:0.7s;}
				.work_detail .content_information article .content_list li:nth-child(6){transition-delay:0.8s;}
				.work_detail .content_information article .content_list li:nth-child(7){transition-delay:0.9s;}
				.work_detail .content_information article .content_list li:nth-child(8){transition-delay:1s;}
				.work_detail .content_information article .content_list li:nth-child(9){transition-delay:1.1s;}
				.work_detail .content_information article .content_list li:nth-child(10){transition-delay:1.2s;}



	/*Video/Image*/
	.work_detail .content_video_img{z-index:3; pointer-events:all; padding:0 0 130px;}

		.work_detail .content_video_img article{padding:0 40px 0 100px;}

			/*List*/
			.work_detail .content_video_img article .content_list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0 30px;}

				.work_detail .content_video_img article .content_list li{aspect-ratio:16 / 9;}

					.work_detail .content_video_img article .content_list li figure{height:100%; overflow:hidden; border-radius:10px;}

						/*Overlay*/
						.work_detail .content_video_img article .content_list li figure::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); pointer-events:none; content:'';}

						/*Video Img*/
						.work_detail .content_video_img article .content_list li img,
						.work_detail .content_video_img article .content_list li video{width:100%; height:100%; object-fit:cover;}

		/*Intro Animation*/

			.work_detail .content_video_img article .content_list li{opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_video_img.is-inview article .content_list li{opacity:1;}

				/*Delay*/
				.work_detail .content_video_img article .content_list li:nth-child(1){transition-delay:0s;}
				.work_detail .content_video_img article .content_list li:nth-child(2){transition-delay:0.3s;}


	/*Marquee*/
	.work_detail .content_marquee{pointer-events:all; z-index:3; padding:0 0 200px; overflow:hidden;}

		/*Article*/
		.work_detail .content_marquee article{}

			/*Marquee*/
			.work_detail .content_marquee .simple-marquee-container{z-index:5;}
			
				.work_detail .content_marquee .marquee-content-items{z-index:4; overflow:hidden; height:auto; align-items:flex-start;}

					.work_detail .content_marquee .marquee-content-items li{width:445px; margin:0 60px 0 0;}

						/*Images*/
						.work_detail .content_marquee .marquee-content-items li figure{width:445px; overflow:hidden; border-radius:10px; align-content:flex-start; align-items:flex-start;}

							.work_detail .content_marquee .marquee-content-items li img,
							.work_detail .content_marquee .marquee-content-items li video{width:100%; height:100%; object-fit:cover;}

		/*Intro Animations*/

			.work_detail .content_marquee .simple-marquee-container{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_marquee.is-inview .simple-marquee-container{opacity:1; transition-delay:0s;}

	/*Big Video*/
	.work_detail .content_big_video{pointer-events:all; z-index:3; overflow:hidden;}

		.work_detail .content_big_video article{aspect-ratio:16 / 9; padding:0 40px 0 100px;}

			.work_detail .content_big_video article figure{height:100%; overflow:hidden; border-radius:10px;}

				/*Overlay*/
				.work_detail .content_big_video article figure::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); pointer-events:none; content:'';}

				/*Video*/
				.work_detail .content_big_video article video{width:100%; height:100%; object-fit:cover;}

				.work_detail .content_big_video article .secondPlayer-dimensions.vjs-fluid:not(.vjs-audio-only-mode){padding:0; height:100%}


				.work_detail .content_big_video article .video-js .vjs-control-bar{width:calc(100% - 80px); left:-10px;}

					.work_detail .content_big_video article .video-js .vjs-volume-panel{display:flex;}

					.work_detail .content_big_video article .video-js .vjs-current-time{left:12px;}

	/*Information*/
	.work_detail .content_information_second{z-index:3; pointer-events:all; padding:120px 0 110px;}

		.work_detail .content_information_second article{padding:0 40px 0 100px; justify-content:space-between;} 

			/*Heading*/
			.work_detail .content_information_second article h2{width:40%; font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:4rem; line-height:1.1; color:var(--black); margin:0 0 40px;}

			/*Labels List*/
			.work_detail .content_information_second article .right{width:calc(60% - 40px);}

				/*Heading*/
				.work_detail .content_information_second article .right h3{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; line-height:1.2; color:var(--black); margin:0 0 85px;}

				/*Description*/
				.work_detail .content_information_second article .right p{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; line-height:1.2; color:var(--black); margin:0 0 30px;}
				.work_detail .content_information_second article .right p:last-child{margin:0;}

		/*Intro Animation*/

			.work_detail .content_information_second article h2{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_information_second.is-inview article h2{opacity:1; transform:translateY(0); transition-delay:0s;}

			.work_detail .content_information_second article h3{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_information_second.is-inview article h3{opacity:1; transform:translateY(0); transition-delay:0.3s;}

			.work_detail .content_information_second article p{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .content_information_second.is-inview article p{opacity:1; transform:translateY(0); transition-delay:0.6s;}


	/*Related Projects*/
	.work_detail .conent_related_projects{z-index:3; pointer-events:all; padding:120px 0 110px;}

		.work_detail .conent_related_projects article{padding:0 40px 0 100px;} 

			/*Heading*/
			.work_detail .conent_related_projects article h2{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:4rem; line-height:1.1; color:var(--black); margin:0 0 30px;}

			/*Grid Work*/
			.work_detail .conent_related_projects .content_project_list{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:25px 20px;}

				.work_detail .conent_related_projects .content_project_list li{position:relative;}

					/*Labels*/
					.work_detail .conent_related_projects .content_project_list li .content_labels{position:absolute; top:25px; left:50px; z-index:10; opacity:0; transition:all 0.5s ease-in-out}
					.work_detail .conent_related_projects .content_project_list li:hover .content_labels{opacity:1;}

						.work_detail .conent_related_projects .content_project_list li .content_labels li{margin:0 10px 0 0;}
						.work_detail .conent_related_projects .content_project_list li .content_labels li:last-child{margin:0;}

							.work_detail .conent_related_projects .content_project_list li .content_labels li a{height:35px; border-radius:40px; display:flex; justify-content:center; align-items:center; background:var(--white-02); backdrop-filter:blur(12px); padding:0 25px;}

								.work_detail .conent_related_projects .content_project_list li .content_labels li a span{font-weight:500; font-size:0.750rem; color:var(--white); letter-spacing:2px; text-transform:uppercase;}

					/*Big Link*/
					.work_detail .conent_related_projects .content_project_list li a{height:100%; position:relative; display:flex;}

						/*Image and Video*/
						.work_detail .conent_related_projects .content_project_list li figure{border-radius:20px; overflow:hidden; aspect-ratio: 16 / 9;}

							/*Overlay*/
							.work_detail .conent_related_projects .content_project_list li figure::before{width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; background:var(--black-02); content:'';}

							/*Image*/
							.work_detail .conent_related_projects .content_project_list li figure picture{height:100%; position:absolute; top:0; left:0; z-index:3;}

								.work_detail .conent_related_projects .content_project_list li figure picture img{width:100%; height:100%; object-fit:cover;}
								.work_detail .conent_related_projects .content_project_list li:hover figure picture img{opacity:0;}

							/*Video*/
							.work_detail .conent_related_projects .content_project_list li figure video{width:100%; height:100%; object-fit:cover; z-index:1; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}

						/*Information*/
						.work_detail .conent_related_projects .content_project_list li .content_information{position:absolute; left:0; bottom:0; padding:25px 50px 40px; z-index:15; height:100%; align-content:flex-end;}

							/*Brand Name*/
							.work_detail .conent_related_projects .content_project_list li .content_information .brand_name{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:3rem; color:var(--white); margin:0 0 5px; opacity:0; transform:translateY(40px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
							.work_detail .conent_related_projects .content_project_list li:hover .content_information .brand_name{opacity:1; transform:translateY(0);}

							/*Project Name*/
							.work_detail .conent_related_projects .content_project_list li .content_information .project_name{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--white); opacity:0; transform:translateY(40px); transition-delay:0.25s; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
							.work_detail .conent_related_projects .content_project_list li:hover .content_information .project_name{opacity:1; transform:translateY(0); transition-delay:0.25s}

		/*Intro Animation*/

			.work_detail .conent_related_projects article h2{opacity:0; transform:translateY(30px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .conent_related_projects.is-inview article h2{opacity:1; transform:translateY(0); transition-delay:0s;}

			.work_detail .conent_related_projects .content_project_list li{opacity:0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.work_detail .conent_related_projects.is-inview .content_project_list li{opacity:1;}

				/*Delay*/
				.work_detail .conent_related_projects .content_project_list li:nth-child(1){transition-delay:0.3s;}
				.work_detail .conent_related_projects .content_project_list li:nth-child(2){transition-delay:0.6s;}

/*ABOUT*/
.about{}

	/*Information*/
	.about .content_information_hero{pointer-events:all; z-index:3; padding:90px 0; overflow:hidden;}

		/*Article*/
		.about .content_information_hero article{padding:0 30px 0 100px; align-content:flex-start;}

		
			/*Heading*/
			.about .content_information_hero article h1{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:7rem; color:var(--custom-red); margin:0 0 30px;}

			.about .content_information_hero article h2{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; line-height:1.2; color:var(--black); margin:0 0 30px;}

			/*Content*/
			.about .content_information_hero article .content_headings{padding:0;}

				/*Headings*/
				.about .content_information_hero article .content_headings h3{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; line-height:1.2; color:var(--black); margin:0 0 30px;}

				/*Paragraph*/
				.about .content_information_hero article .content_headings p{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; line-height:1.2; color:var(--black);}

		/*Intro Animations*/

			.about .content_information_hero article h1{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.about .content_information_hero.show article h1{opacity:1; transform:translateY(0); transition-delay:0.3s;}

			.about .content_information_hero article h2{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.about .content_information_hero.show article h2{opacity:1; transform:translateY(0); transition-delay:0.6s;}

			.about .content_information_hero article .content_headings h3{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.about .content_information_hero.show article .content_headings h3{opacity:1; transform:translateY(0); transition-delay:0.9s;}

			.about .content_information_hero article .content_headings p{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.about .content_information_hero.show article .content_headings p{opacity:1; transform:translateY(0); transition-delay:1.2s;}

	/*Team*/
	.about .content_team{pointer-events:all; z-index:3; padding:0 0 90px; overflow:hidden;}

		/*Cursor*/
		.cursor-follow{position:fixed; top:0; left:0; width:130px; height:50px; transform:translate(-50%, -50%); pointer-events:none; opacity:0; z-index:9999999; border-radius:18px; background:rgba(235, 49, 36, 0.30); backdrop-filter:blur(12px); display:flex; justify-content:center; align-items:center;}

			.cursor-follow span{font-weight:500; font-size:1.125rem; color:var(--white); margin:0 10px 0 0;}

			.cursor-follow svg{}

		/*Article*/
		.about .content_team article{padding:0 30px 0 100px; align-content:flex-start;}

			/*Heading*/
			.about .content_team article h3{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:5rem; color:var(--custom-red); margin:0 0 50px;}

			/*Grid*/
			.about .content_team article .content_grid{display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:20px 15px;}

				.about .content_team article .content_grid li{position:relative;}

					/*Information*/
					.about .content_team article .content_grid li .content_information{position:absolute; bottom:0; left:0; padding:0 20px 20px; align-content:flex-end; z-index:4; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
					/*.about .content_team article .content_grid li:hover .content_information{opacity:0;}*/

						/*Name*/
						.about .content_team article .content_grid li .content_information h4{justify-content:center; text-align:center; font-weight:500; font-size:1.750rem; color:var(--white); margin:0 0 20px;}

						/*Position*/
						.about .content_team article .content_grid li .content_information h5{height:45px; justify-content:center; text-align:center; font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:0.750rem; text-transform:uppercase; letter-spacing:1px; color:var(--white);}

					/*Image/Video*/
					.about .content_team article .content_grid li figure{aspect-ratio:51 / 70; border-radius:10px; overflow:hidden; z-index:3;}

						/*Image*/
						.about .content_team article .content_grid li figure picture{height:100%; position:absolute; top:0; left:0; z-index:3;}

							.about .content_team article .content_grid li figure picture img{width:100%; height:100%; object-fit:cover;}
							.about .content_team article .content_grid li:hover figure picture img{opacity:0;}

						/*Video*/
						.about .content_team article .content_grid li figure video{width:100%; height:100%; object-fit:cover; z-index:1; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}

		/*Intro Animations*/

			.about .content_team article h3{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.about .content_team.is-inview article h3{opacity:1; transform:translateY(0); transition-delay:0s;}

			.about .content_team article .content_grid{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.about .content_team.is-inview article .content_grid{opacity:1; transition-delay:0.3s;}


	/*Marquee*/
	.about .content_marquee{pointer-events:all; z-index:3; padding:90px 0; overflow:hidden;}

		/*Article*/
		.about .content_marquee article{}

			/*Heading*/
			.about .content_marquee article .content_headings{padding:0 30px 0 100px;}
			
				.about .content_marquee article h3{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:5rem; color:var(--custom-red);}

				.about .content_marquee article h4{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; color:var(--black); margin:0 0 70px;}

			/*Marquee*/
			.about .content_marquee .simple-marquee-container{z-index:5;}
			
				.about .content_marquee .marquee-content-items{margin:0 0 60px; z-index:4; overflow:hidden; height:auto; align-items:flex-start;}

					.about .content_marquee .marquee-content-items li{width:345px; margin:0 15px 0 0;}

						/*Images*/
						.about .content_marquee .marquee-content-items li figure{width:345px; overflow:hidden; border-radius:10px; align-content:flex-start; align-items:flex-start;}

							.about .content_marquee .marquee-content-items li figure.marquee01{margin:0;}
							.about .content_marquee .marquee-content-items li figure.marquee02{margin:90px 0 0;}
							.about .content_marquee .marquee-content-items li figure.marquee03{margin:0;}
							.about .content_marquee .marquee-content-items li figure.marquee04{margin:0;}
							.about .content_marquee .marquee-content-items li figure.marquee05{margin:90px 0 0;}

							.about .content_marquee .marquee-content-items li img,
							.about .content_marquee .marquee-content-items li video{width:100%; height:100%; object-fit:cover;}

			/*Words*/
			.content_marquee .content_words{z-index:2 !important; position:absolute; bottom:95px; left:0;}

				.content_marquee .content_words .marquee{--duration:200s;}
			
				.content_marquee .content_words .marquee-content-items li{width:auto;}

					.content_marquee .content_words .marquee-content-items li span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--custom-red);}

	/*Intro Animations*/

		.about .content_marquee article h3{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.about .content_marquee.is-inview article h3{opacity:1; transform:translateY(0); transition-delay:0s;}

		.about .content_marquee article h4{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.about .content_marquee.is-inview article h4{opacity:1; transform:translateY(0); transition-delay:0.3s;}

		.about .content_marquee .simple-marquee-container{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.about .content_marquee.is-inview .simple-marquee-container{opacity:1; transition-delay:0.6s;}


/*MODAL BIO*/
.content_modal_bio{height:100vh; background:var(--white); position:fixed; top:0; left:0; z-index:999; opacity:0; pointer-events:none; transition:all 0.75s ease-in-out; transition-delay:0.5s; overflow:hidden; overflow:auto;}
.content_modal_bio.show{opacity:1; pointer-events:all; transition-delay:0s;}

	.content_modal_bio .content_box{padding:70px 60px 70px 100px;}

		/*Close Modal*/
		.content_modal_bio .content_box .content_btn_close{position:absolute; top:15px; right:15px; }
		
			.content_modal_bio .content_box .btn_close_modal{width:110px; height:50px; display:flex; justify-content:center; align-items:center; background:var(--custom-red-02); backdrop-filter:blur(4px); border-radius:18px;}

				.content_modal_bio .content_box .btn_close_modal svg{margin:0 5px 0 0; stroke:var(--custom-red); stroke-width:2px; transition:all 0.35s ease-in-out;}

					.content_modal_bio .content_box .btn_close_modal:hover svg{transform:rotate(180deg);}

				.content_modal_bio .content_box .btn_close_modal span{font-weight:500; font-size:1.125rem; color:var(--custom-red);}

		/*Information*/
		.content_modal_bio .content_box .content_information{justify-content:space-between; align-items:flex-start;}

			/*Image*/
			.content_modal_bio .content_box .content_information figure{width:375px; aspect-ratio:51 / 70; border-radius:10px; overflow:hidden; position:sticky; top:90px;}

			/*Data*/
			.content_modal_bio .content_box .content_information .content_data{width:calc(100% - 445px);}

				/*Heading*/
				.content_modal_bio .content_box .content_information .content_data h3{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:5rem; color:var(--custom-red); margin:0 0 15px;}

				.content_modal_bio .content_box .content_information .content_data h4{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; color:var(--black); margin:0 0 40px;}

				/*Description*/
				.content_modal_bio .content_box .content_information .content_data p{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--black); margin:0 0 50px;}
				.content_modal_bio .content_box .content_information .content_data p:last-child{margin:0;}

	/*Intro Animations*/
	.content_modal_bio .content_box .content_information figure{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1); transition-delay:0s;}
	.content_modal_bio.show .content_box .content_information figure{opacity:1; transition-delay:0.9s;}

	.content_modal_bio .content_box .content_btn_close{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1); transition-delay:0s;}
	.content_modal_bio.show .content_box .content_btn_close{opacity:1; transition-delay:0.9s;}

	.content_modal_bio .content_box .content_information .content_data h3{opacity:0; transform:translateY(40px); transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1); transition-delay:0s;}
	.content_modal_bio.show .content_box .content_information .content_data h3{opacity:1; transform:translateY(0); transition-delay:1.2s;}

	.content_modal_bio .content_box .content_information .content_data h4{opacity:0; transform:translateY(40px); transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1); transition-delay:0s;}
	.content_modal_bio.show .content_box .content_information .content_data h4{opacity:1; transform:translateY(0); transition-delay:1.5s;}

	.content_modal_bio .content_box .content_information .content_data p{opacity:0; transform:translateY(40px); transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1); transition-delay:0s;}
	.content_modal_bio.show .content_box .content_information .content_data p{opacity:1; transform:translateY(0); transition-delay:1.8s}


/*DIRECTORS*/
.directors{}

	/*Hero*/
	.directors .content_information_hero{pointer-events:all; z-index:3; padding:90px 0 0; overflow:hidden;}

		/*Article*/
		.directors .content_information_hero article{padding:0 30px 0 100px; align-content:flex-start;}

		
			/*Heading*/
			.directors .content_information_hero article h1{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:7rem; color:var(--custom-red); margin:0 0 90px; text-transform:uppercase;}

			.directors .content_information_hero article h2{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; line-height:1.2; color:var(--black); margin:0 0 50px;}

		/*Intro Animations*/

			.directors .content_information_hero article h1{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.directors .content_information_hero.show article h1{opacity:1; transform:translateY(0); transition-delay:0.3s;}

			.directors .content_information_hero article h2{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.directors .content_information_hero.show article h2{opacity:1; transform:translateY(0); transition-delay:0.6s;}

	/*Grid*/
	.directors .content_directors{height:760px; pointer-events:all; z-index:3;}

		.directors .content_directors article{height:100%;}

			/*Director List*/
			.directors .content_directors .content_director_list{height:100%; padding:0 0 0 160px; z-index:5; flex-wrap:nowrap; justify-content:flex-start; align-items:center;}

				.directors .content_directors .content_director_list .content_director{width:490px; height:100%; flex-direction:column; flex: 0 0 auto;}
				.directors .content_directors .content_director_list .content_director:last-child{width:auto; margin:0;}

					.directors .content_directors .content_director_list .content_director li{margin:0;}
					.directors .content_directors .content_director_list .content_director li:last-child{margin:0;}

						.directors .content_directors .content_director_list .content_director li a{height:85px; align-items:center;}

							.directors .content_directors .content_director_list .content_director li a span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; color:var(--black); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
							.directors .content_directors .content_director_list .content_director li a:hover span{color:var(--white);}
							.directors .content_directors .content_director_list .content_director li a.inactive span{color:var(--white-02);}

			/*Videos*/
			.directors .content_directors .content_videos_hover{height:100%; position:absolute; top:0; left:0; z-index:3;}

				.directors .content_directors .content_videos_hover figure{width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}
				.directors .content_directors .content_videos_hover figure.active{opacity:1;}

					.directors .content_directors .content_videos_hover figure video{width:100%; height:100%; object-fit:cover; }

/*CONTACT*/
.contact{}

	/*Information*/
	.contact .content_information_hero{pointer-events:all; z-index:3; padding:90px 0; overflow:hidden;}

		/*Article*/
		.contact .content_information_hero article{padding:0 30px 0 100px; align-content:flex-start;}

		
			/*Heading*/
			.contact .content_information_hero article h1{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:7rem; color:var(--white); margin:0 0 90px;}

			.contact .content_information_hero article h2{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2.625rem; line-height:1.2; color:var(--white); margin:0 0 50px;}

			/*Categories List*/
			.contact .content_information_hero article .content_categories{position:relative;}
			.contact .content_information_hero article .content_categories.people{margin:65px 0 0;}

				.contact .content_information_hero article .content_categories::before{width:100%; height:1px; position:absolute; top:0; left:0; background:var(--white-05); content:'';}

				.contact .content_information_hero article .content_categories li{height:60px; position:relative; justify-content:space-between; align-items:center;}

					/*Line*/
					.contact .content_information_hero article .content_categories li::before{width:100%; height:1px; position:absolute; bottom:0; left:0; background:var(--white-05); content:'';}

					/*Heading*/
					.contact .content_information_hero article .content_categories li h3{font-family:'HaasGrot_700', sans-serif; font-weight:700; color:var(--white); text-transform:uppercase;}

					/*Link*/
					.contact .content_information_hero article .content_categories a{position:relative; font-weight:500; color:var(--white);}

						.contact .content_information_hero article .content_categories a::before{width:100%; height:1px; background:var(--white); position:absolute; bottom:-1px; left:0; right:0; margin:auto; transform:scale(1.0); transform-origin:center; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); content:'';}
						.contact .content_information_hero article .content_categories a:hover::before{transform:scaleX(0);}

					/*Text*/
					.contact .content_information_hero article .content_categories.people span{width:400px; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; position:absolute; top:0; left:0; right:0; margin:auto; font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:1rem; color:var(--white);}

					/*Center Alignment*/
					.contact .content_information_hero article .content_categories.people span{margin: 0 auto;}

	/*Big Button*/
	.contact .content_big_button{z-index:3; pointer-events:all; padding:0 0 50px;}

		.contact .content_big_button article{padding:0 30px 0 100px; align-content:flex-start;}

			/*Button*/
			.contact .content_big_button article .big_button{height:205px; justify-content:center; align-items:center; background:var(--white); border-radius:20px; border:var(--custom-red) 1px solid; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.contact .content_big_button article .big_button:hover{background:var(--custom-red); border:var(--white) 1px solid;}

				.contact .content_big_button article .big_button span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--custom-red); margin:0 20px 0 0; transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
				.contact .content_big_button article .big_button:hover span{color:var(--white);}

				.contact .content_big_button article .big_button svg{fill:var(--custom-red); opacity:0; transform:scale(0.6) rotate(90deg); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
				.contact .content_big_button article .big_button:hover svg{fill:var(--white); opacity:1; transform:scale(1) rotate(0deg);}


	/*Intro Animations*/

		/*Heading*/
		.contact .content_information_hero article h1{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.contact .content_information_hero.show article h1{opacity:1; transform:translateY(0); transition-delay:0.3s;}

		.contact .content_information_hero article h2{opacity:0; transform:translateY(50px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.contact .content_information_hero.show article h2{opacity:1; transform:translateY(0); transition-delay:0.6s;}

		/*Line*/
		.contact .content_information_hero article .content_categories li::before,
		.contact .content_information_hero article .content_categories::before{transform:scaleX(0); transform-origin:left; transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}
		.contact .content_information_hero.show article .content_categories li::before,
		.contact .content_information_hero.show article .content_categories::before{transform:scaleX(1.0);}

			/*Delay*/
			.contact .content_information_hero article .content_categories li:nth-child(1)::before,
			.contact .content_information_hero article .content_categories::before{transition-delay:0.6s;}
			.contact .content_information_hero article .content_categories li:nth-child(2)::before{transition-delay:0.8s;}
			.contact .content_information_hero article .content_categories li:nth-child(3)::before{transition-delay:1s;}
			.contact .content_information_hero article .content_categories li:nth-child(4)::before{transition-delay:1.2s;}
			.contact .content_information_hero article .content_categories li:nth-child(5)::before{transition-delay:1.4s;}
			.contact .content_information_hero article .content_categories li:nth-child(6)::before{transition-delay:1.6s;}

			.contact .content_information_hero article .content_categories.people li:nth-child(1)::before,
			.contact .content_information_hero article .content_categories.people::before{transition-delay:1.6s;}
			.contact .content_information_hero article .content_categories.people li:nth-child(2)::before{transition-delay:1.8s;}
			.contact .content_information_hero article .content_categories.people li:nth-child(3)::before{transition-delay:2s;}
			.contact .content_information_hero article .content_categories.people li:nth-child(4)::before{transition-delay:2.2s;}
			.contact .content_information_hero article .content_categories.people li:nth-child(5)::before{transition-delay:2.4s;}
			.contact .content_information_hero article .content_categories.people li:nth-child(6)::before{transition-delay:2.6s;}

		/*Heading / Link*/

			/*Headings*/
			.contact .content_information_hero article .content_categories li h3{opacity:0; transform:translateY(20px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.contact .content_information_hero.show article .content_categories li h3{opacity:1; transform:translateY(0);}

				/*Delay*/
				.contact .content_information_hero article .content_categories li:nth-child(1) h3{transition-delay:0.7s;}
				.contact .content_information_hero article .content_categories li:nth-child(2) h3{transition-delay:0.9s;}
				.contact .content_information_hero article .content_categories li:nth-child(3) h3{transition-delay:1.1s;}
				.contact .content_information_hero article .content_categories li:nth-child(4) h3{transition-delay:1.3s;}
				.contact .content_information_hero article .content_categories li:nth-child(5) h3{transition-delay:1.5s;}
				.contact .content_information_hero article .content_categories li:nth-child(6) h3{transition-delay:1.7s;}

				.contact .content_information_hero article .content_categories.people li:nth-child(1) h3{transition-delay:1.7s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(2) h3{transition-delay:1.9s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(3) h3{transition-delay:2.1s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(4) h3{transition-delay:2.3s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(5) h3{transition-delay:2.5s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(6) h3{transition-delay:2.7s;}

			/*Text*/
			.contact .content_information_hero article .content_categories.people span{opacity:0; transform:translateY(20px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.contact .content_information_hero.show article .content_categories.people span{opacity:1; transform:translateY(0);}

				.contact .content_information_hero article .content_categories.people li:nth-child(1) span{transition-delay:1.7s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(2) span{transition-delay:1.9s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(3) span{transition-delay:2.1s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(4) span{transition-delay:2.3s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(5) span{transition-delay:2.5s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(6) span{transition-delay:2.7s;}

			/*Links*/
			.contact .content_information_hero article .content_links{opacity:0; transform:translateY(20px); transition:all 0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
			.contact .content_information_hero.show article .content_links{opacity:1; transform:translateY(0);}

				/*Delay*/
				.contact .content_information_hero article .content_categories li:nth-child(1) .content_links{transition-delay:0.7s;}
				.contact .content_information_hero article .content_categories li:nth-child(2) .content_links{transition-delay:0.9s;}
				.contact .content_information_hero article .content_categories li:nth-child(3) .content_links{transition-delay:1.1s;}
				.contact .content_information_hero article .content_categories li:nth-child(4) .content_links{transition-delay:1.3s;}
				.contact .content_information_hero article .content_categories li:nth-child(5) .content_links{transition-delay:1.5s;}
				.contact .content_information_hero article .content_categories li:nth-child(6) .content_links{transition-delay:1.7s;}

				.contact .content_information_hero article .content_categories.people li:nth-child(1) .content_links{transition-delay:1.7s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(2) .content_links{transition-delay:1.9s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(3) .content_links{transition-delay:2.1s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(4) .content_links{transition-delay:2.3s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(5) .content_links{transition-delay:2.5s;}
				.contact .content_information_hero article .content_categories.people li:nth-child(6) .content_links{transition-delay:2.7s;}

	.contact .content_big_button article{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
	.contact .content_big_button.is-inview article{opacity:1; transition-delay:0s;}


/*FOOTER*/
footer{height:100vh; z-index:3; pointer-events:all; padding:100px 0 0;}

	footer article{padding:0 70px 0 100px; height:100%; align-content:flex-end;}
	.work footer article,
	.contact footer article,
	.work_detail footer article{padding:0 30px 0 100px;}

		/*Contact*/
		footer article .content_contact{justify-content:space-between; flex-wrap:nowrap; align-items: flex-start; margin:0 0 300px; padding:0 20px 40px;}

			/*Border*/
			footer article .content_contact::before{width:100%; height:1px; position:absolute; bottom:0; left:0; background:var(--black); content:'';}
			
			.about footer article .content_contact::before{background:var(--custom-red);}

			.contact footer article .content_contact::before{background:var(--white);}

			/*Svg*/
			footer article .content_contact .content_w{display:flex; align-items:flex-start;}

				footer article .content_contact .content_w div{margin:0 50px 0 0; display:flex; flex-wrap:wrap; align-items:flex-start; flex-direction: column;}
				footer article .content_contact .content_w div:last-child{margin:0;}

					/*Headings*/
					footer article .content_contact .content_w div h4{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:2rem; color:var(--black); margin:0 0 5px;}

						.about footer article .content_contact .content_w div h4{color:var(--custom-red);}

						.contact footer article .content_contact .content_w div h4{color:var(--white);}

					/*Txt*/
					footer article .content_contact .content_w div span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--black); margin:0 0 5px;}

						.about footer article .content_contact .content_w div span{color:var(--custom-red);}

						.contact footer article .content_contact .content_w div span{color:var(--white);}

					/*Link*/
					footer article .content_contact .content_w div .link{position:relative; font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:2rem; color:var(--black); margin:0 0 5px;}

						footer article .content_contact .content_w div .link::before{width:100%; height:1px; background:var(--black); position:absolute; bottom:-1px; left:0; right:0; margin:auto; transform:scale(1.0); transform-origin:center; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); content:'';}

						footer article .content_contact .content_w div .link:hover::before{transform:scaleX(0);}

							.about footer article .content_contact .content_w div .link{color:var(--custom-red);}

							.about footer article .content_contact .content_w div .link::before{background:var(--custom-red);}

							.contact footer article .content_contact .content_w div .link{color:var(--white);}

							.contact footer article .content_contact .content_w div .link::before{background:var(--white);}

			footer article .content_contact svg{fill:var(--black);}

				.about footer article .content_contact svg{fill:var(--custom-red);}

				.contact footer article .content_contact svg{fill:var(--white);}

		/*Big Logo*/
		footer .logo-word{position:relative;  width:100%; aspect-ratio:1540 / 220; overflow:hidden; background:url('../../img/big_logo.png') center/contain no-repeat; -webkit-mask-image:url('../../img/big_logo.png'); mask-image:url('../../img/big_logo.png'); -webkit-mask-size:contain; mask-size:contain; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;}

			footer .logo-word .video-hover{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; opacity:0; visibility:visible; transition:opacity.25s linear;}

			footer .logo-word:hover .video-hover{opacity:1;}

			.about footer .logo-word,
			.work footer .logo-word,
			.directors footer .logo-word,
			.work_detail footer .logo-word{background:url('../../img/big_logo_red.png') center/contain no-repeat;}

			.contact footer .logo-word{background:url('../../img/big_logo_white.png') center/contain no-repeat;}

		/*Bottom*/
		footer article .content_bottom{padding:15px 0 10px; justify-content:space-between; align-items:center;}

			/*Legal*/
			footer article .content_bottom .legal{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:0.750rem;}

				.about footer article .content_bottom .legal{color:var(--custom-red);}

				.contact footer article .content_bottom .legal{color:var(--white);}

			/*By Boron*/
			footer article .content_bottom .content_by{}

				footer article .content_bottom .content_by span{font-family:'HaasGrot_400', sans-serif; font-weight:400; font-size:0.750rem;}

					.about footer article .content_bottom .content_by span{color:var(--custom-red);}

					.contact footer article .content_bottom .content_by span{color:var(--white);}

				footer article .content_bottom .content_by a{font-family:'HaasGrot_700', sans-serif; font-weight:700; font-size:0.750rem; position:relative; color:var(--black);}

					footer article .content_bottom .content_by a::before{width:100%; height:1px; background:var(--black); position:absolute; bottom:-1px; left:0; right:0; margin:auto; transform:scale(1.0); transform-origin:center; transition:all 0.35s cubic-bezier(0.25, 0.1, 0.1, 1); content:'';}
					footer article .content_bottom .content_by a:hover::before{transform:scaleX(0);}

					.about footer article .content_bottom .content_by a{color:var(--custom-red);}

						.about footer article .content_bottom .content_by a::before{background:var(--custom-red);}

					.contact footer article .content_bottom .content_by a{color:var(--white);}

						.contact footer article .content_bottom .content_by a::before{background:var(--white);}


	/*Intro Animations*/

		footer article .content_contact::before{transform:scaleX(0); transform-origin:left; transition:1.2s cubic-bezier(0.25, 0.1, 0.1, 1);}
		footer.is-inview article .content_contact::before{transform:scaleX(1);}

		footer article .content_contact .content_w{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		footer.is-inview article .content_contact .content_w{opacity:1; transition-delay:0.3s;}

		footer article .content_contact svg{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		footer.is-inview article .content_contact svg{opacity:1; transition-delay:0.3s;}

		footer article .logo-word{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		footer.is-inview article .logo-word{opacity:1; transition-delay:0.9s;}

		footer article .content_bottom{opacity:0; transition:0.75s cubic-bezier(0.25, 0.1, 0.1, 1);}
		footer.is-inview article .content_bottom{opacity:1; transition-delay:1.2s;}


/*Media Query 1700px Breakpoint*/
@media (max-width: 1700px) {

	/*HOME*/

		/*Brands*/
		.home .content_brands .content_grid li{padding:25px;}
		.home .content_brands .content_grid li.prime{padding:50px;}
		.home .content_brands .content_grid li.hbo{padding:40px;}
		.home .content_brands .content_grid li.tommy{padding:40px;}
		.home .content_brands .content_grid li.juventus{padding:50px;}
		.home .content_brands .content_grid li.publicis{padding:40px;}
		.home .content_brands .content_grid li.javelin{padding:40px;}

}

/*Media Query 1600px Breakpoint*/
@media (max-width: 1600px) {

}

/*Media Query 1500px Breakpoint*/
@media (max-width: 1500px) {

	/*LOADER*/

		.content_loading .big_logo{width:400px; height:400px;}
		
		.content_loading .big_logo_white_bottom{transform:translateY(-100px) scale(1)}

	/*MENU*/
	
	.content_menu .content_big_navigation .content_links .item .link{font-size:3.5rem;}
	.content_menu .content_big_navigation .content_links .item .content_submenu li a{font-size:3.5rem;}

	/*HOME*/

		/*Brands*/
		.home .content_brands .content_grid li{padding:15px;}
		.home .content_brands .content_grid li.prime{padding:40px;}
		.home .content_brands .content_grid li.hbo{padding:30px;}
		.home .content_brands .content_grid li.tommy{padding:30px;}
		.home .content_brands .content_grid li.juventus{padding:40px;}
		.home .content_brands .content_grid li.publicis{padding:30px;}
		.home .content_brands .content_grid li.javelin{padding:30px;}

}

/*Media Query 1400px Breakpoint*/
@media (max-width: 1400px) {

	/*LOADER*/

		.content_loading .big_logo{width:350px; height:350px;}
		
		.content_loading .big_logo_white_bottom{width:620px; transform:translateY(-80px) scale(1)}

	/*MENU*/
	.content_menu .content_big_navigation{padding:30px 0 30px 110px;}
	
	.content_menu .content_big_navigation .content_links .item .link{font-size:3rem;}
	.content_menu .content_big_navigation .content_links .item .content_submenu li a{font-size:3rem;}

}

/*Media Query 1300px Breakpoint*/
@media (max-width: 1300px) {

}

/*Media Query 1200px Breakpoint Ipad Landscape*/
@media (max-width: 1200px) {

	/*GENERALS*/
	html{overflow:visible;}
	html.overflow{overflow:hidden;}

	.center_content{width:100%; display:flex; flex-wrap:wrap;}

	.cursor-follow{display:none;}

	/*LOADING*/

		.content_loading .big_logo{width:150px; height:150px;}

	/*NAVIGATION*/

		.content_menu .content_big_navigation{width:55vw;}

	/*HOME*/

		/*Hero*/
		
			.home .content_hero article .big_logo{width:150px; height:150px;}

		/*Text Animation*/
		.home .content_animation_text{padding:80px 0 110px;}

			.home .content_animation_text article div{margin:0 12px 0 0;}

				.home .content_animation_text article span{font-size:3rem; letter-spacing:-3px;}

		/*Call to actions*/

			.home .content_call_actions article .content_links{padding:0 0 0 60px;}

				.home .content_call_actions article .content_links li a{font-size:3.125rem;}

		/*Brands*/
		.home .content_brands{padding:115px 0 120px;}

			.home .content_brands h3{font-size:3rem;}

			.home .content_brands .content_grid li{padding:25px;}
			
				.home .content_brands .content_grid li img{width:100%; height:100%; object-fit:contain;}

			/*Brands*/
			.home .content_brands .content_grid li{padding:5px;}
			.home .content_brands .content_grid li.prime{padding:25px;}
			.home .content_brands .content_grid li.hbo{padding:10px;}
			.home .content_brands .content_grid li.tommy{padding:10px;}
			.home .content_brands .content_grid li.juventus{padding:25px;}
			.home .content_brands .content_grid li.publicis{padding:10px;}
			.home .content_brands .content_grid li.javelin{padding:10px;}	


		/*Accolades*/

			.home .content_accolades h3{font-size:3rem;}

			.home .content_accolades .content_grid li{padding:15px;}

				.home .content_accolades .content_grid li img{width:100%; height:100%; object-fit:contain;}

	/*WORK*/

		.work .content_grid{padding:100px 0 0;}
		
			.work .content_grid .content_article h1{font-size:5rem;}

			.work .content_grid .content_article h2{font-size:3rem;}

			.work .content_grid .content_article .content_list_navigation{position:fixed; top:15px; right:15px;}

				.work .content_grid .content_article .content_list_navigation ul li a{width:100px;}

					.work .content_grid .content_article .content_list_navigation ul li a span{font-size:0.875rem;}

	/*WORK DETAIL*/

		/*Information*/
		.work_detail .content_information article h2{font-size:3rem;}

		.work_detail .content_information article .content_list h3,
		.work_detail .content_information article .content_list p{font-size:1.250rem;}

		/*Marquee*/
		.work_detail .content_marquee .marquee-content-items li{width:300px; margin:0 40px 0 0;}

			.work_detail .content_marquee .marquee-content-items li figure{width:300px;}

		/*Information Second*/

		.work_detail .content_information_second article h2{font-size:3rem;}

		.work_detail .content_information_second article .right h3{font-size:2rem;}

		.work_detail .content_information_second article .right p{font-size:1.5rem;}

		/*Related Projects*/
		.work_detail .conent_related_projects article h2{font-size:3rem;}

	/*MODAL*/

		.content_modal .content_box{padding:0 15px;}

	/*DIRECTORS*/

		.directors .content_information_hero article h1{font-size:5rem; margin:0 0 30px;}

		.work.director .content_grid .content_article h1{margin:0 0 30px;}

		.directors .content_information_hero article h2{font-size:3rem;}

		.work.director .content_grid .content_article .btn_return{position:absolute; top:-80px; right:30px;}

		.work.director .content_grid .content_article .content_button_bio .btn_open_close_description{width:130px; height:50px;}

		.work.director .content_grid .content_article .content_description p{font-size:1.5rem;}

	/*ABOUT*/

		.about .content_information_hero{padding:100px 0 0;}

			.about .content_information_hero article h1{font-size:5rem; margin:0 0 30px;}

			.about .content_information_hero article h2{font-size:2.625rem;}

			.about .content_information_hero article .content_headings h3{font-size:2.625rem;}

			.about .content_information_hero article .content_headings p{font-size:2.625rem;}

			.about .content_marquee article h4{font-size:3rem;}

	/*MODAL BIO*/

		.content_modal_bio .content_box .content_information figure{width:290px;}

		.content_modal_bio .content_box .content_information .content_data{width:calc(100% - 340px);}

			.content_modal_bio .content_box .content_information .content_data h3{font-size:3rem;}

			.content_modal_bio .content_box .content_information .content_data p{font-size:1.5rem; margin:0 0 30px;}

	/*CONTACT*/

		.contact .content_information_hero{padding:100px 0 60px;}

			.contact .content_information_hero article h1{font-size:5rem; margin:0 0 30px;}

			.contact .content_information_hero article h2{font-size:3rem;}

		.contact .content_big_button article .big_button{height:150px;}

	/*FOOTER*/

		footer article .content_contact{margin:0 0 175px;}

				footer article .content_contact .content_w div h4,
				footer article .content_contact .content_w div .link,
				footer article .content_contact .content_w div span{font-size:1.5rem;}

			footer article .content_contact svg{width:100px; height:100px;}

		footer article .content_bottom{align-items:flex-start;}

			footer article .content_bottom .legal{width:60%;}

}

/*Media Query Ipad Portrait General*/
@media (max-width: 1000px) {


	/*LOADER*/

		/*Lottie Animation*/
		.content_loading .big_logo{width:150px; height:150px; display:block; margin-bottom:40px; z-index:31;}

		/*Big Logo Whie*/
		.content_loading .big_logo_white_bottom{width:230px; height:33px; top:0; bottom:-165px; left:0; transform:translateY(0) scale(1);}
		.content_loading .big_logo_white_bottom.show{width:300px; height:43px; top:0; bottom:0; left:0; transform:translateY(calc(50svh - 20px));}
		/*.content_loading .big_logo_white_bottom.show{width:calc(100% - 40px); left:0; transform:translateY(calc(50vh - 36px)); bottom:0;}*/


		/*Percentage*/
		.content_loading .loading_percent{font-size:2rem; right:10px; top:10px;}

	/*CURTAIN*/

		/*Animations*/
		.curtain .wave{transform:scaleY(0); transform-origin:bottom; will-change:transform; transition:transform 0.8s cubic-bezier(.19,1,.22,1);}
		.curtain.animating .wave{transform:scaleY(1); transform-origin:top;}

	/*NAVIGATION*/
	.content_menu{width:100%; height:65px; justify-content:space-between; transform:translateY(-70px);}
	.content_menu.show{transform:translateY(0);}

		.content_menu::before{display:none;}

		/*Burger*/
		.content_menu .btn_burger{display:none;}

		.content_menu .btn_burger_mobile{display:flex;}
		.content_menu .btn_burger_mobile{display:block; width:32px; height:32px; position:absolute; right:15px; top:15px; z-index:9; pointer-events:all;}

			.content_menu .btn_burger_mobile::after{width:18px; height:2px; position:absolute; top:8px; left:0; right:0; margin:auto; background:var(--black); content:'';}
			.content_menu.open .btn_burger_mobile::after{background:var(--black);}

			.content_menu .btn_burger_mobile::before{width:18px; height:2px; position:absolute; bottom:8px; right:0; left:0; margin:auto; background:var(--black); content:''; transform:scaleX(1); display:flex;}
			.content_menu.open .btn_burger_mobile::before{background:var(--black);}

			.content_menu .btn_burger_mobile span{width:18px; height:2px; position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; background:var(--black); font-size:0;}
			.content_menu.open .btn_burger_mobile span{background:var(--black);}

				.content_menu .btn_burger_mobile span::before{width:18px; height:2px; position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; background:var(--black); content:'';}
				.content_menu.open .btn_burger_mobile span::before{background:var(--black);}

				/*Animations*/
				.content_menu .btn_burger_mobile::before,
				.content_menu .btn_burger_mobile::after{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:opacity; transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.content_menu.open .btn_burger_mobile::before,
				.content_menu.open .btn_burger_mobile::after{opacity:0; transition-delay:0s; -webkit-transition-delay:0s;}

				.content_menu .btn_burger_mobile span{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:transform; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
				.content_menu.open .btn_burger_mobile span{transform:rotate(45deg); -webkit-transform:rotate(45deg);}

					.content_menu .btn_burger_mobile span::before{transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; will-change:transform; transition-delay:0.35s; -webkit-transition-delay:0.35s;}
					.content_menu.open .btn_burger_mobile span::before{transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}


		/*Logo*/
		.content_menu .logo{transform:rotate(90deg) translateY(-75px);}

		.content_menu .content_social{display:none;}

		.content_menu .content_big_navigation{width:100vw; height:calc(100dvh - 64px); top:64px; padding:40px 20px 20px; clip-path: inset(0 0 100% 0); transition-delay:0.75s;}
		.content_menu.open .content_big_navigation{transition-delay:0s;}

			.content_menu .content_big_navigation .content_links .item{justify-content:center; text-align:center; transform:translateY(-30px);}
			.content_menu.open .content_big_navigation .content_links .item{transform:translateY(0);}

				.content_menu .content_big_navigation .content_links .item .link{font-size:2rem;}

				.content_menu .content_big_navigation .content_links a:hover{transform:translateX(0px)}

				.content_menu .content_big_navigation .content_links a svg{width:20px; right:-35px;}

				.content_menu .content_big_navigation .content_links .item .content_submenu{padding:0;}

					.content_menu .content_big_navigation .content_links .item .content_submenu li{justify-content:center; text-align:center;}

						.content_menu .content_big_navigation .content_links .item .content_submenu li a{font-size:2rem;}

			.content_menu .content_big_navigation .content_contact div{width:50%; margin:0;}
			.content_menu .content_big_navigation .content_contact div:first-child{padding:0 10px 0 0;}

				.content_menu .content_big_navigation .content_contact div h4,
				.content_menu .content_big_navigation .content_contact div span,
				.content_menu .content_big_navigation .content_contact div .link{font-size:1rem;}

	/*HOME*/

		/*Hero*/
		.home .content_hero{height:100svh;}

			.home .content_hero article .big_logo_white_bottom{width:calc(100% - 20px); left:0;}

		/*Text*/
		.home .content_animation_text{padding:40px 0 90px;}

			.home .content_animation_text article{padding:0 15px;}

				.home .content_animation_text article div{margin:0 10px 0 0;}

					.home .content_animation_text article span{font-size:2rem; letter-spacing:-3px;}

		/*Call to actions*/
		.home .content_call_actions{height:100svh;}

			.home .content_call_actions article{padding:0 15px;}

				.home .content_call_actions article .content_links{padding:0;}

					.home .content_call_actions article .content_links li a{font-size:3rem;}

		/*Brands*/
		.home .content_brands{padding:40px 0 105px;}

			.home .content_brands article{padding:0 15px;}

				.home .content_brands h3{font-size:2rem;}

				.home .content_brands .content_grid{grid-template-columns:repeat(3, minmax(0, 1fr));}

					.home .content_brands .content_grid li{padding:35px;}

					.home .content_brands .content_grid li:nth-child(-n + 9){border-top: 1px solid var(--black);}
					.home .content_brands .content_grid li:nth-child(9n + 1){border-left: 1px solid var(--black);}

					.home .content_brands .content_grid li:nth-child(-n + 3){border-top:none;}
					.home .content_brands .content_grid li:nth-child(3n + 1){border-left:none;}

					/*Brands*/
					.home .content_brands .content_grid li{padding:20px;}
					.home .content_brands .content_grid li.prime{padding:35px;}
					.home .content_brands .content_grid li.hbo{padding:30px;}
					.home .content_brands .content_grid li.tommy{padding:30px;}
					.home .content_brands .content_grid li.juventus{padding:35px;}
					.home .content_brands .content_grid li.publicis{padding:30px;}
					.home .content_brands .content_grid li.javelin{padding:30px;}	


		/*Accolades*/
		.home .content_accolades{padding:0 0 115px;}

			.home .content_accolades article{padding:0 15px;}

				.home .content_accolades h3{font-size:2rem;}

				.home .content_accolades .content_grid{grid-template-columns:repeat(2, minmax(0, 1fr));}

					.home .content_accolades .content_grid li{padding:35px;}

					.home .content_accolades .content_grid li:nth-child(-n + 8){border-top: 1px solid var(--black);}
					.home .content_accolades .content_grid li:nth-child(8n + 1){border-left: 1px solid var(--black);}

					.home .content_accolades .content_grid li:nth-child(-n + 2){border-top:none;}
					.home .content_accolades .content_grid li:nth-child(2n + 1){border-left:none;}

	/*WORK*/

		/*Grid*/
		.work .content_grid{padding:150px 0 0;}

			.work .content_grid .content_article{padding:0 15px;}

				.work .content_grid .content_article .content_list_navigation{width:100%; padding:0 15px; top:85px; right:0; justify-content:space-between;}

					.work .content_grid .content_article .content_list_navigation ul{width:100%; justify-content:space-between;}

						.work .content_grid .content_article .content_list_navigation ul li{margin:0;}

							.work .content_grid .content_article .content_list_navigation ul li a{height:35px; width:auto; padding:0 8px; border-radius:10px;}

				.work.director .content_grid .content_article .content_description{margin:0 0 25px;}

				.work.director .content_grid .content_article .btn_return{right:auto; left:15px; top:-70px;}

				.work .content_grid .content_article h1{font-size:3rem; margin:0 0 30px;}

				.work .content_grid .content_article h2{font-size:2rem;}

				.work .content_grid .content_article .content_project_list{grid-template-columns:repeat(1, minmax(0, 1fr)); gap:15px 0;}

					.work .content_grid .content_article .content_project_list li figure{border-radius:10px;}

						.work .content_grid .content_article .content_project_list li figure video{display:none;}

						.work .content_grid .content_article .content_project_list li :hover figure picture img{opacity:1;}

					.work .content_grid .content_article .content_project_list li .content_labels{opacity:1; top:10px; left:15px;}

						.work .content_grid .content_article .content_project_list li .content_labels li a{height:30px; padding:0 15px;}

							.work .content_grid .content_article .content_project_list li .content_labels li a span{font-family:'HaasGrot_400', sans-serif; font-weight:400; letter-spacing:normal;}

					.work .content_grid .content_article .content_project_list li .content_information{padding:10px 15px;}

						.work .content_grid .content_article .content_project_list li .content_information .brand_name{opacity:1; transform:translateY(0); font-size:1.5rem;}

						.work .content_grid .content_article .content_project_list li .content_information .project_name{opacity:1; transform:translateY(0); font-size:1.125rem;}

	/*WORK DETAIL*/

		/*Hero*/
		.work_detail .content_hero{height:auto; }

			.work_detail .content_hero article{height:auto; aspect-ratio:16 / 9; margin:65px 0 0;}

				.work_detail .content_hero article .btn_return{display:none;}

			/*Video Js*/
			.work_detail .content_hero article .video-js .vjs-control-bar{bottom:10px; width:calc(100% - 30px); left:-10px;}

		/*Information*/
		.work_detail .content_information{padding:35px 0 45px;}

			.work_detail .content_information article{padding:0 15px;}

				.work_detail .content_information article h2{font-size:2rem; margin:0 0 25px;}

				.work_detail .content_information article .content_list{gap:10px 5px;}

					.work_detail .content_information article .content_list h3{font-size:1.125rem;}

					.work_detail .content_information article .content_list p{font-size:1rem;}

		/*Image Video*/
		.work_detail .content_video_img{padding:0 0 50px;}
			
			.work_detail .content_video_img article{padding:0 15px;}

				.work_detail .content_video_img article .content_list{grid-template-columns:repeat(1, minmax(0, 1fr)); gap:10px 0;}

		/*Marquee*/
		.work_detail .content_marquee{padding:0 0 50px;}

			.work_detail .content_marquee .marquee-content-items li{margin:0 15px 0 0; width:150px;}

				.work_detail .content_marquee .marquee-content-items li figure{width:150px;}

		/*Big Video*/

			.work_detail .content_big_video article{padding:0 15px;}

				/*Video Js*/
			.work_detail .content_big_video article .video-js .vjs-control-bar{bottom:10px; width:calc(100% - 30px); left:-10px;}

		/*Information Second*/
		.work_detail .content_information_second{padding:35px 0 25px;}

			.work_detail .content_information_second article{padding:0 15px;}

				.work_detail .content_information_second article h2{width:100%; font-size:2rem; margin:0 0 20px;}

				.work_detail .content_information_second article .right{width:100%;}

					.work_detail .content_information_second article .right h3{font-size:1.5rem; margin:0 0 20px;}

					.work_detail .content_information_second article .right p{font-size:1.250rem; margin:0 0 20px;}

		/*Related Projects*/
		.work_detail .conent_related_projects{padding:0 0 50px}

			.work_detail .conent_related_projects article{padding:0 15px;}

				.work_detail .conent_related_projects article h2{font-size:2rem;}

				.work_detail .conent_related_projects .content_project_list{grid-template-columns:repeat(1, minmax(0, 1fr)); gap:15px 0;}

					.work_detail .conent_related_projects .content_project_list li figure{border-radius:10px;}

						.work_detail .conent_related_projects .content_project_list li figure video{display:none;}

						.work_detail .conent_related_projects .content_project_list li :hover figure picture img{opacity:1;}

					.work_detail .conent_related_projects .content_project_list li .content_labels{opacity:1; top:10px; left:15px;}

						.work_detail .conent_related_projects .content_project_list li .content_labels li a{height:30px; padding:0 15px;}

							.work_detail .conent_related_projects .content_project_list li .content_labels li a span{font-family:'HaasGrot_400', sans-serif; font-weight:400; letter-spacing:normal;}

					.work_detail .conent_related_projects .content_project_list li .content_information{padding:10px 15px;}

						.work_detail .conent_related_projects .content_project_list li .content_information .brand_name{opacity:1; transform:translateY(0); font-size:1.5rem;}

						.work_detail .conent_related_projects .content_project_list li .content_information .project_name{opacity:1; transform:translateY(0); font-size:1.125rem;}


	/*MODAL VIDEOS*/
		
		.content_modal .content_box .close_modal{left:0; right:0; margin:auto; top:20px;}

		.content_modal .content_box .gallery_info span{font-size:0.875rem;}

		.content_modal .content_box .nav_arrow{bottom:auto; top:-50px;}

		.content_modal .content_box .nav_arrow.prev{left:0;}
		.content_modal .content_box .nav_arrow.next{right:0;}

		/*Video Js*/
		.content_modal .content_box .video-js .vjs-control-bar{bottom:10px; width:calc(100% - 30px);}

	/*DIRECTORS*/

		/*Hero*/
		.directors .content_information_hero{padding:90px 0 0;}

			.directors .content_information_hero article{padding:0 15px;}

				.directors .content_information_hero article h1{font-size:3rem;}

				.directors .content_information_hero article h2{font-size:2rem;}

		/*Directors*/
		.directors .content_directors{height:auto; padding:80px 0;}

			.directors .content_directors article{height:auto;}

				.directors .content_directors .content_director_list{height:auto; padding:0;}

					.directors .content_directors .content_director_list .content_director{margin:0 0 30px;}

					.directors .content_directors .content_director_list .content_director,
					.directors .content_directors .content_director_list .content_director:last-child{width:100%;}

						.directors .content_directors .content_director_list .content_director li{text-align:center; justify-content:center; margin:0 0 30px;}

							.directors .content_directors .content_director_list .content_director li a{width:auto; height:auto;}

								.directors .content_directors .content_director_list .content_director li a span{font-size:1.5rem;}

				.directors .content_directors .content_videos_hover{display:none;}


	/*ABOUT*/

		/*Hero*/
		.about .content_information_hero{padding:90px 0 0;}

			.about .content_information_hero article{padding:0 15px;}

				.about .content_information_hero article h1{font-size:3rem;}

				.about .content_information_hero article h2{font-size:2rem; margin:0 0 20px;}

				.about .content_information_hero article .content_headings{padding:0;}

					.about .content_information_hero article .content_headings h3{font-size:2rem; margin:0 0 20px;}

					.about .content_information_hero article .content_headings p{font-size:2rem;}

		/*Team*/
		.about .content_team{padding:60px 0 110px;}

			.about .content_team article{padding:0 15px;}

				.about .content_team article h3{font-size:3rem; margin:0 0 20px;}

				.about .content_team article .content_grid{grid-template-columns:repeat(2, minmax(0, 1fr)); gap:15px 10px;}

					.about .content_team article .content_grid li figure{order:1;}

						.about .content_team article .content_grid li figure video{display:none;}

						.about .content_team article .content_grid li:hover figure picture img{opacity:1;}

					.about .content_team article .content_grid li .content_information{order:2; position:relative; top:auto; left:auto; padding:10px 5px;}
					.about .content_team article .content_grid li:hover .content_information{opacity:1;}

						.about .content_team article .content_grid li .content_information h4{font-size:1.250rem; color:var(--custom-red); margin:0;}

						.about .content_team article .content_grid li .content_information h5{font-size:0.625rem; color:var(--custom-red);}

		/*Marquee*/
		.about .content_marquee{padding:0;}

			.about .content_marquee article .content_headings{padding:0 15px;}

				.about .content_marquee article h3{font-size:3rem; margin:0 0 20px;}

				.about .content_marquee article h4{font-size:2rem;}

				.about .content_marquee .marquee-content-items li{width:145px;}

					.about .content_marquee .marquee-content-items li figure{width:145px;}

					.about .content_marquee .marquee-content-items li figure.marquee02,
					.about .content_marquee .marquee-content-items li figure.marquee05{margin:40px 0 0;}

				.content_marquee .content_words{bottom:-50px;}

					.content_marquee .content_words .marquee-content-items li{width:auto;}	

						.content_marquee .content_words .marquee-content-items li span{font-size:1rem;}

	/*MODAL BIO*/
	.content_modal_bio{height:100dvh; scroll-behavior:smooth; overflow-y:scroll;}

		.content_modal_bio .content_box{padding:100px 15px 20px;}

			.content_modal_bio .content_box .content_btn_close{z-index:5; top:100px;}

			.content_modal_bio .content_box .content_information figure{width:160px; position:relative; top:0;}

			.content_modal_bio .content_box .content_information .content_data{width:100%; margin:25px 0 0; display:flex; flex-wrap:wrap;}

				.content_modal_bio .content_box .content_information .content_data h3{font-size:2rem; margin:0 0 10px;}

				.content_modal_bio .content_box .content_information .content_data h4{font-size:1.5rem;}

				.content_modal_bio .content_box .content_information .content_data p{font-size:1.125rem; margin:0 0 15px;}
				.content_modal_bio .content_box .content_information .content_data p:last-child{margin:0 0 30px;}

	/*CONTACT*/

		/*Hero*/
		.contact .content_information_hero{padding:90px 0 0;}

			.contact .content_information_hero article{padding:0;}

				.contact .content_information_hero article h1{font-size:3rem; padding:0 15px; box-sizing:border-box;}

				.contact .content_information_hero article h2{font-size:2rem; padding:0 15px; margin:0 0 40px; box-sizing:border-box;}

			.contact .content_information_hero article .content_categories li{height:auto; padding:20px 10px; box-sizing:border-box;}	

			.contact .content_information_hero article .content_categories.people li{flex-wrap:wrap;}

				.contact .content_information_hero article .content_categories li h3{font-size:0.875rem;}

				.contact .content_information_hero article .content_categories a{font-size:0.875rem;}

				.contact .content_information_hero article .content_categories.people li h3{order:1;}

				.contact .content_information_hero article .content_categories.people li .content_links{order:2;}

				.contact .content_information_hero article .content_categories.people span{width:100%; font-size:0.750rem; order:3; position:relative; justify-content:flex-start; text-align:left;}

		/*Big Button*/
		.contact .content_big_button{padding:50px 0}

			.contact .content_big_button article{padding:0 15px;}

				.contact .content_big_button article .big_button{height:115px;}

					.contact .content_big_button article .big_button span{font-size:1.5rem; margin:0 10px 0 0;}

					.contact .content_big_button article .big_button svg{width:35px; transform:scale(1) rotate(0deg); opacity:1;}

	/*FOOTER*/
	footer{height:auto; padding:60px 0 0;}

		footer article{padding:0 15px;}

		.work footer article, 
		.contact footer article,
		.work_detail footer article{padding:0 15px;}

			footer article .content_contact{padding:0; margin:0 0 80px; flex-wrap:wrap; justify-content:flex-end;}

				footer article .content_contact::before{display:none;}

				footer article .content_contact .content_w{width:100%; order:2; margin:20px 0 0; flex-wrap:wrap;}

					footer article .content_contact .content_w div{width:100%; margin:0 0 20px;}

				footer article .content_contact svg{width:70px; height:70px; order:1;}

			footer article .content_bottom{padding:15px 0 30px}

				footer article .content_bottom .legal{width:100%; margin:0 0 20px;}

}

/*Media Query Mobile*/
@media (max-width: 750px) {

}

/*Media Query Mobile Horizontal*/
@media screen and (max-width: 1000px) and (orientation: landscape) {

	/*LOADER*/

	/*Lottie Animation*/
		.content_loading .big_logo{width:100px; height:100px; display:block; margin-bottom:40px; z-index:31;}

		/*Big Logo Whie*/
		.content_loading .big_logo_white_bottom{width:230px; height:33px; top:0; bottom:-130px; left:0; transform:translateY(0) scale(1);}
		.content_loading .big_logo_white_bottom.show{width:300px; height:43px; top:0; bottom:0; left:0; transform:translateY(calc(50svh - 20px));}

		/*Percentage*/
		.content_loading .loading_percent{font-size:2rem; right:10px; top:10px;}

}

/*Portrait Mobile Breackpoints*/
@media (orientation: portrait) and (min-width: 360px) and (max-width: 389px) {

	.content_loading .big_logo_white_bottom.show{width:345px; height:50px; transform:translateY(calc(50svh - 24px));}

}

@media (orientation: portrait) and (min-width: 390px) and (max-width: 412px) {

	.content_loading .big_logo_white_bottom.show{width:370px; height:53px; transform:translateY(calc(50svh - 26px));}

}

@media (orientation: portrait) and (min-width: 413px) and (max-width: 480px) {

	.content_loading .big_logo_white_bottom.show{width:400px; height:57px; transform:translateY(calc(50svh - 28px));}

}