
.t-heading, .post-content__main h1, .post-content__main h2, .post-content__main h3, .post-content__main h4, .post-content__main h5, .post-content__main h6, .t-subheading, .t-body, .post-content__main, .t-caption, .t-btn, .t-field, .t-big-number {
	display: block;
}

.t-paragraph, .post-content__main .wp-block-image .wp-element-caption, .post-content__main .wp-block-video .wp-element-caption, .post-content__main .wp-block-table table tr th, .post-content__main .wp-block-table table tr td, .copy-popup, .t-body, .post-content__main {
	color: var(--text-sub-600);
	font-weight: var(--font-weight-400);
}

.t-paragraph--1, .t-paragraph--20 {
	font-size: var(--font-value-20);
	letter-spacing: -.2px;
	line-height: var(--font-value-28);
}

@media only screen and (max-width: 768px) {
	.t-paragraph--1, .t-paragraph--20 {
		font-size: var(--font-value-14);
		letter-spacing: -.14px;
		line-height: var(--font-value-24);
	}
}

.t-paragraph--2, .t-body--2, .t-body--18, .t-paragraph--18 {
	font-size: var(--font-value-18);
	letter-spacing: -.6px;
	line-height: var(--font-value-28);
}

@media only screen and (max-width: 768px) {
	.t-paragraph--2, .t-body--2, .t-body--18, .t-paragraph--18 {
		font-size: var(--font-value-14);
		letter-spacing: -.14px;
		line-height: var(--font-value-24);
	}
}

.t-paragraph--3, .copy-popup, .t-body--3, .post-content__main, .t-body--16, .t-paragraph--16 {
	font-size: var(--font-value-16);
	letter-spacing: -.32px;
	line-height: var(--font-value-28);
}

@media only screen and (max-width: 768px) {
	.t-paragraph--3, .copy-popup, .t-body--3, .post-content__main, .t-body--16, .t-paragraph--16 {
		font-size: var(--font-value-14);
		letter-spacing: -.14px;
		line-height: var(--font-value-24);
	}
}

.t-paragraph--4, .post-content__main .wp-block-image .wp-element-caption, .post-content__main .wp-block-video .wp-element-caption, .post-content__main .wp-block-table table tr th, .post-content__main .wp-block-table table tr td, .t-body--4, .t-body--14, .t-paragraph--14 {
	font-size: var(--font-value-14);
	letter-spacing: -.14px;
	line-height: var(--font-value-24);
}

.t-paragraph--5, .t-paragraph--12 {
	font-size: var(--font-value-12);
	letter-spacing: -.14px;
	line-height: var(--font-value-16);
}

.t-paragraph--grey {
	color: var(--neutral-600);
}

.t-paragraph--lightgrey {
	color: var(--neutral-500);
}

.t-paragraph--white {
	color: var(--neutral-0);
}

.t-paragraph--white * {
	color: var(--neutral-0);
}

.t-paragraph--soft {
	color: var(--text-soft-400);
}

.t-paragraph--soft * {
	color: var(--text-soft-400);
}

.t-paragraph--dark {
	color: var(--text-strong-950);
}

.t-paragraph--dark * {
	color: var(--text-strong-950);
}

.t-paragraph--teal {
	color: var(--teal-950);
}

.t-paragraph--teal * {
	color: var(--teal-950);
}

.t-paragraph--red {
	color: var(--primary-base);
}

.t-paragraph--red * {
	color: var(--primary-base);
}

.t-heading, .post-content__main h1, .post-content__main h2, .post-content__main h3, .post-content__main h4, .post-content__main h5, .post-content__main h6 {
	color: var(--text-strong-950);
	font-weight: var(--font-weight-700);
	text-wrap: balance;
}

.t-heading--h1, .t-heading--h1 * {
	font-size: var(--font-value-64);
	letter-spacing: -3.2px;
	line-height: var(--font-value-80);
}

@media only screen and (max-width: 768px) {
	.t-heading--h1, .t-heading--h1 * {
		font-size: var(--font-value-40);
		letter-spacing: -.4px;
		line-height: var(--font-value-48);
	}
}

.t-heading--h2, .t-heading--h2 * {
	font-size: var(--font-value-48);
	letter-spacing: -.96px;
	line-height: var(--font-value-56);
}

@media only screen and (max-width: 768px) {
	.t-heading--h2, .t-heading--h2 * {
		font-size: var(--font-value-40);
		letter-spacing: -.4px;
		line-height: var(--font-value-48);
	}
}

.t-heading--h3, .t-heading--h3 * {
	font-size: var(--font-value-40);
	letter-spacing: -.4px;
	line-height: var(--font-value-48);
}

