/* stylelint-disable */
body {
	font-family: var(--font-family-base);
	font-size: var(--font-size-base);
	font-weight: 400;
}

.t-h1 {
	font-family: var(--font-family-accent);
	font-size: 60px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
	text-align: center;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h1 {
		font-size: 32px;
	}
}

.t-h2 {
	font-family: var(--font-family-accent);
	font-size: 52px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.04em;
	text-align: center;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h2 {
		font-size: 38px;
	}
}

.t-h3 {
	font-family: var(--font-family-accent);
	font-size: 38px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h3 {
		font-size: 28px;
	}
}

.t-h4 {
	font-family: var(--font-family-accent);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h4 {
		font-size: 24px;
	}
}

.t-h5 {
	font-family: var(--font-family-accent);
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h5 {
		font-size: 18px;
	}
}

.t-h6 {
	font-family: var(--font-family-accent);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.04em;
}

@media (min-width: 0) and (max-width: 1023px) {
	.t-h6 {
		font-size: 16px;
	}
}

.t-h7 {
	font-family: var(--font-family-accent);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.04em;
}

.t-body-1 {
	font-family: var(--font-family-base);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: -0.01em;
}

.t-body-1-medium {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: -0.01em;
}

.t-body-2-medium {
	font-family: var(--font-family-base);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.375;
	letter-spacing: -0.03em;
}

.t-body-3-medium {
	font-family: var(--font-family-base);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.1333;
	letter-spacing: -0.01em;
}

.t-body-4 {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	letter-spacing: -0.01em;
}

.t-body-4-medium {
	font-family: var(--font-family-base);
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 0.01rem;
}

.t-other-link {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	letter-spacing: -0.01em;
}

.t-other-button {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.0714;
	letter-spacing: -0.02em;
	text-align: center;
}

