:root {
	--border-curve: 20px;
	--darkgrey: #1b1b1b;
	--black: #000000;
	--white: #ffffff;
	--video-card-poster-alpha: 0.45;
	--video-card-poster-shadow: 0.5;
	--grayscale-percent: 90%;

	--gradient-start: #3b82f6;
	/* Blue */
	--gradient-mid: #ec4899;
	/* Pink */
	--gradient-end: #f59e0b;
	/* Amber/Yellow */
}

* {
	box-sizing: inherit;
}

html {
	/* box-sizing: border-box; */
	/* max-width: 70ch; */
	/* margin: auto; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.h2-arvo {
	font-size: 1rem;
	font-family: "Arvo", serif;
	font-weight: 100;
	font-style: normal;
}

img {
	/* max-width: 100%;
	height: auto; */
}

a:link {
	color: var(--white);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: var(--white);
}


/* Basic reset and font */
body {
	display: flex;
	/* Align to top to prevent vertical centering issues */
	justify-content: center;
	align-items: flex-start;
	/* min-height: 100vh; */
	background-color: var(--white);
	/* Include padding in element's total width and height */
	padding: 20px;
	box-sizing: border-box;
	/* Prevent horizontal scrollbar from viewport expansion */
	/* overflow-x: hidden; */
}

p {
	font-size: 0.84rem;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-optical-sizing: auto;
}

.p-body-arvo {
		font-size: 0.82rem;
		font-family: "Arvo", serif;
		font-optical-sizing: auto;
		font-weight: 100;
		font-style: normal;
		font-optical-sizing: auto;
}

.p-contact-info {
	font-size: 0.9rem;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	line-height: 1.38;
}

.p-panel-body {
	font-size: 0.8rem;
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}


/* Spacer */
.spacer {
	margin-bottom: 40%;
}

/* Model */
model-viewer {
	width: 100%;
	height: 43rem;
}

.model {
	height: 100%;
	width: auto;
}



/* Container wrappers for flex layout */
.container-wrapper {
	display: flex;
	flex: auto;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: right;
	align-items: auto;
	align-content: start;
	/* gap: 26px; */
}

.main-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: var(--white);
	padding: 20px 20px 0px 20px;
	background-color: var(--darkgrey);
	border-radius: var(--border-curve);
	height: 800px;
}

.main-header-background {
	background-image: url("/images/backgrounds/abstract_background_06b.jpg");
	/* Specify the image path */
	background-attachment: scroll;
	background-size: cover;
	/* Optional: Adjust how the image covers the div */
	background-position: bottom;
	/* Optional: Center the image within the div */
	background-repeat: no-repeat;
	/* Optional: Prevent image from repeating */
}

.contact-info {
	padding: 20px;
	overflow: hidden;
}

.section-break-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: 0.75rem;
}

/* Hidden checkbox for the "click" effect */
.card-checkbox {
	display: none;
}

/* Styling for all expandable containers */
.expandable-card {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	background-color: var(--darkgrey);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: var(--white);
	padding: 24px;
	border-radius: var(--border-curve);
	/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
	/* Initial width is 100% of viewport minus body padding */
	width: calc(100vw - 40px);
	/* Limit max width on larger screens */
	/* max-width: 600px; */
	/* Initial fixed height for desktop to make it square */
	height: 250px;
	/* Initial collapsed height for vertical expansion */
	max-height: 250px;
	/* Prevent shrinking initially */
	flex-shrink: 0;
	/* Set cursor to default, as only icon is clickable */
	cursor: default;
	/* Hide overflow for content when collapsed */
	overflow: hidden;
	/* Updated transition to include max-height for smooth vertical expansion */
	/*transition: max-height 0.6s ease-in-out, background-image 0.6s ease-in-out;*/
	/* filter: grayscale(var(--grayscale-percent)); */
}

.expandable-card:hover {
	filter: revert;
}

/* Specific styles for headings and paragraphs within cards */
.expandable-card h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

/* Styling for expandable containers with a stroke */
.expandable-card--clean {
	background-color: var(--white);
	color: var(--darkgrey);
	border-style: solid;
	border-color: var(--white);
	border-width: 0.1rem;
	border-radius: var(--border-curve);
	filter: revert;
}

.expandable-card--basic {
	background-image: url('/images/backgrounds/abstract_background_06b.jpg');
	background-color: var(--darkgrey);
	color: var(--white);
	/* border-style: solid;
	border-color: var(--darkgrey);
	border-width: 0.1rem; */
	border-radius: var(--border-curve);
	/* filter: revert; */
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: bottom;
	background-attachment: scroll;
}