@media only screen and (max-width: 768px) {
	.t-heading--h3, .t-heading--h3 * {
		font-size: var(--font-value-32);
		letter-spacing: -.32px;
		line-height: var(--font-value-40);
	}
}

.t-heading--h4, .post-content__main h1, .post-content__main h2, .t-heading--h4 *, .post-content__main h1 *, .post-content__main h2 * {
	font-size: var(--font-value-32);
	line-height: var(--font-value-40);
}

.t-heading--h5, .t-heading--h5 * {
	font-size: var(--font-value-24);
	letter-spacing: -.24px;
	line-height: var(--font-value-32);
}

.t-heading--h6, .post-content__main h3, .post-content__main h4, .post-content__main h5, .post-content__main h6, .t-heading--h6 *, .post-content__main h3 *, .post-content__main h4 *, .post-content__main h5 *, .post-content__main h6 * {
	font-size: var(--font-value-20);
	letter-spacing: -.2px;
	line-height: var(--font-value-28);
}

.t-heading b, .post-content__main h1 b, .post-content__main h2 b, .post-content__main h3 b, .post-content__main h4 b, .post-content__main h5 b, .post-content__main h6 b, .t-heading strong, .post-content__main h1 strong, .post-content__main h2 strong, .post-content__main h3 strong, .post-content__main h4 strong, .post-content__main h5 strong, .post-content__main h6 strong {
	color: var(--primary-base);
}

.t-heading--white {
	color: var(--neutral-0);
}

.t-heading--soft {
	color: var(--text-soft-400);
}

.t-heading--dark {
	color: var(--text-strong-950);
}

.t-heading--teal {
	color: var(--teal-950);
}

.t-heading--tealwhite {
	color: var(--teal-50);
}

.t-heading--red {
	color: var(--primary-base);
}

@media only screen and (max-width: 1024px) {
	.t-heading br, .post-content__main h1 br, .post-content__main h2 br, .post-content__main h3 br, .post-content__main h4 br, .post-content__main h5 br, .post-content__main h6 br {
		display: none;
	}
}

.t-subheading {
	color: var(--text-strong-950);
	font-style: normal;
	font-weight: var(--font-weight-700);
	text-transform: uppercase;
}

.t-subheading--1, .t-subheading--36 {
	font-size: var(--font-value-14);
	letter-spacing: .84px;
	line-height: var(--font-value-20);
}

.t-subheading--2, .t-subheading--12 {
	font-size: var(--font-value-12);
	letter-spacing: .48px;
	line-height: var(--font-value-16);
}

.t-subheading--3, .t-subheading--11 {
	font-size: var(--font-value-11);
	letter-spacing: .22px;
	line-height: var(--font-value-12);
}

.t-subheading--white {
	color: var(--neutral-0);
}

.t-subheading--soft {
	color: var(--text-soft-400);
}

.t-subheading--dark {
	color: var(--text-strong-950);
}

.t-subheading--grey {
	color: var(--neutral-600);
}

.t-subheading--teal {
	color: var(--teal-950);
}

.t-subheading--red {
	color: var(--primary-base);
}

.t-body--white {
	color: var(--neutral-0);
}

.t-body--soft {
	color: var(--text-soft-400);
}

.t-body--dark {
	color: var(--text-strong-950);
}

.t-body--teal {
	color: var(--teal-950);
}

.t-body--red {
	color: var(--primary-base);
}

.t-body p, .post-content__main p {
	margin-bottom: var(--spacing-16);
}

.t-body p:last-child, .post-content__main p:last-child {
	margin-bottom: 0;
}

.t-body ul, .post-content__main ul {
	margin-bottom: var(--spacing-24);
	padding-left: var(--spacing-24);
}

@media only screen and (max-width: 768px) {
	.t-body ul, .post-content__main ul {
		margin-bottom: var(--spacing-16);
		padding-left: var(--spacing-16);
	}
}

.t-body ul li, .post-content__main ul li {
	list-style-type: disc;
}

.t-body ol, .post-content__main ol {
	margin-bottom: var(--spacing-24);
	padding-left: var(--spacing-24);
}

@media only screen and (max-width: 768px) {
	.t-body ol, .post-content__main ol {
		margin-bottom: var(--spacing-16);
		padding-left: var(--spacing-16);
	}
}

.t-caption {
	font-size: 18px;
	font-style: normal;
	font-weight: var(--font-weight-600);
	letter-spacing: -.6px;
	line-height: 28px;
}

.t-caption--white {
	color: var(--neutral-0);
}

.t-caption--disabled {
	color: var(--text-disabled-300);
}

