@layer fonts, settings, elements, layouts, styles, components, objects, editing, animations, overrides;

@layer fonts {
	@font-face {
		font-family: "Lato";
		src: url("/style/fonts/Lato-Regular.ttf") format('truetype');
		font-style: normal;
		font-weight: 400;
	}

	@font-face {
		font-family: "Lato";
		src: url("/style/fonts/Lato-Light.ttf") format('truetype');
		font-style: normal;
		font-weight: 300;
	}

	@font-face {
		font-family: "Lato";
		src: url("/style/fonts/Lato-Bold.ttf") format('truetype');
		font-weight: 700;
	}

	@font-face {
		font-family: "Lato";
		src: url("/style/fonts/Lato-Italic.ttf") format('truetype');
		font-style: italic;
	}

	@font-face {
		font-family: "Fanwood Text";
		src: url("/style/fonts/FanwoodText-Regular.ttf") format('truetype');
	}

	@font-face {
		font-family: "Fanwood Text";
		src: url("/style/fonts/FanwoodText-Italic.ttf") format('truetype');
		font-style: italic;
	}
}

@layer settings {
	:root {
		--ff-sans-serif: "Lato";
		--ff-serif: "Fanwood Text";
		--fs-100: calc(var(--ft-base-multiplier) * 0.5625rem);
		--fs-150: calc(var(--ft-base-multiplier) * 0.6875rem);
		--fs-200: calc(var(--ft-base-multiplier) * 0.75rem);
		--fs-250: calc(var(--ft-base-multiplier) * 0.8125rem);
		--fs-300: calc(var(--ft-base-multiplier) * 0.875rem);
		--fs-400: calc(var(--ft-base-multiplier) * 1rem);
		/* "Large" fonts do not get increased on mobile. */
		--fs-500: 1.125rem;
		--fs-600: 1.25rem;
		--fs-700: 1.375rem;
		--fs-800: 1.5rem;
		--fs-900: 1.875rem;
		--fs-1000: 2rem;
		--fs-1100: 3rem;
		--fs-1200: 3.125rem;
		/* Spacing */
		--space-block: 1rem;
		--space-inline: 1em;
	}
}

@layer elements {
	html {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-400);
		line-height: 1.625;
		hanging-punctuation: first last;
		text-size-adjust: none;
	}

	a {
		position: relative;
		text-decoration-skip-ink: auto;
		text-underline-offset: 0.33em;
	}

		a::after {
			content: '(' attr(href) ')';
			position: relative;
			padding-inline: var(--space-inline);
			text-transform: lowercase;
		}

	abbr {
		text-transform: uppercase;
	}

	img,
	picture,
	svg,
	video {
		display: inline-block;
		block-size: auto;
		vertical-align: middle;
		font-style: italic;
	}

	figure, img, picture, video {
		inline-size: 100%;
		max-inline-size: 4in;
		object-fit: cover;
		object-position: top center;
	}

	ol, ul {
		margin-block-end: var(--space-block);
	}

	li {
		margin-block-end: var(--space-block-050);
	}

	nav {
		display: none;
	}

	table {
		inline-size: 100%;
		border: none;
		border-collapse: collapse;
	}

		table > caption {
			padding-block: var(--space-block);
			padding-inline: var(--space-inline);
			text-align: left;
		}

	td, th {
		padding-block: var(--space-block-025);
		padding-inline: var(--space-inline-050);
	}

	td {
		vertical-align: top;
	}

		td > :where(input, select, textarea) {
			inline-size: 100%;
		}

	th {
		vertical-align: bottom;
		text-align: left;
	}
}

@layer layout {
	@page {
		margin: 1in;
	}

	[data-layout] > * + * {
		margin-block-start: var(--space-block);
	}
}

