/* =========================================================
		   MPG SPEAKER MEDIA KIT
		   ========================================================= */

		.mpg-media-kit {
			--mpg-media-ink: #08142b !important;
			--mpg-media-muted: #687383 !important;
			--mpg-media-line: #dfe6ee !important;
			--mpg-media-blue: #2f74ff !important;
			--mpg-media-panel: #f4f7fa !important;
			--mpg-media-white: #ffffff !important;

			display: grid !important;

			grid-template-columns:
				minmax(0, 1fr)
				280px !important;

			align-items: center !important;

			gap: 44px !important;

			width: 100% !important;
			max-width: 100% !important;

			margin: 0 !important;
			padding: 40px 44px !important;

			overflow: hidden !important;

			border:
				1px solid
					var(--mpg-media-line) !important;

			border-radius: 28px !important;

			background:
				var(--mpg-media-white) !important;

			color:
				var(--mpg-media-ink) !important;

			font-family:
				Matter,
				Arial,
				Helvetica,
				sans-serif !important;
		}


		.mpg-media-kit,
		.mpg-media-kit * {
			box-sizing: border-box !important;
		}


		.mpg-media-kit a {
			text-decoration: none !important;
		}


		/* =========================================================
		   LEFT
		   ========================================================= */

		.mpg-media-kit__copy {
			min-width: 0 !important;
		}


		.mpg-media-kit__eyebrow {
			display: flex !important;
			align-items: center !important;

			gap: 10px !important;

			margin: 0 0 14px !important;

			color:
				var(--mpg-media-muted) !important;

			font-size: 11px !important;
			font-weight: 800 !important;
			line-height: 1.2 !important;

			letter-spacing: .14em !important;
			text-transform: uppercase !important;
		}


		.mpg-media-kit__eyebrow::before {
			content: "" !important;

			width: 8px !important;
			height: 8px !important;

			flex: 0 0 8px !important;

			border-radius: 50% !important;

			background:
				var(--mpg-media-blue) !important;

			box-shadow:
				0 0 0 5px
					rgba(47, 116, 255, .09) !important;
		}


		.mpg-media-kit__title {
			margin: 0 !important;

			color:
				var(--mpg-media-ink) !important;

			font-family:
				Recoleta,
				Georgia,
				"Times New Roman",
				serif !important;

			font-size:
				clamp(
					34px,
					4.6vw,
					52px
				) !important;

			font-weight: 500 !important;
			line-height: 1.02 !important;

			letter-spacing: -.035em !important;
		}


		.mpg-media-kit__description {
			max-width: 660px !important;

			margin: 18px 0 0 !important;

			color:
				var(--mpg-media-muted) !important;

			font-size: 16px !important;
			line-height: 1.65 !important;
		}


		.mpg-media-kit__button {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;

			gap: 12px !important;

			min-height: 47px !important;

			margin: 24px 0 0 !important;
			padding: 13px 17px !important;

			border:
				1px solid
					var(--mpg-media-line) !important;

			border-radius: 14px !important;

			background:
				var(--mpg-media-white) !important;

			color:
				var(--mpg-media-ink) !important;

			font-size: 13px !important;
			font-weight: 800 !important;

			transition:
				transform .18s ease,
				box-shadow .18s ease,
				border-color .18s ease !important;
		}


		.mpg-media-kit__button-arrow {
			font-size: 17px !important;
		}


		.mpg-media-kit__button:hover,
		.mpg-media-kit__button:focus-visible {
			transform:
				translateY(-2px) !important;

			border-color:
				#bfd0df !important;

			box-shadow:
				0 12px 28px
					rgba(8, 20, 43, .08) !important;
		}


		/* =========================================================
		   DOCUMENT
		   ========================================================= */

		.mpg-media-kit__document-area {
			display: flex !important;
			flex-direction: column !important;
			align-items: center !important;
			justify-content: center !important;
		}


		.mpg-media-kit__document {
			width: 166px !important;
			aspect-ratio: 8.5 / 11 !important;

			padding: 16px !important;

			border:
				1px solid
					var(--mpg-media-line) !important;

			border-radius: 5px !important;

			background:
				var(--mpg-media-panel) !important;

			box-shadow:
				0 17px 36px
					rgba(8, 20, 43, .13) !important;

			transform:
				rotate(2deg) !important;

			transition:
				transform .22s ease,
				box-shadow .22s ease !important;
		}


		.mpg-media-kit:hover
		.mpg-media-kit__document {
			transform:
				rotate(0deg)
				translateY(-3px) !important;

			box-shadow:
				0 22px 42px
					rgba(8, 20, 43, .16) !important;
		}


		.mpg-media-kit__document-top {
			display: flex !important;
			align-items: center !important;
			justify-content: space-between !important;

			gap: 8px !important;

			color:
				var(--mpg-media-muted) !important;

			font-size: 6px !important;
			font-weight: 700 !important;

			letter-spacing: .13em !important;
		}


		.mpg-media-kit__document-type {
			padding: 3px 4px !important;

			border:
				1px solid
					var(--mpg-media-line) !important;

			border-radius: 3px !important;
		}


		/* =========================================================
		   PORTRAIT
		   ========================================================= */

		.mpg-media-kit__portrait {
			display: grid !important;
			place-items: center !important;

			height: 110px !important;

			margin: 14px 0 0 !important;

			overflow: hidden !important;

			border-radius: 5px !important;

			background:
				var(--mpg-media-white) !important;
		}


		.mpg-media-kit__portrait-image {
			display: block !important;

			width: 100% !important;
			height: 100% !important;

			object-fit: cover !important;
			object-position: center top !important;

			filter:
				saturate(.78)
				contrast(.97) !important;
		}


		.mpg-media-kit__portrait-inner {
			display: grid !important;
			place-items: center !important;

			width: 76px !important;
			height: 76px !important;

			border-radius: 50% !important;

			background:
				#e0e7ed !important;

			color:
				var(--mpg-media-muted) !important;

			font-family:
				Recoleta,
				Georgia,
				serif !important;

			font-size: 24px !important;
		}


		/* =========================================================
		   FAKE DOCUMENT CONTENT
		   ========================================================= */

		.mpg-media-kit__document-lines {
			display: grid !important;

			gap: 6px !important;

			margin: 13px 0 0 !important;
		}


		.mpg-media-kit__document-lines span {
			display: block !important;

			width: 100% !important;
			height: 4px !important;

			border-radius: 999px !important;

			background:
				var(--mpg-media-line) !important;
		}


		.mpg-media-kit__document-lines span:nth-child(2) {
			width: 84% !important;
		}


		.mpg-media-kit__document-lines span:nth-child(3) {
			width: 64% !important;
		}


		.mpg-media-kit__document-name {
			margin: 12px 0 0 !important;

			color:
				var(--mpg-media-ink) !important;

			font-family:
				Recoleta,
				Georgia,
				serif !important;

			font-size: 11px !important;
			font-weight: 500 !important;
			line-height: 1.1 !important;
		}


		.mpg-media-kit__document-role {
			margin: 4px 0 0 !important;

			color:
				var(--mpg-media-muted) !important;

			font-size: 6px !important;
			font-weight: 700 !important;
			line-height: 1.2 !important;

			letter-spacing: .06em !important;
			text-transform: uppercase !important;
		}


		.mpg-media-kit__file-note {
			margin: 12px 0 0 !important;

			color:
				var(--mpg-media-muted) !important;

			font-size: 11px !important;
			font-weight: 500 !important;
		}


		/* =========================================================
		   TABLET
		   ========================================================= */

		@media (max-width: 850px) {

			.mpg-media-kit {
				grid-template-columns:
					minmax(0, 1fr)
					220px !important;

				gap: 30px !important;

				padding: 32px !important;
			}


			.mpg-media-kit__document {
				width: 145px !important;
			}
		}


		/* =========================================================
		   MOBILE
		   ========================================================= */

		@media (max-width: 620px) {

			.mpg-media-kit {
				grid-template-columns:
					1fr !important;

				gap: 26px !important;

				padding:
					26px 24px !important;

				border-radius:
					22px !important;
			}


			.mpg-media-kit__title {
				font-size:
					clamp(
						31px,
						10vw,
						42px
					) !important;
			}


			.mpg-media-kit__description {
				font-size: 15px !important;
			}


			.mpg-media-kit__document-area {
				align-items:
					flex-start !important;
			}


			.mpg-media-kit__document {
				width: 128px !important;
			}


			.mpg-media-kit__file-note {
				align-self:
					flex-start !important;
			}
		}


		/* =========================================================
		   REDUCED MOTION
		   ========================================================= */

		@media (prefers-reduced-motion: reduce) {

			.mpg-media-kit__document,
			.mpg-media-kit__button {
				transition: none !important;
			}

			.mpg-media-kit:hover
			.mpg-media-kit__document {
				transform:
					rotate(2deg) !important;
			}
		}