/*
Theme Name: RP2025
Author: Ryan Paonessa
Author URI: https://rp.design
Version: 1.0
(C) 2025 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; }
    

/* ——————————————————————————
—————————————————————————————
————— UNIVERSALS + VARS —————
—————————————————————————————
—————————————————————————— */

:root {
	/* COLOR */
	--slate: #2c2e33;
	--mdslate: #515c6b;
	--ltslate: #5d6f89;
	--natural: #edece6;
	--ltnatural: #F9F8F4;
	--notwhite: #f1f1f1;
	--white: #ffffff;
	--dkgray: #888888;
	--gray: #bbbbbb;
	--ltgray: #dddddd;
	--blue: #365bc1;	
	--red: #9E2A2B;
	
	/* CORNERS */
	--round: 100px;
	--soft: 10px;
	
	/* FONT SIZES */
	--tiny-sz: 12px;
	--small-sz: 14px;
	--normal-sz: 16px;
	--medium-sz: 18px;
	--large-sz: 20px;
	
	/* FONT WEIGHT */
	--light: 300;
	--regular: 400;
	--bold: 600;
	
	/* PADDING */
	--sidepad: 40px;
	
	/* BORDER */
	--border: 1px solid var(--ltgray);
	
	/* HEADER */
	--header-height: 51px;
}
@media (max-width: 600px) {
	:root {
		--large-sz: 18px;
		--sidepad: 20px;
	}
}
	
/* COLOR */

	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 { color: var(--ltnatural); background-color: var(--slate); }
	
/* TYPE */
	
	body {  
		font-family: nimbus-sans, sans-serif;
		font-weight: var(--light); /* Others: 400 (regular) & 700 (bold) */
		font-style: normal;
		font-size: var(--normal-sz);
		line-height: 1.5em;
	}
	
	.smallcaps {
		font-size: var(--tiny-sz);
		line-height: 1.3em;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	
	/* HOMEPAGE TAGLINE */ .big-tagline,
	/* PROJECT + PAGE TITLES */ .primary-title { font-size: 42px; }
	/* ABOUT TAGLINE */ .med-tagline,
	/* FEATURED THUMB TITLE */ .project-thumb.big .thumb-title { font-size: 32px; }	
	/* REGULAR THUMB TITLE */ .project-thumb.small .thumb-title { font-size: 28px; }
	/* COMING SOON THUMB TITLE */ .project-thumb.small.coming-soon .thumb-title { font-size: var(--medium-sz); /*18px*/ }
	/* PROJECT + PAGE SECTION TITLES */ .secondary-title,
	/* TESTIMONIALS */ #reviews .quote,
	/* CONTACT BLOCK */ #contact p,
	/* PAGE SECTION TAGLINES */ .primary-body .reg-tagline { font-size: 22px; }
	
	.primary-body p, 
	.tag,
	.pb-text-blocks .title { font-size: var(--medium-sz); }
	
	@media (max-width: 1024px) { 
		.big-tagline,
		.primary-title { font-size: 36px; /*42*/}
		.project-thumb.big .thumb-title { font-size: 30px; /*32*/}
		.med-tagline { font-size: 26px; /*32*/}
	}
	@media (max-width: 768px) {
		.project-thumb.big .thumb-title { font-size: 28px; /*Same as smalls*/}
		#reviews .quote,
		.reg-tagline,
		.primary-body .reg-tagline { font-size: 20px; /*22*/}
	}
	@media (max-width: 600px) {
		.big-tagline,
		.primary-title { font-size: 32px; /*42,36*/}
		.med-tagline { font-size: 22px; /*32,26*/}
		#reviews .quote,
		#contact p,
		.reg-tagline,
		.primary-body .reg-tagline { font-size: var(--medium-sz); /*18*/}
		.primary-body p,
		.project-thumb.small.coming-soon .thumb-title { font-size: var(--normal-sz); /*16*/}
	}
	
	.big-tagline,
	.med-tagline {
		font-weight: var(--light);
		line-height: 1.25em;
	}
	.primary-title,
	.project-thumb .thumb-title { line-height: 1em; }
	.primary-body p, 
	.tag,
	.pb-text-blocks .title,
	#reviews .quote,
	#contact p,
	.reg-tagline,
	.primary-body .reg-tagline { line-height: 1.4em; }
	
	h1, h2, h3, h4, h5, h6, strong,
	.primary-title,
	.project-thumb .thumb-title,
	.primary-body p.tagline { font-weight: var(--regular); /*400*/}
	.num,
	#reviews.slider .count,
	#contact p strong,
	.secondary-title { font-weight: var(--bold); /*600*/}
	
	.smallcaps,
	.smallcaps a,
	.primary-title, 
	.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 .primary-C,
	.bgmdslate .primary-C,
	.bgslate .secondary-title,
	.bgmdslate .secondary-title { color: var(--white); }
	
	.link-U a { 
		padding: 0 0 1px; 
		border-bottom: var(--border);
	}
	.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: var(--regular);
		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);
	}			