.t-caption--soft {
	color: var(--text-soft-400);
}

.t-caption--dark {
	color: var(--text-strong-950);
}

.t-caption--teal {
	color: var(--teal-600);
}

.t-caption--red {
	color: var(--primary-base);
}

.t-caption--indigo {
	color: var(--indigo-600);
}

.t-caption--yellow {
	color: var(--yellow-600);
}

.t-caption--12 {
	font-size: 12px;
	line-height: 1.3333333333;
}

.t-caption--16 {
	font-size: 16px;
	line-height: 1.5;
}

.t-caption--small {
	font-size: 14px;
	line-height: 1.4285714286;
}

.t-caption--x-large {
	font-size: 24px;
	line-height: 1.3333333333;
}

@media only screen and (max-width: 768px) {
	.t-caption {
		font-size: var(--font-value-14);
		letter-spacing: -.14px;
		line-height: var(--font-value-24);
	}
}

.t-btn {
	font-weight: var(--font-weight-500);
	letter-spacing: -.6px;
}

.t-btn--4 {
	font-size: var(--font-value-16);
	line-height: var(--font-value-24);
}

@media only screen and (max-width: 768px) {
	.t-btn--4 {
		font-size: var(--font-value-14);
		letter-spacing: -.14px;
		line-height: var(--font-value-24);
	}
}

.t-weight--thin, .t-weight--thin * {
	font-weight: var(--font-weight-100);
}

.t-weight--light, .t-weight--light * {
	font-weight: var(--font-weight-200);
}

.t-weight--regular-light, .t-weight--regular-light * {
	font-weight: var(--font-weight-300);
}

.t-weight--regular, .t-weight--regular * {
	font-weight: var(--font-weight-400);
}

.t-weight--medium, .post-content__main .wp-block-image .wp-element-caption, .post-content__main .wp-block-video .wp-element-caption, .copy-popup, .t-weight--medium *, .post-content__main .wp-block-image .wp-element-caption *, .post-content__main .wp-block-video .wp-element-caption *, .copy-popup * {
	font-weight: var(--font-weight-500);
}

.t-weight--extramedium, .t-weight--extramedium * {
	font-weight: var(--font-weight-600);
}

.t-weight--semibold, .t-weight--semibold *, .t-body b *, .post-content__main b *, .t-body strong *, .post-content__main strong *, .t-body b, .post-content__main b, .t-body strong, .post-content__main strong {
	font-weight: var(--font-weight-700);
}

.t-weight--bold, .t-weight--bold * {
	font-weight: var(--font-weight-800);
}

.t-weight--extrabold, .t-weight--extrabold * {
	font-weight: var(--font-weight-900);
}

.t-navigation {
	display: block;
}

hr {
	height: 1px;
	margin-bottom: var(--spacing-16);
	border: 0;
	background: var(--neutral-200);
	color: var(--neutral-200);
	font-size: 0;
}

.post-content {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding-top: 50px;
	gap: 32px;
}

@media only screen and (max-width: 1024px) {
	.post-content {
		flex-direction: column;
		padding-top: 0;
		gap: 64px;
	}
}

.post-content__aside {
	display: block;
	width: 30%;
}

@media only screen and (max-width: 1280px) {
	.post-content__aside {
		width: calc(35% - 16px);
	}
}

@media only screen and (max-width: 1024px) {
	.post-content__aside {
		width: 100%;
	}
}

.post-content__aside .sticky-wrapper {
	position: sticky;
	top: 110px;
}

@media only screen and (max-width: 1024px) {
	.post-content__aside .sticky-wrapper {
		position: static;
	}
}

.post-content__aside .table-of-contents {
	width: 100%;
}

.post-content__aside .table-of-contents__title {
	width: 100%;
	margin-bottom: 32px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--neutral-200);
	color: var(--neutral-400);
}

@media only screen and (max-width: 1024px) {
	.post-content__aside .table-of-contents__title {
		margin-bottom: 16px;
	}
}

.post-content__aside .socials {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-top: 64px;
}

@media only screen and (max-width: 1024px) {
	.post-content__aside .socials {
		margin-top: 32px;
	}
}

.post-content__aside .socials__title {
	width: 100%;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--neutral-200);
	color: var(--neutral-400);
}

.post-content__aside .socials__buttons {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1280px) {
	.post-content__aside .socials__buttons {
		gap: 24px;
	}
}

@media only screen and (max-width: 768px) {
	.post-content__aside .socials__buttons {
		gap: 16px;
	}
}

.post-content__aside .socials__buttons>span {
	border-right: 1px solid var(--neutral-200);
}

