@charset "UTF-8";

    /** Reset **************************************************/
	
		/** General **************************************************/
            html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
            address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
            dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure,
            section, nav, input, select, textarea, button,
            header, footer, article, aside, section { border: 0; box-sizing: border-box; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
            body { background: white; line-height: 1; }
            ol, ul { list-style: none; }
            table { border-collapse: separate; border-spacing: 0; }
            caption, th, td { text-align: left; }
            article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; }

		/** Anchor and Button **************************************************/
            a { color: inherit; cursor: pointer; text-decoration: none; }
			select.dropdown { /*cursor: pointer;*/ }
            button { background: none; cursor: pointer; color: inherit; }
			button:active { color: inherit; }
            :focus { outline: 0; }

		/** Webkit **************************************************/
            * { -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-appearance: none; -webkit-border-radius: 0px; -webkit-text-size-adjust: 100%; }
            input[type="number"] { -moz-appearance: textfield; }
            input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
			textarea { resize: none; }
			select::-ms-expand { display: none; }
			::selection { background: var(--dark); color: var(--white) !important; }
			::-moz-selection { background: var(--dark); color: var(--white) !important; }
			::-webkit-scrollbar { display: none !important; }
			::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; }
				
				
    /** Scaffolding **************************************************/

		/** Infrastructure, Responsive, & Smoothscrolling **************************************************/
		
			body section { opacity: 0; }
			body.ready section { opacity: 1; }
			
			.page { position: relative; z-index: 2; }
			
			section { pointer-events: auto; position: relative; }
            div.container { min-height: 100%; position: relative; }
			div.container:not(.margin) { padding-left: var(--margin); padding-right: var(--margin); }
			div.container.margin { margin-left: var(--margin); margin-right: var(--margin); }

            code.device { display: none; height: 1px; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 1px; width: 1px; }
							
			:root {
				--vw: 1vw;
				--vh: 1vh;
				--grid: calc((var(--vw) * 100) - (var(--margin) * 2));
				--col: calc((var(--grid) + var(--gutter)) / var(--columns));
				--vh100: calc(var(--vh) * 100);
				--vw100: calc(var(--vw) * 100);
	
				--col1: calc((var(--col) * 1));
				--col1-g: calc(var(--col1) - var(--gutter));
				--col1g: calc(var(--col1) + var(--gutter));
				--col2: calc((var(--col) * 2));
				--col2-g: calc(var(--col2) - var(--gutter));
				--col2g: calc(var(--col2) + var(--gutter));
				--col3: calc((var(--col) * 3));
				--col3-g: calc(var(--col3) - var(--gutter));
				--col3g: calc(var(--col3) + var(--gutter));
				--col4: calc((var(--col) * 4));
				--col4-g: calc(var(--col4) - var(--gutter));
				--col4g: calc(var(--col4) + var(--gutter));
				--col5: calc((var(--col) * 5));
				--col5-g: calc(var(--col5) - var(--gutter));
				--col5g: calc(var(--col5) + var(--gutter));
				--col6: calc((var(--col) * 6));
				--col6-g: calc(var(--col6) - var(--gutter));
				--col6g: calc(var(--col6) + var(--gutter));
				--col7: calc((var(--col) * 7));
				--col7-g: calc(var(--col7) - var(--gutter));
				--col7g: calc(var(--col7) + var(--gutter));
				--col8: calc((var(--col) * 8));
				--col8-g: calc(var(--col8) - var(--gutter));
				--col8g: calc(var(--col8) + var(--gutter));
				--col9: calc((var(--col) * 9));
				--col9-g: calc(var(--col9) - var(--gutter));
				--col9g: calc(var(--col9) + var(--gutter));
				--col10: calc((var(--col) * 10));
				--col10-g: calc(var(--col10) - var(--gutter));
				--col10g: calc(var(--col10) + var(--gutter));
				--col11: calc((var(--col) * 11));
				--col11-g: calc(var(--col11) - var(--gutter));
				--col11g: calc(var(--col11) + var(--gutter));
				--col12: calc((var(--col) * 12));
				--col12-g: calc(var(--col12) - var(--gutter));
				--col12g: calc(var(--col12) + var(--gutter));
			}
			
			
			/** Mobile & Tablet **********/
				@media all and (max-width: 1023px) {
					body { height: var(--vh100); overflow: hidden; position: fixed; width: 100%; --smoothScroll: 1; }
					#main { height: var(--vh100) !important; left: 0; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; width: 100%; z-index: 2; -webkit-overflow-scrolling: touch; }
					html.lock #main { border-bottom: 1px solid transparent; overflow: hidden; }
	
					[smoothscroll]:not([smoothscroll="fixed"]) { margin-bottom: 0 !important; -webkit-transform: none !important; transform: none !important; }
				}
					
			/** Mobile **********/
				@media all and (max-width: 767px) {
					#_mobile { display: block; }
					body { min-width: 320px; }
				}
	
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1023px) {
					#_tablet { display: block; }
				}
	
			/** Laptop & Desktop **********/
				@media all and (min-width: 1023px) {
					#_laptop_desktop { display: block; }
			
					/** No Smoothscroll **********/
						@supports (-webkit-touch-callout: none) {
							body { height: var(--vh100); overflow: hidden; position: fixed; width: 100%; --smoothScroll: 1; }
							#main { height: var(--vh100) !important; left: 0; overflow-x: hidden; overflow-y: scroll; position: fixed; top: 0; width: 100%; z-index: 2; -webkit-overflow-scrolling: touch; }
							html.lock #main { border-bottom: 1px solid transparent; overflow: hidden; }
			
							[smoothscroll]:not([smoothscroll="fixed"]) { -webkit-transform: none !important; transform: none !important; }
						}
	
					/** Smoothscroll **********/
						@supports not (-webkit-touch-callout: none) {
							body { --smoothScroll: .08; }
							
							html.lock { overflow-y: scroll; }
							html.lock body { overflow: hidden; }
							
							main { height: 100% !important; left: 0; overflow: hidden; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 2; }
							div[data-scroll] { pointer-events: none; position: absolute; width: 100%; }
							
							[smoothscroll]:not([smoothscroll="fixed"]) { will-change: transform; }
							
							#_laptop_desktop_notouch { display: block; }
						}
				}
		
			/** (Safari) **********/
				@media not all and (min-resolution: .001dpcm) {
					@supports (-webkit-appearance:none) {
					}
				}
		
			/** Laptop & Desktop (Not Safari) **********/
				@media all and (min-width: 1023px) and (min-resolution: .001dpcm) {
				}
	
			/** Laptop **********/
				@media all and (min-width: 1023px) and (max-width: 1439px) {
					#_laptop { display: block; }
				}
	
			/** Desktop **********/
				@media all and (min-width: 1439px) {
					#_desktop { display: block; }
				}
				

		/** Grid **************************************************/
		
			:root { 
				--gutter: 20px; 
			}
			
		/** Mobile, Tablet & Laptop **********/
			@media all and (max-width: 1439px) {
				:root { --margin: 20px; ---margin: -20px; }
			}
				
        /** Mobile **********/
            @media all and (max-width: 767px) {
				:root { --columns: 6; }
            }

        /** Tablet, Laptop & Desktop **********/
            @media all and (min-width: 768px) {
				:root { --columns: 12; }
			}
			
        /** Desktop **********/
            @media all and (min-width: 1439px) {
				:root { --margin: 40px; ---margin: -40px; }
            }




	/** Global **************************************************/

		/** Fonts **************************************************/
		
			@font-face { font-family: HaasGrot; src: url('../fonts/3a88f98c-1faa-4a99-9993-44eaa5357e0f.woff2') format('woff2'), url('../fonts/fc3e6fbb-ad1a-40e8-a740-4b8136400c98.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
			@font-face { font-family: HaasGrot; src: url('../fonts/f2312682-7d3b-4645-a387-bfd63a41423d.woff2') format('woff2'), url('../fonts/69a76b8a-4d35-4eae-b803-3de2b814d390.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
			@font-face { font-family: IvyPrestoDisplay; src: url('../fonts/IvyPrestoDisplay-Thin.woff2') format('woff2'), url('../fonts/IvyPrestoDisplay-Thin.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }




		/** Styles **************************************************/
				
			:root {
				/** Colors **********/
					--dark: #0e0d0d;
					--white: #fff;
					--purple: #231620;
					--red: #fa243e;
					--beige: #ebeabe;
					--blue: #31628f;
					--grey: #e5e5e5;
				
				/** Transitions **********/
					--menu-transition: .8s cubic-bezier(0.8, 0, 0.2, 1);
					--profile-transition: 1.2s cubic-bezier(0.76, 0, 0.24, 1);
			}

			/** General Styles **********/
				body { background: var(--white); color: var(--dark); font-family: HaasGrot; font-style: normal; font-weight: 400; will-change: opacity; }
/*
				body::after { background: url('../img/logos_dark.svg') center center no-repeat; background-size: contain; content: ''; display: block; height: calc(var(--width) * .13); left: 50%; opacity: 0; pointer-events: none; position: fixed; top: 50%; transition: opacity .6s ease-out; width: var(--width); will-change: opacity; z-index: -1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
*/
				#main { transition: opacity .6s ease-in .6s; }
/*				
				body.transition::after { opacity: 1; transition: opacity .6s ease-in .6s; }
				body.transition #main { opacity: 0; transition: opacity .6s ease-out; }
*/				
				.pre { white-space: pre-line; }
				.no-pre { white-space: normal !important; }
				
				
			/** Page Transition **************************************************/
				span#transition { align-items: center; background: var(--dark); -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); display: -webkit-flex; display: flex; height: 100%; justify-content: center; left: 0; pointer-events: none; position: fixed; top: 0; width: 100%; will-change: transform; z-index: 10000; }
				span#transition svg { display: block; height: calc(var(--width) * .13); opacity: 0; width: var(--width); -webkit-transform: scale(.9); transform: scale(.9); -webkit-transition: opacity var(--menu-transition), -webkit-transform var(--menu-transition); transition: opacity var(--menu-transition), transform var(--menu-transition); }
				body.transition:not(.complete) span#transition { animation: transition-bg .8s forwards cubic-bezier(0.8, 0, 0.2, 1); }
				body.transition:not(.complete) span#transition svg { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
				body.transition.complete span#transition { animation: transition-bg-complete .8s forwards cubic-bezier(0.8, 0, 0.2, 1); }
				body.transition.complete span#transition svg  { opacity: 0; -webkit-transform: scale(.9); transform: scale(.9); }
	
	
				@keyframes transition-bg { 0% { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }
				@-webkit-keyframes transition-bg { 0% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); } 100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } }
				@keyframes transition-bg-complete { 0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } }
				@-webkit-keyframes transition-bg-complete { 0% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } 100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } }
	
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						span#transition { --width: var(--col5-g); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						span#transition { --width: var(--col2-g); }
					}
					
				
			/** Body Copy **********/
				.para { display: block; letter-spacing: -.01em; }
				.para.sm { font-size: 16px; line-height: 22px; }
				.para.smx { font-size: 14px; line-height: 18px; }
				.para strong, strong.para { font-weight: 500 !important; }
				
			
			/** Headings **********/
				.h1, .h2, .h3, .h4 { display: block; font-family: IvyPrestoDisplay; font-display: swap; font-style: normal; font-weight: 300; white-space: pre-line; }
				.h1, .h2		   { letter-spacing: -.03em; }
						  .h3, .h4 { letter-spacing: -.01em; }
			
				.section-heading { font-size: 14px; font-weight: 500; letter-spacing: -.01em; line-height: 18px; padding-top: 11px; position: relative; text-align: left; transition: color .8s cubic-bezier(0.5, 1, 0.89, 1); width: 100%; }
				.section-heading::before { border-top: 1px solid var(--dark); content: ''; display: block; left: 0; opacity: .2; position: absolute; top: 0; width: 0; }
				
				.section-heading:not(.reveal) { color: transparent; opacity: 0; -webkit-transform: translateY(var(--fade-in-position)); transform: translateY(var(--fade-in-position)); --fade-in-position: 20px; }
				.section-heading.reveal { will-change: color, transform; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: color .8s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform .8s cubic-bezier(0.5, 1, 0.89, 1); transition: color .8s cubic-bezier(0.5, 1, 0.89, 1), transform .8s cubic-bezier(0.5, 1, 0.89, 1); }
				.section-heading.reveal::before { width: 100%; }
				.section-heading.reveal.reveal-animation::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
				
			/** Arrows **********/
				arrow.icon { background-position: center center; background-repeat: no-repeat; background-size: contain; display: block; }
				arrow.icon.diagonal { background-image: url('../img/icons_arrow_diagonal-dark.svg'); }
				arrow.icon.diagonal { height: 23px; width: 23px; }
				
				arrow.icon.diagonal.light { background-image: url('../img/icons_arrow_diagonal-white.svg'); }
				
				arrow.block { display: block; height: var(--height); position: relative; width: var(--height); --long: calc(var(--height) * 1.41); --short: calc(var(--height) * .765); }
				arrow.block::after { border-top: 2px solid var(--dark); content: ''; display: block; left: 1px; position: absolute; top: -2px; width: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top left; transform-origin: top left; }
				arrow.block icon { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
				arrow.block icon::before,
				arrow.block icon::after { border-top: 2px solid var(--dark); content: ''; display: block; position: absolute; width: 0; }
				arrow.block icon::before { bottom: 0; left: calc(var(--height) - var(--short)); }
				arrow.block icon::after { right: 0; top: calc(var(--height) - var(--short)); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: top right; transform-origin: top right; }
				
				.dark arrow.block::after,
				.dark arrow.block icon::before,
				.dark arrow.block icon::after { border-top-color: var(--white); }
				
				arrow.block.reveal::after { width: var(--long); }
				arrow.block.reveal icon::before,
				arrow.block.reveal icon::after { width: var(--short); }
				
				arrow.block.reveal.reveal-animation::after,
				arrow.block.reveal.reveal-animation icon::before,
				arrow.block.reveal.reveal-animation icon::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
				div.arrow-block arrow { position: absolute; }
						
			
			/** Colors **********/
				.dark { background: var(--purple); color: var(--white); }
				.dark::after { background: var(--purple); bottom: -2px; content: ''; display: block; height: 4px; left: 0; position: absolute; width: 100%; z-index: -1; }
				.dark .section-heading::before { border-top-color: var(--white); }
				
				
			/** Images **********/
				figure { position: relative; }
				figure img { display: block; object-fit: cover; width: 100%; }
				
				
			/** Links **********/
				.link { display: inline-block; font-size: 16px; font-weight: 500; height: 25px; line-height: 22px; position: relative; text-transform: uppercase; }
				.link.smx { font-size: 14px; line-height: 18px; }
				.link span { display: block; }
				
				.link.arrow { padding: 0 45px; overflow: hidden; pointer-events: none; position: relative; z-index: 2; }
				.link.arrow::before { background: url('../img/icons_arrow_right-purple.svg') center center; background-size: contain; content: ''; display: block; height: 20px; left: 0; margin-left: -25px; position: absolute; top: 0; width: 25px; z-index: -1; }
				.link.arrow span { background: var(--white); pointer-events: auto; position: relative; z-index: 2; }
				.link.arrow.light::before { background-image: url('../img/icons_arrow_right-white.svg'); }
				.link.arrow.light span { background: var(--purple); }
				.link.arrow.light { color: var(--white); }
				
				.link.arrow.reveal::before { margin-left: 0; transition: margin-left .8s .4s cubic-bezier(0.65, 0, 0.35, 1); }
				
				.link.read-all { margin-top: 124px; }
				.link.read-all::after { border-left-style: solid; border-left-width: 1px; content: ''; display: block; height: 0; left: calc(50% - 1px); position: absolute; top: -124px; }
				.link.read-all.reveal::after { height: 94px; transition: height 1s cubic-bezier(0.5, 1, 0.89, 1); }
			
			
			/** Mobile, Tablet & Laptop **********/
				@media all and (max-width: 1439px) {
					:root {
						--section-padding: 80px;
					}
				}
					
			/** Mobile **********/
				@media all and (max-width: 767px) {
					:root {
						--padding-top: 80px;
					}
				
					
					.h1 { font-size: 65px; line-height: 70px; }
					.h2 { font-size: 50px; line-height: 55px; }
					.h3 { font-size: 40px; line-height: 40px; }
					.h4 { font-size: 32px; line-height: 36px; }
					
					.para:not(.sm):not(.smx) { font-size: 20px; line-height: 25px; }
					
					.section-heading { margin-bottom: 40px; }	
					
					arrow.block { --height: 98px; }
				}
	
			/** Tablet, Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					.h3 { font-size: 60px; line-height: 60px; }
					.h4 { font-size: 40px; line-height: 52px; }
					
					.para:not(.sm):not(.smx) { font-size: 25px; line-height: 28px; }					
				}
		
			/** Tablet & Laptop **********/
				@media all and (min-width: 768px) and (max-width: 1439px) {
					:root {
						--padding-top: 150px;
					}
					
					.h1 { font-size: 80px; line-height: 80px; }
					.h2 { font-size: 65px; line-height: 80px; }
					
					.section-heading { margin-bottom: 60px; }
					
					arrow.block { --height: 167px; }
					
				}
		
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1023px) {
				}
		
			/** Laptop & Desktop **********/
				@media all and (min-width: 1023px) {
				:root {
					--col1-inset: calc(var(--margin) + var(--col1));
				}
				
				
				div.container:not(.margin).inset { padding-left: var(--col1-inset); padding-right: var(--col1-inset); }
				div.container.margin.inset { margin-left: var(--col1-inset); margin-right: var(--col1-inset); }	
				
				.link { --animation-duration: 400; }
				.link::before { animation: link-out .4s forwards cubic-bezier(0.83, 0, 0.17, 1); }
				.link span::after { border-bottom: 2px solid var(--dark); bottom: -3px; content: ''; left: auto; position: absolute; right: 0; transition: width .4s ease-out; width: 0; will-change: left, right, width; }
				
				.link.read-all.light span::after { border-bottom-color: var(--white); }
				
				.link.arrow span::before { background: var(--white); content: ''; display: block; height: 25px; left: -20px; pointer-events: none; position: absolute; top: -3px; width: calc(100% + 40px); z-index: -1; }
				.link.arrow.light span::before { background: var(--purple); }
				
				.link.active::before { animation: link-in .4s forwards cubic-bezier(0.65, 0, 0.35, 1); }
				.link.active span::after { left: 0; right: auto; width: 100%; }
				
				@keyframes link-in { 0% { left: 0; } 50% { left: 25px; } 51% { left: calc(100% - 50px); } 100% { left: calc(100% - 25px); } }
				@keyframes link-out { 0% { left: calc(100% - 25px); } 50% { left: 100%; } 51% { left: -25px; } 100% { left: 0; } }
			}
				
			/** Desktop **********/
				@media all and (min-width: 1440px) {
					:root {
						--padding-top: 220px;
						--section-padding: 160px;
					}
					
					.h1 { font-size: 120px; line-height: 110px; }
					.h2 { font-size: 90px; line-height: 100px; }
					
					.section-heading { margin-bottom: 80px; }
					
					arrow.block { --height: 190px; }
				}
			

		/** Animation **************************************************/

			/** Fade In **************************************************/
			
				.fade-in { opacity: 0; --animation-delay: .2s; --fade-in-position: 20px; }
				.fade-in.reveal,
				.fade-in-container.reveal .fade-in:not([scroll*="reveal"]) { animation: fade-in .8s forwards cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); will-change: opacity, -webkit-transform, transform; }
							
				@keyframes fade-in { 0% { opacity: 0; transform: translateY(var(--fade-in-position)); } 100% { opacity: 1; transform: translateY(0); } }
				@-webkit-keyframes fade-in { 0% { opacity: 0; -webkit-transform: translateY(var(--fade-in-position)); } 100% { opacity: 1; -webkit-transform: translateY(0); } }		
							
				@keyframes fade-in-away { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(calc(var(--fade-in-position) * -1)); } }
				@-webkit-keyframes fade-in-away { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(calc(var(--fade-in-position) * -1)); } }			
				
				
			/** Text Reveal **************************************************/
					
				.text-reveal { opacity: 0; position: relative; --animation-delay: 0s; }
				.text-reveal.set { opacity: 1; }
				.text-reveal span { display: inline-block; margin-bottom: -25px; overflow: hidden; position: relative; vertical-align: bottom; }
				.text-reveal span sub { display: inline-block; opacity: 0; padding-bottom: 25px; white-space: pre; }
				.text-reveal span sub::after { content: ' '; white-space: pre; }
				.text-reveal.reveal span sub,
				.text-reveal-container.reveal .text-reveal span sub { animation: text-reveal 1s forwards cubic-bezier(0.33, 1, 0.68, 1) var(--transition-delay); will-change: transform; }
				
				.text-reveal span { /*white-space: pre-wrap;*/ }
				.text-reveal:not(.set) span sub { white-space: pre; }
