/* 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-socials {
	background-color: #FFF7F7;
	padding-top: 4.375rem;
	position: relative;
	margin-bottom: 45px;
	margin-right: calc(var(--inner-padding) * -1);
}

.c-socials::before {
	content: '';
	position: absolute;
	left: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #FFF7F7;
}

.c-socials::after {
	content: '';
	position: absolute;
	right: -100%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #FFF7F7;
}

.c-socials-header {
	display: flex;
	flex-direction: column;
}

.c-socials-heade-box {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

.c-socials-heading {
	font-family: var(--font-family-accent);
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -0.04rem;
	font-weight: 400;
}

.c-socials-subheading {
	font-family: var(--font-family-base);
	font-size: .875rem;
	line-height: 1.5;
	letter-spacing: 0.04rem;
	font-weight: 700;
	color: #E1408D;
	margin-bottom: .9375rem;
}

.c-socials-content {
	margin-top: 1.875rem;
}

.c-socials-gird-ig {
	display: flex;
	gap: 15px;
}

.c-socials-gird-ig img {
	border-radius: 32px;
}

.c-socials-gird-ig-1 {
	margin-top: 65px;
}

.c-socials-gird-ig-1 img {
	max-height: 365px;
	height: 363px;
	object-fit: cover;
}

.c-socials-gird-ig-2 {
	margin-top: 140px;
	position: relative;
}

.c-socials-gird-ig-2 img {
	max-height: 365px;
	object-fit: cover;
}

.c-socials-gird-ig-3 {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.c-socials-gird-ig-3 .c-socials-gird-row-1 {
	max-height: calc(365px / 2);
	object-fit: cover;
}

.c-socials-gird-ig-3 .c-socials-gird-row-2 {
	max-height: 290px;
	height: 290px;
	max-width: 250px;
	object-fit: cover;
}

.c-socials-gird-ig-5 {
	margin-top: 140px;
}

.c-socials-gird-ig-5 img {
	max-height: 365px;
	object-fit: cover;
}

.c-socials-ig-box {
	position: relative;
}

.c-socials-ig-box .c-socials-ig-box-caption {
	position: absolute;
	bottom: 20px;
	left: 20px;
	display: flex;
	flex-direction: column;
}

.c-socials-ig-box-heading {
	font-family: var(--font-size-base);
	line-height: 1.5;
	font-size: 13px;
	letter-spacing: -0.04rem;
	font-weight: 600;
	color: #FFF7F7;
}

.c-socials-ig-box-subheading {
	font-family: var(--font-family-base);
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: 0.04rem;
	font-weight: 600;
	color: rgba(255, 247, 247, 0.6);
}

/* clearfix */
.js-masonry:after {
	content: '';
	display: block;
	clear: both;
}

.c-socials-li-content-box, .c-socials-x-content-box, .grid-sizer {
	width: 100%;
}

.gutter-sizer {
	width: 20px;
}

.box-hidden {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}

.c-socials-li-content-box, .c-socials-x-content-box {
	float: left;
	padding: 1.5625rem;
	border-radius: 1.5625rem;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	text-decoration: none;
	color: inherit;
}

.c-socials-li-content-box:visited, .c-socials-li-content-box:focus, .c-socials-x-content-box:visited, .c-socials-x-content-box:visited {
	text-decoration: none;
}

.c-socials-box-header {
	display: flex;
	margin-bottom: 1.5625rem;
}

