/*
Theme Name: RP2024
Author: Ryan Paonessa Design
Author URI: https://rpdsn.com/
Version: 1.0
RPDSN for WordPress, (C) 2024 Ryan Paonessa, LLC
*/


/* RP DEFAULTS */  
	
	html, body, div, span, h1, h2, h3, h4, h5, p, a, img, ul, li, strong, form, label, caption, article, aside, embed, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } 
	html, body { width: 100%; height: 100%; }
	body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; } 
	html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
	ol, ul { list-style: none; } 
	a img, a { border: none; text-decoration: none; }
	input, button, textarea { border: none; outline: none; margin: 0; padding: 0; background-color: transparent; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } 
	*:focus { outline: none; } 
	.FT { display: table; width: 100%; height: 100%; }.FT .FC { display: table-cell; vertical-align: middle; } 
	img { width: 100%; height: auto; }
	a, button, svg, .forceTrans { transition: all .3s ease; } .no-transition { transition: none !important; }
	.bez { transition: all 700ms cubic-bezier(.4,.1,.4,1) 200ms; }
    

/* ——————————————————————————
—————————————————————————————
—————————————————————————————
————— UNIVERSAL STYLING —————
—————————————————————————————
—————————————————————————————
—————————————————————————— */

/* COLOR ————————————————— */
	
	:root {
		--slate: #2c2e33;
		--mdslate: #515c6b;
		--ltslate: #5d6f89;
		--natural: #edece6;
		--ltnatural: #F9F8F4;
		--notwhite: #f1f1f1;
		--white: #ffffff;
		--dkgray: #888888;
		--gray: #bbbbbb;
		--ltgray: #dddddd;
		--blue: #365bc1;	
		--red: #9E2A2B;
	}
	body,
	body a { color: var(--mdslate); }
	
	::selection { color: var(--ltnatural); background: var(--ltslate); } 
	::-moz-selection { color: var(--ltnatural); background: var(--ltslate); }
	
	.bgwhite { background-color: var(--white); }
	.bgltnatural { background-color: var(--ltnatural); }
	.bgnatural { background-color: var(--natural); }
	.bgltgray { background-color: var(--ltgray); }
	.bgmdslate { color: var(--ltnatural); background-color: var(--mdslate); }
	.bgslate, #logogallery.w-o-b { color: var(--ltnatural); background-color: var(--slate); }
	
/* TYPE —————————————————— */
	
	:root {
		--tiny-sz: 12px;
		--small-sz: 14px;
		--normal-sz: 16px;
		--medium-sz: 18px;
		--large-sz: 20px;	
	}
	@media (max-width: 600px) {
		:root {
			--large-sz: 18px;
		}
	}
	body {  
		font-family: nimbus-sans, sans-serif;
		font-weight: 300; /* Others: 400 (regular) & 700 (bold) */
		font-style: normal;
		font-size: var(--normal-sz);
		line-height: 1.5em;
	}
	/* Section Titles & Thumb Labels */ .smallcaps {
		font-size: var(--tiny-sz);
		line-height: 1em;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.big-tagline {
		font-size: 42px;
		line-height: 1.25em;
		font-weight: 300;
	}
	.primary-A,
	.primary-title, 
	.project-thumb.big .thumb-title {
		font-size: 36px;
		line-height: 1em;
	}	
	.primary-B,
	.project-thumb.small .thumb-title {
		font-size: 28px;
		line-height: 1em;
	}
	.primary-C,
	.secondary-title,
	#reviews .quote,
	#contact .primary-body p,
	.reg-tagline,
	.primary-body .reg-tagline { font-size: 22px; }
	.primary-body p, 
	.tag,
	.pb-text-blocks .title {
		font-size: var(--medium-sz);
		line-height: 1.45em;
	}
	#reviews .quote,
	#contact .primary-body p,
	.reg-tagline,
	.primary-body .reg-tagline { line-height: 1.4em; }
	.primary-B,
	.primary-C,
	.primary-body p.tagline { font-weight: 400; }
	.primary-A,
	.primary-title, 
	.project-thumb .thumb-title,
	.num,
	#reviews.slider .count,
	#contact .title.primary-C,
	#contact .primary-body strong,
	.secondary-title { font-weight: 600; }
	
	.smallcaps,
	.smallcaps a,
	.primary-A,
	.primary-title, 
	.project-thumb.big .thumb-title,
	.primary-C,
	.secondary-title,
	#intro .tagline,
	.primary-body p.tagline { color: var(--slate); }
	
	.bgslate .smallcaps,
	.bgslate .smallcaps a,
	.bgmdslate .smallcaps,
	.bgmdslate .smallcaps a,
	.bgslate .primary-A,
	.bgmdslate .primary-A,
	.bgslate .primary-title,
	.bgmdslate .primary-title, 
	.bgslate .project-thumb.big .thumb-title,
	.bgmdslate .project-thumb.big .thumb-title,
	.bgslate .primary-C,
	.bgmdslate .primary-C,
	.bgslate .secondary-title,
	.bgmdslate .secondary-title { color: var(--white); }
	
	strong { font-weight: 400; }
	.link-U a { 
		padding: 0 0 1px; 
		border-bottom: solid 1px var(--ltgray);
	}
	.link-U a:hover { 
		color: var(--slate);	
		border-color: var(--slate); 
	}
	
	.section-header .title { 
		color: var(--slate); 
		display: inline-block;
	}
	
	.round-button { 
		display: inline-block;
		padding: 0 20px;
		line-height: 24px;
		border-radius: 25px;
		font-weight: 400;
		border: solid 1px var(--slate);
		color: var(--slate);
		min-width: 120px;
		text-align: center;
		cursor: pointer;
	}
	.round-button:hover {
		background-color: var(--slate);
		color: var(--ltnatural);
	}
	
	.round-button.inverse,
	.bgmdslate .round-button,
	.bgslate .round-button { 
		border: solid 1px var(--slate); 
		color: var(--ltnatural);
		background-color: var(--slate);
	}
	.round-button.inverse:hover,
	.bgmdslate .round-button:hover,
	.bgslate .round-button:hover {
		background-color: var(--ltnatural);
		color: var(--slate);
	}
	@media (max-width: 1024px) { 
		.big-tagline { font-size: 36px; }
	}
	@media (max-width: 768px) {
		#reviews .quote,
		.reg-tagline,
		.primary-body .reg-tagline { font-size: 20px; }
	}
	@media (max-width: 600px) {
		.big-tagline { font-size: 32px; }
		.primary-A,
		.primary-title, 
		.project-thumb.big .thumb-title { font-size: 30px; }
		#reviews .quote,
		#contact .primary-body p,
		.reg-tagline,
		.primary-body .reg-tagline,
		.pb-text-blocks .title { font-size: 18px; }
		.primary-body p { font-size: 16px; }
	}			

/* BUBBLE TAGS ——————————— */
	.bubble-tag { 
		border-radius: 25px;
	    font-weight: 400;
	    font-size: 12px;
	    display: inline-block;
	    padding: 0 10px;
	    line-height: 24px;
	}
	.bubble-tag,
	.bubble-tag a { 
		color: var(--mdslate);
		background-color: var(--natural); 
	}
	.bgnatural .bubble-tag,
	.bgnatural .bubble-tag a { background-color: var(--ltnatural); }
	.bgmdslate .bubble-tag,
	.bgmdslate .bubble-tag a,
	.bgslate .bubble-tag,
	.bgslate .bubble-tag a {
		color: var(--ltnatural);
		background-color: var(--mdslate); 
	}		
	@media (max-width: 768px) {
		.bubble-tag { font-size: var(--tiny-sz); }
	}

/* LAYOUT ———————————————— */	
		
	.grid, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { display: grid; grid-gap: 40px; }
	.grid-2 { grid-template-columns: repeat(2, [col-start] 1fr); }
	.grid-3 { grid-template-columns: repeat(3, [col-start] 1fr); }
	.grid-4 { grid-template-columns: repeat(4, [col-start] 1fr); }
	.grid-5 { grid-template-columns: repeat(5, [col-start] 1fr); }
	.grid-6 { grid-template-columns: repeat(6, [col-start] 1fr); }
	.grid-7 { grid-template-columns: repeat(7, [col-start] 1fr); }
	.grid-8 { grid-template-columns: repeat(8, [col-start] 1fr); }
	.col2 { grid-column: span 2; }
	.col3 { grid-column: span 3; }
	.col4 { grid-column: span 4; }
	.col5 { grid-column: span 5; }
	.col6 { grid-column: span 6; }
	.col7 { grid-column: span 7; }
	.col8 { grid-column: span 8; }
	
	#wrapper { 
		position: relative; 
		max-width: 1800px;
		margin: 0 auto;
	}
	header.main,
	#intro,
	#toolbar,
	#logos.block ul { padding: 0 40px; }
	footer { padding: 80px 40px 100px; }
	.page-block { padding: 60px 40px 40px; }
	#work-archive.archive .projects { padding: 0 0 20px; }
	#logogallery { padding: 0 40px 60px; }
	.smalls { padding: 40px 40px 60px; } /* OVERRIDDEN ON SLIDERS */
	#contact { padding: 120px 40px; }
	#related-project { padding: 60px 0 0; }
	#logos.block,
	#related-projects { padding: 60px 0; }
	.sticky-wrap { position: relative; }
	.section-header.col2 { grid-column: col-start 1 / span 2; }
	.section-header.col8 { grid-column: col-start 1 / span 8; }
	@media (min-width: 1800px) { 
		#wrapper { 
			border-left: solid 1px var(--ltgray);
			border-right: solid 1px var(--ltgray);
 		}
	}
	@media (max-width: 1024px) { 
		.section-header.col2 { grid-column: col-start 1 / span 8; }
	}
	@media (max-width: 600px) {
		.grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { grid-gap: 20px; }
		header.main,
		#intro,
		#toolbar,
		#logos.block ul { padding: 0 20px; }
		.page-block { padding: 60px 20px 40px; }
		footer { padding: 60px 20px 80px; }
		.main-pad {  padding: 60px 20px 80px; }	
		#logogallery { padding: 0 20px 60px; }
		#logos.block { padding: 40px 20px; }
		#related-project { padding: 40px 0 0; }
		#logos.block,
		#related-projects { padding: 40px 0; }
		#contact { padding: 80px 20px; }
	}

