html:root {
	--mc-color-ink: #00022E;
	--mc-color-paper: #EAE5D8;
	--mc-color-gold: #AD9B72;
	--mc-font-display: "Climora", "Bodoni Moda", Georgia, serif;
	--mc-font-body: "Figtree", Arial, sans-serif;
	--mc-h1-size: 11.625rem;
	--mc-h1-line-height: normal;
	--mc-h2-size: 7.4375rem;
	--mc-h2-line-height: 0.92437;
	--mc-h3-size: 6.25rem;
	--mc-h3-line-height: 0.8;
	--mc-project-title-size: 3.625rem;
	--mc-project-title-line-height: 1.293104;
	--mc-apartment-title-size: 3.125rem;
	--mc-apartment-title-line-height: 1;
	--mc-benefit-title-size: 2rem;
	--mc-quote-size: 2.25rem;
	--mc-testimonial-role-size: 1.5rem;
	--mc-testimonial-role-line-height: 1.5;
	--mc-project-body-size: 1.5rem;
	--mc-feature-title-size: 1.5rem;
	--mc-footer-size: 1.375rem;
	--mc-body-size: 1.125rem;
	--mc-secondary-size: 1rem;
	--mc-small-size: 0.875rem;
}

:is(.mc-type-h1, .mc-type-h2, .mc-type-h3) {
	font-family: var(--mc-font-display);
	font-weight: 400;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.mc-type-h1 {
	font-size: min(var(--mc-h1-size), calc(1.5rem + 12vw));
	line-height: var(--mc-h1-line-height);
}

.mc-type-h2 {
	font-size: min(var(--mc-h2-size), calc(1.5rem + 8vw));
	line-height: var(--mc-h2-line-height);
}

.mc-type-h3 {
	font-size: min(var(--mc-h3-size), calc(1.5rem + 7vw));
	line-height: var(--mc-h3-line-height);
}

:is(
	.mc-type-project-title, .mc-type-apartment-title, .mc-type-benefit-title,
	.mc-type-quote, .mc-type-testimonial-role, .mc-type-testimonial-title,
	.mc-type-testimonial-video-title, .mc-type-project-body, .mc-type-feature-title,
	.mc-type-footer, .mc-type-body, .mc-type-cta, .mc-type-news-title,
	.mc-type-news-cta, .mc-type-status, .mc-type-tag, .mc-type-filter-title,
	.mc-type-secondary, .mc-type-small
) {
	font-family: var(--mc-font-body);
	font-size: var(--mc-body-size);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	overflow-wrap: break-word;
}

:is(.mc-type-project-title, .mc-type-apartment-title, .mc-type-benefit-title) {
	font-weight: 500;
	letter-spacing: -0.02em;
}

.mc-type-project-title {
	font-size: var(--mc-project-title-size);
	line-height: var(--mc-project-title-line-height);
}

.mc-type-apartment-title {
	font-size: var(--mc-apartment-title-size);
	line-height: var(--mc-apartment-title-line-height);
}

.mc-type-benefit-title {
	font-size: var(--mc-benefit-title-size);
	line-height: 1.25;
}

.mc-type-quote {
	font-size: var(--mc-quote-size);
}

.mc-type-testimonial-role {
	font-size: var(--mc-testimonial-role-size);
	font-weight: 300;
	line-height: var(--mc-testimonial-role-line-height);
	text-transform: uppercase;
}

.mc-type-project-body {
	font-size: var(--mc-project-body-size);
}

.mc-type-feature-title {
	font-size: var(--mc-feature-title-size);
}

.mc-type-footer {
	font-size: var(--mc-footer-size);
}

:is(.mc-type-cta, .mc-type-news-title, .mc-type-news-cta) {
	font-weight: 500;
	text-transform: uppercase;
}

.mc-type-news-cta {
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

:is(.mc-type-feature-title, .mc-type-testimonial-video-title, .mc-type-status) {
	font-weight: 700;
	text-transform: uppercase;
}

.mc-type-testimonial-title {
	font-weight: 700;
}

:is(.mc-type-tag, .mc-type-filter-title, .mc-type-secondary) {
	font-size: var(--mc-secondary-size);
}

:is(.mc-type-tag, .mc-type-filter-title) {
	line-height: normal;
	text-transform: uppercase;
}

.mc-type-small {
	font-size: var(--mc-small-size);
}

@media (max-width: 767px) {
	:root {
		--mc-h1-size: 8.125rem;
		--mc-h1-line-height: normal;
		--mc-h2-size: 4rem;
		--mc-h2-line-height: 0.9375;
		--mc-h3-size: 3.375rem;
		--mc-h3-line-height: 1.111111;
		--mc-project-title-size: 1.625rem;
		--mc-project-title-line-height: normal;
		--mc-apartment-title-size: 2.25rem;
		--mc-apartment-title-line-height: 0.972222;
		--mc-testimonial-role-size: 1rem;
		--mc-testimonial-role-line-height: 1.4;
	}

	.mc-type-testimonial-role {
		text-transform: none;
	}
}

@media (forced-colors: none) {
 html:root, html:root * { scrollbar-width: thin; scrollbar-color: #786747 #AD9B721A; }
 @supports selector(::-webkit-scrollbar) {
  html:root, html:root * { scrollbar-width: auto; scrollbar-color: auto; }
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: #AD9B721A; border-radius: 999px; }
  ::-webkit-scrollbar-thumb { background: #786747; border-radius: 999px; }
  ::-webkit-scrollbar-thumb:hover { background: #65563C; }
  ::-webkit-scrollbar-corner { background: transparent; }
 }
}