.c-socials-box-auhtor {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.c-socials-box-avatar {
	width: 48px;
	height: 48px;
	margin-right: .625rem;
}

.c-socials-box-avatar img {
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	object-fit: cover;
}

.c-socials-box-link {
	margin-left: auto;
}

.c-socials-box-img {
	margin-top: 1.5625rem;
}

.c-socials-box-img img {
	border-radius: 1.25rem;
}

.c-socials-box-link-btn {
	width: 36px;
	height: 36px;
	color: black;
}

.c-socials-box-link-btn:hover {
	cursor: pointer;
}

.c-socials-box-auhtor-heading {
	font-family: var(--font-family-accent);
	font-size: 1rem;
	letter-spacing: -0.04rem;
	line-height: 1.1;
	font-weight: 500;
}

.c-socials-box-auhtor-desc {
	display: flex;
}

.c-socials-box-auhtor-slug, .c-socials-box-auhtor-dot, .c-socials-box-auhtor-date {
	font-family: var(--font-family-base);
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: -0.01rem;
	font-weight: 500;
}

.c-socials-box-auhtor-slug, .c-socials-box-auhtor-dot {
	margin-right: 5px;
}

.c-socials-footer {
	margin-top: 3.125rem;
	padding-bottom: 10.625rem;
	position: relative;
	display: flex;
	justify-content: center;
}

.c-socials-decor {
	position: absolute;
	bottom: -45px;
	left: calc(50% - 50px);
}

.c-socials-footer__link {
	font-family: var(--font-family-base);
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.04rem;
}

.c-socials-footer__url {
	color: #E1408D;
	text-decoration: underline;
}

.c-socials-footer__url:hover {
	cursor: pointer;
}

.c-socials-tabs {
	display: flex;
	justify-content: center;
	margin-top: 1.5625rem;
}

.c-socials-tabs .c-social__list .c-social__item .c-button:hover {
	cursor: pointer;
}

@media (min-width: 1024px) {
	.c-socials {
		margin: 0;
	}
	.c-socials-header {
		justify-content: space-between;
		flex-direction: row;
	}
	.c-socials-heade-box {
		flex-direction: column;
		align-items: normal;
	}
	.c-socials {
		padding-top: 8.125rem;
		margin-bottom: 100px;
	}
	.c-socials-subheading {
		margin-top: 1.5625rem;
		line-height: 1.1;
	}
	.c-socials-tabs {
		margin-top: 0;
	}
	.c-socials-footer {
		margin-top: 2.8125rem;
		padding-bottom: 6.25rem;
		justify-content: end;
	}
	.c-socials-decor {
		bottom: -100px;
		left: 325px;
	}
	.c-socials-li-content-box, .c-socials-x-content-box, .grid-sizer {
		width: calc((100% - 40px) / 3);
	}
	.c-socials-heading {
		font-family: var(--font-family-accent);
		font-size: 3.25rem;
		line-height: 1;
		letter-spacing: -0.04rem;
		font-weight: 400;
	}
	.c-socials-box-auhtor-heading {
		font-family: var(--font-family-accent);
		font-size: 1rem;
		letter-spacing: -0.04rem;
		line-height: 1.1;
		font-weight: 500;
	}
	.c-socials-gird-ig-1 img {
		max-height: 545px;
		height: 545px;
		object-fit: cover;
	}
	.c-socials-gird-ig-2 img {
		max-height: 345px;
		height: 345px;
		object-fit: cover;
	}
	.c-socials-gird-ig-3 .c-socials-gird-row-1 {
		max-height: 195px;
		height: 195px;
		object-fit: cover;
	}
	.c-socials-gird-ig-5 img {
		max-height: 350px;
		height: 350px;
		width: auto;
		object-fit: cover;
	}
}

@media (min-width: 1440px) {
	.c-socials-gird-ig-1 img {
		max-height: 545px;
		height: 545px;
		max-width: 390px;
		width: 100%;
		object-fit: cover;
	}
	.c-socials-gird-ig-2 img {
		max-height: 345px;
		height: 345px;
		max-width: 290px;
		width: 100%;
		object-fit: cover;
	}
	.c-socials-gird-ig-3 .c-socials-gird-row-1 {
		max-height: 195px;
		height: 195px;
		max-width: 250px;
		width: 100%;
		object-fit: cover;
	}
	.c-socials-gird-ig-5 img {
		max-height: 350px;
		height: 350px;
		max-width: 250px;
		width: 100%;
		object-fit: cover;
	}
}

/*# sourceMappingURL=socials.css.map */