/* IMG RADIUS ———————————— */
	
	.project-thumb.big,
	.project-thumb.small img,
	.media-block.mside img,
	.media-block .border,
	.media-block .border img,
	.media-block.slider img,
	.media-block.caption img { border-radius: 10px; }
	.project-thumb.big img { border-radius: 0 10px 10px 0; }
	.project-thumb.big.altplace img { border-radius: 10px 0 0 10px; }
	@media (max-width: 900px) { 
		.project-thumb.big img,
		.project-thumb.big.altplace img { border-radius: 10px 10px 0 0; }
	}
	@media (max-width: 600px) { 
		.media-block.caption .border,
		.media-block.caption .border img,
		.media-block.caption img { border-radius: 0; }
		.media-block.mside.caption img,
		.media-block.mside.caption .border { border-radius: 10px; }
	}

	
/* Z-INDEX ——————————————— */

	.rp-grid { z-index: 8888; }
	header.main,
	html.menu-open header.main,
	.mobile-menu { z-index: 7777; }
	#back-to-top { z-index: 6666; }
	.archive #toolbar,
	header.section-header.stick { z-index: 5555; }
	.logo-thumb a { z-index: 1; }		
	
/* ACCORDIONS ———————————— */

	.accordion { border-bottom: solid 1px var(--ltgray); }
	.accordion .accordion-title { border-top: solid 1px var(--ltgray); }
	.accordion-title a { 
		position: relative;
		display: block;
	}
	.accordion-title a .control {
			display: block;
			width: 20px; height: 20px;
			position: absolute;
			right: 0; top: 50%;
			margin: -10px 0 0;
			pointer-events: none; 
	}
	.accordion-title a .control span {
		position: absolute;
		transition: .3s;
		border-radius: 1px;
		background-color: var(--slate);
	}
	.accordion-title a .control span:first-child {
		top: 0;
		bottom: 0;
		width: 1px;
		left: 49%;
	}
	.accordion-title a .control span:last-child {
		left: 0;
		right: 0;
		height: 1px;
		top: 49%;
	}
	.accordion-title a.active .control span { transform: rotate(90deg); }
	.accordion-title a.active .control span:last-child {
		left: 50%;
		right: 50%;
	}
	.ascontent { display: none; }

/* GRID MODE ————————————— */
	
	.rp-grid {
		position: fixed;
		top: 0; bottom: 0;
		left: 0; right: 0;
		width: 100%;
		max-width: 1800px;
		margin: 0 auto;
		padding: 0 40px;
		pointer-events: none;
	}
	.rp-grid .col {
		min-height: 100vh;
		min-height: -webkit-fill-available;
		grid-column: span 1;
		background-color: var(--ltgray);
		opacity: 0.25;
		overflow: hidden;
		white-space: nowrap;
	}
	@media (max-width: 600px) {
		.rp-grid { padding: 0 20px; }
	}

/* TEMP HOME ————————————— */
	
	#temp {
		position: fixed;
	    top: 10px; bottom: 10px;
		left: 10px; right: 10px;
		background-color: var(--slate);
		border-radius: 10px;
	}
	#temp .inner {
		position: absolute;
	    top: 0; bottom: 0;
	    left: 0; right: 0;
	}	
	#temp .inner .logo { padding: 60px; }
	#temp .inner .logo a { display: block; }
	#temp .inner .logo svg { 
		fill: var(--white); 
		width: 80px;
	    height: auto;
	}
	#temp .inner .message { 
		position: absolute;
	    left: 0;
	    bottom: 0;
		padding: 80px 60px;
	}
	#temp .inner .message a { color: var(--natural); }
	#temp .inner .message a:hover { 
		padding: 0 0 2px;
		border-bottom: 1px solid var(--natural); 
	}
	#temp .inner .message .intro,
	#temp .inner .message .connect {
		max-width: 500px;
		color: var(--natural);
	}
	#temp .inner .message .intro { margin: 0 0 40px; }
	#temp .inner .message .intro p { 
		font-size: 22px; 
		line-height: 32px;
	}
	#temp .inner .message p strong { font-weight: 700; }
	#temp .inner .message .connect p,
	#temp .inner .message .connect ul:first-of-type { margin: 0 0 20px; }
	#temp .inner .message .connect p { 
		font-size: var(--medium-sz); 
		font-weight: 500;
	}
	#temp .inner .message .connect ul { 
		font-size: var(--small-sz);
		line-height: 32px;
		text-transform: uppercase;
		letter-spacing: 2px;	
	}
	#temp .inner .message li svg {
		font-size: 16px;
		margin: 0 10px 0 0;
	}
	
	@media (max-width: 769px) {
		#temp {
			top: 5px; bottom: 5px;
			left: 5px; right: 5px;
		}
		#temp .inner .logo { padding: 30px; }
		#temp .inner .logo svg { width: 60px; }
		#temp .inner .message { padding: 60px 30px; }
		#temp .inner .message a:hover { padding: 0 0 1px; }
	}
	@media (max-width: 769px) {
		#temp .inner .message .intro p { 
			font-size: 20px; 
			line-height: 30px;
		}
	}
		
			