/* Specific styling for video cards */
.expandable-card--hero {
	background-color: white;
	color: var(--darkgrey);
	border-style: solid;
	border-color: white;
	border-width: 0.1rem;
	border-radius: var(--border-curve);
	filter: revert;
	z-index: 1;
}

.expandable-card--instructions {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.75)), url('/images/backgrounds/abstract_background_05b.jpg');
	background-size: cover;
	background-attachment: scroll;
}


.expandable-card--astronaut {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.95)), url('/images/backgrounds/lucybear_astronaut.jpg');
	/* Ensure text is above background */
	z-index: 1;
}

.expandable-card--astronaut:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.25)), url('/images/backgrounds/lucybear_astronaut.jpg');
	/* Ensure text is above background */
	z-index: 1;
}


.expandable-card--partnerships {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.95)), url('/images/backgrounds/high_five_cartoon.jpg');
	/* Ensure text is above background */
	z-index: 1;
}

.expandable-card--partnerships:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.25)), url('/images/backgrounds/high_five_cartoon.jpg');
	/* Ensure text is above background */
	z-index: 1;
}


.expandable-card--tldr {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.95)), url('/images/backgrounds/old-french-newspaper-top-view.jpg');
	/* Ensure text is above background */
	z-index: 1;
}

.expandable-card--tldr:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.25)), url('/images/backgrounds/old-french-newspaper-top-view.jpg');
	/* Ensure text is above background */
	z-index: 1;
}


.expandable-card--logogallery {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.95)), url('/images/cards/ld_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
}

.expandable-card--logogallery:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(27, 27, 27, 0.25)), url('/images/cards/ld_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
}