.t-other-capition {
	font-family: var(--font-family-base);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

.t-meta-caption {
	font-family: var(--font-family-accent);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.t-meta-caption-2 {
	font-family: var(--font-family-base);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.t-body-2 {
	font-family: var(--font-family-base);
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.01rem;
	font-weight: 400;
}

.t-upper {
	text-transform: uppercase;
}

.t-center {
	text-align: center;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

:root {
	--color-black: #000;
	--color-black-1: #212136;
	--color-white: #fff;
	--color-yellow: #F0CD00;
	--color-primary-orange-600: #F16E30;
	--color-logo-orange: #FBCD7E;
	--color-logo-blue: #25B6E5;
	--color-logo-green: #73B548;
	--color-logo-pink: #E1408D;
	--color-grey-1: #7D7D89;
	--color-grey-2: #ECECEC;
	--color-grey-3: #5E5E76;
	--color-grey-4: #767A86;
	--color-grey-5: #E0E0E8;
	--color-grey-6: #F7F7FD;
	--color-grey-7: #00000080;
	--color-grey-8: #EAEAEA;
	--color-grey-9: #D9D9D9;
	--color-grey-10: #F9FAFB;
	--color-grey-11: #E7ECF0;
	--color-blue-1: #613EE6;
	--color-blue-2: #35ADE8;
	--color-blue-3: #F9FCFF;
	--color-blue-4: #504EF3;
	--color-orange-1: #FB72320A;
	--color-orange-2: #FB7232;
	--color-grey-100: #E8E9EE;
	--color-grey-150: #DDDEE5;
	--color-grey-400: #9797A4;
	--color-grey-500: #737482;
	--color-grey-600: #4D4C5B;
	--color-grey-700: #373644;
	--color-grey-800: #1F1D2A;
	--color-rgb-black: 0 0 0;
	--color-rgb-black-1: 33 33 54;
	--color-rgb-white: 255 255 255;
	--color-rgb-yellow: 240 205 0;
	--color-rgb-primary-orange-600: 241 110 48;
	--color-rgb-logo-orange: 251 205 126;
	--color-rgb-logo-blue: 37 182 229;
	--color-rgb-logo-green: 115 181 72;
	--color-rgb-logo-pink: 225 64 141;
	--color-rgb-grey-1: 125 125 137;
	--color-rgb-grey-2: 236 236 236;
	--color-rgb-grey-3: 94 94 118;
	--color-rgb-grey-4: 118 122 134;
	--color-rgb-grey-5: 224 224 232;
	--color-rgb-grey-6: 247 247 253;
	--color-rgb-grey-7: 0 0 0;
	--color-rgb-grey-8: 234 234 234;
	--color-rgb-grey-9: 217 217 217;
	--color-rgb-grey-10: 249 250 251;
	--color-rgb-grey-11: 231 236 240;
	--color-rgb-blue-1: 97 62 230;
	--color-rgb-blue-2: 53 173 232;
	--color-rgb-blue-3: 249 252 255;
	--color-rgb-blue-4: 80 78 243;
	--color-rgb-orange-1: 251 114 50;
	--color-rgb-orange-2: 251 114 50;
	--color-rgb-grey-100: 232 233 238;
	--color-rgb-grey-150: 221 222 229;
	--color-rgb-grey-400: 151 151 164;
	--color-rgb-grey-500: 115 116 130;
	--color-rgb-grey-600: 77 76 91;
	--color-rgb-grey-700: 55 54 68;
	--color-rgb-grey-800: 31 29 42;
	--size-max-width: 1224px;
	--size-header-height: 100px;
	--inner-padding: 20px;
	--z-auto: 'auto';
	--z-behind: -1;
	--z-0: 0;
	--z-1: 1;
	--z-header: 10;
	--z-nav: 11;
	--font-family-base: "Satoshi", sans-serif;
	--font-family-accent: "Epilogue", sans-serif;
	--font-size-base: 16px;
	--font-weight-normal: 400;
}

.c-focused-cta {
	padding: 10px;
	display: flex;
	flex-direction: column-reverse;
	background-color: #F8EEEE;
	position: relative;
	border-radius: 2rem;
	margin-top: 8.75rem;
}

.c-focused-cta__bg {
	position: absolute;
	top: 0;
	right: 0;
}

.c-focused-cta__box {
	display: flex;
	flex-direction: column;
	z-index: 2;
	width: 100%;
}

@media (min-width: 0) and (max-width: 1023px) {
	.c-focused-cta__box--img {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.c-focused-cta__box--text {
	margin-top: 3.75rem;
	padding-left: 1.875rem;
	padding-right: 1.875rem;
}

.c-focused-cta__img {
	width: 100%;
	max-width: 34.375rem;
	object-fit: cover;
}

.c-focused-cta__cat {
	color: #E1408D;
	font-family: var(--font-family-base);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	margin-bottom: 1.25rem;
}

.c-focused-cta__heading {
	font-family: var(--font-family-accent);
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -0.04rem;
	font-weight: 400;
	color: #373644;
	margin-bottom: .625rem;
}

.c-focused-cta__text {
	color: #737482;
	font-family: var(--font-family-base);
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -0.01rem;
	font-weight: 400;
	margin-bottom: 3.125rem;
}

.c-focused-cta__btn .c-button {
	width: 100%;
}

@media (min-width: 1024px) {
	.c-focused-cta__box--text {
		margin-top: 8.125rem;
		padding-left: .9375rem;
	}
	.c-focused-cta {
		flex-direction: row;
	}
	.c-focused-cta__box {
		width: 50%;
	}
	.c-focused-cta__cat {
		font-family: var(--font-family-base);
		font-size: 11px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.1rem;
		margin-bottom: 1.25rem;
	}
	.c-focused-cta__heading {
		font-size: 3.25rem;
		line-height: 1;
		font-weight: 400;
		font-family: var(--font-family-accent);
		margin-bottom: 1.25rem;
	}
	.c-focused-cta__text {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0.01rem;
		font-family: var(--font-family-base);
		font-weight: 400;
		margin-bottom: 2.1875rem;
		max-width: 29.375rem;
	}
	.c-focused-cta__btn .c-button {
		width: auto;
	}
}

/*# sourceMappingURL=focused-article-cta.css.map */