/* ——————————————————————————
—————————————————————————————
—————————————————————————————
—————————— SLIDERS ——————————
—————————————————————————————
—————————————————————————————
—————————————————————————— */
	
	/* PADSLIDE (3-UP) ——————— */
	
		.padslide .splide__track { 
			grid-column: col-start 1 / span 8;
			padding-left: calc(25% + 30px) !important;
			padding-right: calc(25% + 30px) !important;
		}
		.padslide .splide__slide { margin-right: 40px; }
		@media (max-width: 1024px) { 
			.padslide .splide__track { 
				padding-left: calc(13% + 30px) !important;
				padding-right: calc(13% + 30px) !important;
			}
		}
		@media (max-width: 768px) { 
			.padslide .splide__track { padding-left: 40px !important; }
		}
		@media (max-width: 600px) {
			.padslide .splide__track { 
				padding-left: 20px !important;
				padding-right: calc(13% + 15px) !important;
			}
			.padslide .splide__slide { margin-right: 20px; }
		}
	
	/* SLIDE ARROWS —————————— */
		.splide__arrows button {
			position: absolute;
			cursor: pointer;
		}
		.splide__arrows button.splide__arrow--prev { left: 40px; }
		.splide__arrows button.splide__arrow--next { right: 40px; }
		.splide__arrows button svg { height: 40px; }
		@media (max-width: 600px) {
			.splide__arrows button.splide__arrow--prev { left: 20px; }
			.splide__arrows button.splide__arrow--next { right: 20px; }
		}
	
	/* SLIDE PAGINATION —————— */
		.splide ul.splide__pagination,
		.splide ul.splide__pagination li { display: inline-block; }
		.splide ul.splide__pagination li { margin: 0 10px 0 0; }
		.splide ul.splide__pagination li:last-child { margin: 0; }
		.splide ul.splide__pagination li button {
			display: block;
			border-radius: 50%;
			width: 10px;
			height: 10px;
			background-color: var(--slate);
			cursor: pointer;
		}
		.splide ul.splide__pagination li button,
		.splide ul.splide__pagination button:hover { background-color: var(--gray); }
		.splide ul.splide__pagination button.is-active { background-color: var(--slate); }
		@media (max-width: 768px) {
			.splide ul.splide__pagination,
			.splide ul.splide__pagination li { display: inline-block; }
			.splide ul.splide__pagination { 
				grid-column: col-start 1 / span 8;
				top: auto;
				bottom: 10px;
				right: auto;
				margin: 0;
				justify-self: center;
			}
			.splide ul.splide__pagination li,
			.splide ul.splide__pagination li:last-child { margin: 0 3px; }
			.splide ul.splide__pagination li button {
			    width: 5px;
			    height: 5px;
			}
		}
		
			
/* ——————————————————————————
—————————————————————————————
—————————————————————————————
—————— HEADER & FOOTER ——————
—————————————————————————————
—————————————————————————————
—————————————————————————— */
	
/* HEADER ———————————————— */
	
	html.menu-open body,
	body.header-show { margin-top: 52px; }
	header.main { 
		position: sticky;
		top: 0; left: 0;
		width: 100%;
		border-bottom: solid 1px var(--ltgray); 
		background: rgba(249,248,244,.8); 
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		transition: all 0.3s ease;
	}
	html.menu-open header.main { background: rgba(249,248,244,1); }
	body.not-sticky header.main { position: unset; }
	body.header-show header.main,
	body.header-show.not-sticky header.main,
	html.menu-open header.main,
	html.menu-open body.header-hide header.main { position: fixed; }
	body.header-hide header.main { top: -52px; }
	html.menu-open body.header-hide header.main { top: 0; } 
	header.main .grid-8 { 
		padding: 12px 0;
		align-items: center; 
	}
	header.main .logo { 
		grid-column: col-start 1 / span 1; 
		line-height: 0;
	}
	header.main .logo a { display: inline-block; }
	header.main .logo svg { fill: var(--slate); }
	header.main .logo svg { height: 20px; }
	header.main navigation.desktop { grid-column: col-start 3 / span 3; }
	header.main navigation.desktop li { 
		grid-column: span 1; 
		font-size: var(--medium-sz);
		line-height: 1em;
		font-weight: 400;
	}
	header.main navigation.desktop a { display: block; }
	.headerstuff navigation a,
	.headerstuff navigation a:hover { color: var(--slate); }
	.headerstuff navigation .active a { font-weight: 400; }
	.social li a {
		font-size: var(--small-sz);
		color: var(--slate);
		padding: 0 0 1px;
		border-bottom: solid 1px transparent;
	}
	.social li a:hover { border-color: var(--slate); }
	header.main .inquire { 
		text-align: right; 
		line-height: 0;
		grid-column: col-start 7 / span 2; 
	}
	.mobileToggle { grid-column: col-start 8 / span 1; }
	.mobileToggle { display: none; }
	.mobileToggle button,
	.mobileToggle button span { width: 22px; }
	.mobileToggle button {
		height: 22px;
		position: relative;
		display: block;
		cursor: pointer;
		margin: 0;
		padding: 0;
	}
	.mobileToggle button span {
	    height: 2px;
		position: absolute;
		left: 0;
	    border-radius: 2px;
	    background-color: var(--slate);
	    transition: all 0.3s ease-in-out;
	}
	.mobileToggle button span.a { top: 4px; }
	.mobileToggle button span.b { bottom: 4px; }
	.menu-open .mobileToggle button span.a,
	.menu-open .mobileToggle button span.b { top: 8px; }
	.menu-open .mobileToggle button span.a { transform: rotate(-45deg); }
	.menu-open .mobileToggle button span.b { transform: rotate(45deg); }
	@media (max-width: 1024px) { }
	@media (max-width: 768px) {
		header.main .grid-8 { align-items: center; }
		header.main .logo { grid-column: col-start 1 / span 2; }
		header.main navigation.desktop { display: none; }
		.mobileToggle { 
			display: block;
			justify-self: end; 
		}
		header.main .inquire { grid-column: col-start 5 / span 3; }
	}
	/* MOBILE MENU */
		.mobile-menu {
			display: none;
			position: fixed;
		    top: 51px;
			right: 0;
			bottom: 0;
			width: 100vw;
			padding: 0 40px 40px;
			transform: translateX(-100%); -webkit-transform: translateX(-100%);
		}
		.menu-open .mobile-menu { 
			display: block;
			animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards;
		}
		.menu-closed .mobile-menu {
			display: block;
			animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards;
		}
		@keyframes slide-in {
		    0% { transform: translateX(100%); }
		    100% { transform: translateX(0%); }
		}
		@-webkit-keyframes slide-in {
		    0% { transform: translateX(100%); }
		    100% { transform: translateX(0%); }
		}   
		@keyframes slide-out {
		    0% { transform: translateX(0%); }
		    100% { transform: translateX(100%); }
		}
		@-webkit-keyframes slide-out {
		    0% { -webkit-transform: translateX(0%); }
		    100% { -webkit-transform: translateX(100%); }
		}
		.mobile-menu .inner { 
			height: 100%;
			overflow: scroll; 
			scrolling: touch;
			-webkit-overflow-scrolling: touch;
		}
		.mobile-menu .menus { grid-column: col-start 1 / span 8; }
		/* .mobile .main-menu { border-top: 1px solid var(--ltgray); } */
		.mobile .main-menu li,
		.mobile .main-menu li a { padding: 20px 0; }
		.mobile .main-menu li { 
			border-bottom: 1px solid var(--ltgray); 
			font-size: 20px;
			font-weight: 400;
		}
		.mobile ul.main-menu li a { display: block; }
		.mobile-menu .social { margin: 60px 0 0; }
		.mobile-menu .social li { grid-column: span 4; }
		@media (max-width: 600px) {
			.mobile-menu { padding: 0 20px 20px; }
			.mobile .main-menu li,
			.mobile .main-menu li a { padding: 15px 0; }
			.mobile-menu .social { margin: 40px 0 0; }
		}
		/* LARGER THAN 768 */
			@media (min-width: 769px) {
				html.menu-open,
				html.menu-open body { 
					overflow: unset !important; 
					position: unset !important;
				}
				.menu-open .mobile-menu { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; }
		}