@layer styles {
	/*#region fonts */
	/*#region style */
	[data-ft-s="header-1a"] {
		font-family: var(--ff-serif);
		font-size: var(--fs-1100);
		line-height: 1.1458;
	}

	[data-ft-s="header-1b"] {
		font-family: var(--ff-serif);
		font-size: var(--fs-1000);
	}

	[data-ft-s="header-2"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-900);
		line-height: 1.2667;
	}

	[data-ft-s="header-tag-1a"] {
		font-family: var(--ff-serif);
		font-size: var(--fs-800);
		font-style: italic;
		line-height: 0.9583;
	}

	[data-ft-s="header-tag-1b"] {
		font-family: var(--ff-serif);
		font-style: italic;
		line-height: 1.4375;
	}

	[data-ft-s="header-tag-2a"] {
		font-family: var(--ff-serif);
		font-size: var(--fs-800);
		font-style: italic;
		line-height: 0.9583;
		text-transform: lowercase;
	}

	[data-ft-s="subhead-1a"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-300);
		font-weight: 700;
		letter-spacing: 0.03em;
		line-height: 1.5714;
		text-transform: uppercase;
	}

	[data-ft-s="subhead-1b"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-200);
		font-weight: 700;
		letter-spacing: 0.03em;
		line-height: 1.4167;
		text-transform: uppercase;
	}

	[data-ft-s="subhead-2a"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-700);
		line-height: 1.0909;
	}

	[data-ft-s="subhead-2b"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-600);
		line-height: 1.2;
	}

	[data-ft-s="subhead-2c"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-500);
		line-height: 1.2778;
	}

	[data-ft-s="subhead-2d"] {
		font-family: var(--ff-sans-serif);
		line-height: 1.375;
	}

	/* default font setting */
	[data-ft-s="body-copy-1a"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-400);
		line-height: 1.625;
	}

	[data-ft-s="body-copy-1b"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-300);
		line-height: 1.4375;
	}

	[data-ft-s="disclaimer"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-200);
		font-style: italic;
		line-height: 1.3333;
	}

	[data-ft-s="description"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-200);
		line-height: 1.125;
	}

	[data-ft-s="stats-value"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-1200);
		font-weight: 300;
		line-height: 0.82;
	}

	[data-ft-s="stats-label"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-500);
		line-height: 1;
		text-transform: lowercase;
	}

	[data-ft-s="stats-source"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-100);
		line-height: 1.3333;
	}

	[data-ft-s="cta-1a"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-300);
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.6429;
		text-decoration: none;
		text-transform: uppercase;
	}

	[data-ft-s="cta-1b"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-200);
		font-weight: 700;
		letter-spacing: 0.05em;
		line-height: 1.9167;
		text-decoration: none;
		text-transform: uppercase;
	}

	[data-ft-s="main-nav-0"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-300);
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}

	[data-ft-s="main-nav-1"] {
		font-family: var(--ff-serif);
		font-size: var(--fs-600);
	}

	[data-ft-s="main-nav-2"] {
		margin-block: var(--space-block-150) var(--space-block-050);
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-200);
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}

	[data-ft-s="main-nav-3"] {
		margin-block: var(--space-inline-050);
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-250);
	}

	[data-ft-s="tile-header"] {
		font-family: var(--ff-serif);
		font-size: var(--fs-1000);
		line-height: 1.0938;
	}

	[data-ft-s="footer-nav"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-150);
	}

	[data-ft-s="footer-nav-up-bld"] {
		font-family: var(--ff-sans-serif);
		font-size: var(--fs-150);
		font-weight: 700;
		text-transform: uppercase;
	}
	/*#endregion style */

	/*#region text-align */
	:is([data-ta], [class*="ta-"]) * {
		text-align: inherit;
	}

	[data-ta="l"], .ta-l {
		text-align: left;
	}

	[data-ta="c"], .ta-c {
		text-align: center;
	}

	[data-ta="r"], .ta-r {
		text-align: right;
	}

	@media (width < 991px) {
		[data-ta="lm"], .ta-lm {
			text-align: left;
		}

		[data-ta="cm"], .ta-cm {
			text-align: center;
		}

		[data-ta="rm"], .ta-rm {
			text-align: right;
		}
	}

	@media (width >= 991px) {
		[data-ta="ld"], .ta-ld {
			text-align: left;
		}

		[data-ta="cd"], .ta-cd {
			text-align: center;
		}

		[data-ta="rd"], .ta-rd {
			text-align: right;
		}
	}
	/*#endregion text-align*/
	/*#endregion fonts */
}

@layer objects {
	#logo {
		inline-size: fit-content;
		margin-inline: auto;
	}

	#main-menu-toggle {
		display: none;
	}

	#site-footer {
		display: none;
	}
}

@layer components {
	.button[data-action] {
		display: none;
	}

	.carousel-buttons {
		display: none;
	}

	.carousel .inline-button {
		display: none;
	}

	.control-box .control-box-list {
		display: none;
	}

	.headshot {
		inline-size: 1in;
	}

	.read-more-control {
		display: none;
	}

	.share-links {
		display: none;
	}

	.statistics {
		display: flex;
		flex-flow: row wrap;
		align-items: start;
		justify-content: center;
		column-gap: var(--space-inline);
		row-gap: var(--space-block);
		list-style: none;
	}

	.video {
		position: relative;
	}

		.video::after {
			content: 'Video embed not printed';
			padding-inline: var(--space-inline);
		}

		.video > iframe {
			display: none;
		}
}