/*				
				.text-reveal:not(.concurrent) span sub { --transition-delay: calc(var(--animation-delay) + (var(--index) * .05s)); }
				.text-reveal.concurrent span sub { --transition-delay: calc(var(--animation-delay) + .05s); }
*/
				.text-reveal span sub { --transition-delay: calc(var(--animation-delay) + .05s); }
										
				@keyframes text-reveal { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } }
				@-webkit-keyframes text-reveal { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } }
	
				@keyframes text-reveal-away { 0% { opacity: 1; transform: translate3d(0, 0, 0); } 100% { opacity: 1; transform: translate3d(0, -100%, 0); } }
				@-webkit-keyframes text-reveal-away { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, -100%, 0); } }
			

			/** Image Reveal **************************************************/
			
				figure[scroll*="reveal"] { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); overflow: hidden; }
				figure[scroll*="reveal"].reveal { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); transition: -webkit-clip-path 1.2s cubic-bezier(0.76, 0, 0.24, 1) var(--animation-delay), clip-path 1.2s cubic-bezier(0.76, 0, 0.24, 1) var(--animation-delay); --animation-delay: 0s; }
				
			
		/** r **************************************************/
			
			header { pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 1000; }
			header::before { background-color: transparent; content: ''; display: block; height: var(--vh100); left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; will-change: background-color, -webkit-backdrop-filter, backdrop-filter; z-index: -2; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); -webkit-transition: background-color var(--menu-transition), -webkit-backdrop-filter var(--menu-transition); transition: background-color var(--menu-transition), backdrop-filter var(--menu-transition); }
			header::after { background-color: transparent; content: ''; display: block; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: -1; }
			
			header section#header { pointer-events: none; z-index: 1002; }
			header section#header div.container { align-items: center; display: -webkit-flex; display: flex; justify-content: space-between; }
			header section#header div#logo { position: relative; }
			header section#header div#logo a { height: 100%; left: 0; pointer-events: auto; position: absolute; top: 0; width: 100%; z-indeX: 1003; }
			header section#header div#logo svg { width: 160px; }
			header section#header div#logo svg path { fill: var(--dark); stroke: var(--dark); }
			header section#header div#contact-menu button { height: 41px; pointer-events: auto; position: relative; width: 41px; }
			header section#header div#contact-menu button::before,
			header section#header div#contact-menu button::after { border-top: 2px solid var(--dark); border-top-style: solid; content: ''; display: block; left: 0; position: absolute; width: 100%; -webkit-transition: border-color .6s ease-out, top .2s ease-out .35s, -webkit-transform .4s ease-out; transition: border-color .6s ease-out, top .2s ease-out .35s, transform .4s ease-out; }
			header section#header div#contact-menu button::before { top: 16px; }
			header section#header div#contact-menu button::after { top: 24px; }
			
			/** States **********/
				
				/** Dark / Sticky **********/
					header.dark-header:not(.menu) section#header,
					header.sticky:not(.menu) section#header { color: var(--white); }
					header.dark-header:not(.menu) section#header div#contact-menu button::before,
					header.sticky:not(.menu) section#header div#contact-menu button::before,
					header.dark-header:not(.menu) section#header div#contact-menu button::after,
					header.sticky:not(.menu) section#header div#contact-menu button::after { border-top-color: var(--grey); }
				
				/** Ready **********/
					body:not(.ready) header { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
					body.ready header { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.65, 0, 0.35, 1); transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1); }
					
				/** Sticky **********/
					header.sticky::after { background-color: var(--purple); pointer-events: auto; }
					
					header.scroll section#header,
					header.scroll::after { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
					
					header.animate section#header,
					header.animate::after { -webkit-transition: background-color .4s ease-out, -webkit-transform .4s ease-out; transition:  background-color .4s ease-out, transform .4s ease-out; }
					header.sticky.animate::after { -webkit-transition: background-color .4s ease-out .4s, -webkit-transform .4s ease-out; transition:  background-color .4s ease-out .4s, transform .4s ease-out; }
					
							
				/** Menu **********/
					header.menu section#header div#contact-menu a { opacity: 0; pointer-events: none; }
					header.menu section#header div#contact-menu button::before,
					header.menu section#header div#contact-menu button::after { top: 20px; -webkit-transition: border-color .6s ease-out, top .2s ease-out, -webkit-transform .4s ease-out .2s; transition: border-color .6s ease-out, top .2s ease-out, transform .4s ease-out .2s; }
					header.menu section#header div#contact-menu button::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
					header.menu section#header div#contact-menu button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }	
			
					
					
			/** Mobile & Tablet **********/
				@media all and (max-width: 1023px) {
					header.dark-header:not(.menu) section#header div#logo svg path,
					header.sticky:not(.menu) section#header div#logo svg path { fill: var(--white); stroke: var(--white); }
					
					header.menu-transition.dark-header section#header div#logo svg path,
					header.menu-transition.sticky section#header div#logo svg path { transition: fill var(--menu-transition), stroke var(--menu-transition); }
				}
				
			/** Mobile **********/
				@media all and (max-width: 767px) {
					header::after { height: 59px; }
					
					header section#header { padding: 10px 0; }
					header section#header div#contact-menu a { display: none; }
				}
	
			/** Tablet, Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					header::after { height: 99px; }
					
					header section#header { padding: 30px 0; }
					header section#header div#contact-menu { align-items: center; display: -webkit-flex; display: flex; }
					header section#header div#contact-menu a { font-weight: 500; margin-right: 20px; pointer-events: auto; }
					
					header.menu-transition section#header div#contact-menu a { transition: color var(--menu-transition), opacity var(--menu-transition); }
				}
		
			/** Laptop & Desktop **********/
				@media all and (min-width: 1023px) {					
					header section#header div#contact-menu a { transition: color .2s ease-out; }
					header.dark-header section#header div#contact-menu a:hover,
					header.sticky section#header div#contact-menu a:hover { color: var(--beige); }
					
					header.dark-header section#header div#logo svg path,
					header.sticky section#header div#logo svg path { fill: var(--white); stroke: var(--white); }
				}
		
		
			/** Menu **************************************************/
			
				header section#menu { background: var(--beige); height: var(--vh100); overflow-y: scroll; position: fixed; right: 0; top: 0; will-change: transform; z-index: 1001; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform var(--menu-transition); transition: transform var(--menu-transition); -webkit-overflow-scrolling: touch; }
				header section#menu nav ul {  align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; }
				header section#menu nav ul li { /*opacity: 0; transition: 0s ease 1s; -webkit-transform: translateY(0); transform: translateY(0);*/}
				header section#menu nav ul li:not(:last-child) { margin-bottom: 5px; }
				header section#menu nav + div { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; position: relative; text-transform: uppercase; }
				header section#menu nav + div a:nth-child(1) { position: relative; --animation-delay: .6s; }
				header section#menu nav + div a:nth-child(1)::after { border-bottom: 1px solid var(--dark); content: ''; display: block; left: 0; position: absolute; top: 38px; width: 0; }
				header section#menu nav + div a:nth-child(n+2):not(:last-child) { margin-bottom: 18px; }
				header section#menu nav + div a:nth-child(2) { --animation-delay: .9s; }
				header section#menu nav + div a:nth-child(3) { --animation-delay: 1.1s; }
				
				header.menu section#menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
				header.menu::before { background: rgba(18, 18, 18, .9); pointer-events: auto; }
				
				header section#menu nav + div a:nth-child(1).reveal.reveal-animation::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
/*
				header.menu section#menu nav ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 1s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 1s cubic-bezier(0, 0.55, 0.45, 1); transition: opacity 1s cubic-bezier(0, 0.55, 0.45, 1), transform 1s cubic-bezier(0, 0.55, 0.45, 1); }
				header.menu section#menu nav ul li:nth-child(1) { -webkit-transition-delay: .5s; }
				header.menu section#menu nav ul li:nth-child(2) { -webkit-transition-delay: .58s; }
				header.menu section#menu nav ul li:nth-child(3) { -webkit-transition-delay: .66s; }
				header.menu section#menu nav ul li:nth-child(4) { -webkit-transition-delay: .74s; }
				header.menu section#menu nav ul li:nth-child(5) { -webkit-transition-delay: .82s; }
				header.menu section#menu nav ul li:nth-child(6) { -webkit-transition-delay: .9s; }
*/			
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						header section#menu { width: 100%; }
					}

				/** Mobile **********/
					@media all and (max-width: 767px) {
						header section#menu nav { margin-bottom: 80px; padding-top: 100px; }
						header section#menu nav + div { padding-bottom: 20px; }
						header section#menu nav + div a:nth-child(1) { margin-bottom: 41px; }
						
						header section#menu nav + div a:nth-child(1).reveal::after { width: var(--grid); }
					}
						
				/** Mobile LG **********/
					@media all and (min-width: 390px) and (max-width: 767px) {
						header section#menu nav a { font-size: 46px; line-height: 48px; }
					}
						
				/** Mobile Tall **********/
					@media all and (min-height: 620px) and (max-width: 767px) {
						header section#menu nav + div { bottom: 0; position: absolute; }
					}
					
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						header section#menu nav { margin-bottom: 150px; padding-top: 150px; }
						header section#menu nav + div { padding-bottom: 50px; }
						header section#menu nav + div a:nth-child(1) { margin-bottom: 81px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						header section#menu div.container { padding: 0 calc(var(--margin) + var(--col1)); }
						
						header section#menu nav + div a:nth-child(1).reveal::after { width: calc(var(--grid) - var(--col2)); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						header section#menu { min-width: 625px; width: calc(var(--col5-g) + var(--margin)); }
						header section#menu div.container { padding-left: var(--col1); padding-right: var(--margin); }
						header section#menu nav a { transition: opacity .4s ease-out; }
						header section#menu nav a:hover { opacity: .4; }						
						header section#menu nav + div a:nth-child(1).reveal::after { width: calc(var(--col5-g) - var(--col1)); }
						header section#menu nav + div a span { transition: opacity .4s ease-out; }
						header section#menu nav + div a span::after { display: none; }
						header section#menu nav + div a:hover span { opacity: .4; }
						
							
						/** Smoothscroll **********/
							@supports not (-webkit-touch-callout: none) {
								header.menu::before { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
							}
					}
					
		
				/** (Safari) **********/
					@media not all and (min-resolution: .001dpcm) {
						@supports (-webkit-appearance:none) {
							header.menu::before { -webkit-backdrop-filter: blur(0) !important; backdrop-filter: blur(0) !important; }
						}
					}
					

		/** Footer **************************************************/
			
			footer { background: var(--purple); color: var(--white); pointer-events: auto; position: relative; }
			footer::before { background: var(--purple); content: ''; display: block; height: 8px; left: 0; position: absolute; top: -4px; width: 100%; z-index: -1; }
			footer div#footer-nav { position: relative; }
			footer div#footer-nav > a { display: block; }
			footer div#footer-nav > a svg path { fill: var(--white); stroke: var(--white); }
			footer div#footer-nav nav { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; }
			footer div#footer-nav nav a { display: inline; }
			footer div#footer-nav nav a:not(:last-child) { margin-bottom: 5px; }
			footer div#footer-nav + p { color: rgba(255, 255, 255, .5); font-weight: 500; text-transform: uppercase; }
			footer div#footer-social { align-items: center; display: -webkit-flex; display: flex; font-weight: 500; justify-content: space-between; position: relative; text-transform: uppercase; }
			footer div#footer-social div a:not(:last-child) { margin-right: 25px; }
			
							
			/** Mobile & Tablet **********/
				@media all and (max-width: 1023px) {
					footer { padding-top: 80px; }
				}
					
			/** Mobile **********/
				@media all and (max-width: 767px) {
					footer { padding-bottom: 20px; }
					footer div#footer-nav { margin-bottom: 60px; }
					footer div#footer-nav > a { margin-bottom: 40px; }
					footer div#footer-nav > a svg { width: var(--col4-g); }
					footer div#footer-nav + p { margin-bottom: 20px; white-space: pre-line; }
				}
	
			/** Tablet, Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					footer { padding-bottom: 40px; }
					footer div#footer-nav + p { margin-bottom: 24px; }
				}
		
			/** Tablet & Laptop **********/
				@media all and (min-width: 768px) and (max-width: 1439px) {
					footer div#footer-nav { margin-bottom: var(--section-padding); }
				}
	
			/** Tablet **********/
				@media all and (min-width: 768px) and (max-width: 1023px) {
					footer div.container { padding-left: calc(var(--margin) * 2) !important; padding-right: calc(var(--margin) * 2) !important; }
					footer div#footer-nav > a { margin-bottom: 80px; }
					footer div#footer-nav > a svg { width: var(--col4-g); }
					footer div#footer-nav nav a { font-size: 40px; line-height: 52px; }
				}
	
			/** Laptop & Desktop **********/
				@media all and (min-width: 1023px) {
					footer div#footer-nav { align-items: center; display: -webkit-flex; display: flex; }
					footer div#footer-nav nav { width: var(--col6-g); }
					footer div#footer-nav a { position: relative; transition: color .2s ease-out; }
					footer div#footer-nav > a svg { height: 40px; }
					footer div#footer-nav nav a:hover { color: var(--beige); }
					footer div#footer-social a { transition: color .2s ease-out; }
					footer div#footer-social a:hover { color: var(--beige); }
				}

			/** Laptop **********/
				@media all and (min-width: 1023px) and (max-width: 1439px) {
					footer { padding-top: 80px; }
					footer div#footer-nav > a { font-size: 50px; line-height: 50px; margin-right: var(--col3); }
				}

			/** Laptop SM **********/
				@media all and (min-width: 1023px) and (max-width: 1100px) {
					footer div#footer-nav > a svg { height: 30px; }
					footer div#footer-nav a { font-size: 40px; line-height: 52px; }
				}
						
			/** Desktop **********/
				@media all and (min-width: 1440px) {
					footer { padding-top: var(--section-padding); }
					footer div#footer-nav { margin-bottom: var(--section-padding); }
					footer div#footer-nav > a { margin-right: var(--col3-g); }
				}
					


		/** Modules **************************************************/
					
			/** Article Body **************************************************/				
				
				article.article-body { display: -webkit-flex; display: flex; flex-direction: column; }
				article.article-body div.para:not(:last-child),
				article.article-body blockquote + small:not(:last-child),
				article.article-body figure:not(:last-child) { margin-bottom: var(--module-spacer); }
				article.article-body div.para ul li { padding-left: 2.6ch; position: relative; }
				article.article-body div.para ul li::before { background: var(--dark); border-radius: 50%; content: ''; display: block; height: 4px; left: 1ch; position: absolute; top: 1ch; width: 4px; }
				article.article-body div.para a { text-decoration: underline; }
				article.article-body blockquote span:first-child sub::before { content: '“'; }
				article.article-body blockquote span:last-child sub::after { content: '”'; }
				article.article-body blockquote + small { color: rgba(14,13, 13, .5); font-weight: 500; }
				article.article-body figure { width: var(--width); }
				article.article-body figure.video { position: relative; }
				article.article-body figure.video::before { background: var(--dark); content: ''; display: block; height: 100%; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 3; }
				article.article-body figure.video::after { background: url('../img/icons_play.svg') center center no-repeat; background-size: contain; content: ''; display: block; pointer-events: none; position: absolute; z-index: 4; }
				article.article-body figure.video img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
				article.article-body figure.video iframe { height: calc(var(--width) * .5625); pointer-events: none; width: var(--width); }
				article.article-body figure.video:not(.playing) { cursor: pointer; }
				article.article-body figure.video.playing::before,
				article.article-body figure.video.playing::after { opacity: 0 !important; transition: opacity .4s cubic-bezier(0.5, 1, 0.89, 1); }
				article.article-body figure.video.playing iframe { opacity: 1; pointer-events: auto; transition: opacity .4s cubic-bezier(0.5, 1, 0.89, 1) .4s; }
				article.article-body figure.video.playing img { opacity: 0; pointer-events: none; transition: opacity .4s cubic-bezier(0.5, 1, 0.89, 1); }
				
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						article.article-body { padding-bottom: 40px; }
						article.article-body div.para,
						article.article-body blockquote,
						article.article-body blockquote + small { width: 100%; }
						article.article-body blockquote { margin-bottom: 10px; }
						article.article-body figure.video::after { bottom: 20px; height: 58px; right: 20px; width: 58px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						article.article-body blockquote { margin-bottom: 20px; }
						article.article-body figure.video::after { bottom: 40px; height: 90px; right: 40px; width: 90px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						article.article-body { --module-spacer: 40px; padding-bottom: 80px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						article.article-body blockquote { width: var(--col10-g); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						article.article-body figure.video::before { transition: opacity .4s ease-out; }
						article.article-body figure.video::after { opacity: .8; transition: opacity .4s ease-out; }
						article.article-body figure.video:hover::before { opacity: .6; }
						article.article-body figure.video:hover::after { opacity: 1; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						article.article-body { --module-spacer: 80px; padding-bottom: 160px; }
					}
					
	
			/** Carousel **************************************************/				
				
				div.carousel { overflow: hidden; position: relative; width: var(--vw100); }
				div.carousel ul { align-items: flex-start; cursor: grab; display: -webkit-flex; display: flex; width: calc((var(--items) * var(--width)) + ((var(--items) - 1) * var(--gutter)) + (var(--margin) * 2)); will-change: transform; }
				div.carousel ul li { cursor: pointer; width: var(--width); }
				div.carousel ul li:not(:last-child) { margin-right: var(--gutter); }
				div.carousel ul li a { display: block; }
					
					

			/** Filters **************************************************/
					
					form.filters { align-items: flex-start; display: -webkit-flex; display: flex; position: relative; z-index: 10; }
					form.filters h2 { display: flex; margin-bottom: 0; }
					form.filters h2 span { display: block; max-width: 0; overflow: hidden; transition: max-width .8s cubic-bezier(0.5, 1, 0.89, 1), opacity .8s cubic-bezier(0.5, 1, 0.89, 1); white-space: pre; }
					form.filters[filter="Current"] h2 span { max-width: 52px; }
					form.filters fieldset { position: relative; }
					form.filters fieldset > button { font-weight: 500; opacity: 0; padding-top: 11px; padding-right: 20px; position: relative; z-index: 11; -webkit-transform: translateY(var(--fade-in-position)); transform: translateY(var(--fade-in-position)); --fade-in-position: 20px; }
					form.filters fieldset > button::after { border-style: solid; border-width: 1px 1px 0 0; content: ''; display: block; height: 7px; position: absolute; right: 0; top: calc(50% - 2px); width: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
					form.filters fieldset div { background: var(--dark); opacity: 0; pointer-events: none; position: absolute; }
					form.filters fieldset div button { display: block; opacity: 0; position: relative; text-align: left; transition: color .4s ease-out; width: 100%; --animation-delay: calc((var(--index) + 1) * .2s); --fade-in-position: 20px; }
					form.filters fieldset div button:not(:last-child)::before { border-bottom: 1px solid rgba(255, 255, 255, .1); bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 0; }
				
				
					/**  States **********/
					
						/** Reveal **********/
							form.filters h2.reveal + fieldset > button { opacity: 1; will-change: opacity, transform; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .8s cubic-bezier(0.5, 1, 0.89, 1), -webkit-transform .8s cubic-bezier(0.5, 1, 0.89, 1); transition: opacity .8s cubic-bezier(0.5, 1, 0.89, 1), transform .8s cubic-bezier(0.5, 1, 0.89, 1); }
							
						/** Active Filters **********/
							form.filters.active fieldset div { opacity: 1; pointer-events: auto; }
							form.filters.active fieldset div button { animation: fade-in .8s forwards cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); will-change: opacity, transform; }
							form.filters.active fieldset div button:not(:last-child)::before { width: 100%; }
							form.filters.active.active-animation fieldset div button:not(:last-child)::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1) var(--animation-delay); }
						
						/** Active Filter **********/
							form.filters fieldset div button.active { color: var(--beige); pointer-events: none; }
							form.filters fieldset div button.active::after { opacity: 1; transition: opacity .6s ease-in .4s; }
						
						/** Filtered Content **********/				
							section.filter-content.filter-height { transition: height .6s cubic-bezier(0.33, 1, 0.68, 1); }				
							section.filter-content div.container { min-height: 0 !important; transition: opacity .6s cubic-bezier(0.5, 1, 0.89, 1); }
							section.filter-transition div.container { opacity: 0 !important; pointer-events: none; }
							section.filter-content [filter].filtered,
							section.filter-content [filter].infinite { height: 0; overflow: hidden; }
											
					
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						form.filters { padding-bottom: 40px; }
						form.filters fieldset div { left: -20px; padding: 50px 20px 0 20px; top: -13px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						form.filters h2.reveal::before { width: var(--grid); }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						form.filters h2 { width: var(--col3); }
						form.filters fieldset div { width: calc(var(--col3-g) + 20px); }
						form.filters fieldset div button { padding: 10px 0; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						form.filters fieldset div button { padding: 20px 0; }
						form.filters fieldset div button::after { color: rgba(255, 255, 255, .1); content: 'Selected'; font-size: 14px; font-weight: 500; letter-spacing: -.01em; line-height: 34px; opacity: 0; position: absolute; right: 0; text-transform: uppercase; transition: opacity .6s ease-out; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						form.filters h2 { width: var(--col6); }
						form.filters fieldset div { width: calc(var(--col6-g) + 20px); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						form.filters h2 { width: var(--col4);  }
						form.filters h2.reveal::before { width: var(--col10-g); }
						form.filters fieldset { flex: 1; }
						form.filters fieldset div button:hover { color: var(--beige); }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						form.filters fieldset div { width: 334px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						form.filters { padding-bottom: 80px; }
						form.filters fieldset div { left: -40px; padding: 80px 40px 20px 40px; top: -33px; width: 400px; }
					}
					

			/** News **************************************************/
				
				section.news { padding-bottom: var(--section-padding); }	
				section.news div.container { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; }
				section.news #news-highlights { position: relative; width: 100%; }
				section.news #news-highlights a { display: block; position: relative; text-align: center; width: var(--width); }
				section.news #news-highlights a strong,
				section.news #news-highlights a small { display: block; margin-bottom: 20px; }
				section.news #news-highlights a small { white-space: pre; }
				section.news #news-highlights a figure img { height: calc(var(--width) * 1.25); }
				section.news #news-highlights a figure div.arrow-block { background: var(--white); bottom: 20px; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); height: 80px; overflow: hidden; position: absolute; right: 20px; width: 80px; }
				section.news #news-highlights a figure div.arrow-block arrow { bottom: 26px; opacity: 0; right: 26px; will-change: bottom, opacity, right; }
				
				section.news #news-highlights a figure div.arrow-block.reveal { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); }
				section.news #news-highlights a figure div.arrow-block.reveal arrow { bottom: 10px; opacity: 1; right: 10px; }
				section.news #news-highlights a figure div.arrow-block.reveal.reveal-animation { transition: -webkit-clip-path 1s cubic-bezier(0.33, 1, 0.68, 1), clip-path 1s cubic-bezier(0.33, 1, 0.68, 1); }
				section.news #news-highlights a figure div.arrow-block.reveal.reveal-animation arrow { transition: bottom .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), opacity .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), right .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); --animation-delay: .4s; }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section.news { padding-top: 40px; }
						section.news h2 { margin-bottom: 40px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section.news #news-highlights { margin-bottom: 20px; }
						section.news #news-highlights a { --width: var(--grid); }
						section.news #news-highlights a:not(:last-child) { margin-bottom: 100px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section.news #news-highlights { align-items: stretch; display: -webkit-flex; display: flex; justify-content: space-between; margin-bottom: 40px; }
						section.news #news-highlights a { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; }
						section.news #news-highlights a small { flex: 1; }
					}
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section.news #news-highlights a { --width: var(--col6-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section.news h2 { width: var(--col10-g); }
						section.news #news-highlights { margin-left: auto; margin-right: auto; width: var(--col10-g); }
						section.news #news-highlights a { --width: calc((var(--col10-g) - var(--col1g)) / 2); }
						section.news #news-highlights a figure { overflow: hidden; --width: calc(var(--col4-g) - var(--gutter)); }
						section.news #news-highlights a figure img { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s cubic-bezier(.4,0,0,1); transition: transform 1s cubic-bezier(.4,0,0,1); }
						section.news #news-highlights a:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section.news { padding-top: 52px; }
						section.news h2 { margin-bottom: 80px; }
					}
				
						
			/** Profile **************************************************/
				
				section.profile { color: var(--dark); height: 100%; overflow: hidden; pointer-events: none; position: fixed; right: 0; top: 0; width: var(--vw100); z-index: 2000; }
				section.profile::before { background: transparent; content: '';  display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2001; will-change: background-color, -webkit-backdrop-filter, backdrop-filter; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); -webkit-transition: background-color var(--profile-transition), -webkit-backdrop-filter var(--profile-transition); transition: background-color var(--profile-transition), backdrop-filter var(--profile-transition); }
				section.profile button[action="profile.close"] { opacity: 0; position: relative; z-index: 2003; }
				section.profile button[action="profile.close"]::before,
				section.profile button[action="profile.close"]::after { border-top-width: 1px; border-top-style: solid; content: ''; display: block; position: absolute; }
				section.profile button[action="profile.close"]::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
				section.profile button[action="profile.close"]::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
				section.profile div.container { background: var(--white); height: var(--vh100); overflow-y: scroll; position: relative; will-change: left; -webkit-overflow-scrolling: touch; z-index: 2002; /*-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform var(--profile-transition); transition: transform var(--profile-transition); */ left: 100%; transition: left var(--profile-transition); }
				section.profile div.overlay-container { position: relative; top: 0; }
				
				section.profile.active { pointer-events: auto; }				
				section.profile.active button[action="profile.close"] { opacity: 1; }
				section.profile.active div.container { pointer-events: auto; left: 0; /*-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); */}
				section.profile.active::before { background: rgba(18, 18,18, .9);pointer-events: auto; }
								
				section.profile.active.transition div.container { overflow: hidden; }
				section.profile.active.transition div.overlay-container { opacity: 0; pointer-events: none; top: -80px; transition: opacity var(--profile-transition), top var(--profile-transition); }
				
				section.profile div.profile-hero { display: -webkit-flex; display: flex; position: relative; }
				section.profile div.profile-hero small { font-weight: 400; }
				section.profile div.profile-hero figure { width: var(--width); }
				
				
	
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section.profile div.profile-hero { margin-bottom: 40px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section.profile div.overlay-container { -webkit-transform: none !important; transform: none !important; }
						section.profile button[action="profile.close"] { position: absolute; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section.profile button[action="profile.close"] { height: 41px; right: var(--margin); top: 10px; width: 41px; }
						section.profile button[action="profile.close"]::before,
						section.profile button[action="profile.close"]::after { border-width: 2px; left: 0; top: 20px; width: 100%; }
						section.profile div.overlay-container { padding: 40px 0; }
						section.profile div.profile-hero { flex-direction: column; }
						section.profile div.profile-hero figure { margin-left: var(---margin); --width: var(--vw100); }
						section.profile div.profile-hero figure img { height: calc(var(--width) * .8); }
						
						section.profile.activating button[action="profile.close"] { transition: opacity .4s ease-out; }
						section.profile.activating.active button[action="profile.close"] { transition-delay: .6s; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section.profile button[action="profile.close"] { background: var(--dark); }
						section.profile button[action="profile.close"]::before,
						section.profile button[action="profile.close"]::after { border-color: var(--white); }
						section.profile button[action="profile.close"]::before { -webkit-transform-origin: top left; transform-origin: top left; }
						section.profile button[action="profile.close"]::after { -webkit-transform-origin: bottom left; transform-origin: bottom left; }
						section.profile div.profile-hero { align-items: flex-end; flex-wrap: wrap; justify-content: space-between; }
						section.profile div.profile-hero figure img { height: calc(var(--width) * .51); }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section.profile button[action="profile.close"] { height: 84px; top: 60px; width: 84px; }
						section.profile button[action="profile.close"]::before,
						section.profile button[action="profile.close"]::after { left: 22px; width: 56px; }
						section.profile button[action="profile.close"]::before { top: 22px; }
						section.profile button[action="profile.close"]::after { bottom: 22px; }
						section.profile div.overlay-container  { padding-bottom: 40px; }				
						section.profile div.profile-hero h1 { margin-bottom: 10px; }
						section.profile div.profile-hero small { margin-bottom: 16px; }
					}
				
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section.profile div.overlay-container  { padding-top: 124px; }
						section.profile button[action="profile.close"] { left: -84px; top: 0; }
						section.profile div.profile-hero figure { --width: var(--grid); }
						
						section.profile.active button[action="profile.close"] { left: 0; }
						
						section.profile.activating button[action="profile.close"] { transition: left var(--profile-transition), opacity var(--profile-transition); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section.profile button[action="profile.close"] { position: fixed; }
						section.profile div.container { margin-left: calc(var(--margin) + var(--col1)); padding-left: var(--col1) !important; }
						section.profile div.profile-hero figure { --width: var(--col9-g); }
						
						section.profile.activating button[action="profile.close"] { transition: opacity .4s ease-out, top 0s ease .8s; }
						section.profile.active button[action="profile.close"] { top: 40px; transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1) .9s, top 1s cubic-bezier(0.33, 1, 0.68, 1) .9s; }
						
						/** No Smoothscroll **********/
							@supports (-webkit-touch-callout: none) {
								section.profile div.overlay-container { padding-top: 40px; -webkit-transform: none !important; transform: none !important; }
							}
							
						/** Smoothscroll **********/
							@supports not (-webkit-touch-callout: none) {
								section.profile div.container { height: var(--vh100); width: calc(100% + var(--sw)); }
								section.profile div.overlay-container { left: 100%; padding: 40px calc(var(--col1) + var(--margin)) 60px calc(var(--margin) + var(--col2));  position: fixed; top: 0; transition: left var(--profile-transition); width: 100%; will-change: transform; }
								
								section.profile.active::before { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
								section.profile.active div.overlay-container { left: 0; }
							}
					}
					
		
				/** (Safari) **********/
					@media not all and (min-resolution: .001dpcm) {
						@supports (-webkit-appearance:none) {
							section.profile.active::before { -webkit-backdrop-filter: blur(0) !important; backdrop-filter: blur(0) !important; }
						}
					}
				
						
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section.profile button[action="profile.close"] { left: calc(var(--margin) + var(--col1) - 64px); }
						section.profile div.profile-hero figure { --width: var(--col9-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section.profile button[action="profile.close"] { height: 135px; left: calc(var(--margin) + var(--col1) - 115px); top: 70px; width: 135px; }
						section.profile button[action="profile.close"]::before,
						section.profile button[action="profile.close"]::after { left: 33px; width: 97px; }
						section.profile button[action="profile.close"]::before { top: 33px; }
						section.profile button[action="profile.close"]::after { bottom: 33px; }
						section.profile div.overlay-container { padding-bottom: 60px; }
						section.profile div.profile-hero { margin-bottom: 80px; }
						section.profile div.profile-hero h1 { margin-bottom: 17px; }
						section.profile div.profile-hero small { margin-bottom: 23px; }
					}

			/** Hero **************************************************/
				
				section.text-hero { background: var(--white); color: var(--dark); padding-top: var(--padding-top); padding-bottom: var(--section-padding); }
				section.text-hero p { position: relative; }
				section.text-hero p::before { border-top: 1px solid var(--dark); content: ''; display: block; left: 0; position: absolute; top: 0; width: 0; }
				
				section.text-hero p.reveal::before { width: 100%; }
				section.text-hero p.reveal.reveal-animation::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section.text-hero p { padding-top: 20px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section.text-hero h1 { margin-bottom: 220px; }
						section.text-hero arrow { position: absolute; right: 0; top: 184px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section.text-hero h1 { margin-bottom: 150px; width: 100%; }
						section.text-hero arrow { margin-left: auto; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section.text-hero div.container { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; }
						section.text-hero p { width: var(--col8-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section.text-hero p { width: var(--col5-g); }
						section.text-hero arrow { bottom: 0; position: absolute; right: 0; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section.text-hero h1 { margin-bottom: 240px; }
						section.text-hero p { padding-top: 40px; }
					}
	
			
			/** Scrolling Text **************************************************/
				
				div.scrolling-text { position: relative; width: var(--vw100); }
				div.scrolling-text div.scrolling-text-container { display: -webkit-flex; display: flex; width: 200000px; will-change: transform; }
				div.scrolling-text div.scrolling-text-container strong { display: block; will-change: -webkit-transform, transform; white-space: pre; }
				div.scrolling-text div.scrolling-text-container:not(.reverse) strong:nth-child(1) { animation: scrolling-text_1 300s linear -100s infinite; }
				div.scrolling-text div.scrolling-text-container:not(.reverse) strong:nth-child(2) { animation: scrolling-text_2 300s linear 50s infinite; }
				div.scrolling-text div.scrolling-text-container.reverse strong:nth-child(1) { animation: scrolling-text_1 300s linear -150s reverse infinite; }
				div.scrolling-text div.scrolling-text-container.reverse strong:nth-child(2) { animation: scrolling-text_2 300s linear reverse infinite; }
				
				div.scrolling-text button { border-radius: 50%; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; left: 50%; position: absolute; text-align: left; transition: height .6s cubic-bezier(0.25, 1, 0.5, 1) .6s, width .6s cubic-bezier(0.25, 1, 0.5, 1) .6s; z-index: 2; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
				div.scrolling-text button::after { background: var(--beige); border-radius: 50%; content: ''; display: block; left: 0; height: 100%; position: absolute; top: 0; width: 100%; z-index: -1; }
				div.scrolling-text button small { white-space: normal; }
				div.scrolling-text button arrow { left: -23px; opacity: 0; position: relative; top: -23px; transition: left .6s .4s cubic-bezier(0.5, 1, 0.89, 1), opacity .6s .4s cubic-bezier(0.5, 1, 0.89, 1), top .6s .4s cubic-bezier(0.5, 1, 0.89, 1); }
								
				div.scrolling-text button.reveal arrow { left: 0; opacity: 1; top: 0; }
				
				body.contact-form div.scrolling-text button { height: calc(150vw + 150vh); transition: height 1s cubic-bezier(0.65, 0, 0.35, 1) .4s, width 1s cubic-bezier(0.65, 0, 0.35, 1) .4s; width: calc(150vw + 150vh); }
				body.contact-form div.scrolling-text button small span,
				body.contact-form div.scrolling-text button arrow { opacity: 0; transition: opacity .4s ease-out; } 
				
				body.contact-form-closing div.scrolling-text button small span,
				body.contact-form-closing div.scrolling-text button arrow { transition: opacity 1s ease-out 1.2s; }
				
				@keyframes scrolling-text_1 { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } }
				@keyframes scrolling-text_2 { 0% { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }
										
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						.slider__cursor { display: none; }
					}
					
				/** Mobile **********/
					@media all and (max-width: 767px) {
						div.scrolling-text { padding-bottom: 40px; }
						div.scrolling-text div.scrolling-text-container:first-child { margin-bottom: 3px; }
						div.scrolling-text button { height: 140px; left: calc(var(--margin) + var(--col1) + 79px); padding: 42px 0 42px 28px; top: 119px; width: 140px; }
						div.scrolling-text button small { font-size: 18px; }
						div.scrolling-text button arrow { height: 19px; width: 19px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						div.scrolling-text button { height: 180px; padding: 55px 0 55px 33px; width: 180px; }
						div.scrolling-text button small { font-size: 22px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						div.scrolling-text div.scrolling-text-container:first-child { margin-bottom: 10px; }
						div.scrolling-text button { top: 132px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						div.scrolling-text button { left: calc(var(--margin) + var(--col5) + 115px); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						div.scrolling-text button { left: calc(var(--margin) + var(--col6) + 115px); }
						div.scrolling-text button::after { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .6s cubic-bezier(0.33, 1, 0.68, 1); transition: transform .6s cubic-bezier(0.33, 1, 0.68, 1); }
						div.scrolling-text button:hover::after,
						body.contact-form div.scrolling-text button::after { -webkit-transform: scale(1.13); transform: scale(1.13); }
						
						.slider__cursor { align-items: center; background: var(--beige); border-radius: 50%; color: var(--dark); display: -webkit-flex; display: flex; font-size: 18px; height: 84px; letter-spacing: -.01em; justify-content: space-between; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: opacity .2s ease-out; width: 84px; will-change: transform; z-index: 2; }
						.slider__cursor.is-visible { opacity: 1; }
						.slider__cursor::before,
						.slider__cursor::after { background: url('../img/icons_arrow_right-dark.svg') center center no-repeat; background-size: contain; content: ''; display: block; height: 17px; position: relative; width: 21px; }
						.slider__cursor::before { left: 14px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
						.slider__cursor::after { right: 14px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						div.scrolling-text button { top: 193px; }
						div.scrolling-text div.scrolling-text-container:first-child { margin-bottom: 20px; }
					}
					

			/** Contact Form **************************************************/
				
				section#contact-form { background: var(--beige); height: var(--vh100); left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: opacity .6s ease-out; width: 100%; z-index: 3000; }
				section#contact-form #contact-form-container { height: var(--vh100); overflow-y: scroll; position: relative; -webkit-overflow-scrolling: touch; }
				section#contact-form #contact-header { align-items: center; display: -webkit-flex; display: flex; height: 41px; justify-content: space-between; padding: 0 var(--margin); pointer-events: none; position: fixed; top: 0; width: 100%; z-index: 3; }
				section#contact-form #contact-header svg { width: 160px; }
				section#contact-form #contact-header button[action="contact.form.close"] { height: 41px; position: relative; width: 41px; }
				section#contact-form #contact-header button[action="contact.form.close"]::before,
				section#contact-form #contact-header button[action="contact.form.close"]::after { border-top: 2px solid var(--dark); border-top-style: solid; content: ''; display: block; left: 0; position: absolute; top: 20px; width: 100%; }
				section#contact-form #contact-header button[action="contact.form.close"]::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
				section#contact-form #contact-header button[action="contact.form.close"]::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
				section#contact-form h2 { margin-bottom: 40px; }			
				section#contact-form form div.form-fields fieldset { position: relative; }
				section#contact-form form div.form-fields fieldset .form-input { background: var(--beige); border: 1px solid var(--purple); color: var(--dark); display: block; font-family: HaasGrot; font-style: normal; font-weight: 400; position: relative; transition: border-color .2s ease; width: 100%; z-index: 2; }
				section#contact-form form div.form-fields fieldset.active .form-input { border-color: var(--purple); }
				section#contact-form form div.form-fields fieldset.error .form-input { border-color: var(--red); }
				section#contact-form form div.form-fields fieldset input.form-input { height: 52px; padding: 0 17px; }
				section#contact-form form div.form-fields fieldset textarea.form-input { padding: 17px; }
				section#contact-form form div.form-fields fieldset .form-input::-webkit-input-placeholder { color: inherit; }
				section#contact-form form div.form-fields fieldset .form-input::placeholder { color: inherit; }
				section#contact-form form div.form-fields fieldset span.error { bottom: -18px; color: var(--red); font-size: 14px; left: 0; letter-spacing: -.01em; line-height: 18px; position: absolute; width: 100%; -webkit-animation: slideDown 1s ease; animation: slideDown 1s ease; }
				section#contact-form form div.form-fields fieldset span.error.hide { opacity: 0; pointer-events: none; transition: opacity .2s ease-out; }
				section#contact-form form div.form-submit button[type="submit"] { align-items: flex-end; display: -webkit-inline-flex; display: inline-flex; position: relative; }
				section#contact-form form div.form-submit button[type="submit"] strong { order: -1; text-transform: uppercase; }
				section#contact-form form div.form-submit button[type="submit"]::before { background: var(--dark); content: ''; display: block; height: 117px; width: 117px; }
				section#contact-form form div.form-submit button[type="submit"]::after { background: url('../img/icons_arrow_right-white.svg') center center no-repeat; background-size: contain; bottom: 20px; content: ''; display: block; height: 23px; position: absolute; right: 20px; width: 23px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
				
				section#contact-form form + div { height: 0; opacity: 0; overflow: hidden; pointer-events: none; }
				
				section#contact-form form.fade-out { opacity: 0; pointer-events: none; transition: opacity .4s ease-out; }
				section#contact-form form.complete { display: none; }
				section#contact-form form.complete + div { height: auto; opacity: 1; pointer-events: auto; transition: opacity .4s ease-in; }
				
				body.contact-form section#contact-form { opacity: 1; pointer-events: auto; transition: opacity .6s ease-in .9s; }
				body.contact-form section#contact-form #contact-header button[action="contact.form.close"] { pointer-events: auto; }
				
				@keyframes slideDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } }
				@-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); } 0% { -webkit-transform: translateY(8%); } 65% { -webkit-transform: translateY(-4%); } 80% { -webkit-transform: translateY(4%); } 95% { -webkit-transform: translateY(-2%); } 100% { -webkit-transform: translateY(0%); } }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#contact-form form p { margin-bottom: 80px; }
					}
					
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#contact-form #contact-form-container { padding-bottom: 20px; }
						section#contact-form #contact-header { top: 10px; }
						section#contact-form div.container { padding-top: 110px; }
						section#contact-form form div.form-fields { margin-bottom: 40px; }
						section#contact-form form div.form-fields fieldset:not(:last-child) { margin-bottom: 14px; }
						section#contact-form form div.form-fields fieldset textarea.form-input { height: 190px; }
						section#contact-form form div.form-fields fieldset.animate { transition: margin-bottom .2s ease-out; }
						section#contact-form form div.form-fields fieldset.error { margin-bottom: 24px; transition: margin-bottom 1s ease; }
						section#contact-form form div.form-submit button[type="submit"] { justify-content: space-between; width: 100%; }
						section#contact-form form + div p { margin-bottom: 40px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#contact-form #contact-form-container { padding-bottom: 80px; }
						section#contact-form #contact-header { top: 30px; }
						section#contact-form div.container { padding-top: 160px; }
						section#contact-form form div.form-fields { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: 50px; }
						section#contact-form form div.form-fields fieldset:nth-child(odd):not(:last-child) { margin-right: var(--gutter); }
						section#contact-form form div.form-fields fieldset:not(:last-child) { margin-bottom: 24px; }
						section#contact-form form div.form-fields fieldset:not(.block) { width: calc((100% - var(--gutter)) / 2); }
						section#contact-form form div.form-fields fieldset.block { width: 100%; }
						section#contact-form form div.form-fields fieldset textarea.form-input { height: 209px; }
						section#contact-form form div.form-submit { display: -webkit-flex; display: flex; justify-content: flex-end; }
						section#contact-form form button[type="submit"] strong { margin-right: 20px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#contact-form form + div p { margin-bottom: 80px; padding-top: 40px; }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#contact-form form { width: var(--col8-g); }
						
						section#contact-form form div.form-submit button[type="submit"] { --animation-duration: 1000; overflow: hidden; }
						section#contact-form form div.form-submit button[type="submit"].active::after { animation: button-arrow-hover 1s forwards cubic-bezier(0.65, 0, 0.35, 1); }
				
						@keyframes button-arrow-hover { 0% { bottom: 20px; right: 20px; } 30% { bottom: -23px; right: -23px; } 31% { bottom: 117px; right: 117px; } 100% { bottom: 20px; right: 20px; } }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#contact-form form p { margin-bottom: 100px; }
						section#contact-form form + div p { margin-bottom: 120px; padding-top: 120px; }
					}
					
					
	
	/** Pages **************************************************/
					
		/** Page **************************************************/

			/** Hero **************************************************/
				
				section#homepage-hero { background-color: #171516; background-size: cover; height: var(--vh100); overflow: hidden; }
				section#homepage-hero div.container { align-items: flex-end; display: -webkit-flex; display: flex; z-index: 3; }
				section#homepage-hero h1 { color: var(--white); }
				section#homepage-hero h1 span:nth-child(-n+2) sub::after { display: none; }
				section#homepage-hero h1 span:last-child sub { color: var(--beige); position: relative; }
				section#homepage-hero h1 span:last-child sub::after { border-top: 1px solid var(--beige); content: ''; display: block; height: 0; position: absolute; right: 0; top: calc(50% - 1px); }
				section#homepage-hero h1 span:last-child sub:last-child { --animation-delay: .3s; }
/*
				cursor#unlocking-potential { animation: unlocking_potential 6s infinite reverse linear paused; background: url('../img/icons_unlocking-potential.svg') center center no-repeat; background-size: contain; border-radius: 50%; display: block; opacity: 0; pointer-events: none; position: absolute; transition: opacity 1.6s cubic-bezier(0.5, 1, 0.89, 1); will-change: -webkit-transform, transform; z-index: 4; }
				cursor#unlocking-potential.animate { animation-play-state: running; }
*/
				body.ready section#homepage-hero::before { opacity: 1; }
/*
				body.ready cursor#unlocking-potential.active { opacity: 1; }
	
						
				@keyframes unlocking_potential { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }
				@-webkit-keyframes unlocking_potential { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } }
*/
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#homepage-hero h1 span:last-child sub::after { width: 55px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {				
						section#homepage-hero { background-image: url('../img/homepage-mobile-optimized.jpg'); background-position: bottom right; }
						section#homepage-hero h1 span:last-child sub::after { top: 43px; }
/*				
						cursor#unlocking-potential { position: absolute; right: var(--margin); }
*/
					}
					
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#homepage-hero div.container { padding-bottom: 40px; }
						section#homepage-hero h1 span:last-child sub { padding-right: 28px; }
/*						
						cursor#unlocking-potential { height: 112px; top: 64px; width: 112px; }
*/
					}
					
				/** Mobile LG **********/
					@media all and (min-width: 370px) and (max-width: 767px) {
						section#homepage-hero h1 { font-size: 72px; line-height: 77px; } 
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#homepage-hero div.container { padding-bottom: 60px; }
						section#homepage-hero h1 { white-space: normal; }
						section#homepage-hero h1 span:last-child { display: block; }
/*						
						cursor#unlocking-potential { height: 112px; width: 112px; }
*/
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#homepage-hero div.container { padding-bottom: 50px; }
						section#homepage-hero h1 span:last-child sub { padding-right: 22px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#homepage-hero h1 span:last-child sub::after { top: 45px; }
/*						
						cursor#unlocking-potential { top: 136px; }
*/						
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#homepage-hero { background-image: url('../img/homepage-exp-2.jpg?v1'); background-position: center right; }
/*
						@supports (-webkit-touch-callout: none) {
							cursor#unlocking-potential { position: absolute; right: var(--margin); top: 160px; }
						}
						
						@supports not (-webkit-touch-callout: none) {
							cursor#unlocking-potential { left: var(--circleX); margin: -73px 0 0 -73px; opacity: 0; top: var(--circleY); transition: opacity .4s ease-out; will-change: left, top, transform; --circleX: calc(var(--vw100) - 73px - var(--margin)); --circleY: calc(130px + 73px); }
							cursor#unlocking-potential.active { opacity: 1; }
						}
*/
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#homepage-hero h1 { font-size: 96px; line-height: 96px; }
						section#homepage-hero h1 span:last-child sub::after { top: 54px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#homepage-hero h1 span:last-child sub { padding-right: 61px; }
						section#homepage-hero h1 span:last-child sub::after { top: 64px; width: 110px; }
					}
					

			/** About **************************************************/
				
				section#homepage-about { padding: var(--section-padding) 0; }
				section#homepage-about #homepage-about-intro arrow { bottom: 11px; position: absolute; right: 0; }
				section#homepage-about #homepage-about-numbers { position: relative; }
				section#homepage-about #homepage-about-numbers figure figcaption { color: transparent; padding-top: 10px; position: absolute; transition: color .8s .4s cubic-bezier(0.5, 1, 0.89, 1); }
				section#homepage-about #homepage-about-numbers figure figcaption::before { border-top: 1px solid var(--white); content: ''; display: block; left: 0; position: absolute; top: 0; width: 0; }
				section#homepage-about #homepage-about-numbers figure.reveal figcaption { color: var(--white); }
				section#homepage-about #homepage-about-numbers figure.reveal figcaption::before { transition: width 1.4s .4s cubic-bezier(0.83, 0, 0.17, 1); width: 100%; }
				section#homepage-about #homepage-about-numbers div { position: relative; }
				section#homepage-about #homepage-about-numbers div > strong { position: relative; }
				section#homepage-about #homepage-about-numbers div > strong::before,
				section#homepage-about #homepage-about-numbers div > strong::after { border-top: 1px solid var(--dark); content: ''; display: block; left: 0; position: absolute; width: 0; }
				section#homepage-about #homepage-about-numbers div > strong::before { top: 0; }
				section#homepage-about #homepage-about-numbers div > strong::after { bottom: 0; }
				section#homepage-about #homepage-about-numbers div > strong.reveal::before,
				section#homepage-about #homepage-about-numbers div > strong.reveal::after { width: 100%; }
				section#homepage-about #homepage-about-numbers div > strong.reveal.reveal-animation::before,
				section#homepage-about #homepage-about-numbers div > strong.reveal.reveal-animation::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				section#homepage-about #homepage-about-numbers div > strong span { display: block; opacity: 0; }
				section#homepage-about #homepage-about-numbers div ul { position: relative; }
				section#homepage-about #homepage-about-numbers div ul li strong { position: relative; }
				section#homepage-about #homepage-about-numbers div ul li strong::before { border-left: 1px solid var(--dark); content: ''; display: block; left: 0; height: 0; position: absolute; width: 0; }
				
				section#homepage-about #homepage-about-numbers div ul li.reveal strong::before { transition: height 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#homepage-about #homepage-about-numbers h3 { margin-bottom: 40px; }
						section#homepage-about #homepage-about-numbers figure { margin-bottom: 40px; }
						section#homepage-about #homepage-about-numbers div > strong { padding: 21px 0; }
						section#homepage-about #homepage-about-numbers div > p { margin-bottom: 40px; }
						section#homepage-about #homepage-about-numbers div ul li strong { margin-bottom: 10px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#homepage-about #homepage-about-numbers figure { margin-bottom: 40px; }
						section#homepage-about #homepage-about-numbers div > strong { margin-bottom: 40px; }
						section#homepage-about #homepage-about-numbers div > p { font-size: 16px; line-height: 22px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#homepage-about #homepage-about-intro { margin-bottom: 80px; }
						section#homepage-about #homepage-about-intro p { margin-bottom: 120px; }
						section#homepage-about #homepage-about-numbers figure img { height: calc(var(--grid) * .9); }
						section#homepage-about #homepage-about-numbers figure figcaption { left: 20px; top: 20px; width: calc(100% - 40px); }
						section#homepage-about #homepage-about-numbers div ul li:not(:last-child) { margin-bottom: 40px; }
						section#homepage-about #homepage-about-numbers div ul li strong,
						section#homepage-about #homepage-about-numbers div ul li p { padding-left: 18px; }

						section#homepage-about #homepage-about-numbers div ul li.reveal strong::before { bottom: calc(100% - 63px); height: 58px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#homepage-about #homepage-about-intro { margin-bottom: 160px; }
						section#homepage-about #homepage-about-numbers div > strong { margin-bottom: 80px; }
						section#homepage-about #homepage-about-numbers div ul li strong,
						section#homepage-about #homepage-about-numbers div ul li p { padding-left: 21px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#homepage-about #homepage-about-intro p { margin-bottom: 200px; }

						section#homepage-about #homepage-about-numbers div ul li.reveal strong::before { bottom: 8px; height: 65px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#homepage-about #homepage-about-intro p { width: var(--col9-g); }
						section#homepage-about #homepage-about-numbers figure img { height: calc(var(--grid) * 1.04); }
						section#homepage-about #homepage-about-numbers figure figcaption { left: var(--col1); top: 52px; width: calc(100% - var(--col2)); }
						section#homepage-about #homepage-about-numbers div ul { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
						section#homepage-about #homepage-about-numbers div ul li { width: var(--col6-g); }
						section#homepage-about #homepage-about-numbers div ul li:nth-last-child(n+3) { margin-bottom: 50px; }
						section#homepage-about #homepage-about-numbers div ul li p { width: var(--col4-g); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#homepage-about #homepage-about-numbers { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; }
						section#homepage-about #homepage-about-numbers h3 { width: 100%; }
						section#homepage-about #homepage-about-numbers figure { margin-right: var(--col1g); width: var(--col5-g); }
						section#homepage-about #homepage-about-numbers figure img { height: calc(var(--col5-g) * 1.04); }
						section#homepage-about #homepage-about-numbers figure figcaption { left: 40px; top: 40px; width: calc(100% - 80px); }
						section#homepage-about #homepage-about-numbers div { flex: 1; }
						section#homepage-about #homepage-about-numbers div > p { margin-bottom: 25px; }
						
	
						/** Smoothscroll **********/
							@supports not (-webkit-touch-callout: none) {
								section#homepage-about #homepage-about-numbers figure { will-change: -webkit-transform, transform; -webkit-transform: translate3D(0, var(--translateY), 0); transform: translate3D(0, var(--translateY), 0); }
							}
						
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#homepage-about #homepage-about-intro p { width: var(--col8-g); }
						section#homepage-about #homepage-about-numbers div ul li:not(:last-child) { margin-bottom: 50px; }
						
	
						/** Smoothscroll **********/
							@supports not (-webkit-touch-callout: none) {
								section#homepage-about #homepage-about-numbers figure { --offset: 70px; }
								section#homepage-about #homepage-about-numbers figure img { height: calc(var(--vh100) - 140px); }
							}
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#homepage-about #homepage-about-intro p { margin-bottom: 204px; width: var(--col5-g); }
						section#homepage-about #homepage-about-numbers h3 { margin-bottom: 80px; }
						section#homepage-about #homepage-about-numbers div > strong { padding: 41px 0; }
						section#homepage-about #homepage-about-numbers div ul li:not(:last-child) { margin-bottom: 65px; }
						section#homepage-about #homepage-about-numbers div ul li strong { margin-bottom: 25px; }

						section#homepage-about #homepage-about-numbers div ul li.reveal strong::before { bottom: 15px; height: 90px; }
						
	
						/** Smoothscroll **********/
							@supports not (-webkit-touch-callout: none) {
								section#homepage-about #homepage-about-numbers figure { --offset: 100px; }
								section#homepage-about #homepage-about-numbers figure img { height: calc(var(--vh100) - 200px); }
							}
					}
					

			/** Partners **************************************************/
				
				section#homepage-partners #homepage-partners-intro::after { border-bottom: 1px solid var(--dark); bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 0; }
				section#homepage-partners #homepage-partners-intro arrow { position: absolute; right: 0; }
				section#homepage-partners #homepage-partners-list { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; margin-bottom: var(--section-padding); }
				section#homepage-partners #homepage-partners-list ul { position: relative; }
				section#homepage-partners #homepage-partners-list ul li { position: relative; }
				section#homepage-partners #homepage-partners-list ul li a figure { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: -webkit-clip-path 1s cubic-bezier(0.33, 1, 0.68, 1), clip-path 1s cubic-bezier(0.33, 1, 0.68, 1); width: 100%; }
				section#homepage-partners #homepage-partners-list ul li a figure > img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
				section#homepage-partners #homepage-partners-list ul li a figure div { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); position: absolute; transition: -webkit-clip-path 1s cubic-bezier(0.33, 1, 0.68, 1) .4s, clip-path 1s cubic-bezier(0.33, 1, 0.68, 1) .4s; z-index: 2; }
				section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type { align-items: flex-start; background: var(--dark); color: var(--white); display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
				section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type img  { display: block; --animation-delay: .8s; }
				section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type small { display: block; --animation-delay: 1.2s; }				
				section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type.arrow-block { background: var(--white); }
				section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type.arrow-block arrow { opacity: 0; will-change: bottom, opacity, right; }
				
				section#homepage-partners #homepage-partners-intro.reveal::after { width: 100%; }
				section#homepage-partners #homepage-partners-intro.reveal.reveal-animation::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
				section#homepage-partners #homepage-partners-list ul li.activating a figure { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
				
				section#homepage-partners #homepage-partners-list ul li a.reveal figure,
				section#homepage-partners #homepage-partners-list ul li a.reveal figure div,
				section#homepage-partners #homepage-partners-list ul li.reveal a figure,
				section#homepage-partners #homepage-partners-list ul li.reveal a figure div { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); }
				
				section#homepage-partners #homepage-partners-list ul li.reveal a figure div:last-of-type.arrow-block arrow,
				section#homepage-partners #homepage-partners-list ul li a.reveal figure div:last-of-type.arrow-block arrow { opacity: 1; transition: bottom .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), opacity .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), right .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); --animation-delay: 1.2s; }
				
				section#homepage-partners #homepage-partners-list ul li.reveal.deactivate h3 span sub { animation: text-reveal-away .8s forwards cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
				section#homepage-partners #homepage-partners-list ul li.reveal.deactivate p { animation: fade-in-away .8s forwards cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); --animation-delay: 0s; }
				section#homepage-partners #homepage-partners-list ul li.reveal.deactivate a figure { -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
				
		
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#homepage-partners #homepage-partners-intro { padding-bottom: 80px; }
						section#homepage-partners #homepage-partners-intro arrow { bottom: 91px; }
						section#homepage-partners #homepage-partners-list ul li > div { margin-bottom: 20px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#homepage-partners { padding-bottom: 80px; }
						section#homepage-partners #homepage-partners-intro p { margin-bottom: 120px; }
						section#homepage-partners #homepage-partners-list { padding-top: 40px; }
						section#homepage-partners #homepage-partners-list ul { margin-bottom: 20px; width: 100%; }
						section#homepage-partners #homepage-partners-list ul li:not(:last-child) { margin-bottom: 40px; }
						section#homepage-partners #homepage-partners-list ul li h3 { margin-bottom: 10px; }
						section#homepage-partners #homepage-partners-list ul li a figure { height: 422px; }
						section#homepage-partners #homepage-partners-list ul li a figure div { bottom: 10px; height: 143px; padding: 10px; width: calc(50% - 10px); }
						section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type { left: 10px; }
						section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type img { max-width: 152px; width: 100%; }
						section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type { right: 10px; }
						
						section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type.arrow-block arrow { bottom: 31px; right: 31px; }
						section#homepage-partners #homepage-partners-list ul li.reveal a figure div:last-of-type.arrow-block arrow,
						section#homepage-partners #homepage-partners-list ul li a.reveal figure div:last-of-type.arrow-block arrow { bottom: 15px; right: 15px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#homepage-partners { padding-bottom: 160px; }
						section#homepage-partners #homepage-partners-list { padding-top: 80px; }
						section#homepage-partners #homepage-partners-list ul { margin-bottom: 40px; }
						section#homepage-partners #homepage-partners-list ul li div { align-items: center; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
						section#homepage-partners #homepage-partners-list ul li a figure div { padding: 20px; }
						
						section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type.arrow-block arrow { bottom: 34px; right: 34px; }
						section#homepage-partners #homepage-partners-list ul li.reveal a figure div:last-of-type.arrow-block arrow,
						section#homepage-partners #homepage-partners-list ul li a.reveal figure div:last-of-type.arrow-block arrow { bottom: 18px; right: 18px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#homepage-partners #homepage-partners-intro p { margin-bottom: 200px; }
						section#homepage-partners #homepage-partners-list ul li:not(:last-child) { margin-bottom: 80px; }
						section#homepage-partners #homepage-partners-list ul li a figure div { bottom: 20px; height: 166px; width: 166px; }
						section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type { left: 20px; }
						section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type img { left: 186px; }
						section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type { left: 186px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#homepage-partners #homepage-partners-list ul li h3 { width: var(--col5-g); }
						section#homepage-partners #homepage-partners-intro p { width: var(--col9-g); }
						section#homepage-partners #homepage-partners-list ul li p { width: var(--col7-g); }
						section#homepage-partners #homepage-partners-list ul li a figure { height: 520px; }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#homepage-partners #homepage-partners-list ul li { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; height: calc(var(--vh100) - 160px); padding-top: 30px; }
						section#homepage-partners #homepage-partners-list ul li p { flex: 1; }
						section#homepage-partners #homepage-partners-list ul li a { align-items: flex-start; display: -webkit-flex; display: flex; flex: 1; }
						section#homepage-partners #homepage-partners-list ul li a figure { flex: 1; height: 100%; overflow: hidden; position: relative; width: var(--col10-g); }
						section#homepage-partners #homepage-partners-list ul li a figure > img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1.6s cubic-bezier(0.5, 1, 0.89, 1); }
						section#homepage-partners #homepage-partners-list ul li a:hover figure > img { -webkit-transform: scale(1.1); transform: scale(1.1); }
						section#homepage-partners #homepage-partners-list ul li a:hover div.arrow-block arrow { animation: button-arrow-hover 1s forwards cubic-bezier(0.65, 0, 0.35, 1); }
				
						@keyframes button-arrow-hover { 0% { bottom: 18px; opacity: 1; right: 18px; } 30% { bottom: -23px; opacity: 1; right: -23px; } 31% { bottom: 83px; opacity: 0; right: 83px; } 100% { bottom: 18px; opacity: 1; right: 18px; } }
						
	
					/** Smoothscroll **********/
						@supports not (-webkit-touch-callout: none) {
							section#homepage-partners #homepage-partners-list ul { height: calc(var(--vh100) - 160px); width: 100%; }
							section#homepage-partners #homepage-partners-list ul li { left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; width: 100%; }
							section#homepage-partners #homepage-partners-list ul li.active { opacity: 1; pointer-events: auto; }
						}
					
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#homepage-partners #homepage-partners-intro p { width: var(--col8-g); }
						section#homepage-partners #homepage-partners-list ul li h3 { width: var(--col4-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#homepage-partners #homepage-partners-intro { padding-bottom: 160px; }
						section#homepage-partners #homepage-partners-intro p { margin-bottom: 204px; width: var(--col5-g); }
						section#homepage-partners #homepage-partners-intro arrow { bottom: 171px; }
						section#homepage-partners #homepage-partners-list ul li h3 { width: var(--col5-g); }
						section#homepage-partners #homepage-partners-list ul li:not(:last-child) { margin-bottom: 160px; }
						section#homepage-partners #homepage-partners-list ul li > div { margin-bottom: 40px; }
						section#homepage-partners #homepage-partners-list ul li a figure div { bottom: 40px; height: 180px; width: 180px; }
						section#homepage-partners #homepage-partners-list ul li a figure div:first-of-type { left: 40px; }
						section#homepage-partners #homepage-partners-list ul li a figure div:last-of-type { left: 220px; }
					}
					
					
					
		/** About **************************************************/

			/** Hero **************************************************/
				
				section#about-hero { padding-top: var(--padding-top); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#about-hero { padding-bottom: 80px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#about-hero figure { margin-bottom: 40px; width: var(--col5-g); }
						section#about-hero figure img { width: 100%; }
						section#about-hero h1 { margin-bottom: 40px; }
						section#about-hero arrow { margin-left: auto; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#about-hero div.container { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
						section#about-hero figure { margin-right: var(--col4-g); }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#about-hero arrow { margin-top: 55px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#about-hero figure { margin-bottom: 80px; }
						section#about-hero figure img { width: var(--col5-g); }
						section#about-hero h1 { width: var(--col8-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#about-hero div.container { align-items: flex-end; }
						section#about-hero figure img { width: var(--col4-g); }
						section#about-hero h1 { width: var(--col7-g); }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#about-hero figure { margin-bottom: 40px; }
						section#about-hero h1 { margin-top: 40px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#about-hero { padding-bottom: 160px; }
						section#about-hero figure { margin-bottom: 80px; }
						section#about-hero h1 { margin-top: 80px; }
					}
					

			/** About [Content Template] **************************************************/
					
				section.about-content figure { width: var(--width); }
				section.about-content figure h2 { color: var(--white); position: absolute; z-index: 2; }
				section.about-content .content-block { position: relative; }
				section.about-content .content-block div { position: relative; }				
				section.about-content .content-block div::before,
				section.about-content .content-block div:first-child:last-child::after { border-top: 1px solid var(--dark); content: ''; display: block; left: 0; position: absolute; width: 0; }
				section.about-content .content-block div::before { top: 0; }
				section.about-content .content-block div:first-child:last-child::after { bottom: 0; }
				section.about-content .content-block div.reveal::before,
				section.about-content .content-block div.reveal:first-child:last-child::after { width: 100%; }
				section.about-content .content-block div.reveal.reveal-animation::before,
				section.about-content .content-block div.reveal.reveal-animation:first-child:last-child::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				section.about-content .content-block div small { color: rgba(14, 13, 13, .5); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section.about-content { padding-bottom: 80px; }
						section.about-content .content-block div { padding: 20px 0; }
						section.about-content .content-block div:last-child:not(:first-child) { padding-bottom: 0; }
						section.about-content .content-block div:first-child:last-child::after { display: none; padding-bottom: 0; }
					}			
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section.about-content figure { margin-left: var(---margin); margin-bottom: 40px; --width: var(--vw100); }
						section.about-content figure img { height: var(--width); }
						section.about-content figure h2 { bottom: 20px; left: 20px; }
						section.about-content h3 { margin-bottom: 40px; }
						section.about-content .content-block div :not(:last-child) { margin-bottom: 20px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section.about-content figure { margin-bottom: 80px; }
						section.about-content figure h2 { bottom: 40px; left: 40px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section.about-content { padding-bottom: 80px; }
						section.about-content .content-block div :not(:last-child) { margin-bottom: 40px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section.about-content figure { --width: var(--grid); }
						section.about-content figure img { height: calc(var(--width) * .6); }
						section.about-content h3 { margin-bottom: 80px; }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section.about-content div.container { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
						section.about-content figure { --width: var(--col8-g); }
						section.about-content figure img { height: calc(var(--width) * .66); }
						section.about-content h3 { width: var(--col5-g); }
						section.about-content .content-block { width: var(--col4-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section.about-content { padding-bottom: 160px; }
						section.about-content figure { margin-bottom: 160px; }
						section.about-content figure h2 { bottom: 80px; left: 80px; }
						section.about-content .content-block div { padding: 40px 0; }
						section.about-content .content-block div:last-child:not(:first-child) { padding-bottom: 0; }
					}
					

			/** Team **************************************************/
				
				section#about-team { padding-bottom: var(--section-padding); }
				section#about-team div.carousel { margin-bottom: var(--section-padding); }
				section#about-team div.carousel ul { padding: 0 var(--margin); }
				section#about-team div.carousel ul li:not(:last-child) a figure img { height: var(--width); pointer-events: none; }
				section#about-team div.carousel ul li:not(:last-child) a small { color: rgba(14, 13, 13, .5); display: block; font-weight: 500; margin-bottom: 10px; }
				section#about-team div.carousel ul li:last-child a { align-items: flex-start; background: var(--purple); color: var(--white); display: -webkit-flex; display: flex; flex-direction: column; height: var(--width); position: relative; }
				section#about-team div.carousel ul li:last-child a strong { flex: 1; }
				section#about-team div.carousel ul li:last-child a small { font-weight: 500; text-transform: uppercase; }
				section#about-team div.carousel ul li:last-child a div.arrow-block { background: var(--white); -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); height: 80px; overflow: hidden; position: absolute; width: 80px; }
				section#about-team div.carousel ul li:last-child a div.arrow-block arrow { bottom: 26px; opacity: 0; right: 26px; will-change: bottom, opacity, right; }
				
				section#about-team div.carousel ul li:last-child a div.arrow-block.reveal { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); }
				section#about-team div.carousel ul li:last-child a div.arrow-block.reveal arrow { bottom: 10px; opacity: 1; right: 10px; }
				section#about-team div.carousel ul li:last-child a div.arrow-block.reveal.reveal-animation { transition: -webkit-clip-path 1s cubic-bezier(0.33, 1, 0.68, 1), clip-path 1s cubic-bezier(0.33, 1, 0.68, 1); }
				section#about-team div.carousel ul li:last-child a div.arrow-block.reveal.reveal-animation arrow { transition: bottom .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), opacity .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), right .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); --animation-delay: .4s; }
				
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#about-team h3 { margin-bottom: 40px; }
						section#about-team div.carousel ul li:not(:last-child) a figure img { height: var(--width); }
						section#about-team div.carousel ul li:last-child a { padding: 20px; }
						section#about-team div.carousel ul li:last-child a div.arrow-block { bottom: 15px; right: 15px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#about-team div.carousel { --width: var(--col5-g); }
						section#about-team div.carousel ul li:not(:last-child) a figure { margin-bottom: 10px; }
						section#about-team div.carousel ul li:last-child a small { height: 22px; padding: 0; }
						section#about-team div.carousel ul li:last-child a small::before { display: none; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#about-team div.carousel ul li:not(:last-child) a figure { margin-bottom: 20px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#about-team div.scrolling-text { margin: 40px 0; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#about-team div.carousel { --width: var(--col7-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#about-team div.carousel { --width: var(--col4-g); }
						
						section#about-team div.carousel ul li:not(:last-child) a figure { overflow: hidden; }
						section#about-team div.carousel ul li:not(:last-child) a figure img { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s cubic-bezier(.4,0,0,1); transition: transform 1s cubic-bezier(.4,0,0,1); }
						section#about-team div.carousel ul li:not(:last-child) a:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#about-team h3 { width: var(--col9-g); }
					}
								
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#about-team h3 { margin-bottom: 80px; width: var(--col5-g); }
						section#about-team div.carousel ul li:last-child a { padding: 40px; }
						section#about-team div.carousel ul li:last-child a div.arrow-block { bottom: 30px; right: 30px; }
					}
					
					
					
		/** Portfolio **************************************************/

			/** Filters **************************************************/
			
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#portfolio-filters { padding-top: 40px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#portfolio-filters { padding-top: 80px; }
					}						
					

			/** Projects **************************************************/
				
				section#portfolio-projects #partner-companies { position: relative; }
				section#portfolio-projects #partner-companies div { position: relative; }
				section#portfolio-projects #partner-companies div::after { border-bottom: 1px solid rgba(255, 255, 255, .1); bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 0; }
				section#portfolio-projects #partner-companies div a { position: relative; }
				section#portfolio-projects #partner-companies div:first-child a { padding-top: 0; }
				
				section#portfolio-projects #partner-companies div.reveal::after { width: 100%; }
				section#portfolio-projects #partner-companies div.reveal.reveal-animation::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#portfolio-projects figure#portfolio-hover { display: none; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#portfolio-projects #partner-companies div a { padding: 15px 0; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#portfolio-projects #partner-companies div a { background: none; color: rgba(255, 255, 255, .2); padding: 20px 84px 20px 0; position: relative; transition: color .4s ease-out, z-index .4s ease-out; z-index: 1; }
						section#portfolio-projects #partner-companies div a::before { background: url('../img/icons_arrow_right-white-diagonal-large.svg') center right no-repeat; background-size: contain; content: ''; display: block; height: 64px; opacity: 0; position: absolute; right: 0; top: calc(50% - 32px); width: 64px; -webkit-transform: translate3d(-30%, -30%, 0); transform: translate3d(-30%, -30%, 0); -webkit-transition: opacity .8s ease-out, -webkit-transform 0s ease-out .8s; transition: opacity .8s ease-out, transform 0s ease-out .8s; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#portfolio-projects { padding-bottom: var(--section-padding); }
					}
			
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#portfolio-projects #partner-companies div a:active { color: var(--white) z-index: 5; }
						section#portfolio-projects #partner-companies div a:active::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity .8s ease-out, -webkit-transform .4s ease-out; transition: opacity .8s ease-out, transform .4s ease-out; }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#portfolio-projects #partner-companies div a:hover { color: var(--white) z-index: 5; }
						section#portfolio-projects #partner-companies div a:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity .8s ease-out, -webkit-transform .4s ease-out; transition: opacity .8s ease-out, transform .4s ease-out; }
						
			
					/** No Smoothscroll **********/
						@supports (-webkit-touch-callout: none) {
							section#portfolio-projects figure#portfolio-hover { display: none; }
						}
	
					/** Smoothscroll **********/
						@supports not (-webkit-touch-callout: none) {
							section#portfolio-projects figure#portfolio-hover { height: 1px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity .4s ease-out; width: var(--col4-g); z-index: 0; --height_ratio: 1; }
							section#portfolio-projects figure#portfolio-hover.visible { opacity: 1; }
							section#portfolio-projects figure#portfolio-hover img { height: calc(var(--col4-g) * var(--height_ratio)); left: 0; opacity: 0; position: absolute; top: 50%; width: 100%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
							section#portfolio-projects figure#portfolio-hover img.active { opacity: 1; z-index: 3; }
							section#portfolio-projects figure#portfolio-hover img.was-active { opacity: 1; }
													
							section#portfolio-projects figure#portfolio-hover.animate img { transition: height .4s ease-out, opacity .4s ease-out; }
						}
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#portfolio-projects #partner-companies div a { font-size: 75px; line-height: 75px; }
					}
						
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#portfolio-projects #partner-companies div a { padding-top: 30px; padding-bottom: 30px; }
					}

			/** Project **************************************************/					
											
				/** Hero / Intro **************************************************/
					
					section.profile#portfolio-project div.project-intro { position: relative; }
					section.profile#portfolio-project div.project-intro div a { display: inline-block; margin-bottom: 10px; }
					section.profile#portfolio-project div.project-intro ul { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
					section.profile#portfolio-project div.project-intro ul li { border-left: 1px solid var(--dark); padding-left: 10px; position: relative; }
					section.profile#portfolio-project div.project-intro ul li:nth-child(-n+2) { margin-bottom: 44px; }
						
						
					/** Mobile & Tablet **********/
						@media all and (max-width: 1023px) {
							section.profile#portfolio-project div.project-intro ul li { width: var(--col3-g); }
						}
							
					/** Mobile **********/
						@media all and (max-width: 767px) {
							section.profile#portfolio-project div.profile-hero h1 { font-size: 40px; line-height: 40px; margin-bottom: 10px; }
							section.profile#portfolio-project div.profile-hero small { margin-bottom: 20px; }
							section.profile#portfolio-project div.project-intro { padding-bottom: 40px; }
							section.profile#portfolio-project div.project-intro img { margin-bottom: 20px; width: var(--col3-g); }
							section.profile#portfolio-project div.project-intro > p { margin-bottom: 40px; }
							section.profile#portfolio-project div.project-intro div { margin-bottom: 40px; }
						}
			
					/** Tablet, Laptop & Desktop **********/
						@media all and (min-width: 768px) {
							section.profile#portfolio-project div.project-intro { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 80px; }
						}
				
					/** Tablet & Laptop **********/
						@media all and (min-width: 768px) and (max-width: 1439px) {
							section.profile#portfolio-project div.project-intro img,
							section.profile#portfolio-project div.project-intro > p { margin-bottom: 40px; }
						}
			
					/** Tablet **********/
						@media all and (min-width: 768px) and (max-width: 1023px) {
							section.profile#portfolio-project div.project-intro img { width: var(--col4-g); }
							section.profile#portfolio-project div.project-intro > p { width: var(--col7-g); }
							section.profile#portfolio-project div.project-intro div { width: var(--col5); }
							section.profile#portfolio-project div.project-intro ul { width: var(--col7-g); }
						}			
			
					/** Laptop & Desktop **********/
						@media all and (min-width: 1023px) {
							section.profile#portfolio-project div.project-intro img { width: var(--col2-g); }
							section.profile#portfolio-project div.project-intro > p { width: var(--col5-g); }
							section.profile#portfolio-project div.project-intro div { width: var(--col4); }
							section.profile#portfolio-project div.project-intro ul { width: var(--col5-g); }
							section.profile#portfolio-project div.project-intro ul li { width: var(--col2); }
						}
								
					/** Desktop **********/
						@media all and (min-width: 1440px) {
							section.profile#portfolio-project div.project-intro img { margin-bottom: 80px; }
							section.profile#portfolio-project div.project-intro > p { margin-bottom: 80px; }
						}
						
				/** Details **************************************************/				
					
					section.profile#portfolio-project div.project-details { position: relative; }
					section.profile#portfolio-project div.project-details::before { border-bottom: 1px solid rgba(14, 13, 13, .2); content: ''; display: block; left: 0; position: absolute; top: 0; width: 0; }
					section.profile#portfolio-project div.project-details article.article-body { align-items: flex-start; position: relative; }
					section.profile#portfolio-project div.project-details article.article-body blockquote { margin-top: var(--module-spacer); }
					section.profile#portfolio-project div.project-details article.article-body blockquote + small { margin-bottom: calc(var(--module-spacer) * 2); }
					
					section.profile#portfolio-project div.project-details.reveal::before { width: 100%; }
					section.profile#portfolio-project div.project-details.reveal.reveal-animation::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }

						
					/** Mobile & Tablet **********/
						@media all and (max-width: 1023px) {
							section.profile#portfolio-project div.project-details article.article-body figure.large-image { --width: var(--grid); }
						}
							
					/** Mobile **********/
						@media all and (max-width: 767px) {
							section.profile#portfolio-project div.project-details { /*padding: 40px 0 80px; */ padding-top: 40px; }
							section.profile#portfolio-project div.project-details article.article-body { --module-spacer: 40px; }
						}
			
					/** Tablet, Laptop & Desktop **********/
						@media all and (min-width: 768px) {
							section.profile#portfolio-project div.project-details { padding-top: 80px; }
							
							section.profile#portfolio-project div.project-details article.article-body .center { align-self: center; text-align: center; }
							section.profile#portfolio-project div.project-details article.article-body .right { align-self: flex-end; }
							
							section.profile#portfolio-project div.project-details article.article-body div.para { width: var(--col5-g); }
							section.profile#portfolio-project div.project-details article.article-body figure.small-image { --width: var(--col5-g); }
						}
				
					/** Tablet & Laptop **********/
						@media all and (min-width: 768px) and (max-width: 1439px) {
/*						section.profile#portfolio-project div.project-details { padding-bottom: 40px; }*/
						}
			
					/** Tablet **********/
						@media all and (min-width: 768px) and (max-width: 1023px) {
							section.profile#portfolio-project div.project-details article.article-body blockquote,
							section.profile#portfolio-project div.project-details article.article-body blockquote + small { width: var(--grid); }
							section.profile#portfolio-project div.project-details article.article-body div.para { width: var(--col8-g); }
							section.profile#portfolio-project div.project-details article.article-body figure.small-image { --width: var(--col9-g); }
							section.profile#portfolio-project div.project-details article.article-body figure.large-image { --width: var(--grid); }
						}			
			
					/** Laptop & Desktop **********/
						@media all and (min-width: 1023px) {
							section.profile#portfolio-project div.project-details article.article-body blockquote,
							section.profile#portfolio-project div.project-details article.article-body blockquote + small { width: var(--col9-g); }
							section.profile#portfolio-project div.project-details article.article-body div.para { width: var(--col5-g); }
							section.profile#portfolio-project div.project-details article.article-body figure.small-image { --width: var(--col5-g); }
							section.profile#portfolio-project div.project-details article.article-body figure.large-image { --width: var(--col9-g); }
						}
								
					/** Desktop **********/
						@media all and (min-width: 1440px) {
/*						section.profile#portfolio-project div.project-details { padding-bottom: 80px; } */
						}
						
					
				/** Next Project **************************************************/
					
					section.profile#portfolio-project div.next-project { position: relative; }
					section.profile#portfolio-project div.next-project a { align-items: flex-end; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
					section.profile#portfolio-project div.next-project a strong { margin-bottom: 40px; position: relative; }
					section.profile#portfolio-project div.next-project a arrow { margin-bottom: 40px; }
					section.profile#portfolio-project div.next-project a figure { width: var(--width); }
					
					
					/** Mobile **********/
						@media all and (max-width: 767px) {
							section.profile#portfolio-project div.next-project a { margin-left: var(---margin); width: var(--vw100); }
							section.profile#portfolio-project div.next-project a strong { left: 0; padding-left: var(--margin); top: 9px; }
							section.profile#portfolio-project div.next-project a arrow { --height: 98px; margin: 0 var(--margin) 40px auto; }
							section.profile#portfolio-project div.next-project a figure { --width: var(--vw100); }
							section.profile#portfolio-project div.next-project a figure img { height: calc(var(--width) * .8); }
						}
			
					/** Tablet, Laptop & Desktop **********/
						@media all and (min-width: 768px) {
							section.profile#portfolio-project div.next-project a strong { top: 15px; }
							section.profile#portfolio-project div.next-project a figure img { height: calc(var(--width) * .51); }
						}
				
					/** Tablet & Laptop **********/
						@media all and (min-width: 768px) and (max-width: 1439px) {
							section.profile#portfolio-project div.next-project a arrow { --height: 104px; }
						}
			
					/** Tablet **********/
						@media all and (min-width: 768px) and (max-width: 1023px) {
							section.profile#portfolio-project div.next-project a figure { --width: var(--grid); }
						}			
			
					/** Laptop & Desktop **********/
						@media all and (min-width: 1023px) {
							section.profile#portfolio-project div.next-project a figure { --width: var(--col9-g); }
							section.profile#portfolio-project div.next-project a figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1.6s cubic-bezier(0.5, 1, 0.89, 1); transition: transform 1.6s cubic-bezier(0.5, 1, 0.89, 1); }
							section.profile#portfolio-project div.next-project a:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1); }
						}
								
					/** Desktop **********/
						@media all and (min-width: 1440px) {
							section.profile#portfolio-project div.next-project a arrow { --height: 127px; }
						}
										
					
					
		/** People **************************************************/

			/** Hero **************************************************/
				
				section#people-hero { padding-top: var(--padding-top); }	
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#people-hero { padding-bottom: 40px; }
						section#people-hero h1 { margin-bottom: 40px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#people-hero h1 { white-space: normal; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#people-hero { padding-bottom: 80px; }	
						section#people-hero h1 { margin-bottom: 80px; }
					}
					

			/** Builders **************************************************/
				
				section#people-builders p { position: relative; }
				section#people-builders p::before { border-top: 1px solid var(--white); content: ''; display: block; left: 0; position: absolute; top: 0; width: 0; }
				section#people-builders arrow { position: absolute; right: 0; }
				
				section#people-builders p.reveal::before { width: 100%; }
				section#people-builders p.reveal.reveal-animation::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#people-builders p { padding-top: 20px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#people-builders { padding-bottom: 40px; }
						section#people-builders h2 { margin-bottom: 40px; }
						section#people-builders strong { margin-bottom: 220px; }
						section#people-builders arrow { top: 244px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#people-builders div.container { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; }
						section#people-builders arrow { bottom: 0; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#people-builders { padding-bottom: 80px; }
						section#people-builders h2 { margin-bottom: 40px; }
						section#people-builders strong { margin-bottom: 150px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#people-builders div.container { flex-wrap: wrap; }
						section#people-builders p { width: var(--col8-g); }
						section#people-builders p { height: 167px; }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#people-builders p { width: var(--col5-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#people-builders { padding-bottom: 160px; }
						section#people-builders strong { margin-bottom: 240px; }
						section#people-builders p { padding-top: 40px; }
					}
					

			/** Team **************************************************/
				
				section#people-team { padding-bottom: var(--section-padding); }
				section#people-team ul { position: relative; }
				section#people-team ul li { position: relative; width: var(--width); }
				section#people-team ul li a { display: block; position: relative; }
				section#people-team ul li a figure { margin-bottom: 20px; }
				section#people-team ul li a figure img { height: calc(var(--width) / .95); }
				section#people-team ul li small { font-weight: 500; margin-bottom: 10px; }
				
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#people-team ul li { --width: var(--grid); }
						section#people-team ul li:not(:last-child) { margin-bottom: 40px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#people-team ul { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#people-team ul li:nth-child(odd) { margin-right: 10px; }
						section#people-team ul li:nth-child(even) a figure { --animation-delay: .2s; }
						section#people-team ul li:nth-child(even) a small { --animation-delay: .4s; }
						section#people-team ul li:nth-child(even) a strong span sub { --animation-delay: .2s; }
						section#people-team ul li:nth-last-child(n+3) { margin-bottom: 40px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#people-team ul li { --width: var(--col6-g); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#people-team ul li a figure { overflow: hidden; }
						section#people-team ul li a figure img { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s cubic-bezier(.4,0,0,1); transition: transform 1s cubic-bezier(.4,0,0,1); }
						section#people-team ul li a:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }
						section#people-team ul li a strong { transition: color .2s ease-out; }
						section#people-team ul li a:hover strong { color: var(--beige); }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#people-team ul li { --width: calc(50% - 10px); }
					}
					
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#people-team ul li:not(:nth-child(3n)) { margin-right: 10px; }
						section#people-team ul li:nth-child(3n+2) a figure { --animation-delay: .2s; }
						section#people-team ul li:nth-child(3n+2) a small { --animation-delay: .4s; }
						section#people-team ul li:nth-child(3n+2) a strong span sub { --animation-delay: .2s; }
						section#people-team ul li:nth-child(3n+3) a figure { --animation-delay: .4s; }
						section#people-team ul li:nth-child(3n+3) a small { --animation-delay: .6s; }
						section#people-team ul li:nth-child(3n+3) a strong span sub { --animation-delay: .4s; }
						section#people-team ul li:nth-last-child(n+3) { margin-bottom: 80px; }
						section#people-team ul li { --width: calc((100% - 20px) / 3); }
					}
					

			/** Advisors **************************************************/
				
				section#people-advisors ul li { position: relative; }
				section#people-advisors ul li::after { border-bottom: 1px solid rgba(255, 255, 255, .1); bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 0; }
				section#people-advisors ul li button { position: relative; text-align: left; width: 100%; }
				section#people-advisors ul li button::after { border-top: 1px solid var(--white); border-right: 1px solid var(--white); content: ''; display: block; height: 7px; position: absolute; right: 2px; top: calc(50% - 3px); width: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform .4s cubic-bezier(0.5, 1, 0.89, 1); transition: transform .4s cubic-bezier(0.5, 1, 0.89, 1); }
				section#people-advisors ul li > div { height: 0; opacity: 0; overflow: hidden; will-change: height, opacity; }
				section#people-advisors ul li > div div.para ul li { padding-left: 2.6ch; position: relative; }
				section#people-advisors ul li > div div.para ul li::before { background: var(--white); border-radius: 50%; content: ''; display: block; height: 4px; left: 1ch; position: absolute; top: 1ch; width: 4px; }
				section#people-advisors ul li.active button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
				section#people-advisors ul li.active > div { height: auto; opacity: 1; }
				section#people-advisors ul li.animate > div { transition: height .4s cubic-bezier(0.5, 1, 0.89, 1), opacity .4s cubic-bezier(0.5, 1, 0.89, 1); }				
				
				section#people-advisors ul li.reveal::after { width: 100%; }
				section#people-advisors ul li.reveal.reveal-animation::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#people-advisors h2 { margin-bottom: 20px; }
						section#people-advisors ul li.advisor { padding-top: 20px; }
						section#people-advisors ul li button,
						section#people-advisors ul li div div.para { padding-bottom: 20px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#people-advisors h2 { margin-bottom: 50px; }
						section#people-advisors ul li.advisor { padding-top: 30px; }
						section#people-advisors ul li button,
						section#people-advisors ul li div div.para { padding-bottom: 30px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#people-advisors { padding-bottom: var(--section-padding); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#people-advisors ul li a { transition: color .4s ease-out; }
						section#people-advisors ul li a:hover { color: var(--beige); }
					}
					
						
						
			/** Profile **************************************************/
				section.profile#people-profile .profile-bio,
				section.profile#people-profile .profile-bio > div,
				section.profile#people-profile .profile-bio > div .profile-social { position: relative; }
				section.profile#people-profile .profile-bio > div .profile-social a { font-weight: 500; text-transform: uppercase; }
	
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section.profile#people-profile .profile-bio > div h3 { margin-bottom: 40px; }
						section.profile#people-profile .profile-bio > div p:not(:last-child) { margin-bottom: 40px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section.profile#people-profile div.profile-hero h1 { font-size: 40px; line-height: 40px; margin-bottom: 40px; }
						section.profile#people-profile div.profile-hero small { margin-bottom: 10px; order: -1; }
						section.profile#people-profile .profile-bio p { margin-bottom: 40px; }
						section.profile#people-profile .profile-bio .profile-social a:not(:last-child) { margin-bottom: 30px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section.profile#people-profile .profile-bio > div .profile-social { align-items: flex-start; display: -webkit-flex; display: flex; }
						section.profile#people-profile .profile-bio > div .profile-social a:not(:last-child) { margin-right: 45px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section.profile#people-profile .profile-bio h3 { margin-bottom: 40px; }
						section.profile#people-profile .profile-bio p.h4 { margin-bottom: 80px; width: var(--col7-g); }
						section.profile#people-profile .profile-bio p:last-of-type { margin-bottom: 60px; }
					}

				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section.profile#people-profile .profile-bio p:last-of-type { width: var(--col11-g); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section.profile#people-profile .profile-bio { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section.profile#people-profile .profile-bio { padding-left: calc(100% - var(--col9-g)); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section.profile#people-profile .profile-bio { padding-left: calc(100% - var(--col4-g)); }
						section.profile#people-profile .profile-bio h3 { margin-bottom: 80px; }
						section.profile#people-profile .profile-bio p.h4 { left: 0; position: absolute; padding-top: 108px; width: var(--col4-g); }
						section.profile#people-profile .profile-bio p:last-of-type { margin-bottom: 80px; }
					}
					
					
					
		/** Culture **************************************************/					

			/** Values **************************************************/
				
				section#culture-values ul { position: relative; }
				section#culture-values ul li:not(:last-child) { position: relative; }
				section#culture-values ul li:not(:last-child)::after { border-bottom: 1px solid rgba(18, 18, 18, .2); bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 0; }
				section#culture-values ul li.reveal:not(:last-child)::after { width: 100%; }
				section#culture-values ul li.reveal.reveal-animation:not(:last-child)::after { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				section#culture-values ul li button { position: relative; text-align: left; width: 100%; }
				section#culture-values ul li button::after { border-top: 1px solid var(--dark); border-right: 1px solid var(--dark); content: ''; display: block; height: 7px; position: absolute; right: 2px; top: calc(50% - 3px); width: 7px; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform .4s cubic-bezier(0.5, 1, 0.89, 1); transition: transform .4s cubic-bezier(0.5, 1, 0.89, 1); }
				section#culture-values ul li > div { height: 0; opacity: 0; overflow: hidden; will-change: height, opacity; }				
