:root {
	/*** spacing and gutters ***/
	--spacing: 1rem;
	--spacing-x2: 2rem;
	--spacing-set: 1.5rem;
	--spacing-set-x2: 3rem;
	--v-spacing: 1.5rem;
	--v-spacing-x2: 3rem;
	--hdr-spacing: 2rem;
	--rev-text-colour: #fff;
	--grid-spacing: 0.25rem;
	--grid-margin: -0.25rem;
	--grid-spacing-larger: 0.25rem;
	--grid-margin-larger: -0.25rem;
	--grid-spacing-largest: 0.5rem;
	--grid-margin-largest: -0.5rem;
	/*** border radius ***/
	--border-radius: 0.25rem;
	--border-radius-larger: 0.32rem;
	/*** colours ***/
	--yellow: #FFFCA3;
	--yellow-secondary:#f0b105;
	--green: #72FEE7;
	--green-secondary:#05f0e0;
	--magenta: #f00582;
	/*** backgrounds ***/
	--lightest-bg: #FBFBFB;
	--lightest-grad-bg: linear-gradient(180deg, #FBFBFB 100%, #FFFFFF 100%);
	--dark-bg-gradient: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(40,40,40,1) 100%); /*180deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%*/
	--dark-bg-color: #000000;
	--dark-grey-bg: rgba(0,0,0,0.8);
	--mid-grey-bg: rgba(0,0,0,0.4);
	--light-grey-bg: rgba(0,0,0,0.01);
	/*** box shadow ***/
	--shadow-standard: 0px 0px 16px 0px rgba(0,0,0,0.2);
	--shadow-large: 0px 0px 32px 0px rgba(0,0,0,0.2);
}
/*
h1 clamped 32px, 3vw
3vw = 3% of width
32 * 3 = 960
961 = point at which 3vw is larger than 32px
*/
@media screen and (min-width:375px) {
	:root {
		--spacing: 3vw;
		--spacing-x2: 6vw;
	}
}
@media screen and (min-width:429px) {
	:root {
		--grid-spacing: 0.5rem;
		--grid-margin: -0.5rem;
		--grid-spacing-larger: 1rem;
		--grid-margin-larger: -1rem;
		--grid-spacing-largest: 1.5rem;
		--grid-margin-largest: -1.5rem;
	}
}
@media screen and (min-width:961px) {
	:root {
		--v-spacing: 3vw;
		--v-spacing-x2: 6vw;
	}
}
@media screen and (min-width:1686px) {
	:root {
		--v-spacing: 3rem;
		--v-spacing-x2: 6rem;
	}
}
*, :before, :after {
	box-sizing: border-box;
}
html {
	line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-variation-settings: normal;
    scroll-behavior: smooth;
}
body {
	font-family: 'Inter Tight', sans-serif;
	margin: 0;
	padding: 0;
	background-color: var(--lightest-bg);
	font-size: 1rem;
	letter-spacing: 0.05em;
}
h1,h2 {
	font-family: 'Inter Tight', sans-serif;
	font-weight: normal;
	line-height: 1.17;
	font-weight: 700;
	letter-spacing: 0;
}
footer {
	background: linear-gradient(120deg, var(--yellow), var(--yellow), var(--green-secondary));
}
footer > div {
	justify-content: space-between;
}
footer a {
	color: #000;
}
footer a:hover {
	text-decoration: underline;
}
.h1 {
	font-size: clamp(2rem, 3.5vw, 3.25rem);
	/* font-size: clamp(2rem, 3vw, 3rem); */
	/* margin: var(--v-spacing) auto; */
	margin-top: 1em;
	margin-bottom: 1em;
	/*font-weight: 400;*/
}
.h2 {
	font-size: clamp(1.625rem, 3vw, 2.75rem);
	/* font-size: clamp(1.625rem, 2.5vw, 2.5rem); */
	margin-top: 1em;
	margin-bottom: 1em;
	/*font-weight: 400;*/
}
.label {
	font-size: 1rem;
	font-weight: normal;
}
p {
	font-size: clamp(1.125rem, 1.5vw, 1.375rem);
	line-height: 1.75;
	/*color: rgb(75,85,99);*/
}
p.intro {
	font-size: 1.25rem;
}
p.drop-cap:first-letter {
	color: #000;
	margin: 0.25em 0.1em 0.1em 0;
	float: left;
	font-weight: 800;
  	font-size: 3.5em;
  	line-height: 0.5;
}
blockquote {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	font-style: italic;
	font-size: clamp(1.25rem, 2vw, 1.74rem);
}
blockquote p.originator {
	font-style: normal;
	font-size: 1rem;
}
hr {
	margin: 0;
	border: 0;
	background-color: rgba(0,0,0,0.1);
	height: 2px;
}
section.fw {
	width:100%;
	overflow-x: hidden;
}
section.cw {
	width: 100%;
	//overflow: hidden;
}
a, a:visited, a:focus {
	text-decoration: none;
	color: #000;
}
a.button {
	display: inline-block;
	padding: 0.6em 1.2em;
  	border-radius: 0.375em;
  	cursor: pointer;
	color: #000;
	background: linear-gradient(120deg, var(--magenta), var(--yellow), var(--green-secondary));
	background-size: 200% 100%;
	background-position: 100% 0;
	box-shadow: var(--shadow-standard);
	transition: background-position .5s, box-shadow .5s;
	min-width: 12em;
	text-align: center;
}
.h1 + a.button, .h2 + a.button {
	margin-top: 0;
}
a.button:hover {
	background-position: 0 0;
	box-shadow: var(--shadow-large);
}
.bc, .bc a {
	color: var(--yellow);
	transition: color 0.5s, text-decoration 0.5s;
}
.bc a:hover {
	text-decoration: underline;
	color: #fff;
}
.italic {
	font-style: italic;
}
.award-block img {
	height: 40px;
	width: auto;
}
.award-block p {
	margin: 0 1rem;
	line-height: 1.4em;
	font-size: 1rem;
}
.md-visible {
	display: none;
}
/*** text colour ***/
.yellow {
	color: var(--yellow);
}
/*** structural ***/
header {
	width: 100%;
	padding: var(--hdr-spacing) 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #000;
}
header > section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--spacing-x2);
}
header nav {
	/* font-family: 'Montserrat', sans-serif; */
	font-weight: 400;
	font-size: clamp(1rem, 3vw, 1.25rem);
	/*text-transform: uppercase;*/
	/*letter-spacing: .05em;*/
	/*margin:0 var(--hdr-spacing);*/
	/*margin: auto -0.75em;*/
}
header nav a, header nav a:visited, header nav a:focus {
	color: #fff;
	text-decoration: none;
	margin: 0.75em;
}
header nav a:hover {
	color: var(--yellow);
	text-decoration: underline;
}
.fw {
	width: 100%;
}
.cw-max {
	width: 100%;
	max-width: 1640px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.cw {
	/** content width **/
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	/*padding: 0 12px;*/
	display: flex;
	flex-wrap: wrap;
}
.tw {
	max-width: 880px;
	margin: 0 auto;
}
.col {
	padding: 12px;
}
.grid {
	display: flex;
	/* width: 100%; */
	flex-wrap: wrap;
	/* margin: -16px; */
}
.grid .flex-item {
	padding: 12px;
	display: block;
}
.grid .flex-item > img {
	width: 100%;
	display: block;
}
/* offset grid */
.v-offset {
	padding-top: 48px;
}
.v-offset > div:nth-child(odd) {
	margin-top: -48px;
}
/* define feature buckets */
/* the container for 1 or more screengrabs */
.screens {
	position: relative;
	margin: 3rem 0;
}
/* large / desktop */
.screens > .dt {

}
/* small / mobile overlay */
.screens > .xl {

}
/* screengrab styling */
.xs-sg {
	border-radius: var(--border-radius-larger);
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}
/* utils for positioning and alignment */

/*** util ***/
/* flexbox */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.flex-grow {
	flex-grow:1;
}
.flex-center {
	align-items: center;
}
.justify-content-center {
	justify-content: center;
}
/* var widths on items */
.text-max {
	max-width: 880px;
}
.w-100 {
	width: 100%;
	min-width: 100%;
}
.w-80 {
	width: 80%;
	min-width: 80%;
}
.w-75 {
	width: 75%;
	min-width: 75%;
}
.w-62_5 {
	width: 62.5%;
	min-width: 62.5%;
}
.w-50 {
	width: 50%;
	min-width: 50%;
}
.w-40 {
	width: 40%;
	min-width: 40%;
}
.w-37_5 {
	width: 37.5%;
	min-width: 37.5%;
}
.w-33_3 {
	width: 33.3333%;
	min-width: 33.3333%;
	max-width: 33.3333%;
}
.w-20 {
	width: 20%;
	min-width: 20%;
}
.w-25 {
	width: 25%;
	min-width: 25%;
}
.w-10 {
	width: 10%;
	min-width: 10%;
}
/* font styles */
.fw-light {
	font-weight: 300;
}
/* features */
.flex-cont {
	padding: 1rem;
}
.feature {
	background-color: #333;
	border-radius: 16px;
	height: 100%;
	/*padding:6rem;*/
	color: #fff;
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
	overflow: hidden;
	flex-wrap: wrap;
}
.feature p {
	color: #fff;
}
.feature .text {
	padding: 3rem;
}
.screens {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.screens > .xs-sg {
	min-width: 120px;
	width: 20vw;
	height: auto;
	max-width: 300px;
	position: relative;
	z-index: 2;
	margin: 2rem;
	border-radius: var(--border-radius-larger);
	/* box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); */
	box-shadow: 0 0 var(--spacing-x2) 0 rgb(0 0 0 / .2);
}
.screens > .dt-sg {
	width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin-top:3rem;
    margin-bottom:3rem;
    border-radius: 0 var(--border-radius-larger) var(--border-radius-larger) 0;
    /* box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); */
    /* box-shadow: 0 0 var(--spacing-x2) 0 rgb(0 0 0 / .4); */
    /* background: linear-gradient(180deg, transparent, black); */
}
.screens > .dt-sg img {
	height: 100%;
	float: right;
    display: block;
}
@media screen and (min-width:1170px) {
	/* full width feature */
	.dt-w-100 > .feature {
		align-items: flex-start;
 	}
 	.dt-w-100 > .feature .screens-cont {
 		order: 2;
 	}
 	.dt-w-100 > .feature .text {
 		order: 1;
 		padding: 6rem;
 	}
 	.dt-w-100 > .feature .screens {
 		align-items: flex-start;
 		justify-content: flex-start;
 	}
 	.dt-w-100 > .feature .screens > .dt-sg {
 		border-radius:  var(--border-radius-larger) 0 0 var(--border-radius-larger);
 		box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
 	}
 	.dt-w-100 > .feature .screens > .dt-sg > img {
 		float: left;
 	}
 	/* 50% grid items (stacked) */
 	.dt-w-50 > .feature {
 		flex-direction: column;
 	}
 	.dt-w-50 > .feature .screens {
 		margin: 0 2rem;
 		margin-left: 0;
 	}
 	.dt-w-50 > .feature .screens > .xs-sg {
 		max-width: 180px;
 	}
 	.dt-w-50 > .feature .screens > .dt-sg {
 		box-shadow: none;
 	}
 	.dt-w-50 > .feature .screens > .dt-sg > img {
 		border-radius:  0 var(--border-radius-larger) var(--border-radius-larger) 0;
 		box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
 		float: left;
 	}
}
/* re-ordering utils */
@media screen and (min-width:1170px) {
	.dt-order-1 {
		order: 1;
	}
	.dt-order-2 {
		order: 2;
	}
}
/* SM col utils */
@media screen and (min-width:768px) {
	.md-visible {
		display: block;
	}
	.md-w-100 {
		width: 100%;
		min-width: 100%;
	}
	.md-w-80 {
		width: 80%;
		min-width: 80%;
	}
	.md-w-75 {
		width: 75%;
		min-width: 75%;
	}
	.md-w-62_5 {
		width: 62.5%;
		min-width: 62.5%;
		max-width: 62.5%;
	}
	.md-w-60 {
		width: 60%;
		min-width: 60%;
		max-width: 60%;
	}
	.md-w-56_25 {
		width: 56.25%;
		min-width: 56.25%;
		max-width: 56.25%;
	}
	.md-w-50 {
		width: 50%;
		min-width: 50%;
		max-width: 50%;
	}
	.md-w-43_75 {
		width: 43.75%;
		min-width: 43.75%;
		max-width: 43.75%;
	}
	.md-w-40 {
		width: 40%;
		min-width: 40%;
		max-width: 40%;
	}
	.md-w-37_5 {
		width: 37.5%;
		min-width: 37.5%;
		min-width: 37.5%;
	}
	.md-w-33_3 {
		width: 33.3333%;
		min-width: 33.3333%;
		min-width: 33.3333%;
	}
	.md-w-25 {
		width: 25%;
		min-width: 25%;
	}
	.md-w-20 {
		width: 20%;
		min-width: 20%;
	}
	.md-w-12_5 {
		width: 12.5%;
		min-width: 12.5%;
	}
	.md-w-10 {
		width: 10%;
		min-width: 10%;
	}

}
/* col utils */
@media screen and (min-width:1170px) {
	.dt-w-100 {
		width: 100%;
		min-width: 100%;
	}
	.dt-w-80 {
		width: 80%;
		min-width: 80%;
	}
	.dt-w-75 {
		width: 75%;
		min-width: 75%;
	}
	.dt-w-62_5 {
		width: 62.5%;
		min-width: 62.5%;
		max-width: 62.5%;
	}
	.dt-w-60 {
		width: 60%;
		min-width: 60%;
		max-width: 60%;
	}
	.dt-w-56_25 {
		width: 56.25%;
		min-width: 56.25%;
		max-width: 56.25%;
	}
	.dt-w-50 {
		width: 50%;
		min-width: 50%;
		max-width: 50%;
	}
	.dt-w-43_75 {
		width: 43.75%;
		min-width: 43.75%;
		max-width: 43.75%;
	}
	.dt-w-40 {
		width: 40%;
		min-width: 40%;
		max-width: 40%;
	}
	.dt-w-37_5 {
		width: 37.5%;
		min-width: 37.5%;
		min-width: 37.5%;
	}
	.dt-w-33_3 {
		width: 33.3333%;
		min-width: 33.3333%;
		min-width: 33.3333%;
	}
	.dt-w-25 {
		width: 25%;
		min-width: 25%;
	}
	.dt-w-20 {
		width: 20%;
		min-width: 20%;
	}
	.dt-w-12_5 {
		width: 12.5%;
		min-width: 12.5%;
	}
	.dt-w-10 {
		width: 10%;
		min-width: 10%;
	}
	.grid > div.dt-w-100 {
		width: 100%;
	}

}
/********* columns, padding, verticals *********/
.h-pad-dyn {
	padding-left: var(--spacing);
	padding-right: var(--spacing);
}
.margin-dyn {
	margin: var(--spacing);
}
.v-margin-dyn {
	margin-top: var(--v-spacing);
	margin-bottom: var(--v-spacing);
}
.v-pad-dyn {
	padding-top: var(--v-spacing);
	padding-bottom: var(--v-spacing);
}
.v-pad-dyn-x2 {
	padding-top: var(--v-spacing-x2);
	padding-bottom: var(--v-spacing-x2);
}
.h-pad-dyn-x2 {
	padding-left: var(--spacing-x2);
	padding-right: var(--spacing-x2);
}

@media screen and (min-width:1170px) {
	.dt-h-pad-right-0 {
		padding-right: 0;
	}
	.dt-h-pad-left-0 {
		padding-left: 0;
	}
}
/** override **/
.h-pad-right-0 {
	padding-right: 0;
}
.h-pad-left-0 {
	padding-left: 0;
}
.v-pad-0 {
	padding-top: 0;
	padding-bottom: 0;
}
.v-pad-top-0 {
	padding-top: 0;
}
.v-pad-bottom-0 {
	padding-bottom: 0;
}
.v-margin-0 {
	margin-top: 0;
	margin-bottom: 0;
}
.margin-top-0 {
	margin-top: 0;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
/****** backgrounds *****/
.lightest-grad-bg {
	background: var(--lightest-grad-bg);
}
.dark-bg {
	background-color: var(--dark-bg-color);
}
.light-grey-bg {
	background-color: var(--light-grey-bg);
}
.mid-grey-bg {
	background-color: var(--mid-grey-bg);
}
.dark-grey-bg {
	background-color: var(--dark-grey-bg);
}
.dark-bg-gradient {
	background: var(--dark-bg-gradient);
}
.lightest-bg {
	background-color: #fff;
}
/****** change based on bg ******/
.dark-grey-bg, .dark-bg, .dark-bg-gradient {
	color: var(--rev-text-colour);
}
.dark-grey-bg > hr, .dark-bg > hr, .dark-bg-gradient > hr {
	background: rgb(255,251,163);
	background: linear-gradient(90deg, rgba(255,251,163,1) 0%, rgba(114,254,231,0.5) 100%);
}
/****** case study header ******/
.cs_header .screens {
	margin-top: 0;
}
.cs_header .screens > .xs-sg {
	margin: 0 var(--spacing-x2) var(--v-spacing-x2) var(--spacing-x2);
}
.cs_header .screens > .dt-sg {
	margin-bottom: 0;
	border-radius: var(--border-radius-larger) 0 0 0;
}
.cs_header .screens > .dt-sg > img {
	height: auto;
	float: left;
	display: block;
	width: 100%
}
.cs_header .screens > .dt-sg::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(165deg, transparent 80%, rgba(0,0,0,0.06));
}
.cs_header .cs-screens {
	overflow: hidden;
	align-self: flex-end;
	/* margin-top: var(--spacing); */
}
.cs_header.dark-bg-gradient {
	background: var(--dark-bg-gradient);
	color: var(--rev-text-colour);
}
/****** home page features ******/
.cs_feature {
	padding-top: var(--v-spacing);
}
.cs_feature .screens {
	margin-top: var(--v-spacing);
	justify-content: flex-start;
}
.cs_feature .cs-screens {
	padding-right:0;
}
.cs_feature .screens > .xs-sg {
	margin: 0 var(--v-spacing-x2) var(--spacing-x2) var(--spacing-x2);
	max-width: 260px;
}
.cs_feature .screens > .dt-sg {
	margin-bottom: 0;
	border-radius: 0;
}
.cs_feature .screens > .dt-sg > img {
	height: auto;
	float: left;
	display: block;
	width: 100%
}
.cs_feature .cs-screens {
	overflow: hidden;
}
.cs_feature a.button {
	width:100%;
}
.cs_feature .text-cont a :not(a.button,.yellow) {
	color: #FFFFFF;
}
@media screen and (min-width:429px) {
	.cs_feature a.button {
		width: auto;
	}
	.cs_feature .cs-screens {
		padding-right:var(--spacing-x2);
	}
	.cs_feature .screens > .dt-sg {
		border-radius: 0 var(--border-radius-larger) var(--border-radius-larger) 0;
	}
}
@media screen and (min-width:1170px) {
	.cs_feature .cs-screens {
		padding-right:0;
	}
	.cs_feature .screens > .dt-sg {
		border-radius: 0 var(--border-radius-larger) 0 0;
	}
}
/** profile **/
.profile-header {
	display: flex;
	align-items: center;
}
.profile-header p {
	font-size: 0.875rem;
	margin: 0;
	margin-left: 1rem;
}
#sidebar .profile-header-cont {
	display: flex;
	flex-direction: column;
	/* padding-bottom: 2rem;
	border-bottom: 1px solid #999999;*/
	margin: -1rem;
	padding: 1rem;
	border-radius: 0.25rem;
	/* background: linear-gradient(90deg, var(--yellow) 50%, white 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	transition: background-position 0.5s ease;*/
}
#sidebar .profile-header-cont:hover {
	/* background-position: 0 0; */
	/* background-color: var(--yellow); */
}
#sidebar .profile-header-cont .bio-cont {
	flex-grow: 1;
	transition: all 2s ease;
}
#sidebar .profile-header-cont p.bio {
	font-size: 1rem;
	margin-top: 1rem;
	margin-bottom: 0;
}
#sidebar .profile-header-cont:hover p.bio {
}
/****** sidebar summary related *****/
.small-headings {}
.small-headings > div {
	width: 100%;
	/* max-width: 200px; */
}
.small-headings h4 {
	font-size: 1rem;
	margin-bottom: 0.5rem;
	margin-top: 0;
}
.small-headings p {
	font-size: 1rem;
	margin-top: 0;
	margin-bottom: calc(1.5rem - 0.25em);
}
.small-headings .sidebar-section {
	border-top: 1px solid rgba(0,0,0,0.2);
	padding-top: 1.5rem;
}
/****** sidebar ******/
#content-container {
	flex-direction: column;
}
#sidebar {
	display: none;
	background-color: #fff;
	/* flex-basis: 280px; */
	width: 16rem;
	min-width: 16rem;
}
#sidebar > .sidebar-content {
	padding: 2rem;
	width: 100%;
}
#sidebar > .sidebar-content .featured-projects a {
	transition: background-color 0.5s ease;
}
#sidebar > .sidebar-content .featured-projects a:hover {
	background-color: var(--yellow);
}
#sidebar > .sidebar-content .small-headings {
	margin-top: 2rem;
}
#sidebar > .sidebar-content .featured-projects a {
	display: block;
	margin: 0.1em -1rem;
	padding: 0.25em 1rem;
	padding-right: 2rem;
	border-radius: 0.25rem;
	position: relative;
	overflow-x: hidden;
}
#sidebar > .sidebar-content .featured-projects a > span:after {
	content:'\2192';
	display: block;
	height: 100%;
	width: 2em;
	position: absolute;
	left: 100%;
	top: 0;
	transition: transform 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#sidebar > .sidebar-content a:hover > span:after {
	transform: translate(-100%,0);
}
@media screen and (min-width:1686px) {
	#sidebar {
		display: flex;
		order: 1;
	}
	#main-content {
		order: 2;
	}
	header .profile-header {
		visibility: hidden;
	}
	#content-container {
		flex-direction: row;
	}
	#sidebar > .sidebar-content {
		position: sticky;
		top: 0;
		height: 100vh;
		border-right: 1px solid rgba(0,0,0,0.1);
		/* white-space: nowrap; */
	}
}
/****** grids *****/
.grid {
	margin: var(--grid-margin-larger);
}
.grid .grid-item {
	padding: var(--grid-spacing-larger);
}
.grid .grid-item > img {
	width: 100%;
	height: auto;
	display: block;
}
.wf-grid {
	margin: var(--grid-margin);
}
.wf-grid .grid-item {
	padding: var(--grid-spacing);
}
.wf-grid .grid-item > img {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid #000;
	border-radius: var(--border-radius);
}
.vis-grid {
	margin: var(--grid-margin-larger);
}
.vis-grid .grid-item {
	padding: var(--grid-spacing-larger);
}
.vis-grid .grid-item > img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: var(--border-radius-larger);
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1);
}
/***** bio page *****/
@media screen and (min-width:768px) {
	.bio-bg {
		background-image: url('images/bio/bio-background.png');
		background-size: auto 600px;
		background-repeat: no-repeat;
		background-position: calc(40% - 600px) 0;
	}
}
/***** overrides - last *****/
.box-shadow-none {
	box-shadow: none !important;
}
.border-radius-none {
	border-radius: none !important;
}