.gbhts-slider,
.gbhts-slider * {
	box-sizing: border-box;
}

.gbhts-slider {
	--gbhts-speed: 700ms;
	position: relative;
	width: 100%;
	height: var(--gbhts-height-desktop, 88vh);
	min-height: 0;
	overflow: hidden;
	background: #111;
	isolation: isolate;
}

.gbhts-track {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.gbhts-slide {
	position: absolute;
	inset: 0;
	display: flex;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--gbhts-speed) ease, visibility var(--gbhts-speed) ease, transform var(--gbhts-speed) cubic-bezier(.2,.7,.2,1);
}

.gbhts-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2;
}

.gbhts-transition-slide .gbhts-slide {
	transform: translateX(5%);
}

.gbhts-transition-slide .gbhts-slide.is-active {
	transform: translateX(0);
}

.gbhts-slide-media,
.gbhts-slide-media picture,
.gbhts-slide-media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.gbhts-slide-media img {
	object-fit: cover;
	object-position: center center;
	transform: scale(1.02);
	transition: transform calc(var(--gbhts-speed) * 1.8) ease;
}

.gbhts-slide.is-active .gbhts-slide-media img {
	transform: scale(1);
}

.gbhts-slide-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.4) 42%, rgba(0,0,0,.25) 100%);
	opacity: .52;
}

.gbhts-content {
	position: relative;
	z-index: 2;
	display: flex;
	width: 100%;
	padding: 55px 55px 125px 95px;
}

.gbhts-content-inner {
	width: 100%;
	max-width: 520px;
}

.gbhts-position-top-left .gbhts-content { align-items: flex-start; justify-content: flex-start; }
.gbhts-position-top-center .gbhts-content { align-items: flex-start; justify-content: center; }
.gbhts-position-top-right .gbhts-content { align-items: flex-start; justify-content: flex-end; }
.gbhts-position-middle-left .gbhts-content { align-items: center; justify-content: flex-start; }
.gbhts-position-middle-center .gbhts-content { align-items: center; justify-content: center; }
.gbhts-position-middle-right .gbhts-content { align-items: center; justify-content: flex-end; }
.gbhts-position-bottom-left .gbhts-content { align-items: flex-end; justify-content: flex-start; }
.gbhts-position-bottom-center .gbhts-content { align-items: flex-end; justify-content: center; }
.gbhts-position-bottom-right .gbhts-content { align-items: flex-end; justify-content: flex-end; }

.gbhts-align-left .gbhts-content-inner { text-align: left; }
.gbhts-align-center .gbhts-content-inner { text-align: center; }
.gbhts-align-right .gbhts-content-inner { text-align: right; }

.gbhts-eyebrow {
	margin: 0 0 28px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .32em;
	line-height: 1.2;
	text-transform: uppercase;
}

.gbhts-title {
	margin: 0 0 58px;
	color: #fff;
	font-size: clamp(54px, 6vw, 104px);
	font-weight: 700;
	letter-spacing: .02em;
	line-height: .94;
	text-transform: uppercase;
}

.gbhts-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	padding: 18px 28px;
	border: 1px solid rgba(255,255,255,.55);
	background: rgba(40,40,40,.35);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease;
}

.gbhts-button:hover,
.gbhts-button:focus-visible {
	background: #fff;
	color: #111;
	border-color: #fff;
}

.gbhts-button svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.gbhts-navigation {
	position: absolute;
	z-index: 5;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	width: min(100%, 1110px);
	min-height: 98px;
	background: #fff;
}

.gbhts-arrows {
	display: flex;
	align-items: stretch;
	margin-left: auto;
}

.gbhts-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	min-height: 98px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: rgba(25,25,25,.72);
	color: #fff;
	cursor: pointer;
	transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}

.gbhts-arrow + .gbhts-arrow {
	border-left: 1px solid rgba(255,255,255,.14);
}

.gbhts-arrow:hover,
.gbhts-arrow:focus-visible {
	background: #111;
	color: #fff;
}

.gbhts-arrow:disabled {
	opacity: .35;
	cursor: not-allowed;
}

.gbhts-arrow svg {
	width: 26px;
	height: 26px;
}

.gbhts-tabs {
	display: flex;
	align-items: stretch;
	overflow: hidden;
}

.gbhts-tab {
	display: flex;
	flex: 0 0 325px;
	min-width: 325px;
	min-height: 98px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 18px 34px 15px;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: #303030;
	text-align: left;
	cursor: pointer;
	transition: color 220ms ease, background-color 220ms ease;
}

.gbhts-tab + .gbhts-tab {
	border-left: 1px solid #e5e5e5;
}

.gbhts-tab:hover:not(.is-active),
.gbhts-tab:focus-visible:not(.is-active) {
	background: #f1f1f1;
	color: #303030;
}

.gbhts-tab.is-active,
.gbhts-tab.is-active:hover,
.gbhts-tab.is-active:focus-visible {
	background: #fff;
	color: #c4b79c;
}

.gbhts-tab-number {
	display: block;
	margin-bottom: 3px;
	font-size: 31px;
	font-weight: 400;
	line-height: 1;
}

.gbhts-tab-title {
	display: block;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.12;
}

@media (max-width: 1024px) {
	.gbhts-slider {
		height: var(--gbhts-height-tablet, 720px);
	}

	.gbhts-navigation {
		width: 100%;
	}

	.gbhts-tab {
		flex-basis: 240px;
		min-width: 240px;
	}

	.gbhts-title {
		font-size: clamp(48px, 8vw, 82px);
	}
}

@media (max-width: 767px) {
	.gbhts-slider {
		height: var(--gbhts-height-mobile, 640px);
		min-height: 0;
	}

	.gbhts-content {
		padding: 48px 24px 170px;
	}

	.gbhts-content-inner {
		max-width: 100%;
	}

	.gbhts-eyebrow {
		margin-bottom: 18px;
		font-size: 12px;
		letter-spacing: .22em;
	}

	.gbhts-title {
		margin-bottom: 34px;
		font-size: clamp(42px, 15vw, 66px);
		line-height: .98;
	}

	.gbhts-navigation {
		left: 0;
		right: 0;
		width: 100%;
		min-height: 104px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	.gbhts-navigation::-webkit-scrollbar {
		display: none;
	}

	.gbhts-arrows {
		position: sticky;
		left: 0;
		z-index: 2;
		flex: 0 0 auto;
	}

	.gbhts-arrow {
		width: 54px;
		min-height: 104px;
	}

	.gbhts-tabs {
		overflow: visible;
	}

	.gbhts-tab {
		flex-basis: 190px;
		min-width: 190px;
		min-height: 104px;
		padding: 16px 20px;
	}

	.gbhts-tab-number {
		font-size: 24px;
	}

	.gbhts-tab-title {
		font-size: 15px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gbhts-slide,
	.gbhts-slide-media img,
	.gbhts-button,
	.gbhts-tab,
	.gbhts-arrow {
		transition: none !important;
	}
}