/* BUBBLE TAGS */
	.bubble-tag { 
		border-radius: 25px;
		font-weight: var(--regular);
	    font-size: var(--tiny-sz);
	    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); }
	.bgnatural .bubble-tag.new-tag,
	.bgmdslate .bubble-tag,
	.bgmdslate .bubble-tag a,
	.bgslate .bubble-tag,
	.bgslate .bubble-tag a {
		color: var(--ltnatural);
		background-color: var(--mdslate); 
	}		

/* LAYOUT */	
		
	.grid, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8 { display: grid; grid-gap: var(--sidepad); }
	.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 var(--sidepad); }
	footer { padding: 60px var(--sidepad) 100px; }
	.page-block { padding: 60px var(--sidepad); }
	#related-project { padding: 60px 0 0; }
	#related-projects { padding: 40px 0 60px; }
	#logos,
	#home #reviews { padding: 0 0 60px; }
	#logogallery { padding: 0 var(--sidepad) 60px; }
	#contact .block { padding: 120px 0; }
	
	#work-archive.archive .projects { padding: 0 0 20px; }
	
	.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: var(--border);
			border-right: var(--border);
 		}
	}
	@media (max-width: 1024px) { 
		.section-header.col2 { grid-column: col-start 1 / span 8; }
	}
	@media (max-width: 600px) {
		footer { padding: 60px var(--sidepad) 80px; }
		#related-project { padding: 40px 0 0; }
		#contact .block { padding: 80px 0; }
	}

/* RADIUS */
	
	.media-block .innerwrap.rounded { overflow: hidden; }
	.media-block.mside .innerwrap.rounded,
	.media-block.slider .innerwrap.rounded { border-radius: var(—soft); }
	
/* Z-INDEX */

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

	.accordion { border-bottom: var(--border); }
	.accordion .accordion-title { border-top: var(--border); }
	.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 var(--sidepad);
		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;
	}