/* TOOLBAR ——————————————— */

	#toolbar { 
		position: -webkit-sticky;  
		position: sticky;
		top: 20px;
		grid-gap: 0 40px;
		margin: 20px 0;
		transition: all 0.3s ease;
	}
	body.header-show.not-sticky #toolbar { top: 72px; }
	
	#toolbar .bar {
		grid-column: col-start 6 / span 3;
		align-items: center;
		border-radius: 25px;
	}
	/*#work-archive #toolbar .bar.open { border-radius: 25px 25px 0 0; }
	#logo-archive #toolbar .bar.open { border-radius: 25px 25px 0 25px; }*/
	#toolbar .bar.open { border-radius: 25px; }
	#toolbar .size-modes,
	#toolbar .filter { white-space: nowrap; }
	
	/* SIZE MODES */
		#toolbar .size-modes { 
			grid-column: col-start 1 / span 1;
			line-height: 0;
			margin-right: -40px;
			text-align: center;
		}
		#toolbar .size-modes button { 
			display: inline-block;
			cursor: pointer;
			vertical-align: middle;
			margin: 0 5px;
		}
		#toolbar .size-modes button span.desktop { display: block; }
		#toolbar .size-modes button span.mobile { display: none; }
		#toolbar .size-modes button svg { 
			height: 25px;
			width: auto;
			color: var(--gray);
		}
		#toolbar .size-modes button:hover svg { color: var(--ltslate); }
		#toolbar .size-modes button.active svg { color: var(--slate); }
	
	/* FILTER MENU */
		
		#work-archive #toolbar .filter { grid-column: col-start 1 / span 3; }
		#logo-archive #toolbar .filter { 
			grid-column: col-start 2 / span 2; 
			border-left: 1px solid var(--ltnatural);
		}
		#toolbar .filter { 
			height: 100%;
			position: relative;
		}
		#toolbar .filter .dropdown-toggle {
		    position: relative;
			display: block;
			width: 100%;
			line-height: 48px;
			padding: 0 20px;
			cursor: pointer;
		}
		#toolbar .filter .dropdown-toggle .dropdown-label { 
			color: var(--slate); 
			font-weight: 400;
		}
		#toolbar .filter .dropdown-toggle svg {
			position: absolute;
			right: 20px;
			top: 50%;
			margin: -10px 0 0;
			height: 20px;
			color: var(--slate);
		}
		#toolbar .filter.open .dropdown-toggle svg { transform: rotate(180deg); }
		#toolbar .filter .dropdown-menu {
			position: absolute;
			display: none;
			/*border: 1px solid var(--ltnatural);*/
			/*padding: 0 5px;*/
			left: 0;
			/*right: -1px;*/
			right: 0;
			/*margin: 0 0 0 -1px;*/
		}
		/*#toolbar .filter .dropdown-menu,
		#toolbar .filter .dropdown-menu li:last-child a { border-radius: 0 0 25px 25px; }*/
		#toolbar .filter .dropdown-menu li {
			/*padding: 5px 0;*/
			color: var(--slate);
			margin: 5px 0 0;
		}
		/*#toolbar .filter .dropdown-menu li:not(:first-child) { border-top: 1px solid var(--ltnatural); }*/
		#toolbar .filter .dropdown-menu li a {
			display: block;
			/*padding: 0 15px;*/
			padding: 0 20px;
			border-radius: 25px;
			background: var(--ltnatural);
			border: 1px solid var(--ltgray);
			line-height: 46px;
		}
		#toolbar .filter .dropdown-menu li a:not(.active):hover { color: var(--slate); }
		#toolbar .filter .dropdown-menu li a.active { color: var(--gray); }	
	
	@media (max-width: 1024px) {
		#toolbar .bar { 
			grid-template-columns: repeat(5, [col-start] 1fr);
			grid-column: col-start 4 / span 5; 
		}
		#toolbar .size-modes { grid-column: col-start 1 / span 2; }
		#work-archive #toolbar .filter { grid-column: col-start 1 / span 5; }
		#logo-archive #toolbar .filter { grid-column: col-start 3 / span 3; }
		
	}
	@media (max-width: 768px) {
		#toolbar .bar { 
			grid-template-columns: repeat(6, [col-start] 1fr);
			grid-column: col-start 3 / span 6; 
		}
		#work-archive #toolbar .filter { grid-column: col-start 1 / span 6; }
		#logo-archive #toolbar .filter { grid-column: col-start 3 / span 4; }
		#toolbar .size-modes button span.desktop { display: none; }
		#toolbar .size-modes button span.mobile { display: block; }
	}
	@media (max-width: 600px) {
		#logo-archive #toolbar .bar { 
			grid-template-columns: repeat(8, [col-start] 1fr);
			grid-column: col-start 1 / span 8; 
		}
		#logo-archive #toolbar .filter { grid-column: col-start 3 / span 6; }
		#toolbar .size-modes { margin-right: -20px; }
	}

	
