






.gsph-homepage{
	--dtms-brand:#F5A800;
	--dtms-brand-dark:#C58A00;
	--dtms-neutral-100:#f5f5f4;
	--dtms-neutral-700:#2b2b2b;
	--dtms-warm-200:#e9e4dc;
	--dtms-motion:cubic-bezier(.5,1,.89,1);
}

.dtms-root,
.dtms-root *{
	box-sizing:border-box;
}

.dtms-root{
	width:100%;
	overflow:hidden;
	color:#222;
	background:#fff;
}

.dtms-root img{
	display:block;
	max-width:100%;
}

.dtms-root h2,
.dtms-root p{
	margin-top:0;
}



.dtms-intro{
	position:relative;
	z-index:100;
	height:100%;
	padding:3.332vw 24px 8px;
	background:var(--dtms-neutral-100);
}

.dtms-intro-inner{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.dtms-eyebrow{
	width:100%;
	margin:0 0 8px!important;
	text-align:center;
	font-family:"Roboto Condensed",Arial,sans-serif!important;
	font-size:14px!important;
	line-height:1.2!important;
	font-weight:700!important;
	letter-spacing:.08em!important;
	text-transform:uppercase!important;
	color:#333!important;
}

.dtms-intro h2{
	margin:24px 0!important;
	padding:0!important;
	text-align:center!important;
	font-family:"Teko",'Arial Narrow',sans-serif!important;
	font-size:clamp(42px,4vw,64px)!important;
	line-height:.98!important;
	font-weight:700!important;
	letter-spacing:.005em!important;
	text-transform:uppercase!important;
	color:#2d2d2d!important;
}

.dtms-divider{
	width:48px;
	height:4px;
	margin:0 0 24px;
	background:var(--dtms-brand);
	border:0;
}

.dtms-divider-center{
	margin-left:auto;
	margin-right:auto;
}

.dtms-intro-copy{
	max-width:45ch;
	margin:0 auto 16px!important;
	text-align:center;
	font-family:"Roboto Condensed",Arial,sans-serif!important;
	font-size:20px!important;
	line-height:1.5!important;
	font-weight:400!important;
	color:#404040!important;
}



.dtms-slider-section{
	position:relative;
	z-index:100;
	height:100%;
	padding:24px;
	background:var(--dtms-neutral-100);
}

.dtms-callout-group{
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
}

.dtms-callout-card{
	position:relative;
	display:flex;
	flex-direction:column;
	height:85vh;
	min-height:500px;
	max-height:800px;
	margin:0 0 24px;
	overflow:hidden;
	background:#1d1d1d;
	outline:none;
	transition-property:all;
	transition-duration:.7s;
	transition-timing-function:var(--dtms-motion);
}

.dtms-callout-card:focus-visible{
	outline:4px solid var(--dtms-brand);
	outline-offset:-4px;
}

.dtms-image-wrap{
	width:100%;
	height:100%;
	overflow:hidden;
}

.dtms-image-wrap img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:left center;
	overflow:hidden;
}

.dtms-callout-gradient{
	position:absolute;
	z-index:10;
	inset:0;
	background-image:linear-gradient(0deg,rgba(0,0,0,.75) 35%,rgba(0,0,0,0) 95%);
}

.dtms-callout-content{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:.5px;
	bottom:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:24px;
	color:#fff;
	opacity:0;
	transform:translateY(0);
	transition-property:all;
	transition-duration:.7s;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
}

.dtms-callout-content h2{
	margin:24px 0!important;
	padding:0!important;
	font-family:"Teko",'Arial Narrow',sans-serif!important;
	font-size:clamp(42px,4.4vw,70px)!important;
	line-height:.95!important;
	font-weight:700!important;
	text-transform:uppercase!important;
	text-align:left!important;
	color:#fff!important;
}

.dtms-bottom-content{
	max-width:350px;
	opacity:1;
	transition-property:opacity;
	transition-duration:.15s;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
}

.dtms-bottom-content p{
	width:320px;
	max-width:100%;
	margin:0 0 16px!important;
	font-family:"Roboto Condensed",Arial,sans-serif!important;
	font-size:17px!important;
	line-height:1.5!important;
	font-weight:400!important;
	text-align:left!important;
	color:#fff!important;
}