/* TEMP HOME ————————————— */
	
	#temp {
		position: fixed;
	    top: 10px; bottom: 10px;
		left: 10px; right: 10px;
		background-color: var(--slate);
		border-radius: var(--soft);
	}
	#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: var(--sidepad); }
		@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: var(--sidepad) !important; }
		}
		@media (max-width: 600px) {
			.padslide .splide__track { 
				padding-left: var(--sidepad) !important;
				padding-right: calc(13% + 15px) !important;
			}
			.padslide .splide__slide { margin-right: var(--sidepad); }
		}
	
	/* SLIDE ARROWS —————————— */
		.splide__arrows button {
			position: absolute;
			cursor: pointer;
		}
		.splide__arrows button.splide__arrow--prev { left: var(--sidepad); }
		.splide__arrows button.splide__arrow--next { right: var(--sidepad); }
		.splide__arrows button svg { height: 40px; }
	
	/* 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: var(--round);
			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 ————————————————
—————————————————————————————
—————————————————————————— */
	
	html.drawer-open body,
	body.header-show { margin-top: 52px; }
	header.main { 
		position: sticky;
		top: 0; left: 0;
		width: 100%;
		border-bottom: var(--border); 
		background: rgba(249,248,244,.8); 
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		transition: all 0.3s ease;
	}
	html.drawer-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.drawer-open header.main,
	html.drawer-open body.header-hide header.main { position: fixed; }
	body.header-hide header.main { top: -52px; }
	html.drawer-open body.header-hide header.main { top: 0; } 
	header.main .grid-8 { padding: 12px 0; }
	header.main .logo { 
		grid-column: col-start 1 / span 1; 
		line-height: 0;
		justify-self: start;
		margin-right: auto;
        text-align: left;
	}
	header.main .logo a { display: block; }
	header.main .logo img { 
		height: 20px; 
		width: auto;
	}
	
	header.main navigation { grid-column: col-start 3 / span 3; }
	header.main .main-menu li { grid-column: span 1; }
	
	.main-menu li,
	.drawer .media-links .title,
	.drawer .about-link {
		font-size: var(--medium-sz);
		line-height: 1em;
		font-weight: var(--regular);
	}
	.main-menu a { display: block; }
	.main-menu a,
	.main-menu a:hover,
	.drawer .media-links .title,
	.drawer .media-links a:hover .title { color: var(--slate); }
	.main-menu .active a { font-weight: var(--bold); }
	
	header.main .inquire { 
		text-align: right; 
		line-height: 0;
		grid-column: col-start 7 / span 2; 
	}
	
	.drawer-toggle { grid-column: col-start 8 / span 1; }
	.drawer-toggle { display: none; }
	.drawer-toggle button,
	.drawer-toggle button span { width: 22px; }
	.drawer-toggle button {
		height: 22px;
		position: relative;
		display: block;
		cursor: pointer;
		margin: 0;
		padding: 0;
	}
	.drawer-toggle button span {
	    height: 2px;
		position: absolute;
		left: 0;
	    border-radius: 2px;
	    background-color: var(--slate);
	    transition: all 0.3s ease-in-out;
	}
	.drawer-toggle button span.a { top: 4px; }
	.drawer-toggle button span.b { bottom: 4px; }
	.drawer-open .drawer-toggle button span.a,
	.drawer-open .drawer-toggle button span.b { top: 8px; }
	.drawer-open .drawer-toggle button span.a { transform: rotate(-45deg); }
	.drawer-open .drawer-toggle button span.b { transform: rotate(45deg); }
	
	.drawer {
		display: none;
		position: fixed;
	    top: var(--header-height);
		right: 0;
		bottom: 0;
		width: 100vw;
		transform: translateX(-100%); -webkit-transform: translateX(-100%);
	}
	.drawer-open .drawer { 
		display: block;
		animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards;
	}
	.drawer-closed .drawer {
		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%); } }
	.drawer .inner { 
		height: 100%;
		overflow: scroll; 
		scrolling: touch;
		-webkit-overflow-scrolling: touch;
		padding: var(--sidepad) var(--sidepad) 80px;
	}
	
	.drawer .media-links .link:not(:last-child) { margin: 0 0 10px; }
	.drawer .media-links .link a { 
		border-radius: var(--soft);
		padding: 10px 20px 10px 10px;
		align-items: center;
		grid-gap: 0;
	}
	.drawer .media-links .media { 
		grid-gap: 5px; 
		border-radius: calc(var(--soft) - 5px);
		overflow: hidden;
	}
	.drawer .media-links .thumb { 
		line-height: 0; 
		background: var(--white);
	}
	.drawer .media-links img {
		width: 100%;
		height: auto;
        aspect-ratio: 1 / 1;
		object-fit: cover;
		object-position: center center;
	}
	
	.drawer .media-links .title,
	.drawer .about-link a {
		height: 100%;
		display: flex;
		align-items: center;
	    justify-content: space-between;
	}
	.drawer .media-links .title { padding: 0 0 0 20px; }
	
	.drawer .secondary { 
		margin: 20px 0 0;
    	grid-gap: 0;
	}
	.drawer .social { padding: 20px 0; }
	.drawer .social li:not(:last-child) { margin: 0 0 10px; }
	.drawer .social li a {
		font-size: 18px;
		font-weight: 400;
		padding: 0;
		border: none;
	}

	.drawer .about-link a {
		border-radius: var(--soft);
		padding: 0 20px;
		background: var(--slate);
	}
	.drawer .about-link a,
	.drawer .about-link a:hover { color: var(--ltnatural); }
		
	@media (max-width: 768px) {
		header.main .grid-8 { align-items: center; }
		header.main .logo { grid-column: 1 / span 2; }
		header.main navigation { display: none; }
		.drawer-toggle { 
			display: block;
			justify-self: end; 
		}
		header.main .inquire { grid-column: col-start 5 / span 3; }
	}	
	/* LARGER THAN 768 */
		@media (min-width: 769px) {
			html.drawer-open,
			html.drawer-open body { 
				overflow: unset !important; 
				position: unset !important;
			}
			.drawer-open .drawer { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; }
	}