/* FOOTER ———————————————— */
 	
 	#back-to-top {
 		position: fixed;
 		bottom: 90px;
 		transition: all 0.3s ease;
 		cursor: pointer;
 	}
 	#back-to-top.hide { right: -50px; }
 	#back-to-top.show { right: 40px; }
 	#back-to-top .inner {
 		line-height: 50px;
 		width: 50px;
 		text-align: center;
 		border-radius: 25px;
 		background: var(--natural);
 	}
 	#back-to-top .inner svg {
 		height: 20px;
 		vertical-align: text-bottom;
 	}
 	
 	footer .top { padding: 0 0 80px; }
 	footer .bottom { 
 		border-top: solid 1px var(--ltgray);
 		padding: 40px 0 0; 
 		font-size: var(--small-sz);
		line-height: 1.83;
 	}
 	footer .logo { 
		grid-column: col-start 1 / span 2; 
		line-height: 0;
	}
	footer .logo a { display: inline-block; }
	footer .logo svg { 
		height: 70px;
		fill: var(--slate); 
	}
	@media (max-width: 768px) {
		footer .logo { grid-column: col-start 1 / span 8; }
	}
	@media (max-width: 600px) {
		footer .top { padding: 0 0 60px; }
		footer .bottom { padding: 20px 0 0; }
		#back-to-top { bottom: 8px; }
		#back-to-top.show { right: 20px; }
	}
 	/* NEWSLETTER */
	 	.newsletter { grid-column: col-start 3 / span 3; }
	 	.newsletter p strong { color: var(--slate); }
	 	.newsletter #mc_embed_signup { margin: 30px 0 0; }
	 	.newsletter .formwrap {
			display: grid;
			grid-gap: 0 40px;
			grid-template-columns: repeat(3, [col-start] 1fr);
			height: 50px;
			border: solid 1px var(--ltgray);
			border-radius: 25px;
	 	}
	 	.newsletter .mc-field-group { grid-column: col-start 1 / span 2; }
		.newsletter .mc-field-group label { display: none; }
		.newsletter input#mce-EMAIL {
			width: 100%;
			height: 100%;
			padding: 0 0 0 20px;
			color: var(--mdslate);
			font-size: var(--small-sz);
		}
		.newsletter .cta {
			grid-column: col-start 3 / span 1;
			border-left: solid 1px var(--ltgray);
		}
		.newsletter input#mc-embedded-subscribe { display: none; }
		.newsletter .cta .button { cursor: pointer; }
		.newsletter .cta .button,
		.newsletter .cta .butwrap {
			width: 100%;
			height: 100%;
			display: block;
		}
		.newsletter .cta .button .butwrap { position: relative; }
		.newsletter .cta .button span {
			position: absolute;
			top: calc(50% - 16px);
			left: calc(50% - 15px);
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			-webkit-transition-duration: 0.1s;
			transition-duration: 0.1s;
		}
		.newsletter .cta .button:hover span { 
			-webkit-transform: translateX(4px);
			transform: translateX(4px);
		}
		.newsletter .cta .button span svg { 
			height: 30px;
			vertical-align: unset;
			color: var(--slate);	
		}
		@media (max-width: 1024px) { 
			.newsletter { grid-column: col-start 3 / span 5; }
			.newsletter .formwrap { grid-template-columns: repeat(6, [col-start] 1fr); }
			.newsletter .mc-field-group { grid-column: span 4; }
			.newsletter .cta { grid-column: col-start 5 / span 2; }
		}	
		@media (max-width: 768px) {
			.newsletter { padding: 10px 0 0; }
			.newsletter,
			.newsletter .formwrap { grid-column: col-start 1 / span 8; }
			.newsletter .formwrap { grid-template-columns: repeat(8, [col-start] 1fr); }
			.newsletter #mc_embed_signup { margin: 20px 0 0; }
			.newsletter .mc-field-group { grid-column: span 6; }
			.newsletter .cta { grid-column: col-start 7 / span 2; }
			.newsletter .cta .button {
				border: none;
				line-height: unset;
				padding: 0;
			}
		}	
		@media (max-width: 600px) {
			.newsletter .formwrap { grid-gap: 0 20px; }
		}
	/* SOCIAL */
		footer .social { grid-column: col-start 7 / span 2; }
	 	footer .social ul { line-height: 2em; }
	 	footer .social li {
	 		white-space: nowrap;
	 		overflow: hidden;
	 	}
	 	@media (max-width: 1024px) { 
			footer .social { grid-column: col-start 3 / span 6; }
			footer .social ul { 
				display: grid;
				grid-gap: 40px;
				grid-template-columns: repeat(6, [col-start] 1fr);
				line-height: 1em;
				padding: 20px 0 0;
			}
			footer .social li { grid-column: span 1; }
		}	
		@media (max-width: 768px) {
			footer .social { grid-column: col-start 1 / span 8; }
			footer .social ul { grid-template-columns: repeat(8, [col-start] 1fr); }
			footer .social li { grid-column: span 2; }
		}	
		@media (max-width: 600px) {
			footer .social ul { grid-gap: 40px 20px; }
		}
 	/* TOOLS */
 		footer .tools { 
 			grid-column: col-start 3 / span 3; 
 			display: grid;
 			grid-gap: 40px;
 			grid-template-columns: repeat(3, [col-start] 1fr);
 			overflow: hidden;
 		}
 		footer .tools div { 
 			grid-column: span 1; 
 			white-space: nowrap;
 			overflow: hidden;
 		}
 		footer .tools div button {
 			color: var(--slate);
 			font-weight: 400;
 			cursor: pointer;
 		}
 		footer .tools div span.control { 
 			margin: 0 0 0 5px; 
 			font-weight: 700;
 		}
 		@media (max-width: 1024px) { 
			footer .tools { 
				grid-column: col-start 3 / span 4;
				grid-template-columns: repeat(4, [col-start] 1fr);		
			}
			footer .tools div { grid-column: span 2; }
		}	
		@media (max-width: 768px) {
			footer .tools {
				grid-column: col-start 1 / span 4;
				grid-template-columns: repeat(4, [col-start] 1fr);
			}
		}
		@media (max-width: 600px) {
			footer .tools { display: none; }
		}
 	/* LEGAL */
	 	.copyright { 
	 		grid-column: col-start 7 / span 2; 
	 		white-space: nowrap;
	 		overflow: hidden;
	 		color: var(--dkgray);
	 	}
	 	.copyright svg {
	 		height: 16px;
	 		margin: 0 5px -1px 0;
	 		vertical-align: text-bottom;
	 	}
	 	.copyright svg path { fill: var(--dkgray); }
	 	.copyright #current-year { margin: 0 4px 0 0; }
	
		@media (max-width: 768px) {
			.copyright { grid-column: col-start 5 / span 4; }
		}	
		@media (max-width: 600px) {
			.copyright { grid-column: col-start 1 / span 8; }
			.copyright svg {
				height: 12px;
				vertical-align: baseline;
			}
		}


/* ——————————————————————————
—————————————————————————————
—————————————————————————————
————— PROJECT THUMBS ————————
—————————————————————————————
—————————————————————————————
—————————————————————————— */
		