.expandable-card--video-chubb {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/chubb_usopen_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-chubb:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/chubb_usopen_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-rockies {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/rockies_card_cover.jpg');
	background-repeat: repeat;
	background-color: #340070;
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-rockies:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/rockies_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-spritedj {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/sprite_dj_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-spritedj:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/sprite_dj_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-usaaqbqr {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/usaa_qbqr_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-usaaqbqr:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/usaa_qbqr_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-dolphinsar {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/dolphins_ar_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-dolphinsar:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/dolphins_ar_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-titansar {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/titans_ar_card_cover_2.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-titansar:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/titans_ar_card_cover_2.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-dynamodashar {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/bobble_buddy_ar_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-dynamodashar:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/bobble_buddy_ar_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-columbialionssynq {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/columbia_synq_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-columbialionssynq:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/columbia_synq_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-gogosqueezgesture {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/gogo_squeez_card_cover_3.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-gogosqueezgesture:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/gogo_squeez_card_cover_3.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-capitalonegesture {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/capital_one_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-capitalonegesture:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/capital_one_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-laclippersgesture {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/la_clippers_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-laclippersgesture:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/la_clippers_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-aflacsensor {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/aflac_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-aflacsensor:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/aflac_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-cbjsensor {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/cbj_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-cbjsensor:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/cbj_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-flyerstouch {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/flyers_card_cover_2.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-flyerstouch:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/flyers_card_cover_2.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-vikingsvr {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/videos/posters/Minnesota_Vikings_VR_QB.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-vikingsvr:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/videos/posters/Minnesota_Vikings_VR_QB.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


.expandable-card--video-hisensevpkgesture {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.95)), url('/images/cards/hisense_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}

.expandable-card--video-hisensevpkgesture:hover {
	background-image: linear-gradient(rgba(0, 0, 0, var(--video-card-poster-alpha)), rgba(27, 27, 27, 0.25)), url('/images/cards/hisense_card_cover.jpg');
	/* Ensure text is above background */
	z-index: 1;
	padding: 0 0 48px 0;
}


/* Overlay to make text more readable on top of the background image */
.expandable-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* Semi-transparent black overlay */
	background-color: rgba(0, 0, 0, 0.3);
	/* Match card border-radius */
	border-radius: var(--border-curve);
	/* Place behind content */
	z-index: -1;
	/* Add transition for overlay */
	transition: background-color 0.6s ease-in-out;
}

/* State when an individual checkbox is checked (Behavior: vertical expansion) */
.card-checkbox:checked+.expandable-card {
	/* Maintain full width on expand */
	width: calc(100vw - 40px);
	/* Maintain max-width */
	max-width: 600px;
	/* Allow height to adjust to content when expanded */
	height: auto;
	/* Expand vertically to a large height */
	max-height: 1400px;
	/* Make background image disappear */
	/* background-image: none; */
	/* Allow content to be visible when expanded */
	overflow: visible;
	filter: revert;
}

.card-checkbox:checked+.expandable-card model-viewer {
	height: 400px;
}

/* Filter overlay when card is expanded */
.card-checkbox:checked+.expandable-card::before {
	/* Make overlay fully transparent */
	/* background-color: rgba(0, 0, 0, 0); */
	/* Make background image ghosted */
	background-image: linear-gradient(to top, var(--darkgrey), var(--black));
	opacity: 0.95;
	background-blend-mode: saturation;
	background-color: var(--darkgrey);
}

/* Rotate the plus icon to a minus when checked */
.card-checkbox:checked+.expandable-card .toggle-icon::after {
	/* Rotate to effectively hide the vertical bar for a minus */
	transform: rotate(90deg);
	/* Fade out the vertical bar */
	opacity: 0;
}


/* Styling for the content that should be hidden/shown */
.card-content {
	opacity: 0;
	visibility: hidden;
	/* Initially collapse content vertically */
	max-height: 0;
	/* Hide overflow when collapsed */
	/* overflow: hidden; */
	/*transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out, max-height 0.6s ease-in-out;*/
	padding-bottom: 0;
	overflow: auto;
	scrollbar-width: none;
	height: 980px;
	border-radius: var(--border-curve);
	-ms-overflow-style: none;
	-webkit-scrollbar: none;
}

/*
.card-content--overflow {
	overflow: auto;
	scrollbar-width: none;
	height: 980px;
	-ms-overflow-style: none;
	-webkit-scrollbar: none;
}*/

.card-content--overflow::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

/* When the card is checked, make its content visible */
.card-checkbox:checked+.expandable-card .card-content {
	opacity: 1;
	visibility: visible;
	/* Allow content to expand vertically (adjust as needed) */
	max-height: fit-content;
}

/* Styling for the toggle icon */
.toggle-icon {
	position: absolute;
	top: 0px;
	right: 0px;
	/*bottom: 0px;*/
	/*left: 0px;*/
	width: 40px;
	height: 40px;
	/* Slightly transparent white */
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* Cursor pointer only on the icon */
	cursor: pointer;
	/* Ensure it's above other content */
	z-index: 10;
	transition: background-color 0.3s ease;
}

.toggle-icon::before,
.toggle-icon::after {
	content: '';
	position: absolute;
	background-color: white;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.toggle-icon::before {
	width: 60%;
	height: 2px;
}

.toggle-icon::after {
	width: 2px;
	height: 60%;
}


/* Change icon background on hover */
.toggle-icon:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

/* Styling for the toggle icon on light background*/
.toggle-icon--dark {
	background-color: grey;
}

/* Change icon background on hover on light background */
.toggle-icon--dark:hover {
	background-color: rgba(128, 128, 128, 0.4);
}


/* Fonts */
.p-title {
	font-size: 1.5rem;
	padding: 0;
	margin: 0;
}

.p-title-arvo {
	font-size: 1.5rem;
	font-family: "Arvo", serif;
	font-weight: 200;
	font-style: normal;
	padding: 0;
	margin: 0;
}

.p-title-smaller {
	font-size: 1rem;
	font-optical-sizing: auto;
}

.p-instructions-special {
	font-size: 0.5rem;
	font-family: "Sixtyfour", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "BLED" 0, "SCAN" 0;
	margin-top: 4rem;
}

sup {
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	/* <weight>: Use a value from 200 to 800 */
	font-weight: 400;
	font-size: 0.7rem;
	font-style: normal;
	line-height: 1rem;
	overflow-wrap: anywhere;
}

.text-title-big-arvo {
	font-size: 10rem;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-style: normal;
	color: var(--white);
}

.text-title-small-arvo {
	font-size: 7rem;
	font-family: "Arvo", serif;
	font-weight: 400;
	font-style: normal;
}

.text-small-arvo {
	font-size: 1rem;
	font-family: "Arvo", serif;
	font-weight: 200;
	font-style: normal;
}

.text-title-big {
	font-size: 2rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.3;
}


.text-title-light {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.text-title-small {
	font-size: 1rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.text-semibold {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.text-extra-light {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.text-light {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.text-medium {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.text-bold {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.text-extra-light-italic {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 200;
	font-style: italic;
}

.text-light-italic {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.text-regular-italic {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.text-medium-italic {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.text-semibold-italic {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 600;
	font-style: italic;
}

.text-bold-italic {
	font-size: 0.8rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 700;
	font-style: italic;
}



/* Rules */
.hr-title-container {
	display: flex;
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

.hr-title-container-padded {
	display: flex;
	width: 100%;
	padding-top: 1rem;
	padding-left: 2rem;
	padding-bottom: 0.5rem;
}

.hr-title {
	text-wrap: nowrap;
}

.hr-title-rule {
	color: var(--darkgrey);
	border-color: var(--darkgrey);
	float: right;
	width: 100%;
}

.hr-thick-grey {
	border-color: var(--darkgrey);
	border-style: solid;
	border-width: 0.18rem;

}

.hr-thin-grey {
	border-color: var(--darkgrey);
	border-style: solid;
	border-width: 0.05rem;
}

.hr-thin-grey-dashed {
	border-color: var(--darkgrey);
	border-style: dotted;
	border-width: 0.05rem;
}

.hr-thin-white {
	border-color: white;
	border-style: solid;
	border-width: 0.05rem;
}

.hr-thick-white {
	border-color: white;
	border-style: solid;
	border-width: 0.18rem;

}

.hr-thin-white-dashed {
	border-color: white;
	border-style: dashed;
	border-width: 0.05rem;
}

.hr-thick-white-dashed {
	border-color: white;
	border-style: dashed;
	border-width: 0.1rem;
}


/* Logos */
.logo-card {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 3rem;
}

.logo-lockup {
	display: flex;
	width: 100%;
	align-items: center;
	margin-top: 0.3rem;
	margin-left: 0.6rem;
}

.logo-lockup img {
	width: 2.5rem;
	margin-right: 0.5rem;
}

.logo-lockup-tight {
	display: block;
	width: 6rem;
	justify-content: center;
	padding: 1rem 3rem 1rem 1rem;
	text-align: center;
}


/* Video */
video {
	background: #212526;
	background: linear-gradient(180deg, rgba(33, 37, 38, 1) 0%, rgba(97, 91, 80, 1) 100%);
	border-radius: 0 0 20px 20px;
}

video[poster] {
	/*height: "240px";
	width: "426px";*/
}

.video-card {
	width: auto;
	height: auto;
}

.video-card-title {
	color: var(--white);
	font-family: "Manrope", sans-serif;
	font-optical-sizing: auto;
	/* <weight>: Use a value from 200 to 800 */
	font-weight: 700;
	font-size: 0.8rem;
	font-style: normal;
	padding: 0.5rem 0rem 0.5rem 1rem;
	text-wrap: wrap;
}

.video-card-padding-header {
	padding: 24px;
}

.video-card-padding-body {
	padding: 0px 24px 24px 24px;
}


/* Contact Card */
.contact-card-wrapper {
	display: flex;
	justify-content: center;
	color: var(--white);
	padding: 0.8rem;
	width: calc(100vw - 40px);
	max-height: fit-content;
	margin-top: 24px;
}



/* Client icon */
.client-icon {
	display: flex;
	justify-content: left;
	margin: 24px 0px 24px 0px;
}



/* XP */
.xp-container {
	display: flex;
	flex: auto;
	position: relative;
	min-width: 100%;
	height: 1.55rem;
	/* background-color: var(--darkgrey); */
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	padding: 20px;
}

.xp-text {
	color: var(--white);
	font-size: 4rem;
}

.yearsHoursLarge {
	color: var(--white);
	font-size: 4rem;
}

.yearsHoursSmall {
	color: var(--white);
	font-size: 1rem;
}


/* Ticker */
/* (A) FORCE ALL ITEMS INTO SINGLE ROW */
.hmove {
	display: flex;
	flex: auto;
	align-items: center;
}

.hitem {
	flex-shrink: 0;
	margin: 0 0.5rem 0 0.5rem;
	font-size: 0.75rem;
	font-family: "Bai Jamjuree", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.hwrap {
	overflow: hidden;
}

/* (B) MOVE ITEMS FROM RIGHT TO LEFT */
/* first item = 0, fourth item = -300% */
@keyframes tickerh {
	0% {
		transform: translatex(100%);
	}

	100% {
		transform: translatex(-200%);
	}
}

.hmove {
	animation: tickerh linear 20s infinite;
}

.hmove:hover {
	animation-play-state: paused;
}


/* Popout */
.popout {
	margin-bottom: -5rem;
}