/* ——————————————————————————
—————————————————————————————
————— TOOLBARS ——————————————
—————————————————————————————
—————————————————————————— */

	#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: var(--round);
	}
	#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 */
		#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: var(--regular);
		}
		#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;
			left: 0;
			right: 0;
		}
		#toolbar .filter .dropdown-menu li {
			color: var(--slate);
			margin: 5px 0 0;
		}
		#toolbar .filter .dropdown-menu li a {
			display: block;
			padding: 0 20px;
			border-radius: 25px;
			background: var(--ltnatural);
			border: var(--border);
			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); }	
	
	#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);
	}
		
	@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) {
		#toolbar .bar { 
			grid-template-columns: repeat(8, [col-start] 1fr);
			grid-column: col-start 1 / span 8; 
		}
		#work-archive #toolbar .filter { 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 ————————————————
—————————————————————————————
—————————————————————————— */

footer { border-top: var(--border); } 	

/* CONTACT BLOCK */
 	
 	#contact { margin: 0 0 60px; }
 	#contact .block { border-radius: var(--soft); }
	#contact .primary { 
		grid-column: col-start 3 / span 6; 
		max-width: 600px;
	}
	#contact .title { margin: 0 0 30px; }
	#contact .cta { margin: 30px 0 0; }
	@media (max-width: 768px) {
		#contact .block { 
			display: block; 
			padding: 120px var(--sidepad);
		}
	}
	@media (max-width: 600px) {
		#contact .block { padding: 80px var(--sidepad); }
		#contact .primary br { display: none; }
	}
	
/* BACK TO TOP */
 	
 	#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: var(--sidepad); }
 	#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;
 	}
 	@media (max-width: 600px) {
		#back-to-top { bottom: 67px; }
	}
 	
/* FOOTER TOP */
 	
 	footer .top { padding: 0 0 60px; }
 	footer .logo { 
		grid-column: col-start 1 / span 2; 
		line-height: 0;
		justify-self: start;
		margin-right: auto;
        text-align: left;
	}
	footer .logo a { display: block; }
	footer .logo img { 
		height: 70px; 
		width: auto;
	}
	.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 var(--sidepad);
		grid-template-columns: repeat(3, [col-start] 1fr);
		height: 50px;
		border: var(--border);
		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: var(--border);
	}
	.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);	
	}
	footer .social { grid-column: col-start 7 / span 2; }
 	footer .social ul { line-height: 2em; }
 	footer .social li {
 		white-space: nowrap;
 		overflow: hidden;
 	}
 	footer .social li a {
		font-size: var(--small-sz);
		color: var(--slate);
		padding: 0 0 1px;
		border-bottom: solid 1px transparent;
	}
	footer .social li a:hover { border-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; }
		footer .social { grid-column: col-start 3 / span 6; }
		footer .social ul { 
			display: grid;
			grid-gap: var(--sidepad);
			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 .logo { grid-column: 1 / span 8; }
		.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;
		}
		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 var(--sidepad); }
	}
	
/* FOOTER BOTTOM */
	
	footer .bottom { 
 		border-top: var(--border);
 		padding: 40px 0 0; 
 		font-size: var(--small-sz);
		line-height: 1.83;
 	}
 	footer .tools { 
		grid-column: col-start 3 / span 3; 
		display: grid;
		grid-gap: var(--sidepad);
		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: var(--regular);
		cursor: pointer;
	}
	footer .tools div span.control { 
		margin: 0 0 0 5px; 
		font-weight: 700;
	}
	.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: 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);
		}
		.copyright { grid-column: col-start 5 / span 4; }
	}
	@media (max-width: 600px) {
		footer .bottom { padding: 20px 0 0; }
		footer .tools { display: none; }
		.copyright { grid-column: col-start 1 / span 8; }
		.copyright svg {
			height: 12px;
			vertical-align: baseline;
		}
	}


/* ——————————————————————————
—————————————————————————————
————— PROJECT THUMBS ————————
—————————————————————————————
—————————————————————————— */
		
