/* Measured responsive overrides for Figma frames 4:2, 24:450 and 24:697. */
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-site-title,
.brc-figma-hero h1,
.brc-figma-stats strong,
.brc-figma-title,
.brc-figma-service-copy h3,
.brc-figma-footer h3,
.brc-figma-footer .wp-block-site-title {
	font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.brc-figma-title {
	font-size: clamp(1.75rem, 2.1vw, 2.5rem);
	margin-bottom: clamp(2rem, 2.5vw, 3rem);
}

.brc-figma-hero h1 {
	font-size: clamp(2.1rem, 2.9vw, 3.45rem);
}

.brc-social-links {
	gap: clamp(0.75rem, 2.7vw, 3.3rem);
	margin-top: 2rem;
}

.brc-social-links .wp-block-image,
.brc-social-links img {
	height: clamp(48px, 3.65vw, 70px);
	margin: 0;
	object-fit: contain;
	width: clamp(48px, 3.65vw, 70px);
}

.brc-service-contact {
	background: var(--brc-ink-soft);
	color: var(--brc-paper);
}

.brc-service-contact .brc-figma-title,
.brc-service-contact .brc-lead {
	color: var(--brc-paper);
}

@media (min-width: 901px) {
	body {
		line-height: 1.4;
	}

	.brc-figma-header .brc-navbar {
		min-height: clamp(100px, 7.5vw, 144px);
	}

	.brc-figma-header .brc-menu {
		font-size: clamp(1rem, 1.2vw, 1.45rem);
	}

	.brc-figma-hero,
	.brc-service-hero {
		min-height: clamp(540px, 40.78vw, 783px) !important;
	}

	.brc-figma-stats {
		align-items: center;
		box-sizing: border-box;
		display: flex;
		min-height: clamp(195px, 14.95vw, 287px);
		padding-block: clamp(2.8rem, 3.35vw, 4rem);
	}

	.brc-figma-services {
		padding-block: clamp(4.5rem, 6.6vw, 7.95rem) clamp(4.75rem, 7vw, 8.4rem);
	}

	.brc-figma-services > .brc-figma-title {
		margin-bottom: clamp(3.5rem, 5.25vw, 6.3rem);
	}

	.brc-figma-service-grid {
		gap: clamp(4.5rem, 8.125vw, 9.75rem);
		margin-inline: auto !important;
		max-width: min(75.2vw, 1444px) !important;
	}

	.brc-figma-service-image {
		height: clamp(235px, 17.1875vw, 330px);
	}

	.brc-figma-service-card {
		--wp--style--block-gap: 0;
	}

	.brc-figma-service-card > .brc-figma-service-copy {
		margin-block-start: 0;
	}

	.brc-figma-service-copy {
		display: flex;
		flex-direction: column;
		min-height: clamp(340px, 26.1vw, 501px);
		padding: clamp(1.5rem, 1.9vw, 2.3rem);
	}

	.brc-figma-service-copy > p {
		font-size: clamp(1rem, 1.18vw, 1.42rem);
		line-height: 1.35;
	}

	.brc-figma-service-copy > .wp-block-buttons {
		margin-top: auto;
	}

	.brc-figma-projects {
		box-sizing: border-box;
		min-height: clamp(900px, 65.625vw, 1260px);
		padding-block: clamp(3.75rem, 5.625vw, 6.75rem) clamp(1.6rem, 2.18vw, 2.65rem);
	}

	.brc-imitation-steps + .brc-figma-projects {
		min-height: clamp(900px, 65.104vw, 1250px);
	}

	.brc-figma-projects > .brc-figma-title {
		margin-bottom: clamp(1.5rem, 2.083vw, 2.5rem);
	}

	.brc-figma-project-tabs {
		margin-bottom: clamp(1.6rem, 2.19vw, 2.65rem);
	}

	.brc-before-after .wp-block-image,
	.brc-project-peek,
	.brc-service-project-stage .brc-project-main,
	.brc-service-project-stage .brc-project-peek {
		height: clamp(460px, 36.77vw, 706px);
	}

	.brc-figma-projects > .wp-block-buttons,
	.brc-figma-process > .wp-block-buttons,
	.brc-techniques-section > .wp-block-buttons {
		margin-top: clamp(5rem, 6vw, 7.2rem);
	}

	.brc-figma-projects > .wp-block-buttons {
		margin-top: clamp(6rem, 8.33vw, 10rem);
	}

	.brc-figma-trust {
		box-sizing: border-box;
		min-height: clamp(760px, 57.14vw, 1097px);
		padding-block: clamp(2.75rem, 3vw, 3.6rem);
	}

	.brc-figma-trust-intro {
		margin-bottom: 2rem;
	}

	.brc-figma-benefit {
		min-height: 165px;
		padding-block: 1.15rem;
	}

	.brc-figma-reviews {
		box-sizing: border-box;
		min-height: clamp(740px, 56.77vw, 1090px);
		padding-block: clamp(2.75rem, 3.1vw, 3.75rem);
	}

	.brc-carousel-track {
		grid-auto-columns: min(720px, 62vw);
		padding-block: 0.5rem 1.5rem;
	}

	.brc-google-review {
		min-height: 320px;
	}

	.brc-figma-faq {
		box-sizing: border-box;
		min-height: clamp(860px, 65vw, 1248px);
		padding-block: clamp(3.5rem, 4.2vw, 5rem);
	}

	.brc-figma-faq .brc-faq-list {
		max-width: min(83.9vw, 1611px);
	}

	.brc-figma-faq .wp-block-details {
		margin-bottom: clamp(0.85rem, 1.56vw, 1.875rem);
		padding: 0 clamp(1.5rem, 2.35vw, 2.8rem);
	}

	.brc-figma-faq summary {
		align-items: center;
		display: flex;
		font-size: clamp(1rem, 1.45vw, 2.18rem);
		min-height: clamp(68px, 5.625vw, 108px);
		padding: 0;
	}

	.brc-figma-faq details p {
		padding-bottom: 1rem;
	}

	.brc-figma-partners {
		padding-block: clamp(3.75rem, 5.52vw, 6.65rem) clamp(3rem, 4.3vw, 5.4rem);
	}

	.brc-partner-logos {
		align-items: center;
		margin-top: 0;
	}

	.brc-partner-logo {
		box-sizing: border-box;
		height: clamp(112px, 8.96vw, 172px);
	}

	.brc-partner-logo:nth-child(3) {
		height: clamp(170px, 13.96vw, 268px);
	}

	.brc-figma-contact,
	.brc-service-contact {
		box-sizing: border-box;
		min-height: clamp(340px, 26.93vw, 517px);
		padding-block: clamp(3rem, 3.8vw, 4.55rem);
	}

	.brc-service-presentation .brc-figma-split,
	.brc-d3-section .brc-d3-layout {
		margin-inline: auto !important;
		max-width: min(91.6vw, 1760px) !important;
		width: min(calc(100% - 3rem), 91.6vw) !important;
	}

	.brc-ravalement-presentation {
		padding-block: clamp(3.75rem, 4.79vw, 5.75rem) clamp(2.75rem, 3.54vw, 4.25rem);
	}

	.brc-imitation-presentation {
		padding-block: clamp(4rem, 5.28vw, 6.35rem);
	}

	.brc-ravalement-presentation .brc-figma-feature-image {
		height: clamp(315px, 23.39vw, 449px);
	}

	.brc-imitation-presentation .brc-figma-feature-image {
		height: clamp(470px, 36.5vw, 700px);
	}

	.brc-figma-process {
		box-sizing: border-box;
		min-height: clamp(760px, 56.77vw, 1090px);
		padding-block: clamp(2.25rem, 2.92vw, 3.5rem) clamp(1.7rem, 2.35vw, 2.85rem);
	}

	.brc-figma-process .brc-page-intro {
		margin-bottom: clamp(1rem, 1.32vw, 1.6rem);
		max-width: 1200px;
	}

	.brc-figma-process .brc-page-intro h2 {
		font-size: clamp(1.45rem, 1.67vw, 2rem);
		white-space: nowrap;
	}

	.brc-figma-process .brc-four-steps {
		gap: clamp(1rem, 1.93vw, 2.32rem);
		margin-inline: auto !important;
		max-width: min(calc(100% - 3rem), 1856px) !important;
		width: min(calc(100% - 3rem), 96.7vw) !important;
	}

	.brc-four-steps .brc-figma-step-card {
		display: flex;
		flex-direction: column;
		min-height: clamp(470px, 35.36vw, 679px);
		padding: clamp(1rem, 1.45vw, 1.75rem);
	}

	.brc-four-steps .brc-step-number {
		display: none;
	}

	.brc-four-steps .brc-figma-step-card h3 {
		font-size: clamp(1rem, 1.3vw, 1.5625rem);
	}

	.brc-four-steps .wp-block-list {
		font-size: clamp(0.8rem, 1.04vw, 1.25rem);
		line-height: 1.45;
		padding-left: 1.15rem;
	}

	.brc-ravalement-step-image {
		height: clamp(170px, 13.07vw, 251px);
		margin: auto 0 0;
		overflow: hidden;
	}

	.brc-ravalement-step-image img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	.brc-figma-process > .wp-block-buttons {
		margin-top: clamp(3rem, 4.38vw, 5.25rem);
	}

	.brc-d3-section {
		box-sizing: border-box;
		min-height: clamp(540px, 41.04vw, 788px);
		padding-block: clamp(2rem, 2.4vw, 2.9rem);
	}

	.brc-techniques-section {
		box-sizing: border-box;
		min-height: clamp(700px, 52.45vw, 1007px);
		padding-block: clamp(2.75rem, 3.44vw, 4.15rem) clamp(2.75rem, 3.62vw, 4.5rem);
	}

	.brc-techniques-section .brc-page-intro {
		margin-bottom: clamp(2rem, 3.45vw, 4.15rem);
	}

	.brc-technique-grid {
		gap: clamp(3rem, 6.875vw, 8.25rem);
		margin-inline: auto !important;
		max-width: min(72.2vw, 1386px) !important;
	}

	.brc-technique-card {
		box-sizing: border-box;
		height: clamp(370px, 27.86vw, 535px);
	}

	.brc-techniques-section > .wp-block-buttons {
		margin-top: clamp(2.75rem, 3.44vw, 4.15rem);
	}

	.brc-technique-image {
		height: clamp(230px, 16.3vw, 312px);
	}

	.brc-imitation-steps {
		box-sizing: border-box;
		min-height: clamp(1120px, 84.22vw, 1617px);
		padding-block: clamp(2.75rem, 3.4vw, 4.1rem) clamp(3.25rem, 4.1vw, 4.9rem);
	}

	.brc-imitation-steps .brc-page-intro {
		margin-bottom: clamp(1.25rem, 1.875vw, 2.25rem);
	}

	.brc-five-step-grid {
		column-gap: clamp(3rem, 5.36vw, 6.45rem);
		grid-template-columns: repeat(6, minmax(0, 1fr));
		margin-inline: auto !important;
		max-width: min(91.67vw, 1760px) !important;
		row-gap: clamp(3rem, 5.21vw, 6.25rem);
		width: min(calc(100% - 3rem), 91.67vw) !important;
	}

	.brc-five-step-grid > :nth-child(1) {
		grid-column: 1 / 3;
	}

	.brc-five-step-grid > :nth-child(2) {
		grid-column: 3 / 5;
	}

	.brc-five-step-grid > :nth-child(3) {
		grid-column: 5 / 7;
	}

	.brc-five-step-grid > :nth-child(4) {
		grid-column: 2 / 4;
		margin-left: 0;
	}

	.brc-five-step-grid > :nth-child(5) {
		grid-column: 4 / 6;
	}

	.brc-five-step-grid .brc-figma-step-card {
		box-sizing: border-box;
		height: clamp(400px, 30vw, 576px);
	}

	.brc-step-with-image .wp-block-image {
		height: clamp(215px, 16.25vw, 312px);
	}

	.brc-figma-footer {
		box-sizing: border-box;
		min-height: clamp(460px, 33.9vw, 651px);
		padding-block: clamp(2.5rem, 3vw, 3.6rem) 1rem;
	}

	.brc-figma-footer .brc-footer-grid {
		gap: clamp(1.5rem, 3vw, 3.6rem);
	}

	.brc-figma-footer h3,
	.brc-figma-footer p,
	.brc-figma-footer li {
		font-size: clamp(0.9rem, 1.15vw, 1.38rem);
	}

	.brc-footer-map {
		margin-block: 0.7rem;
		max-width: clamp(180px, 13.5vw, 259px);
	}

	.brc-footer-bottom {
		margin-top: 1.5rem;
		padding-block: 1rem 0;
	}

	.wp-site-blocks > footer.wp-block-template-part {
		margin-block-start: 0;
	}
}

@media (max-width: 900px) {
	.brc-social-links {
		justify-content: flex-start;
	}

	.brc-service-contact {
		padding-block: 4rem;
	}
}