.post-content__aside .socials__button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.post-content__aside .socials__button svg {
	cursor: pointer;
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.post-content__aside .socials__button:hover svg {
	opacity: .75;
}

.post-content__aside .socials__button--copy {
	padding: 0;
}

.post-content__aside .socials__button--copy .text::after {
	background-color: var(--primary-base);
}

.post-content__main {
	width: 58%;
	overflow: hidden;
}

@media only screen and (max-width: 1280px) {
	.post-content__main {
		width: calc(65% - 16px);
	}
}

@media only screen and (max-width: 1024px) {
	.post-content__main {
		width: 100%;
	}
}

.post-content__main h1, .post-content__main h2 {
	margin-bottom: 24px;
}

.post-content__main h3, .post-content__main h4, .post-content__main h5, .post-content__main h6 {
	margin-bottom: 24px;
}

.post-content__main p {
	margin-bottom: 24px;
}

.post-content__main .wp-block-image {
	margin-top: 52px;
	margin-bottom: 52px;
}

.post-content__main .wp-block-image img {
	border-radius: var(--radius-24);
	overflow: hidden;
}

.post-content__main .wp-block-image .wp-element-caption {
	padding-top: 10px;
	padding-right: 16px;
	padding-left: 16px;
}

.post-content__main .wp-block-list li {
	margin-bottom: 16px;
}

.post-content__main .wp-block-list li:last-child {
	margin-bottom: 0;
}

.post-content__main .wp-block-video {
	display: grid;
	grid-template-rows: auto auto;
	position: relative;
	width: 100%;
	margin-top: 52px;
	margin-bottom: 52px;
}

@media only screen and (max-width: 1280px) {
	.post-content__main .wp-block-video {
		margin-top: 24px;
		margin-bottom: 24px;
	}
}

.post-content__main .wp-block-video video {
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	border-radius: var(--radius-24);
	overflow: hidden;
}

.post-content__main .wp-block-video .wp-element-caption {
	grid-column: 1;
	grid-row: 2;
	padding-top: 10px;
	padding-right: 16px;
	padding-left: 16px;
}

.post-content__main .wp-block-video.show-after {
	cursor: pointer;
}

.post-content__main .wp-block-video.show-after::after {
	content: "";
	align-self: center;
	grid-column: 1;
	grid-row: 1;
	pointer-events: none;
	width: 96px;
	height: 96px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'96\' height=\'96\' viewBox=\'0 0 96 96\' fill=\'none\'%3E%3Ccircle cx=\'48\' cy=\'48\' r=\'48\' fill=\'%23001B23\' fill-opacity=\'0.64\'/%3E%3Cpath d=\'M62.5 47.134C63.1667 47.5189 63.1667 48.4811 62.5 48.866L41.5 60.9904C40.8333 61.3753 40 60.8942 40 60.1244L40 35.8756C40 35.1058 40.8333 34.6247 41.5 35.0096L62.5 47.134Z\' fill=\'white\'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all .3s ease-in-out;
	justify-self: center;
}

@media only screen and (max-width: 1024px) {
	.post-content__main .wp-block-video.show-after::after {
		width: 64px;
		height: 64px;
	}
}

.post-content__main .wp-block-video.show-after:hover::after {
	transform: scale(.95);
}

.post-content__main .has-text-align-center {
	text-align: center;
}

.post-content__main .has-text-align-right {
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.post-content__main .wp-block-table {
		overflow-x: auto;
	}
}

.post-content__main .wp-block-table table {
	border-top: 1px solid var(--neutral-200);
	border-left: 1px solid var(--neutral-200);
	border-collapse: collapse;
}

.post-content__main .wp-block-table table tr th, .post-content__main .wp-block-table table tr td {
	padding: 8px;
	border-right: 1px solid var(--neutral-200);
	border-bottom: 1px solid var(--neutral-200);
}

.post-content__main .wp-block-table.is-style-stripes tr:nth-child(odd) {
	background-color: var(--bg-weak-50);
}

.post-content__main *:last-child {
	margin-bottom: 0;
}

.copy-popup {
	display: flex;
	align-items: center;
	position: fixed;
	top: 2rem;
	left: 50%;
	z-index: 10000;
	pointer-events: none;
	padding: 1rem 1.5rem;
	border-radius: .75rem;
	background-color: var(--neutral-900);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
	color: #fff;
	transform: translateX(-50%) translateY(-100px);
	transition: all .3s ease-in-out;
	opacity: 0;
	gap: .75rem;
}

.copy-popup svg {
	flex-shrink: 0;
}

.copy-popup span {
	white-space: nowrap;
}

.copy-popup.show {
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
	opacity: 1;
}