/* WORK THUMBS */

	.project-thumb {
		border-radius: var(--soft);
		overflow: hidden;
	}
	.project-thumb.big { margin: 0 var(--sidepad); }
	.project-thumb.small { grid-column: span 4; }
	.project-thumb.small.coming-soon { grid-column: span 2; }
	.project-thumb.small a { display: block; }
	.project-thumb.big .caption {
		position: relative;
		display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    padding: 0 var(--sidepad) 0 0;
		height: 100%;
	}
	.project-thumb.big .main { margin-block: auto; }
	
	/* IMAGES */
	.project-thumb .thumb { line-height: 0; }
	.project-thumb.big .thumb,
	.project-thumb.big .thumb img,
	.project-thumb.big .thumb video { 
		/* height: calc(100vh - 132px); 125 = Header (52) + Top Margin (40) + Extra (40) */ 
		max-height: 600px;
	}
	.project-thumb .thumb img,
	.project-thumb .thumb video {
		object-fit: cover;
		object-position: center center;
		aspect-ratio: 7 / 5;
	}
	.project-thumb .thumb video {
		width: 100%;
		height: auto;
		display: block;
		pointer-events: none;
    }
	.project-thumb .thumb-inner { position: relative; }
	.coming-soon-overlay {
	    position: absolute;
	    display: flex;
		justify-content: center;
	    align-items: center;
	    top: 0; left: 0;
	    width: 100%; height: 100%;
	    background-color: rgba(44, 46, 51, 0.8);
		color: var(--ltnatural);
		font-size: var(--small-sz);
		font-weight: var(--regular);
	}
	
	/* CAPTION */
	.project-thumb.small .caption { padding: 30px 0; }
	.project-thumb.small.coming-soon .caption { 
		padding: 20px;
		display: block;
	}
	
	/* CAPTION LABEL */
	.project-thumb.big .post-label { padding: 40px 0 0; }
	.project-thumb.small:not(.coming-soon) .post-label { 
		grid-column: span 1; 
		padding: 0 0 0 20px;
	}
	.project-thumb.small.coming-soon .post-label { margin: 0 0 5px; }
	.project-thumb.big .manual-decide .date { display: none; }
	.project-thumb.big .manual-decide .manual { display: block; }
	
	/* CAPTION MAIN */
	.project-thumb .main { position: relative; }
	.project-thumb.big .main {
		padding: 40px 0 0;
	    border-top: var(--border);
	}
	.project-thumb.small:not(.coming-soon) .main { 
		grid-column: col-start 2 / span 3; 
		padding: 0 20px 0 0;
	}
	.project-thumb .main .tagline {
		display: block;
		font-size: var(--large-sz);
		line-height: 1.25em;
		margin: 20px 0 0;
	}
	.project-thumb.small .main .tagline { display: none; }
	.project-thumb .main .deliverables {
		overflow-x: scroll;
		white-space: nowrap;
		margin: 25px 0 0;
		padding: 0 20px 0 0;
	}
	.project-thumb .main .deliverables li { margin: 0 5px 0 0; }
	
	/* CAPTION ARROWS */
	.project-thumb .open.deskonly { position: absolute; }
	.project-thumb.big .open.deskonly { top: 40px; right: 0; }
	.project-thumb.small .open.deskonly { top: 0; right: 20px; }
	.project-thumb .open.mobonly { display: none; }
	.project-thumb.big .open svg { height: 32px; }
	.project-thumb.small .open svg { height: 28px; }
	
	@media (max-width: 1024px) {
		.project-thumb.big .main { padding: 20px 0 0; }
		.project-thumb .main .tagline { 
			max-width: 500px; 
			margin: 15px 0 0;
		}
		.project-thumb .main .deliverables { margin: 20px 0 0; }
		.project-thumb.big .open.deskonly { top: 20px; }
		.noslide .project-thumb.small .open.deskonly { display: none; }
	}
	@media (max-width: 900px) {
		.project-thumb.big a { display: block; }
		.project-thumb.big .thumb { 
			position: unset; 
			grid-column: col-start 1 / span 8;
		}
		.project-thumb.big .thumb,
		.project-thumb.big .thumb img { max-height: none; }
		.project-thumb.big .caption { 
			display: grid; 
			grid-template-columns: repeat(8, [col-start] 1fr);
			grid-gap: 40px;
			position: relative;	
			padding: 30px 0;
		}
		.project-thumb.small .caption { grid-gap: 0; }
		.project-thumb.big .post-label { 
			grid-column: span 2; 
			padding: 0 0 0 20px;
		}
		.project-thumb.small:not(.coming-soon) .post-label { 
			grid-column: span 4; 
			margin: 0 0 10px;
		}
		/*.project-thumb.big .manual-decide .manual { display: none; }
		.project-thumb.big .manual-decide .date { display: block; }*/
		.project-thumb.big .main { 
			grid-column: col-start 3 / span 6; 
			border-top: none;
			padding: 0;
		}
		.project-thumb.small:not(.coming-soon) .main { 
			grid-column: col-start 1 / span 4; 
			padding: 0 20px;
		}
		.project-thumb.big .open.deskonly { 
			top: 0; 
			right: 40px;
		}
	}
	@media (max-width: 768px) {
		.noslide .project-thumb.small { grid-column: span 8; }
		.noslide .project-thumb.small.coming-soon { grid-column: span 4; }
		.project-thumb.big .caption { grid-gap: 0; }
		.project-thumb.big .post-label,
	    .project-thumb.big .main { grid-column: col-start 1 / span 8; }
		.project-thumb.big .post-label { margin: 0 0 10px; }
		.project-thumb.big .main { padding: 0 20px; }
		.project-thumb .main .tagline { max-width: 400px; }
		.project-thumb.small .main .tagline { display: block; }
	}
	@media (max-width: 600px) {
		.project-thumb .thumb img,
		.project-thumb .thumb video { aspect-ratio: 5 / 4; }
		.project-thumb .main .tagline { margin: 10px 0 0; }
		.project-thumb .main .deliverables { margin: 15px 0 0; }
		.project-thumb.big .open.deskonly,
		.project-thumb.small .open.deskonly { display: none; }
	}
	
	.project-thumb .thumb-title,
	.project-thumb a:hover .open svg { color: var(--slate); }
	.bgslate .project-thumb .open svg { color: var(--ltslate); }
	.post-label .smallcaps { color: var(--mdslate); }
	.bgmdslate .project-thumb .thumb-title,
	.bgslate .project-thumb .thumb-title { color: var(--white); } 
	.bgmdslate .project-thumb .tagline,
	.bgslate .project-thumb .tagline,
	.bgslate .project-thumb a:hover .open svg,
	.bgmdslate .post-label .smallcaps,
	.bgslate .post-label .smallcaps { color: var(--ltnatural); }

	