/* NON LOGOS ————————————— */
	
	/* ALL THUMBS */
		.project-thumb .thumb { line-height: 0; }
		.project-thumb .tagline {
			font-size: var(--large-sz);
			line-height: 1.25em;
		}
		.project-thumb .deliverables {
			overflow-x: scroll;
			white-space: nowrap;
		}
		.project-thumb .deliverables li { margin: 0 5px 0 0; }
		.project-thumb .thumb-title { color: var(--slate); }
		.bgmdslate .project-thumb .thumb-title,
		.bgslate .project-thumb .thumb-title { color: var(--white); } 
		.bgmdslate .project-thumb .tagline,
		.bgslate .project-thumb .tagline { color: var(--ltnatural); }
		.post-label .smallcaps { color: var(--mdslate); }
		.bgmdslate .post-label .smallcaps,
		.bgslate .post-label .smallcaps { color: var(--ltnatural); }
		
		@media (max-width: 1024px) {
			.project-thumb .tagline { max-width: 500px; }
		}
		@media (max-width: 768px) {
			.project-thumb .tagline { max-width: 400px; }
		}
	
	/* BIG THUMBS */
		.project-thumb.big { margin: 0 40px; }
		.project-thumb.big a,
		.project-thumb.big .caption .FC,
		.project-thumb.big .main { position: relative; }
		.project-thumb.big .thumb {
			position: sticky;
			top: 0;
			grid-column: col-start 4 / span 5;
			order: 2;
		}
		.project-thumb.big.altplace .thumb { grid-column: col-start 1 / span 5; order: 1; }
		.project-thumb.big .thumb,
		.project-thumb.big .thumb img { 
			height: calc(100vh - 132px); /* 125 = Header (52) + Top Margin (40) + Extra (40) */ 
			max-height: 600px;
		}
		.project-thumb.big .thumb .thumb-inner {
			line-height: 0;
			position: absolute;
			top: 0; left: 0; right: 0;
		}
		.project-thumb.big .thumb img {
			object-fit: cover;
			object-position: center center;
		}
		.project-thumb.big.altplace .caption { grid-column: col-start 6 / span 3; order: 2; }
		.project-thumb.big .caption-inner { padding: 40px 0 40px 40px; }
		.project-thumb.big.altplace .caption-inner { padding: 40px 40px 40px 0; }
		.project-thumb.big .post-label {
		    position: absolute;
		    top: 0;
		    left: 0;
			line-height: 32px;
		}
		.project-thumb.big .post-label .manual-decide .date { display: none; }
		.project-thumb.big .post-label .manual-decide .manual { display: block; }
		.project-thumb.big .main {
			padding: 40px 0 0;
		    border-top: 1px solid var(--ltgray);
		}
		.project-thumb.big .tagline { margin: 20px 0 0; }
		.project-thumb.big .deliverables { margin: 25px 0 0; }
		
		@media (max-width: 1024px) {
			.project-thumb.big .thumb,
			.project-thumb.big .thumb img { height: calc(50vw - 60px); }
			.project-thumb.big .main { padding: 20px 0 0; }
			.project-thumb.big .tagline { margin: 15px 0 0; }
			.project-thumb.big .deliverables { margin: 20px 0 0; }
		}
		@media (max-width: 900px) {
			.project-thumb.big a { display: block; }
			.project-thumb.big .thumb,
			.project-thumb.big .thumb .thumb-inner { position: unset; }
			.project-thumb.big .thumb,
			.project-thumb.big.altplace .thumb,
			.project-thumb.big .thumb img { height: auto; max-height: none; }
			.project-thumb.big .thumb,
			.project-thumb.big.altplace .thumb { grid-column: col-start 1 / span 8; }
			.project-thumb.big .caption-inner,
			.project-thumb.big.altplace .caption-inner { padding: 40px 0; }
			.project-thumb.big .caption .FC { 
				display: grid; 
				grid-template-columns: repeat(8, [col-start] 1fr);
				grid-gap: 40px;
				position: relative;	
			}
			.project-thumb.big .post-label { 
				grid-column: span 2; 
				padding: 0 0 0 40px;
			}
			.project-thumb.big .post-label .manual-decide .manual { display: none; }
			.project-thumb.big .post-label .manual-decide .date { display: block; }
			.project-thumb.big .main { 
				grid-column: col-start 3 / span 6; 
				border-top: none;
				padding: 0;
			}
		}
		@media (max-width: 600px) {
			.project-thumb.big { margin: 0 20px; }
			.project-thumb.big .thumb img { height: calc(100vw - 40px); }
			.project-thumb.big .caption-inner,
			.project-thumb.big.altplace .caption-inner { padding: 20px 20px 40px; }
			.project-thumb.big .caption .FC { display: block; }
			.project-thumb.big .post-label {
				position: unset;
				margin: 0 0 10px;
				line-height: 1em;
				padding: 0;
			}
			.project-thumb.big .tagline { margin: 10px 0 0; }
			.project-thumb.big .deliverables { margin: 15px 0 0; }
		}
	
	/* SMALL THUMBS */
		.project-thumb.small {  grid-column: span 4; }
		.project-thumb.small a { display: block; }
		.project-thumb.small .caption { padding: 20px 0 0; }
		.project-thumb.small .caption .grid-4 { position: relative; }
		.project-thumb.small .post-label { 
			grid-column: span 1; 
			line-height: 28px;
		}
		.project-thumb.small .main { grid-column: col-start 2 / span 3; }
		.project-thumb.small .tagline { margin: 10px 0 0; }
		.project-thumb.small .deliverables { margin: 15px 0 0; }
		
		@media (max-width: 1024px) {		
			.smalls.noslide .project-thumb.small .caption .grid-4 { display: block; }
			.smalls.noslide .project-thumb.small .post-label { 
				margin: 0 0 10px;
				line-height: 1em;	
			}
			#related-slider .project-thumb.small .caption-inner .grid-4 { grid-template-columns: repeat(6, [col-start] 1fr); }
			#related-slider .project-thumb.small .post-label { 
				grid-column: col-start 1 / span 2; 
				line-height: 24px;
			}
			#related-slider .project-thumb.small .main { grid-column: col-start 3 / span 4; }
		}
		@media (max-width: 768px) {
			#related-slider .project-thumb.small .caption-inner .grid-4 { grid-template-columns: repeat(7, [col-start] 1fr); }
			#related-slider .project-thumb.small .main { grid-column: col-start 3 / span 5; }
		}
		@media (max-width: 600px) {
			.smalls.noslide { 
				padding: 40px 20px 40px; 
				grid-gap: 40px;
			}
			.smalls.noslide .project-thumb.small,
			.smalls.noslide .project-thumb.small .thumb,
			.smalls.noslide .project-thumb.small .caption { grid-column: span 8; }
			.smalls.noslide .project-thumb.small a { 
				grid-template-columns: repeat(8, [col-start] 1fr); 
				grid-gap: 20px; 
			}
			#related-slider .project-thumb.small .caption-inner .grid-4 { display: block; }
			#related-slider .project-thumb.small .post-label { 
				line-height: 1em; 
				margin: 0 0 10px;
			}
		}
	
	/* OPEN ICONS */
		
		.project-thumb.big .open svg { height: 36px; }
		.project-thumb.small .open svg { height: 28px; }
		.project-thumb .open svg,
		.bgslate .project-thumb .open svg { color: var(--ltslate); }
		.project-thumb a:hover .open svg { color: var(--slate); }
		.bgslate .project-thumb a:hover .open svg { color: var(--ltnatural); }
		.project-thumb .open.deskonly { position: absolute; }
		.project-thumb.big .open.deskonly { top: 40px; right: 0; }
		.project-thumb.small .open.deskonly { top: 0; right: 0; }
		.project-thumb .open.mobonly { display: none; }
	
	@media (max-width: 1024px) {	
		.project-thumb.big .open.deskonly { top: 20px; }
		.smalls.noslide .project-thumb.small .open.deskonly { display: none; }
	}
	@media (max-width: 900px) {	
		.project-thumb.big .open.deskonly { 
			top: 0; 
			right: 40px;
		}
	}
	@media (max-width: 600px) {
		.project-thumb.big .open.deskonly,
		.project-thumb.small .open.deskonly { display: none; }
	}
	
	