.dtms-callout-card.is-in-view .dtms-callout-content{
	opacity:1;
}



.dtms-callout-grid{
	position:relative;
	padding:24px;
	background-color:var(--dtms-warm-200);
	background-image:
		radial-gradient(circle at 10% 20%,rgba(0,0,0,.04) 0 1px,transparent 1.5px),
		radial-gradient(circle at 80% 60%,rgba(255,255,255,.32) 0 1px,transparent 1.5px);
	background-size:22px 22px,28px 28px;
	background-attachment:fixed;
}

.dtms-callout-grid ul{
	display:grid;
	grid-template-columns:1fr;
	align-items:stretch;
	gap:24px;
	list-style:none!important;
	margin:0!important;
	padding:0!important;
}

.dtms-callout-grid li{
	display:grid;
	width:100%;
	max-width:100%;
	height:100%;
	aspect-ratio:5/8;
	overflow:hidden;
}

.dtms-grid-card{
	position:relative;
	display:grid;
	width:100%;
	height:100%;
	overflow:hidden;
	background:#1d1d1d;
}

.dtms-grid-card>img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}

.dtms-grid-shade{
	position:absolute;
	inset:0;
	z-index:1;
	background:rgba(0,0,0,.55);
}

.dtms-grid-content{
	position:relative;
	z-index:10;
	display:flex;
	flex:1;
	flex-direction:column;
	justify-content:center;
	height:100%;
	padding:24px;
	color:#fff;
}

.dtms-grid-copy{
	max-width:100%;
}

.dtms-grid-card-right .dtms-grid-content{
	align-items:flex-end;
	text-align:right;
}

.dtms-grid-card-left .dtms-grid-content{
	align-items:flex-start;
	text-align:left;
}

.dtms-grid-eyebrow{
	width:100%;
	margin:0 0 8px!important;
	font-family:"Roboto Condensed",Arial,sans-serif!important;
	font-size:14px!important;
	line-height:1.2!important;
	font-weight:700!important;
	text-transform:uppercase!important;
	color:#fff!important;
}

.dtms-grid-card-right .dtms-grid-eyebrow,
.dtms-grid-card-right h2,
.dtms-grid-card-right .dtms-grid-description{
	text-align:right!important;
	margin-left:auto!important;
}

.dtms-grid-card-left .dtms-grid-eyebrow,
.dtms-grid-card-left h2,
.dtms-grid-card-left .dtms-grid-description{
	text-align:left!important;
	margin-right:auto!important;
}

.dtms-grid-card h2{
	margin:24px 0!important;
	padding:0!important;
	font-family:"Teko",'Arial Narrow',sans-serif!important;
	font-size:clamp(38px,3.3vw,54px)!important;
	line-height:.98!important;
	font-weight:700!important;
	text-transform:uppercase!important;
	color:#fff!important;
}

.dtms-grid-card-right .dtms-divider{
	margin-left:auto;
}

.dtms-grid-description{
	max-width:45ch;
	margin-top:0!important;
	margin-bottom:24px!important;
	font-family:"Roboto Condensed",Arial,sans-serif!important;
	font-size:17px!important;
	line-height:1.5!important;
	color:#fff!important;
}

.dtms-grid-button,
.dtms-grid-button:visited{
	display:inline-block;
	width:fit-content;
	padding:12px 40px;
	border:2px solid #fff;
	border-radius:4px;
	background:transparent;
	color:#fff!important;
	font-family:"Roboto Condensed",Arial,sans-serif!important;
	font-size:14px!important;
	line-height:1!important;
	font-weight:700!important;
	letter-spacing:.06em;
	text-decoration:none!important;
	text-transform:uppercase;
	transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}

.dtms-grid-button:hover{
	background:#fff;
	border-color:#fff;
	color:#242424!important;
}



@media(min-width:768px){
	.dtms-intro,
	.dtms-slider-section{
		padding-left:48px;
		padding-right:48px;
	}

	.dtms-callout-content h2{
		padding-bottom:48px!important;
	}

	.dtms-bottom-content p{
		width:auto;
		max-width:350px;
	}

	.dtms-callout-grid{
		padding:48px;
	}

	.dtms-grid-copy{
		max-width:80%;
	}
}