/* LOGOS ————————————————— */
	
	.logo-thumb,
	.logo-thumb a { line-height: 0; }
	.logo-thumb { 
		width: 100%; 
		height: 100%;
		position: relative;
	}
	.logo-thumb a { 
		display: block; 
		background: transparent;
		transition: transform 0.3s ease;
	}
	.logo-thumb a:hover {
		border-radius: var(--soft);
		transform: scale(1.05);
	}
	.bgltnatural .logo-thumb a:hover { background: var(--white); }
	.bgwhite .logo-thumb a:hover { background: var(--ltnatural); }
	.logo-thumb a:hover .logo-meta { border: none; }
	.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-meta {
		font-size: var(--tiny-sz);
		line-height: 1em;
		color: var(--ltslate);
		position: relative;
		border-bottom: var(--border); 
		padding: 0 0 20px 10px;
	}
	.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);
				}
		}
		
/* ——————————————————————————
—————————————————————————————
—————————————————————————————
———— BLOCKS —————————————————
—————————————————————————————
—————————————————————————————
—————————————————————————— */

/* SECTION HEADERS */
	
	header.section-header { 
		padding: 20px 0; 
		margin: 0 var(--sidepad);
	}
	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: var(--header-height); }
	
	.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: var(--border); }
	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; }
	}
			
/* 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: var(--sidepad) !important;
		padding-right: calc(25% + 30px) !important;
	}
		
	#reviews .review {
		background: var(--natural);
		border-radius: var(--soft); 
	}
	#reviews.noslider .review { grid-column: span 8; }
	#reviews.slider .review {
		border-radius: var(--soft);
		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: var(--regular); 
		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 var(--sidepad); }
		#reviews.slider .count {
			position: absolute;
			right: 40px;
			bottom: 60px;
		}
	}
	@media (max-width: 600px) { 
		#reviews.slider .padslide .splide__track { padding-right: 40px !important; }
		#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 */
	
	.smalls.noslide { padding: 0 var(--sidepad) 40px; }
	#home .smalls.noslide { padding: var(--sidepad) var(--sidepad) 40px; }
	.mobonly.cta-block { 
		display: none; 
		padding: 0 var(--sidepad) 60px;
	}
	@media (max-width: 768px) { 
		.mobonly.cta-block { display: block; }
		.mobonly.cta-block .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,
	#about .select-work { border-top: var(--border); }
	.page-block p:not(:last-child) { padding: 0 0 20px; }
	.pb-text-blocks { margin: 40px 0 0; }
	.pb-text-blocks .title {
		padding: 0 0 20px;
	    line-height: 1em;
	    font-weight: var(--regular);
	    color: var(--slate);
	}
	.pb-text-blocks .title .num { margin: 0 5px 0 0; }
	.pb-text-block {
		border-radius: var(--soft);
		padding: 40px var(--sidepad);
		background: var(--natural);
	}
	#about .select-work { padding: 40px 0 20px; }
	#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; }
	}

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