@charset "UTF-8";
/****** Infrastructure ****************************************************************************************************/

    /** Reset **************************************************/
        /* Reset general styles */
            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 { font-weight: normal; text-align: left; }
            article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0; }

        /* Reset anchor and button styles */
            a { color: inherit; cursor: url('../images/cursor.png?v4') 12 12, pointer; text-decoration: none; }
			select.dropdown { cursor: pointer; }
            button { background: none; cursor: pointer; }
			button:active { color: inherit; }
            :focus { outline: 0; }

        /* Reset webkit styles */
            * { -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; }




    /** Scaffolding **************************************************/

        /* Fonts */
			@font-face { font-family: Canela; src: url('../fonts/Canela-Medium-Web.woff2') format('woff2'), url('../fonts/Canela-Medium-Web.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; }
			@font-face { font-family: Canela; src: url('../fonts/Canela-LightItalic-Web.woff2') format('woff2'), url('../fonts/Canela-LightItalic-Web.woff') format('woff'); font-weight: 300; font-style: italic; font-stretch: normal; }
			@font-face { font-family: Canela; src: url('../fonts/Canela-Light-Web.woff2') format('woff2'), url('../fonts/Canela-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; }


        /* Infrastructure */
			body { color: #000; font-family: Canela, Times; font-style: normal; font-weight: 300; opacity: 0; transition: opacity ease-out 0.4s; }
			body[ready] { opacity: 1; }

			section { position: relative; }

            div.container { height: 100%; position: relative; }
			div.container.center { align-items: center; display: -webkit-flex; display: flex; flex-direction: column; }

            .hidden { display: none !important; }
            code.device { display: none; height: 1px; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 1px; width: 1px; }
            .background-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; }
			.background-image.cover { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }


		/** Mobile & Tablet **********/
			@media (max-width: 1023px) {
				div.container { margin: 0 10px; }
				body:not(.homepage) { padding-top: calc((100vw * (22/300)) + 42px); padding-bottom: 75px; }
			}

        /** Mobile **********/
            @media all and (max-width: 767px) {
				#_mobile { display: block; }
				.not-mobile { display: none !important; }

                section { min-width: 320px; }
            }

        /** Tablet, Laptop & Desktop **********/
            @media all and (min-width: 768px) {
				.mobile-only { display: none !important; }
			}

        /** Tablet and Laptop **********/
            @media all and (min-width: 768px) and (max-width: 1439px) {
				#_tablet { display: block; }
            }

        /** Laptop & Desktop **********/
            @media all and (min-width: 1024px) {
				#_laptop_desktop_only { display: block; }

				body:not(.homepage) { padding-top: calc((100vw * (22/300)) + 64px); padding-bottom: 105px; }

				section { padding: 0 20px; }

				a[href^="tel:"] { border: none !important; pointer-events: none; }
            }

		/** Laptop **********/
			@media (min-width: 1024px) and (max-width: 1439px) {
				#_laptop { display: block; }
			}

        /** Desktop **********/
            @media all and (min-width: 1440px) {
				#_desktop { display: block; }
            }



	/** Header **************************************************/

		header { left: 0; position: fixed; top: 0; width: 100%; z-index: 100; }
		header a { display: block; }
		header a img { display: block; width: 100%; }


		/** Mobile & Tablet **********/
			@media (max-width: 1023px) {
				header { padding: 10px; }
			}

	    /** Laptop & Desktop **********/
	        @media (min-width: 1024px) {
				header { padding: 20px; }
	        }




	/** Footer **************************************************/

		footer { background: #fff; bottom: 0; left: 0; position: fixed; text-transform: uppercase; width: 100%; z-index: 100; }
    footer nav a { border-bottom: 1px solid #fff; }
		footer nav a:hover,
		footer nav a.active { border-bottom-color: #000; }


		/** Mobile & Tablet & Laptop **********/
			@media all and (max-width: 1439px) {
		  	}

		/** Mobile & Tablet **********/
			@media (max-width: 1023px) {
				footer { font-size: 16px; }
			}

	    /** Mobile **********/
	        @media (max-width: 767px) {
				footer { -webkit-transform: translateY(100%) translateY(-40px); transform: translateY(100%) translateY(-40px); }
				footer.animate { -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; }
				footer.active { -webkit-transform: translateY(0); transform: translateY(0); }
				footer button { display: block; height: 40px; line-height: 40px; overflow: hidden; position: relative; text-align: center; text-transform: uppercase; width: 100%; }
				footer.active button { text-align: left; text-indent: -9999px; }
				footer.active button::after { background: url('../images/close.svg') center center no-repeat; background-size: 15px; content: ''; display: block; height: 40px; left: 0; line-height: 40px; position: absolute; text-align: center; text-indent: 0; top: 0; width: 100%; }
				footer nav { padding: 13px 0 30px; text-align: center; }
				footer nav a::after { content: ''; display: block; }
				footer nav a:not(:last-of-type)::after { margin-bottom: 24px; }
	        }

		/** Tablet & Laptop & Desktop **********/
			@media all and (min-width: 768px) {
				footer button { display: none; }
				footer nav { align-items: center; display: -webkit-flex; display: flex; justify-content: space-around; }
		 	}

		/** Tablet & Laptop **********/
			@media all and (min-width: 768px) and (max-width: 1439px) {
		 	}

	    /** Tablet **********/
	        @media (min-width: 768px) and (max-width: 1023px) {
				footer nav { height: 40px; }
	        }

	    /** Laptop & Desktop **********/
	        @media (min-width: 1024px) {
				footer nav { font-size: 25px; height: 50px; }
	        }



/****** Pages ****************************************************************************************************/

	/**** Homepage ***************************************************************/

		/** Showcase **************************************************/

			section#homepage { cursor: url('../images/cursor-right.png?v4') 43 28, auto; height: calc(100vh); overflow: hidden; }
			section#homepage.left { cursor: url('../images/cursor-left.png?v4') 43 28, auto; }
			section#homepage figure { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; z-index: 1; }
			section#homepage figure.full,
			section#homepage figure.left,
			section#homepage figure.right { height: 100%; top: 0; }
			section#homepage figure.full { left: 0; width: 100%; }
			section#homepage figure.data-src,
			section#homepage figure img[data-src] { display: none; }

			section#homepage figure[layer="20"] { z-index: 20; }
			section#homepage figure[layer="19"] { z-index: 19; }
			section#homepage figure[layer="18"] { z-index: 18; }
			section#homepage figure[layer="17"] { z-index: 17; }
			section#homepage figure[layer="16"] { z-index: 16; }
			section#homepage figure[layer="15"] { z-index: 15; }
			section#homepage figure[layer="14"] { z-index: 14; }
			section#homepage figure[layer="13"] { z-index: 13; }
			section#homepage figure[layer="12"] { z-index: 12; }
			section#homepage figure[layer="11"] { z-index: 11; }
			section#homepage figure[layer="10"] { z-index: 10; }
			section#homepage figure[layer="9"] { z-index: 9; }
			section#homepage figure[layer="8"] { z-index: 8; }
			section#homepage figure[layer="7"] { z-index: 7; }
			section#homepage figure[layer="6"] { z-index: 6; }
			section#homepage figure[layer="5"] { z-index: 5; }
			section#homepage figure[layer="4"] { z-index: 4; }
			section#homepage figure[layer="3"] { z-index: 3; }
			section#homepage figure[layer="2"] { z-index: 2; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#homepage figure.left,
					section#homepage figure.right { left: 0; width: 100%; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#homepage figure.center { height: 100%; left: 0; top: 0; width: 100%; }
					section#homepage figure img { display: none; }
				}


			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#homepage figure:not(.center) img { display: none; }
					section#homepage figure.center { align-items: center; background: none !important; display: -webkit-flex; display: flex; height: 70%; justify-content: center; left: 50%; top: 50%; width: 70%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
					section#homepage figure.center img { display: block; max-height: 100%; max-width: 100%; }
				}

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#homepage figure.left { left: 0; width: 50%; }
					section#homepage figure.right { right: 0; width: 50%; }
		        }



	/**** About ***************************************************************/

		/** Team **************************************************/

			section#about p { white-space: pre-line; }
			section#about ul { align-items: flex-start; display: -webkit-flex; display: flex; }
			section#about ul li img { display: block; width: 100%; }
			section#about ul li strong { margin-right: .3ch; white-space: pre-line; }
			section#about ul li small { display: inline-block; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#about p.intro { font-size: 24px; line-height: 30px; margin-bottom: 33px; }
					section#about ul li img { margin-bottom: 9px; }
					section#about ul li strong { font-size: 24px; line-height: 30px; }
					section#about ul li small { font-size: 16px; }
					section#about ul li p { font-size: 16px; line-height: 22px; padding-right: 22px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#about ul { flex-direction: column; }
					section#about ul li:not(:last-of-type) { margin-bottom: 19px; }
					section#about ul li small + p { padding-top: 21px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#about ul { flex-wrap: wrap; justify-content: space-between; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#about p.intro { margin-bottom: 60px; }
					section#about ul li { width: calc(50% - 5px); }
					section#about ul li:nth-last-child(n+3) { margin-bottom: 34px; }
					section#about ul li small + p { padding-top: 20px; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#about p.intro { font-size: 40px; line-height: 52px; margin-bottom: 70px; }
					section#about ul li { width: calc(50% - 10px); }
					section#about ul li:nth-last-child(n+3) { margin-bottom: 73px; }
					section#about ul li img { margin-bottom: 20px; }
					section#about ul li strong { font-size: 40px; line-height: 52px; }
					section#about ul li small { font-size: 25px; }
					section#about ul li small + p { padding-top: 25px; }
					section#about ul li p { font-size: 25px; line-height: 35px; padding-right: 35px; }
		        }



	/**** Work ***************************************************************/

		/** Work **************************************************/

			section#work ul { display: -webkit-flex; display: flex; }
			section#work ul li a img { display: block; width: 100%;  }
			section#work ul li a strong::after { background: url('../images/cursor-right.svg') center center no-repeat; background-size: contain; content: ''; display: block; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#work ul li a strong { font-size: 24px; line-height: 30px; }
					section#work ul li a strong::after { height: 16px; margin-top: 7px; width: 25px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#work { margin-bottom: 49px; }
					section#work ul { flex-direction: column; }
					section#work ul li { width: 100%; }
					section#work ul li:not(:last-of-type) { margin-bottom: 24px; }
					section#work ul li a img { margin-bottom: 9px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#work ul { flex-wrap: wrap; }
					section#work ul li.layout_1,
					section#work ul li.layout_7,
					section#work ul li.layout_10 { width: 62%; }
					section#work ul li.layout_5 { width: 38%; }
					section#work ul li.layout_2,
					section#work ul li.layout_6 { flex: 1; }
					section#work ul li.layout_7 { margin-left: 13%; margin-right: 25%; }
					section#work ul li.layout_10 { margin-left: 25%; margin-right: 13%; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#work { margin-bottom: 20px; }
					section#work ul li { margin-bottom: 20px; }
					section#work ul li a img { margin-bottom: 5px; }
					section#work ul li.layout_1,
					section#work ul li.layout_3,
					section#work ul li.layout_5,
					section#work ul li.layout_8 { margin-right: 10px; }
					section#work ul li.layout_3,
					section#work ul li.layout_4,
					section#work ul li.layout_8,
					section#work ul li.layout_9 { width: calc(50% - 5px); }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#work ul li { margin-bottom: 80px; }
					section#work ul li a img { margin-bottom: 20px; }
					section#work ul li a strong { font-size: 40px; line-height: 52px; }
					section#work ul li a strong::after { height: 19px; margin-top: 10px; width: 30px; }
					section#work ul li.layout_1,
					section#work ul li.layout_3,
					section#work ul li.layout_5,
					section#work ul li.layout_8 { margin-right: 20px; }
					section#work ul li.layout_3,
					section#work ul li.layout_4,
					section#work ul li.layout_8,
					section#work ul li.layout_9 { width: calc(50% - 10px); }
		        }


		/** Select Clients **************************************************/

			section#select-clients p { white-space: pre-line; }

			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#select-clients h2 { font-size: 24px; margin-bottom: 24px; }
					section#select-clients p { font-size: 16px; line-height: 22px; }
				}

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#select-clients div.container { display: -webkit-flex; display: flex; }
					section#select-clients h2 { width: 25%; }
					section#select-clients p { column-count: 3; column-gap: 40px; width: 75%; }
			 	}

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#select-clients h2 { font-size: 40px; }
					section#select-clients p { font-size: 25px; line-height: 35px; }
		        }



	/**** Project ***************************************************************/

		/** Project Intro **************************************************/

			section#project-intro img { display: block; width: 100%; }
			section#project-intro div.container div p { white-space: pre-line; }
			section#project-intro div.container div:first-of-type { }
			section#project-intro div.container div:first-of-type strong,
			section#project-intro div.container div:first-of-type em { display: block; }
			section#project-intro div.container div:first-of-type em { font-style: italic; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#project-intro { margin-bottom: 34px; padding-top: 32px; }
					section#project-intro div.container div p { font-size: 16px; line-height: 22px; }
					section#project-intro div.container div:first-of-type strong,
					section#project-intro div.container div:first-of-type em { font-size: 24px; line-height: 30px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#project-intro img { margin-bottom: 10px; }
					section#project-intro div.container div:first-of-type { margin-bottom: 22px; }
					section#project-intro div.container div:first-of-type em { margin-bottom: 21px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#project-intro div.container { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; }
					section#project-intro img { margin-bottom: 60px; }
					section#project-intro div.container div:first-of-type { padding-right: 40px; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#project-intro div.container div:first-of-type { width: 38%; }
					section#project-intro div.container div:first-of-type em { margin-bottom: 43px; }
					section#project-intro div.container div:last-of-type { flex: 1; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#project-intro { margin-bottom: 73px; }
					section#project-intro div.container div p { font-size: 25px; line-height: 35px; }
					section#project-intro div.container div:first-of-type { width: 25%; }
					section#project-intro div.container div:first-of-type strong,
					section#project-intro div.container div:first-of-type em { font-size: 40px; line-height: 52px; }
					section#project-intro div.container div:first-of-type em { margin-bottom: 80px; }
					section#project-intro div.container div:last-of-type { width: 50%; }
		        }


		/** Project Showcase **************************************************/

			section#project-showcase ul li div { padding-bottom: 52.73%; position: relative; width: 100%; }
			section#project-showcase ul li div iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
			section#project-showcase ul li img { display: block; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#project-showcase { margin-bottom: 35px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#project-showcase ul li:not(:last-of-type) { margin-bottom: 10px; }
					section#project-showcase ul li img { width: 100%; }
					section#project-showcase ul li img:not(:last-of-type) { margin-bottom: 10px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#project-showcase ul li { align-items: flex-start; display: -webkit-flex; display: flex; }
					section#project-showcase ul li.layout_1 { justify-content: center; }
					section#project-showcase ul li.layout_1 img { width: 75%; }
					section#project-showcase ul li.layout_2,
					section#project-showcase ul li.layout_3 { justify-content: space-between; }
					section#project-showcase ul li.layout_stack { flex-direction: column; }
					section#project-showcase ul li.layout_stack img { width: 100%; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#project-showcase ul li:not(:last-of-type) { margin-bottom: 10px; }
					section#project-showcase ul li.layout_2 img { width: calc(50% - 5px); }
					section#project-showcase ul li.layout_3 img { width: calc((100% - 20px) / 3); }
					section#project-showcase ul li.layout_stack img:not(:last-of-type) { margin-bottom: 10px; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#project-showcase { margin-bottom: 72px; }
					section#project-showcase ul li:not(:last-of-type) { margin-bottom: 20px; }
					section#project-showcase ul li.layout_2 img { width: calc(50% - 10px); }
					section#project-showcase ul li.layout_3 img { width: calc((100% - 40px) / 3); }
					section#project-showcase ul li.layout_stack img:not(:last-of-type) { margin-bottom: 20px; }
		        }


		/** Collaborators **************************************************/

			section#collaborators ul li { white-space: pre-line; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#collaborators h2 { font-size: 24px; line-height: 30px; }
					section#collaborators ul li { font-size: 16px; line-height: 22px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#collaborators { margin-bottom: 70px; }
					section#collaborators h2 { margin-bottom: 32px; }
					section#collaborators ul li:not(:last-of-type) { margin-bottom: 32px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#collaborators div.container { align-items: flex-start; display: -webkit-flex; display: flex; }
					section#collaborators h2 { width: 25%; }
					section#collaborators ul { display: -webkit-flex; display: flex; flex-wrap: wrap; width: 75%; }
					section#collaborators ul li { padding-right: 40px; width: calc(100% / 3); }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#collaborators { margin-bottom: 70px; }
					section#collaborators ul li:nth-last-child(n+4) { margin-bottom: 44px; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#collaborators { margin-bottom: 106px; }
					section#collaborators h2 { font-size: 40px; line-height: 52px; }
					section#collaborators ul li { font-size: 25px; line-height: 35px; }
					section#collaborators ul li:nth-last-child(n+4) { margin-bottom: 56px; }
		        }


		/** More Projects **************************************************/

			section#more-projects a { display: block; }
			section#more-projects a img { display: block; width: 100%; }
			section#more-projects a strong::after { background: url('../images/cursor-right.svg') center center no-repeat; background-size: contain; content: ''; display: block; }

			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#more-projects h2 { font-size: 24px; line-height: 30px; }
					section#more-projects a strong { font-size: 16px; line-height: 22px; }
					section#more-projects a strong::after { height: 12px; margin-top: 4px; width: 20px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#project-showcase + section#more-projects { padding-top: 34px; }

					section#more-projects h2 { margin-bottom: 18px; }
					section#more-projects a:first-of-type { margin-bottom: 25px; }
					section#more-projects a img { margin-bottom: 10px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#project-showcase + section#more-projects { padding-top: 40px; }

					section#more-projects div.container { align-items: flex-start; display: webkit-flex; display: flex; flex-wrap: wrap; }
					section#more-projects h2 { margin-left: 25%; margin-bottom: 11px; width: 100%; }
					section#more-projects a:first-of-type { width: calc(25% - 20px); }
					section#more-projects a:last-of-type { width: 37%; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#more-projects h2 { padding-left: 10px; }
					section#more-projects a:first-of-type { margin-right: 10px; }
					section#more-projects a img { margin-bottom: 5px; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#more-projects h2 { font-size: 40px; line-height: 52px; margin-bottom: 28px; }
					section#more-projects a:first-of-type { margin-right: 20px; }
					section#more-projects a img { margin-bottom: 12px; }
					section#more-projects a strong { font-size: 25px; line-height: 35px; }
					section#more-projects a strong::after { height: 16px; margin-top: 11px; width: 25px; }
		        }



	/**** Contact ***************************************************************/

		/** Contact **************************************************/

			section#contact div.container p { white-space: pre-line; }
			section#contact div.container p a { border-bottom: 1px solid #000; display: inline-block; }
			section#contact div.container img { display: block; }

			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#contact div.container div:nth-child(1) p { font-size: 24px; line-height: 30px; }
					section#contact div.container div:nth-child(n+3) p { font-size: 16px; line-height: 22px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#contact { margin-bottom: 38px; }
					section#contact div.container div:nth-child(1) { margin-bottom: 16px; }
					section#contact div.container img { margin-bottom: 20px; width: 100%; }
					section#contact div.container div:nth-child(3) { margin-bottom: 40px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#contact div.container { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; }
					section#contact div.container div:nth-child(1) { width: 50%; }
					section#contact div.container img { width: 50%; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#contact { margin-bottom: 44px; }
					section#contact div.container div:nth-child(1) { margin-bottom: 30px; padding-right: 20px; }
					section#contact div.container img { margin-bottom: 16px; }
					section#contact div.container div:nth-child(n+3) { padding-right: 20px; width: 50%; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#contact { margin-bottom: 104px; }
					section#contact div.container div:nth-child(1) { margin-bottom: 60px; padding-right: 60px; }
					section#contact div.container div:nth-child(1) p { font-size: 40px; line-height: 52px; }
					section#contact div.container img { margin-bottom: 14px; }
					section#contact div.container div:nth-child(n+3) { padding-right: 30px; width: 25%; }
					section#contact div.container div:nth-child(n+3) p { font-size: 25px; line-height: 35px; }
		        }


		/** Careers **************************************************/

			section#careers ul li strong { display: block; font-weight: 500; }
			section#careers ul li p { white-space: pre-line; }
			section#careers ul li a { border-bottom: 1px solid #000; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#careers h2 { font-size: 24px; line-height: 30px; }
					section#careers ul li { font-size: 16px; line-height: 22px; }
					section#careers ul li strong { margin-bottom: 22px; }
					section#careers ul li p:last-of-type { margin-bottom: 22px; }
		        }

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#careers h2 { margin-bottom: 21px; }
					section#careers ul li:not(:last-of-type) { margin-bottom: 40px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#careers ul { align-items: flex-start; display: -webkit-flex; display: flex; flex-wrap: wrap; }
					section#careers ul li { width: 50%; }
					section#careers ul li:nth-last-child(n+3) { margin-bottom: 40px; }
		        }

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#careers h2 { margin-bottom: 10px; }
					section#careers ul li { padding-right: 30px; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#careers h2 { font-size: 40px; line-height: 52px; margin-bottom: 21px; }
					section#careers ul li { font-size: 25px; line-height: 35px; padding-right: 40px; }
					section#careers ul li:nth-last-child(n+3) { margin-bottom: 56px; }
					section#careers ul li strong { margin-bottom: 30px; }
					section#careers ul li p:last-of-type { margin-bottom: 30px; }
		        }



	/**** Studio ***************************************************************/

		/** Studio **************************************************/

			section#studio div.container > p { white-space: pre-line; }
			section#studio ul li img { display: block; }
			section#studio ul li div p a::after { background: url('../images/cursor-right.svg') center center no-repeat; background-size: contain; content: ''; display: block; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#studio div.container > p { font-size: 24px; line-height: 30px; }
					section#studio ul li { margin-bottom: 40px; }
					section#studio ul li div h3 { font-size: 24px; line-height: 30px; margin-bottom: 22px; }
					section#studio ul li div p { font-size: 16px; line-height: 22px; }
					section#studio ul li div p a::after { height: 13px; margin-top: 3px; width: 20px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#studio ul { padding-top: 73px; }
					section#studio ul li img { margin-bottom: 8px; width: 100%; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#studio ul li { align-items: flex-start; display: -webkit-flex; display: flex; justify-content: space-between; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#studio ul { padding-top: 33px; }
					section#studio ul li img,
					section#studio ul li div { width: calc(50% - 5px); }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#studio div.container > p { font-size: 40px; line-height: 52px; }
					section#studio ul { padding-top: 70px; }
					section#studio ul li { margin-bottom: 80px; }
					section#studio ul li img,
					section#studio ul li div { width: calc(50% - 10px); }
					section#studio ul li div h3 { font-size: 40px; line-height: 52px; margin-bottom: 24px; }
					section#studio ul li div p { font-size: 25px; line-height: 35px; }
					section#studio ul li div p a::after { height: 19px; margin-top: 2px; width: 30px; }
		        }


		/** Projects **************************************************/

			section#projects a { display: block; }
			section#projects a img { display: block; width: 100%; }
			section#projects a strong { position: relative; }
			section#projects a:not(.description) strong::after { background: url('../images/cursor-right.svg') center center no-repeat; background-size: contain; content: ''; display: block; }


			/** Mobile & Tablet **********/
				@media (max-width: 1023px) {
					section#projects a strong { font-size: 24px; line-height: 30px; }
					section#projects a:not(.description) strong::after { height: 16px; margin-top: 7px; width: 25px; }
					section#projects a p { font-size: 16px; line-height: 22px; padding-top: 20px; }
				}

		    /** Mobile **********/
		        @media (max-width: 767px) {
					section#projects a:nth-child(1) { margin-bottom: 24px; }
					section#projects a img { margin-bottom: 9px; }
		        }

			/** Tablet & Laptop & Desktop **********/
				@media all and (min-width: 768px) {
					section#projects div.container { align-items: flex-start; display: -webkit-flex; display: flex; justify-content: space-between; }
			 	}

		    /** Tablet **********/
		        @media (min-width: 768px) and (max-width: 1023px) {
					section#projects a { width: calc(50% - 5px); }
					section#projects a img { margin-bottom: 5px; }
		        }

		    /** Laptop & Desktop **********/
		        @media (min-width: 1024px) {
					section#projects a { width: calc(50% - 10px); }
					section#projects a img { margin-bottom: 10px; }
					section#projects a strong { font-size: 40px; line-height: 52px; }
					section#projects a:not(.description) strong::after { height: 19px; margin-top: 10px; width: 30px; }
					section#projects a p { font-size: 25px; line-height: 35px; padding-top: 25px; }
				}