/* LOGOS ————————————————— */
	
	.logo-thumb,
	.logo-thumb a { line-height: 0; }
	.logo-thumb { 
		width: 100%; 
		height: 100%;
	}
	.logo-thumb a { 
		display: block; 
		position: relative;
	}
	.logo-thumb svg { width: 100%; }
	.logo-thumb a span.link {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.logo-thumb a span.link svg { 
		height: 16px; 
		width: auto;
	}
	.logo-thumb .aq { 
		fill: var(--slate); 
		transition: fill .5s ease; 
	}
	.logo-thumb a:hover .aq { fill: var(--ltslate); }
	.logo-thumb .ap { 
		transition: fill .8s ease; 
		fill: transparent;
	}		
	.logo-meta {
		font-size: var(--tiny-sz);
		line-height: 1em;
		color: var(--ltslate);
		position: relative;
		border-bottom: 1px solid var(--ltgray); 
		padding: 0 0 20px;
	}
	.logo-meta span { display: block; }
	.logo-meta span.date { color: var(--slate); }
	.logo-meta span:not(:last-child) { margin: 0 0 5px; }
	.logo-meta span.openicon { }
	.logo-thumb .logo-meta .openicon {
	    height: 12px;
	    width: auto;
		margin: 0 0 0 5px;
	    color: var(--slate);
	}

	/* LOGO BLOCKS & ARCHIVE (More in logo-gallery.css) */
		
		/* 2-UP */
		.logo-thumb.smaller { grid-column: span 2; }
		.logo-thumb.smaller svg {
			width: calc(25vw - 50px);
			height: calc(25vw - 50px);
		}
		/* 4-UP */
		.logo-thumb.larger { grid-column: span 4; }
		.logo-thumb.larger svg {
			width: calc(50vw - 60px);
			height: calc(50vw - 60px);
		}
		#logos.block ul { grid-column: col-start 1 / span 8; }
		#logo-archive .logo-thumb { margin-top: -1px; }
		@media (max-width: 768px) { 
			/* 2-UP */ 
				.logo-thumb.smaller { grid-column: span 4; }
				.logo-thumb.smaller svg {
					width: calc(50vw - 60px);
					height: calc(50vw - 60px);
				}
			/* 4-UP */ 
				.logo-thumb.larger { grid-column: span 8; }
				.logo-thumb.larger svg {
					width: calc(100vw - 80px);
					height: calc(100vw - 80px);
				}
		}
		@media (max-width: 600px) { 
			/* 2-UP */ 
				.logo-thumb.smaller svg {
					width: calc(50vw - 30px);
					height: calc(50vw - 30px);
				}
			/* 4-UP */ 
				.logo-thumb.larger svg {
					width: calc(100vw - 40px);
					height: calc(100vw - 40px);
				}
		}
		
/* ——————————————————————————
—————————————————————————————
—————————————————————————————
———— HOMEPAGE & BLOCKS ——————
—————————————————————————————
—————————————————————————————
—————————————————————————— */

/* SECTION HEADERS ——————————— */
	
	header.section-header { 
		padding: 20px 0; 
		margin: 0 40px;
	}
	header.section-header.stick {
		position: sticky;
		top: 0;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		transition: all 0.3s ease;
	}
	body.header-show header.section-header.stick { top: 51px; }
	
	.bgltnatural header.section-header.stick { background: rgba(249,248,244,.8); }
	.bgwhite header.section-header.stick { background: rgba(255,255,255,.8); }
	#logos header.section-header { border-bottom: solid 1px var(--ltgray); }
	header.section-header .title { 
		color: var(--slate); 
		grid-column: col-start 1 / span 6;
	}
	header.section-header .cta {
		grid-column: col-start 7 / span 2;
		text-align: right;
	}
	
	@media (max-width: 768px) { 
		header.section-header .title { grid-column: col-start 1 / span 4; }
		header.section-header .cta { grid-column: col-start 5 / span 3; }
	}
	@media (max-width: 600px) {
		header.section-header { margin: 0 20px; }
	}
	
/* WORK BLOCK  ——————————— */

	@media (max-width: 768px) {
		#home .smalls { padding: 40px; }
	}
	@media (max-width: 600px) {
		#home .smalls { padding: 40px 20px 40px; }
	}
			
/* INTRO BlOCK ——————————— */
		
	#intro { 
		height: 60vh; 
		min-height: 400px;
	}
	#intro .sitetitle { grid-column: col-start 1 / span 2; }
	#intro .sitetitle .logo { 
		display: block; 
		line-height: 0;
	}
	#intro .sitetitle .logo svg { height: 100px; }
	#intro .tagline,
	#intro .more { grid-column: col-start 3 / span 6; }
	
	#intro .title,
	#intro .tagline,
	#intro .more { align-self: center; }
	#intro .hasButton,
	#about #intro .hasTagline { align-self: end; }
	#intro .hasTitle,
	#intro .hasTagline { align-self: start; }
	
	#intro .tagline br { display: none; }
	
	#intro .more a {
		color: var(--slate);
		border-bottom: solid 1px var(--slate);
		padding: 0 0 1px;
		font-size: var(--medium-sz);
		display: inline-block;
	}
	@media (max-width: 1200px) { 
		#intro .tagline br { display: block; }
	}
	@media (max-width: 1024px) { 
		#intro .sitetitle { display: none; }
	}
	@media (max-width: 768px) { 
		#intro { min-height: 350px; }
		#intro .tagline,
		#intro .more { grid-column: col-start 1 / span 8; }
	}
	@media (max-width: 600px) { 
		#intro { height: calc(50vh - 40px); }
		/*#intro .tagline { margin: 0 0 30px; }*/
	}
	@media (max-width: 380px) { 
		#intro .tagline br { display: none; }
	}	
	
		