@media(min-width:1024px){
	.dtms-callout-group{
		flex-direction:row;
	}

	.dtms-callout-card{
		width:33.33%;
		padding-left:.8vw;
		padding-right:.8vw;
		margin-bottom:0;
		flex-shrink:1;
	}

	.dtms-callout-card:hover{
		width:85vh;
		flex-shrink:0;
	}

	.dtms-callout-gradient{
		left:.8vw;
		right:.8vw;
		background-image:linear-gradient(0deg,rgba(0,0,0,.75) 50%,rgba(0,0,0,0) 95%);
	}

	.dtms-callout-content{
		margin-left:.8vw;
		margin-right:.8vw;
		padding-bottom:56px;
		opacity:1;
		transform:translateY(var(--dtms-hide-y,0px));
	}

	.dtms-callout-group:hover .dtms-callout-content{
		opacity:0;
	}

	.dtms-callout-group:hover .dtms-callout-card:hover .dtms-callout-content{
		opacity:1;
		transform:translateY(0)!important;
		transition-duration:.7s;
		transition-timing-function:cubic-bezier(.4,0,.2,1);
	}

	.dtms-callout-card:focus-visible .dtms-callout-content{
		opacity:1;
	}

	.dtms-callout-card:hover .dtms-bottom-content{
		opacity:1;
		transition-duration:.7s;
		transition-timing-function:cubic-bezier(.4,0,1,1);
	}

	.dtms-callout-grid ul{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.dtms-callout-grid li{
		max-height:560px;
		width:100%;
	}

	.dtms-grid-content{
		padding:64px;
	}
}

@media(min-width:1440px){
	.dtms-callout-gradient{
		background-image:linear-gradient(0deg,rgba(0,0,0,.75) 35%,rgba(0,0,0,0) 85%);
	}

	.dtms-callout-content{
		padding:56px;
	}
}

@media(prefers-reduced-motion:reduce){
	.dtms-callout-card{
		transition:none!important;
	}

	.dtms-callout-card:hover{
		width:33.33%;
		flex-shrink:1;
	}

	.dtms-callout-content{
		transform:none!important;
		transition:none!important;
		opacity:1!important;
	}

	.dtms-bottom-content{
		transition:none!important;
	}
}


.dtms-root{font-family:"Roboto Condensed",Arial,sans-serif}
.dtms-intro{padding:68px 24px 30px}
.dtms-eyebrow{color:#F5A800!important;letter-spacing:.16em!important;font-size:12px!important}
.dtms-intro h2{font-size:clamp(50px,4.4vw,68px)!important;line-height:.88!important;letter-spacing:-.01em!important;margin:18px 0 20px!important}
.dtms-intro-copy{font-size:18px!important;line-height:1.55!important;max-width:52ch}
.dtms-slider-section{padding:0 24px 64px}
.dtms-callout-card{border-radius:16px}
.dtms-callout-content h2{font-size:clamp(48px,4.4vw,68px)!important;line-height:.9!important;letter-spacing:-.01em!important}
.dtms-grid-card{border-radius:16px}
.dtms-callout-grid{padding:64px 48px}
.dtms-grid-card h2{font-size:clamp(42px,3.6vw,56px)!important;line-height:.92!important;letter-spacing:-.01em!important}
.dtms-grid-button,.dtms-grid-button:visited{min-height:48px;display:inline-flex;align-items:center;padding:0 28px;border-radius:7px;font-size:13px!important;letter-spacing:.08em}
@media(max-width:1023px){
 .dtms-intro{padding:58px 24px 26px}
 .dtms-slider-section{padding-bottom:54px}
 .dtms-callout-card{border-radius:14px}
 .dtms-callout-grid{padding:52px 32px}
}
@media(max-width:767px){
 .dtms-intro{padding:48px 18px 24px}
 .dtms-intro h2{font-size:44px!important}
 .dtms-intro-copy{font-size:16px!important}
 .dtms-slider-section{padding:0 15px 48px}
 .dtms-callout-card{border-radius:12px;margin-bottom:15px}
 .dtms-callout-grid{padding:44px 15px}
 .dtms-callout-grid ul{gap:15px}
 .dtms-grid-card{border-radius:12px}
}

@media(max-width:430px){
 .dtms-intro h2{font-size:36px!important;line-height:.94!important;max-width:340px;margin-left:auto!important;margin-right:auto!important}
}

.gsph-homepage .dtms-root{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box}