/*				section#culture-values ul li.active button { color: var(--beige); }*/
				section#culture-values ul li.active button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
				section#culture-values ul li.active > div { height: auto; opacity: 1; }
				section#culture-values ul li.animate > div { transition: height .4s cubic-bezier(0.5, 1, 0.89, 1), opacity .4s cubic-bezier(0.5, 1, 0.89, 1); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#culture-values figure { margin-bottom: 40px; }
					}
					
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#culture-values { padding-bottom: 40px; }
						section#culture-values h3 { margin-bottom: 40px; }
						section#culture-values ul li:not(:first-child) { padding-top: 20px; }
						section#culture-values ul li:not(:last-child) button { margin-bottom: 20px; }
						section#culture-values ul li:not(:last-child) div p { padding-bottom: 20px; }
						section#culture-values ul li:last-child div p { padding-top: 20px; }
						section#culture-values figure { margin-left: var(---margin); width: var(--vw100); }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#culture-values ul li:not(:first-child) { padding-top: 40px; }
						section#culture-values ul li:not(:last-child) button { margin-bottom: 40px; }
						section#culture-values ul li:not(:last-child) div p { padding-bottom: 40px; }
						section#culture-values ul li:last-child div p { padding-top: 40px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#culture-values { padding-bottom: 80px; }
						section#culture-values h3 { margin-bottom: 80px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#culture-values h3 { width: var(--col9-g); }
						section#culture-values ul li div { padding-left: var(--col2); }
						section#culture-values figure { width: var(--grid); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#culture-values ul { margin-left: auto; }
						section#culture-values ul li div { padding-left: var(--col1); }
						section#culture-values figure { width: var(--col8-g); }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#culture-values h3 { width: var(--col9-g); }
						section#culture-values ul { width: var(--col6-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#culture-values { padding-bottom: 160px; }
						section#culture-values h3 { margin-bottom: 160px; width: var(--col6-g); }
						section#culture-values ul { width: var(--col5-g); }
						section#culture-values figure { margin-bottom: 80px; }
					}
					
					
			/** Approach **************************************************/
				
				section#culture-approach { padding-bottom: var(--section-padding); }
				section#culture-approach h2 + figure { width: var(--width); }
				section#culture-approach #approach-container { margin-bottom: 80px; position: relative; }
				section#culture-approach #approach-container #approach-content { position: relative; }
				section#culture-approach #approach-container #approach-content div { position: relative; }
				section#culture-approach #approach-container #approach-content div::before { border-top: 1px solid var(--white); content: ''; display: block; left: 0; position: absolute; top: 0; width: 0; }
				section#culture-approach #approach-container #approach-content div.reveal::before { width: 100%; }
				section#culture-approach #approach-container #approach-content div.reveal.reveal-animation::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				section#culture-approach #approach-carousel { position: relative; }
				section#culture-approach #approach-carousel nav { align-items: flex-start; display: -webkit-flex; display: flex; }
				section#culture-approach #approach-carousel nav button { background: url('../img/icons_arrow_right-white.svg') center center no-repeat; background-size: contain; display: block; height: 28px; width: 30px; }
				section#culture-approach #approach-carousel nav button[action="prev"] { margin-right: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
				section#culture-approach #approach-carousel[slide="1"] nav button[action="prev"],
				section#culture-approach #approach-carousel[slide="3"] nav button[action="next"] { opacity: .3; pointer-events: none; }
				section#culture-approach #approach-carousel ul { align-items: flex-start; display: -webkit-flex; display: flex; position: relative; width: 10000px; will-change: transform; -webkit-transition: -webkit-transform var(--profile-transition); transition: transform var(--profile-transition); }
				section#culture-approach #approach-carousel[slide="1"] ul { -webkit-transform: translateX(0); transform: translateX(0); }
				section#culture-approach #approach-carousel[slide="2"] ul { -webkit-transform: translateX(calc((var(--width) + var(--carousel-margin)) * -1)); transform: translateX(calc((var(--width) + var(--carousel-margin)) * -1)); }
				section#culture-approach #approach-carousel[slide="3"] ul { -webkit-transform: translateX(calc((var(--width) + var(--carousel-margin)) * -2)); transform: translateX(calc((var(--width) + var(--carousel-margin)) * -2)); }
				section#culture-approach #approach-carousel ul li { position: relative; width: var(--width); }
				section#culture-approach #approach-carousel ul li:not(:last-child) { margin-right: var(--carousel-margin); }
				section#culture-approach #approach-carousel ul li figure::after { background: rgba(0, 0, 0, .7); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; transition: opacity var(--profile-transition); width: 100%; will-change: opacity; z-index; 2; }
				section#culture-approach #approach-carousel ul li figure strong { color: var(--white); position: absolute; z-index: 3; }
				section#culture-approach #approach-carousel ul li p { opacity: 0; pointer-events: none; position: relative; transition: opacity var(--profile-transition), top 0s ease 1.2s; will-change: opacity, top; }
				
				section#culture-approach #approach-carousel ul li.active figure::after { opacity: 0; }
				section#culture-approach #approach-carousel ul li.active p { opacity: 1; top: 0; transition: opacity var(--profile-transition) .8s, top var(--profile-transition) .8s; }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#culture-approach { padding-top: 80px; }
						section#culture-approach h2 + figure { margin-bottom: 40px; }
						section#culture-approach h3 { margin-bottom: 80px; }
						section#culture-approach #approach-container #approach-content div { padding-top: 20px; }
						section#culture-approach #approach-container #approach-content div:not(:last-child) { padding-bottom: 20px; }
						section#culture-approach #approach-carousel nav { margin-bottom: 40px; }
						section#culture-approach #approach-carousel ul li figure { margin-bottom: 40px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#culture-approach #approach-carousel { --carousel-margin: var(--gutter); }
						section#culture-approach #approach-carousel nav,
						section#culture-approach #approach-carousel ul { padding-left: var(--margin); }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#culture-approach h2 + figure { margin-left: var(---margin); --width: var(--vw100); }
						section#culture-approach h2 + figure img { height: var(--width); object-position: center right; }
						section#culture-approach #approach-carousel ul { --width: calc(var(--grid) + var(--margin)); }
						section#culture-approach #approach-carousel ul li figure img { height: calc(var(--width) * .8); }
						section#culture-approach #approach-carousel ul li figure strong { bottom: 20px; left: 20px; }
						section#culture-approach #approach-carousel ul li p { padding-right: var(--margin); top: 36px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#culture-approach #approach-carousel ul li figure img { height: calc(var(--width) * .6); }
						section#culture-approach #approach-carousel ul li figure strong { bottom: 40px; left: 40px; }
						section#culture-approach #approach-carousel ul li p { top: 52px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#culture-approach h3 { margin-bottom: 80px; }
					}
					
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#culture-approach h2 + figure { --width: var(--grid); }
						section#culture-approach h2 + figure img { height: calc(var(--width) * .6); }
						section#culture-approach #approach-carousel ul { margin-bottom: 40px; --width: var(--col9-g); }
						section#culture-approach #approach-carousel ul li p { width: var(--col9-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#culture-approach h2 + figure { --width: var(--col8-g); }
						section#culture-approach h2 + figure img { height: calc(var(--width) * .66); }
						section#culture-approach #approach-container #approach-content { margin-left: auto; width: var(--col4-g); }
						section#culture-approach #approach-carousel { display: -webkit-flex; display: flex; flex-direction: column-reverse; --carousel-margin: var(--col1g); }
						section#culture-approach #approach-carousel nav { padding-left: calc(var(--margin) + var(--col1)); }
						section#culture-approach #approach-carousel ul { padding-left: calc(var(--margin) + var(--col1)); --width: var(--col8-g); }
						section#culture-approach #approach-carousel ul li p { width: var(--col7-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#culture-approach { padding-top: 160px; }
						section#culture-approach figure { margin-bottom: 80px; }
						section#culture-approach #approach-container h3 { margin-bottom: 160px; }
						section#culture-approach #approach-container #approach-content div { padding-top: 40px; }
						section#culture-approach #approach-container #approach-content div:not(:last-child) { padding-bottom: 40px; }
						section#culture-approach #approach-container + h3 { margin-bottom: 80px; }
						section#culture-approach #approach-carousel ul { margin-bottom: 40px; }
						section#culture-approach #approach-carousel ul li figure { margin-bottom: 80px; }
					}
					

			/** Philanthropy **************************************************/
				
				section#culture-philanthropy { padding: var(--section-padding) 0; }
				section#culture-philanthropy h3 { margin-bottom: 40px; }
				section#culture-philanthropy #philanthropy-container { margin-bottom: 80px; position: relative; }
				section#culture-philanthropy #philanthropy-container #philanthropy-content { position: relative; }
				section#culture-philanthropy #philanthropy-container #philanthropy-content div { position: relative; }
				section#culture-philanthropy #philanthropy-container #philanthropy-content div::before { border-top: 1px solid var(--dark); content: ''; display: block; left: 0; position: absolute; top: 0; width: 0; }
				section#culture-philanthropy #philanthropy-container #philanthropy-content div.reveal::before { width: 100%; }
				section#culture-philanthropy #philanthropy-container #philanthropy-content div.reveal.reveal-animation::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1); }
				section#culture-philanthropy div.container > strong { border-top: 1px solid var(--dark); }
				section#culture-philanthropy div.carousel { left: var(--col1-g); opacity: 0; position: relative; }
				section#culture-philanthropy div.carousel ul li a figure img { height: calc(var(--width) * .73); pointer-events: none; }
				
				section#culture-philanthropy div.carousel.reveal { left: 0; opacity: 1; transition: left .8s cubic-bezier(0.5, 1, 0.89, 1), opacity .8s cubic-bezier(0.5, 1, 0.89, 1); }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#culture-philanthropy #philanthropy-container #philanthropy-content div { padding-top: 20px; }
						section#culture-philanthropy #philanthropy-container #philanthropy-content div:not(:last-child) { padding-bottom: 20px; }
						section#culture-philanthropy figure.image { margin-bottom: 40px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#culture-philanthropy div.carousel ul { padding: 0 var(--margin); }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#culture-philanthropy h2 { white-space: normal; }
						section#culture-philanthropy figure.image { margin-left: var(---margin); width: var(--vw100); }
						section#culture-philanthropy div.container > strong { margin-bottom: 20px; padding-top: 20px; }
						section#culture-philanthropy div.carousel { --width: var(--col3); }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#culture-philanthropy div.container > strong { padding-top: 40px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#culture-philanthropy div.container > strong { margin-bottom: 40px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#culture-philanthropy div.carousel { --width: var(--col4); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#culture-philanthropy #philanthropy-container #philanthropy-content { margin-left: auto; width: var(--col4-g); }
						section#culture-philanthropy figure.image { width: var(--col8-g); }
						section#culture-philanthropy div.container > strong { margin-left: var(--col6); width: var(--col4-g); }
						section#culture-philanthropy div.carousel { --width: var(--col2-g); }
						section#culture-philanthropy div.carousel ul { padding-left: calc(var(--margin) + var(--col1)); padding-right: var(--margin); }
						
						#charities_cursor:not(.draggable) { display: none; }
					}
	
				/** Laptop SM **********/
					@media all and (min-width: 1023px) and (max-width: 1100px) {
						section#culture-philanthropy div.carousel { --width: var(--col3-g); }
					}
											
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#culture-philanthropy #philanthropy-container #philanthropy-content div { padding-top: 40px; }
						section#culture-philanthropy #philanthropy-container #philanthropy-content div:not(:last-child) { padding-bottom: 40px; }
						section#culture-philanthropy #philanthropy-container + h3 { margin-bottom: 80px; }
						section#culture-philanthropy figure.image { margin-bottom: 80px; }
						section#culture-philanthropy div.container > strong { margin-bottom: 80px; }
					}
										
					
					
		/** News (Landing) **************************************************/

			/** Hero **************************************************/
					
					section#news-hero { padding-top: var(--padding-top); }
					
					
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#news-hero { padding-bottom: 40px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#news-hero h1 { margin-bottom: 40px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#news-hero h1 { margin-bottom: 80px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#news-hero { padding-bottom: 80px; }
						section#news-hero h1 { margin-bottom: 160px; }
					}
					

			/** Articles **************************************************/
				
				section#news-articles ul,
				section#news-articles ul li { position: relative; }
				section#news-articles ul li a { align-items: stretch; display: -webkit-flex; display: flex; pointer-events: none; }
				section#news-articles ul li a div { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; position: relative; }
				section#news-articles ul li a div p { pointer-events: auto; }
				section#news-articles ul li a div small { display: block; white-space: pre; --animation-delay: .6s; }				
				section#news-articles ul li a div.arrow-block { height: 80px; width: 80px; }
				section#news-articles ul li a figure { pointer-events: auto; width: var(--width); }
				section#news-articles ul li a figure img { height: var(--width); }
				
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#news-articles ul li:not(:last-child) { margin-bottom: 80px; }
						section#news-articles ul li a { flex-direction: column; }
						section#news-articles ul li a div { margin-bottom: 23px; position: static; }
						section#news-articles ul li a div p { margin-bottom: 14px; }
						section#news-articles ul li a div div.arrow-block { animation: none !important; background: var(--white); bottom: 20px; opacity: 1; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); position: absolute; right: 20px; z-index: 2; }
						section#news-articles ul li a div div.arrow-block arrow { background-image: url('../img/icons_arrow_diagonal-dark.svg'); bottom: 26px; opacity: 0; right: 26px; will-change: bottom, opacity, right; }
						section#news-articles ul li a div div.arrow-block.reveal { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); }
						section#news-articles ul li a div div.arrow-block.reveal arrow { bottom: 10px; opacity: 1; right: 10px; }
						section#news-articles ul li a div div.arrow-block.reveal.reveal-animation { transition: -webkit-clip-path 1s cubic-bezier(0.33, 1, 0.68, 1) .4s, clip-path 1s cubic-bezier(0.33, 1, 0.68, 1) .4s; }
						section#news-articles ul li a div div.arrow-block.reveal.reveal-animation arrow { transition: bottom .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), opacity .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), right .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); --animation-delay: .8s; }
						section#news-articles ul li a figure { --width: var(--grid); }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#news-articles ul li a { justify-content: space-between; }
						section#news-articles ul li a div p { margin-bottom: 20px; }
						section#news-articles ul li a div small { flex: 1; margin-bottom: 40px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#news-articles ul li a div { position: static; }
						section#news-articles ul li a div div.arrow-block { animation: none !important; background: var(--white); bottom: 20px; opacity: 1; -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); position: absolute; right: 20px; z-index: 2; }
						section#news-articles ul li a div div.arrow-block arrow { background-image: url('../img/icons_arrow_diagonal-dark.svg'); bottom: 26px; opacity: 0; right: 26px; will-change: bottom, opacity, right; }
						section#news-articles ul li a div div.arrow-block.reveal { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0); }
						section#news-articles ul li a div div.arrow-block.reveal arrow { bottom: 10px; opacity: 1; right: 10px; }
						section#news-articles ul li a div div.arrow-block.reveal.reveal-animation { transition: -webkit-clip-path 1s cubic-bezier(0.33, 1, 0.68, 1) .4s, clip-path 1s cubic-bezier(0.33, 1, 0.68, 1) .4s; }
						section#news-articles ul li a div div.arrow-block.reveal.reveal-animation arrow { transition: bottom .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), opacity .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), right .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); --animation-delay: .8s; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#news-articles ul li:not(:last-child) { margin-bottom: 120px; }
						section#news-articles ul li a div { width: var(--col6-g); }
						section#news-articles ul li a figure { --width: var(--col6-g); }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#news-articles ul li a div { width: var(--col5); }
						section#news-articles ul li a figure { overflow: hidden; --width: calc(var(--col4-g) - var(--gutter)); }
						section#news-articles ul li a figure img { will-change: transform; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s cubic-bezier(.4,0,0,1); transition: transform 1s cubic-bezier(.4,0,0,1); }
						section#news-articles ul li a:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05); }
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
						section#news-articles ul li:not(:last-child) { margin-bottom: 80px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#news-articles ul li:not(:last-child) { margin-bottom: 160px; }
						section#news-articles ul li a div.arrow-block { border: 1px solid rgba(255, 255, 255, .2); pointer-events: auto; }
						section#news-articles ul li a div.arrow-block arrow { bottom: 26px; opacity: 0; right: 26px; will-change: bottom, opacity, right; }
						section#news-articles ul li a div.arrow-block.reveal arrow { bottom: 10px; opacity: 1; right: 10px; }
						section#news-articles ul li a div.arrow-block.reveal.reveal-animation arrow { transition: bottom .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), opacity .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay), right .8s cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); --animation-delay: .4s; }
					}
										
					
					
		/** News (Article) **************************************************/

			/** Hero **************************************************/
				
				section#article-hero { padding-top: var(--padding-top); }
				section#article-hero div.container { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; }
				section#article-hero h1 { margin-bottom: 20px; text-align: center; }
				section#article-hero small { display: block; font-weight: normal; white-space: pre; --animation-delay: .6s; }
				section#article-hero strong.para { border-top: 1px solid var(--dark); text-align: center; --animation-delay: .6s; }
				section#article-hero figure { width: 100%; }
				section#article-hero figure.above-the-fold { --animation-delay: .6s; }
				
		
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#article-hero small { margin-bottom: 80px; }
						section#article-hero strong.para { padding-top: 20px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#article-hero { padding-bottom: 20px; }
						section#article-hero strong.para { margin-bottom: 20px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#article-hero { padding-bottom: 40px; }
						section#article-hero strong.para { margin-bottom: 40px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#article-hero strong.para { width: var(--col10-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#article-hero strong.para { width: var(--col6-g); }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#article-hero { padding-bottom: 80px; }
						section#article-hero h1 { padding: 0 var(--col1); }
						section#article-hero small { margin-bottom: 160px; }
						section#article-hero strong.para { margin-bottom: 80px; padding-top: 40px; }
					}
					

			/** Article Body **************************************************/				
				
				section#article-body article.article-body { align-items: center; }	
				section#article-body article.article-body blockquote + small { --animation-delay: .3s; }
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#article-body article.article-body figure { --width: var(--vw100); }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#article-body article.article-body { --module-spacer: 20px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#article-body article.article-body div.para { width: var(--col10-g); }
						section#article-body article.article-body blockquote + small { width: var(--col10-g); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#article-body article.article-body div.para { width: var(--col6-g); }
						section#article-body article.article-body blockquote { width: var(--col8-g); }
						section#article-body article.article-body blockquote + small { width: var(--col6-g); }
						section#article-body article.article-body figure { --width: var(--col10-g); }
					}
					

			/** Share Article **************************************************/
				
				section#article-share { z-index: 2; }
				section#article-share button { font-weight: 500; position: relative; z-index: 3; }
				section#article-share div#share-social { background: var(--dark); color: var(--white); opacity: 0; pointer-events: none; position: absolute; }
				section#article-share div#share-social a { display: block; opacity: 0; position: relative; text-align: left; transition: color .4s ease-out; width: 100%; --animation-delay: calc((var(--index) + 1) * .2s); --fade-in-position: 20px; }
				section#article-share div#share-social a::after { color: rgba(255, 255, 255, .1); content: 'Selected'; font-size: 14px; font-weight: 500; letter-spacing: -.01em; line-height: 34px; opacity: 0; position: absolute; right: 0; text-transform: uppercase; }
				section#article-share div#share-social a:not(:last-child)::before { border-bottom: 1px solid rgba(255, 255, 255, .1); bottom: 0; content: ''; display: block; left: 0; position: absolute; width: 0; }
						
				/**  States **********/
				
					/**  Active **********/
						section#article-share button.active { color: var(--white); }
						section#article-share button.active + div#share-social { opacity: 1; pointer-events: auto; }
						section#article-share button.active + div#share-social a { animation: fade-in .8s forwards cubic-bezier(0.5, 1, 0.89, 1) var(--animation-delay); will-change: opacity, transform; }
						section#article-share button.active + div#share-social a:not(:last-child)::before { width: 100%; }
						section#article-share button.active.active-animation + div#share-social a:not(:last-child)::before { transition: width 1.4s cubic-bezier(0.83, 0, 0.17, 1) var(--animation-delay); }
										
		
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#article-share { padding-bottom: 80px; }
						section#article-share div#share-social { left: -20px; padding: 40px 20px 0 20px; top: -13px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#article-share div#share-social { width: var(--vw100); }
						section#article-share div#share-social a { padding: 10px 0; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#article-share div#share-social { width: 304px; }
						section#article-share div#share-social a { padding: 20px 0; }
					}
					
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#article-share div.container { margin-left: calc(var(--margin) + var(--col1)); }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#article-share div.container { margin-left: calc(var(--margin) + var(--col3)); }
						section#article-share div#share-social a:hover { color: var(--beige); }
					}
	
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#article-share { padding-bottom: 160px; }
						section#article-share div#share-social { left: -40px; padding: 80px 40px 20px 40px; top: -33px; }
					}
					
					
					
		/** Contact **************************************************/
					
			/** Reach Out **************************************************/
			
				section#contact-reach-out { padding-top: var(--padding-top); }
				section#contact-reach-out figure { --animation-delay: .6s; }
				
						
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#contact-reach-out div#contact { margin-bottom: 40px; }
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#contact-reach-out p:first-child { margin-bottom: 40px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#contact-reach-out div.container { margin-bottom: 40px; }
						section#contact-reach-out p { line-height: 46px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#contact-reach-out { padding-bottom: 160px; }
						section#contact-reach-out p { line-height: 62px; }
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
						section#contact-reach-out div.container { margin-bottom: 90px; }
					}
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#contact-reach-out div.container { padding: 0 var(--col1-inset); }
						section#contact-reach-out div#contact { align-items: flex-start; display: -webkit-flex; display: flex; }
						section#contact-reach-out p:first-child { width: var(--col6); }
						section#contact-reach-out p:last-child { flex: 1; }
						section#contact-reach-out p:last-child a { transition: opacity .2s ease-out; }
						section#contact-reach-out p:last-child a:hover { opacity: .4 }
					}
	
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#contact-reach-out div.container { margin-bottom: 150px; }
						section#contact-reach-out div#contact { margin-bottom: 80px; }
					}
					
					
					
		/** Misc Pages **************************************************/
		
			/** Legal **************************************************/
			
				section#legal { padding-top: var(--padding-top); padding-bottom: var(--section-padding); }
				section#legal h1 { margin-bottom: var(--section-padding); }
				section#legal div.section div.para ul li { padding-left: 2.6ch; position: relative; }
				section#legal div.section div.para ul li::before { background: var(--dark); border-radius: 50%; content: ''; display: block; height: 4px; left: 1ch; position: absolute; top: 1ch; width: 4px; }
				section#legal div.section div.para a { color: var(--blue); text-decoration: underline; }
				
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
						section#legal div.section:not(:last-child) { margin-bottom: 40px; }
					}
					
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#legal div.section h2 { margin-bottom: 10px; }
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
						section#legal div.section h2 { margin-bottom: 20px; }
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
						section#legal h1 { padding-left: var(--col4); }
						section#legal div.section { align-items: flex-start; display: -webkit-flex; display: flex; }
						section#legal div.section:not(:last-child) { margin-bottom: 80px; }
						section#legal div.section h2 { padding-right: var(--col1g); width: var(--col4); }
						section#legal div.section div.para { flex: 1; }
					}
					
		
			/** 404 **************************************************/
				
				section#four04 div.container { align-items: flex-start; display: -webkit-flex; display: flex; flex-direction: column; min-height: var(--vh100); padding-top: var(--padding-top); padding-bottom: var(--section-padding); }
				section#four04 strong { flex: 1; }
				
				
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
						section#four04 h1 { margin-bottom: 40px; }
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
						section#four04 strong { margin-bottom: 40px; }
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
						section#four04 strong { margin-bottom: 80px; }
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
						section#four04 h1 { margin-bottom: 80px; }
					}
					
					
					
		/** Page **************************************************/

			/** Module **************************************************/
							
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
					}
					

			/** Module **************************************************/
							
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
					}
					

			/** Module **************************************************/
							
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
					}
					
					
					
		/** Page **************************************************/

			/** Module **************************************************/
							
				/** Mobile, Tablet & Laptop **********/
					@media all and (max-width: 1439px) {
					}
					
				/** Mobile & Tablet **********/
					@media all and (max-width: 1023px) {
					}
						
				/** Mobile **********/
					@media all and (max-width: 767px) {
					}
		
				/** Tablet, Laptop & Desktop **********/
					@media all and (min-width: 768px) {
					}
			
				/** Tablet & Laptop **********/
					@media all and (min-width: 768px) and (max-width: 1439px) {
					}
		
				/** Tablet **********/
					@media all and (min-width: 768px) and (max-width: 1023px) {
					}			
		
				/** Laptop & Desktop **********/
					@media all and (min-width: 1023px) {
					}
	
				/** Laptop **********/
					@media all and (min-width: 1023px) and (max-width: 1439px) {
					}
							
				/** Desktop **********/
					@media all and (min-width: 1440px) {
					}