/* REVIEWS BLOCK ————————— */
	
	#reviews.slider .padslide .splide__track {
		padding-left: 40px !important;
		padding-right: calc(25% + 30px) !important;
	}
		
	#reviews .review {
		background: var(--natural);
		border-radius: 10px; 
	}
	#reviews.noslider .review { grid-column: span 8; }
	#reviews.slider .review {
		border-radius: 10px;
		cursor: grab;
	}
	#reviews.slider .review .inner {
		transition: all .2s ease;
		opacity: 0.1;
	}
	#reviews.slider .review.is-active .inner { opacity: 1; }
	
	#reviews .inner.grid { 
		grid-template-columns: repeat(8, [col-start] 1fr);
		padding: 80px 0;
	}
	#reviews.slider .inner.grid { grid-template-columns: repeat(6, [col-start] 1fr); }	
	#reviews .mark { grid-column: col-start 2 / span 1; }
	#reviews.slider .mark { grid-column: col-start 1 / span 1; }
	#reviews .main { grid-column: col-start 3 / span 4; }
	#reviews.slider .main { grid-column: col-start 2 / span 4; }
	#reviews.slider .count { grid-column: col-start 6 / span 1; }
	
	#reviews .mark {
		font-size: 200px;
		margin: 60px 0 0;
		text-align: right;
		color: var(--natural);
		display: none;
	}
	#reviews .quote { 
		height: 200px; 
		color: var(--slate);
	}
	#reviews .source { position: relative; }
	#reviews .source,
	#reviews .part-a,
	#reviews .part-a img { height: 50px; }
	#reviews .details {
	    position: absolute;
	    left: 0;
	    bottom: 0;
	}
	#reviews .details div { display: inline-block; }
	#reviews .part-a { 
		padding: 0 20px 0 0; 
		vertical-align: bottom;
	}
	#reviews .part-a img {
		width: 50px;
		border-radius: 50px;
		object-fit: cover;
		object-position: center center;
		/*-webkit-filter: saturate(0%); filter: saturate(0%);*/
	}
	#reviews .part-b span { display: block; }
	#reviews .name,
	#reviews .company { line-height: 1em; }
	#reviews .name { 
		font-weight: 400; 
		color: var(--slate);
		margin: 0 0 10px;
	}
	#reviews .company { color: var(--mdslate); }
	#reviews.slider .count {
	    align-self: end;
	    font-size: 50px;
		line-height: 1em;
	    color: var(--white);
	}
	#reviews.slider .splide__arrows { display: none; }
	#reviews.slider .splide__arrows button { bottom: 82px; }
	#reviews.slider button.splide__arrow--prev { display: none; }
	#reviews.slider button.splide__arrow--next { right: calc(25% + 30px); }
	#reviews.slider .splide__arrows button svg { color: var(--slate); }
	#reviews.slider.bgmdslate .splide__arrows button svg,
	#reviews.slider.bgslate .splide__arrows button svg { color: var(--ltnatural); }
	
	@media (max-width: 1024px) { 
		#reviews.slider .padslide .splide__track { padding-right: calc(13% + 30px) !important; }
		#reviews.slider .inner.grid { grid-template-columns: repeat(7, [col-start] 1fr); }
		#reviews .main { grid-column: col-start 2 / span 6; }
		#reviews.slider .main { grid-column: col-start 2 / span 5; }
		#reviews.slider .count { grid-column: col-start 7 / span 1; }
	}
	@media (max-width: 768px) { 
		#reviews .inner.grid { 
			padding: 60px 0; 
			position: relative;
		}
		#reviews .inner.grid { display: block; }
		#reviews .main { padding: 0 40px; }
		#reviews.slider .count {
			position: absolute;
			right: 40px;
			bottom: 60px;
		}
	}
	@media (max-width: 600px) { 
		#reviews.slider .padslide .splide__track { 
			padding-left: 20px !important;
			padding-right: 40px !important; 
		}
		#reviews .main { padding: 0 20px; }
		#reviews .quote { height: 260px; }
		#reviews .source, 
		#reviews .part-a, 
		#reviews .part-a img { height: 40px; }
		#reviews .part-a { padding: 0 10px 0 0; }
		#reviews .part-a img { width: 40px; }
		#reviews .name,
		#reviews .company { font-size: var(--small-sz); }
		#reviews .name { margin: 0 0 5px; }
		#reviews.slider .count { right: 20px; }
	}

/* WORK BLOCK ——————————— */

	.mobonly.cta-block { display: none; }
	#work-archive .mobonly.cta-block { padding: 0 20px 60px; }
	@media (max-width: 768px) { 
		#work-archive .mobonly.cta-block { display: grid; }
		.mobonly.cta-block .cta.ender { grid-column: col-start 5 / span 4; }
	}
	@media (max-width: 600px) { 
		.mobonly.cta-block .cta.ender { grid-column: col-start 1 / span 8; }
		.mobonly.cta-block .cta.ender .round-button {
			min-width: 100%;
			line-height: 50px;
		}
	}

/* PAGE BLOCK ——————————— */

	#about #intro .page-title,
	#about #intro .tagline { grid-column: col-start 3 / span 4; }
	.page-block p { padding: 0 0 20px; }
	.pb-text-blocks { margin: 20px 0 0; }
	.pb-text-blocks .title {
		padding: 0 0 20px;
	    line-height: 1em;
	    font-weight: 600;
	    color: var(--slate);
	}
	.pb-text-blocks .title .num { margin: 0 5px 0 0; }
	.pb-text-block {
		border-radius: 10px;
		padding: 40px 40px 20px;
		background: var(--notwhite);
	}
	/*.pb-text-block p {
	    font-size: var(--small-sz);
	    line-height: 1.45em;
	}*/
	#about #reviews { padding: 0 0 60px; }
	@media (max-width: 1024px) { 
		#about #intro .page-title,
		#about #intro .tagline,
		.pb-body.col4 { grid-column: col-start 3 / span 6; }
	}
	@media (max-width: 768px) { 
		#about #intro .page-title,
		#about #intro .tagline,
		.pb-body.col4 { grid-column: col-start 1 / span 6; }
		.pb-intro.grid-8 { grid-gap: 20px; }
	}
	@media (max-width: 600px) { 
		#about #intro .page-title,
		#about #intro .tagline,
		.pb-body.col4,
		.pb-text-block { grid-column: col-start 1 / span 8; }
	}
		
/* CONTACT BLOCK ————————— */
	
	#contact .primary.col3 { grid-column: col-start 3 / span 3; }	
	#project #contact .primary-body p { padding: 0; }
	#contact .secondary.col2 { 
		grid-column: col-start 7 / span 2; 
		align-self: end;
	}
	#contact .secondary p strong { font-weight: 400; }
	#contact .cta { margin: 40px 0 0; }
	@media (max-width: 1024px) { 
		#contact .primary.col3,
		#contact .secondary.col2 { grid-column: col-start 3 / span 5; }
	}
	@media (max-width: 768px) {
		#contact header.col2,
		#contact .primary.col3,
		#contact .secondary.col2 { grid-column: col-start 1 / span 8; }
		#contact .cta.boxed a { display: block; }
	}
	@media (max-width: 600px) { 
		#contact .secondary { padding: 20px 0 0; }
	}

/* RELATED PROJECTS BLOCK  */	
	
	#related-projects .splide__arrows,
	#related-projects .splide__arrows button.splide__arrow--prev { display: none; }
	
	#related-projects .splide__arrows button { bottom: 55px; }

	/*@media (max-width: 600px) {
		#related-projects .splide__arrows { display: block; } 
		#related-projects  .splide__arrows button.splide__arrow--next { right: calc(13% + 15px); }
	}*/