/* Final independent visual-parity corrections, September 2026. */

body.admin-bar .site-header {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .site-header {
		top: 46px;
	}
}

.lld-container--archive-wide {
	width: calc(100% - 144px);
	max-width: none;
}

.lld-blog-archive--without-heading {
	padding: 72px 0 128px;
}

.lld-blog-archive--without-heading > .lld-container {
	padding: 0;
}

.lld-blog-archive--without-heading .lld-post-card__body {
	padding-top: 18px;
}

.lld-blog-archive--without-heading .lld-post-grid {
	row-gap: 33px;
}

body.author .lld-blog-archive--without-heading .lld-post-grid {
	row-gap: 28px;
}

/* The supplied 1920px About measurements must not override the production
 * compositions at narrower breakpoints. These formulas interpolate the
 * independently measured 1024, 1280, and 1440px section boundaries. */
@media (min-width: 960px) and (max-width: 1279px) {
	.lld-about-page .about-intro {
		height: calc(3241px - 155.0781vw);
		min-height: calc(3241px - 155.0781vw);
	}

	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: calc(867px - 35.1563vw);
		min-height: calc(867px - 35.1563vw);
	}

	.lld-about-page .about-mission {
		height: calc(1227px - 24.6094vw);
		min-height: calc(1227px - 24.6094vw);
	}

	.lld-about-page .about-clients__intro {
		height: calc(19.5313vw + 493px);
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: calc(9.8828vw + 25px);
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: calc(3.5547vw + 9px);
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: calc(5.8984vw + 15px);
	}

	.lld-about-page .about-testimonials {
		height: 635px;
		min-height: 635px;
		padding: 108px 0 72px;
	}
}

@media (min-width: 1280px) and (max-width: 1599px) {
	.lld-about-page .about-intro {
		height: calc(2016px - 59.375vw);
		min-height: calc(2016px - 59.375vw);
	}

	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: 417px;
		min-height: 417px;
	}

	.lld-about-page .about-mission {
		height: calc(1416px - 39.375vw);
		min-height: calc(1416px - 39.375vw);
	}

	.lld-about-page .about-clients__intro {
		height: calc(19.375vw + 495px);
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: calc(9.75vw + 27px);
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: calc(3.5vw + 10px);
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: calc(5.875vw + 15px);
	}

	.lld-about-page .about-testimonials {
		height: 635px;
		min-height: 635px;
		padding: 108px 0 72px;
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	.lld-about-page .about-intro {
		height: 1600px;
		min-height: 1600px;
	}

	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: 321px;
		min-height: 321px;
	}

	.lld-about-page .about-mission {
		height: 1404px;
		min-height: 1404px;
	}

	.lld-about-page .about-clients__intro {
		height: 872px;
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: 43px;
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: 24px;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: 60px;
	}

	.lld-about-page .about-testimonials {
		height: 565px;
		min-height: 565px;
		padding: 96px 0 72px;
	}
}

@media (max-width: 639px) {
	.lld-about-page .about-intro {
		height: calc(120vw + 1068px);
		min-height: calc(120vw + 1068px);
	}

	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: 388px;
		min-height: 388px;
	}

	.lld-about-page .about-mission {
		height: calc(100vw + 901px);
		min-height: calc(100vw + 901px);
	}

	.lld-about-page .about-clients__intro {
		height: calc(146.6667vw + 324px);
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: 115px;
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: 45px;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: calc(25.1667vw - 38.15px);
	}

	.lld-about-page .about-testimonials {
		height: 675px;
		min-height: 675px;
		padding: 108px 0 72px;
	}
}

.lld-post-card__type {
	margin: 0 0 16px;
	font-size: 9px;
	line-height: 1;
	text-transform: uppercase;
}

.lld-post-card__type a {
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid var(--lld-color-lime);
	border-radius: 999px;
	color: var(--lld-color-ink);
	font-weight: 700;
	letter-spacing: 0.12em;
	text-decoration: none;
}

.lld-post-card__type a:hover,
.lld-post-card__type a:focus-visible {
	background: var(--lld-color-lime);
}

.lld-search-results,
.lld-search-results--empty {
	padding: 270px 0 90px;
}

.lld-container--search-results {
	width: calc(100% - 312px);
	max-width: 1128px;
	padding: 0;
}

.lld-search-results .lld-no-results {
	margin: 0;
}

.lld-search-results--empty {
	padding: 270px 0 83px;
}

.lld-search-results--empty > .lld-container {
	padding: 84px 0 0;
}

.lld-search-results--empty .lld-post-grid {
	gap: 18px;
}

.lld-post-grid--search {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.lld-post-card--search {
	border: 1px solid #dedede;
}

.lld-post-card--search .lld-post-card__body {
	min-height: 184px;
	box-sizing: border-box;
	padding: 40px 36px 34px;
}

.lld-post-card--search.lld-post-card--without-media .lld-post-card__body {
	min-height: 164px;
}

.lld-search-text-stack {
	display: grid;
	align-self: start;
	gap: 18px;
}

.lld-post-card--search .lld-post-card__title {
	font-size: 15px;
	line-height: 21px;
}

.lld-post-card__read-more {
	padding-top: 25px;
	margin: 24px 0 0;
	border-top: 1px solid #e4e4e4;
	font-size: 15px;
	line-height: 21px;
}

.lld-post-card__read-more a {
	color: var(--lld-color-lime);
	font-weight: 600;
	text-decoration: none;
}

.lld-author-hero {
	width: 100%;
	padding: clamp(72px, 9vw, 140px) 0;
	background: #0b0e14;
	color: #fff;
	text-align: center;
}

body.author .content-area {
	width: 100%;
	max-width: none;
	padding: 0;
	margin: 0;
}

.lld-author-hero__inner {
	max-width: 880px;
	padding: 0 clamp(20px, 4vw, 48px);
	margin: 0 auto;
}

.lld-author-hero__eyebrow {
	margin: 0 0 20px;
	color: var(--lld-color-lime);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.2;
	text-transform: uppercase;
}

.lld-author-hero__name {
	max-width: 18ch;
	margin: 0 auto 24px;
	color: #fff;
	font-size: clamp(36px, 6vw, 68px);
	font-weight: 800;
	letter-spacing: -0.015em;
	line-height: 1.05;
}

.lld-author-hero__bio {
	max-width: 720px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(16px, 1.4vw, 19px);
	line-height: 1.6;
}

.lld-author-hero__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px 22px;
	padding: 0;
	margin: 24px 0 0;
	list-style: none;
}

.lld-author-hero__social li {
	margin: 0;
}

.lld-author-hero__social a {
	display: inline-flex;
	min-width: 44px;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	color: var(--lld-color-lime);
}

.lld-author-hero__social .social-navigation__mark,
.lld-author-hero__social svg {
	display: block;
	width: 22px;
	height: 22px;
}

.lld-author-hero__social svg {
	fill: currentColor;
	stroke: currentColor;
}

.lld-author-hero__social a:focus-visible {
	outline: 2px solid var(--lld-color-lime);
	outline-offset: 3px;
}

.lld-case-taxonomy .lld-case-archive-loop {
	padding-top: 72px;
	background: #fff;
}

.lld-case-taxonomy .lld-case-archive-loop > .lld-container {
	width: calc(100% - 144px);
	max-width: none;
	padding: 0;
}

.lld-case-taxonomy .lld-section-heading--archive {
	margin-bottom: 72px;
}

.lld-case-taxonomy .lld-section-heading--archive h1 {
	margin: 0;
	font-family: var(--lld-font-body);
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
}

.lld-case-taxonomy .lld-case-card__body {
	padding-top: 26px;
}

.lld-case-taxonomy .lld-case-card__title {
	font-family: var(--lld-font-body);
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
}

.lld-case-taxonomy .lld-case-card__date {
	margin-top: 9px;
	font-size: 16px;
	line-height: 28px;
}

.lld-legal-page .lld-standard-page__body {
	padding: 30px 0 128px;
	background: #fff;
}

.lld-legal-page .entry-content {
	width: calc(100% - 220px);
	max-width: none;
}

.lld-legal-page .entry-content > :first-child {
	margin-top: 0;
}

.lld-legal-page .entry-content h2 {
	margin-top: 66px;
	font-family: var(--lld-font-display);
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2;
}

.lld-legal-page .entry-content p,
.lld-legal-page .entry-content li {
	font-size: 18px;
	line-height: 1.75;
}

.lld-error-page {
	display: grid;
	min-height: calc(100vh - 102px);
	place-items: center;
	background: #fff;
	text-align: center;
}

.lld-error-page__inner {
	width: min(520px, calc(100% - 72px));
	padding: 72px 0;
}

.lld-error-page__code {
	margin: 0;
	font-family: var(--lld-font-body);
	font-size: clamp(220px, 22vw, 320px);
	font-weight: 900;
	letter-spacing: -0.08em;
	line-height: 0.72;
}

.lld-error-page h1 {
	margin: 42px 0 0;
	font-family: var(--lld-font-display);
	font-size: 100px;
	font-weight: 400;
	line-height: 1;
}

.lld-error-page__copy {
	padding-bottom: 36px;
	margin: 72px 0 36px;
	border-bottom: 1px solid #dedede;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.2;
}

.lld-error-page .lld-button {
	min-width: 190px;
}

/* Article and Case Study hero/content handoff. */
.lld-blog-single-hero,
.lld-case-single-hero {
	min-height: 900px;
}

.lld-blog-single__inner,
.lld-case-single__inner {
	width: calc(100% - 312px);
	max-width: 1128px;
	padding: 72px 0 128px;
}

.lld-blog-single__featured {
	max-width: none;
	margin: 0 0 28px;
}

.lld-blog-single__featured img {
	aspect-ratio: 1.904 / 1;
	object-fit: cover;
}

.lld-single-header {
	max-width: 75ch;
	margin: 0 auto 48px;
}

.lld-single-breadcrumb {
	display: block;
	margin: 0 0 28px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.55;
}

.lld-single-breadcrumb > * {
	margin-right: 7px;
}

.lld-blog-single,
.lld-case-single {
	background: #fff;
}

.lld-legal-page .entry-content > .screen-reader-text + * {
	margin-top: 0;
}

.lld-legal-page .entry-content > p:first-of-type + h2 {
	margin-top: 36px;
}

.lld-single-breadcrumb a,
.lld-single-meta a {
	color: inherit;
	text-decoration: none;
}

.lld-single-breadcrumb a:hover,
.lld-single-breadcrumb a:focus-visible,
.lld-single-meta a:hover,
.lld-single-meta a:focus-visible {
	text-decoration: underline;
}

.lld-single-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0 7px;
	margin: 0 0 24px;
	color: #777;
	font-size: 14px;
	line-height: 1.6;
}

.lld-single-header h1 {
	margin: 0;
	font-family: var(--lld-font-body);
	font-size: 50px;
	font-weight: 600;
	line-height: 1.15;
}

.lld-blog-single__header {
	max-width: none;
	margin-bottom: 28px;
}

.lld-blog-single__content,
.lld-case-single__content {
	margin-top: 0;
}

@media (max-width: 959px) {
	body.home .home-matterport {
		height: 640px;
		min-height: 640px;
	}

	body.home .home-clients {
		box-sizing: border-box;
		height: 324px;
		min-height: 324px;
		padding: 36px 0 0;
		overflow: hidden;
	}

	body.home .home-clients__logos {
		padding: 0;
		margin-top: 0;
		background: #fff;
	}

	body.home .home-clients__logo-track {
		display: flex;
		width: max-content;
		align-items: center;
		gap: 72px;
		padding-left: 36px;
	}

	body.home .home-client-logo {
		flex: 0 0 156px;
		width: 156px;
		height: 79px;
		min-height: 79px;
	}

	.lld-about-page .lld-about-hero {
		height: 430px;
		min-height: 430px;
	}

	.lld-about-page .lld-about-hero h1 {
		font-size: 66.6667px;
		line-height: 80px;
	}

	.lld-about-page .lld-about-hero .lld-page-hero__intro {
		font-size: 30px;
		line-height: 36px;
	}

	.lld-about-page .about-intro__copy h2,
	.lld-about-page .about-transformation h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.lld-about-page .about-mission__copy h2,
	.lld-about-page .about-clients__intro h2,
	.lld-about-page .about-testimonials h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.lld-about-page .about-mission__copy h3 {
		font-size: 33.3333px;
		line-height: 40px;
	}

	.lld-about-page .about-clients__intro > p {
		font-size: 30px;
		line-height: 36px;
	}

	.lld-about-page .about-clients__featured,
	.lld-about-page .about-clients__logo-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 36px 24px;
	}

	.lld-about-page .about-clients__featured .about-client-logo,
	.lld-about-page .about-clients__logo-grid .about-client-logo {
		display: grid;
		height: 90px;
		aspect-ratio: auto;
		place-items: center;
	}

	.lld-about-page .about-client-logo img {
		width: 100%;
		height: 90px;
		max-height: 90px;
		object-fit: contain;
	}

	.lld-about-page .about-mission__media {
		order: -1;
	}

	.lld-case-studies-landing .lld-case-studies-landing-hero,
	.lld-blog-hero,
	.lld-blog-hero > .lld-container {
		height: 412px;
		min-height: 412px;
	}

	.lld-container--archive-wide {
		width: calc(100% - 72px);
	}

	.lld-container--archive-wide .lld-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lld-post-grid--search {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lld-container--search-results {
		width: calc(100% - 72px);
	}

	.lld-legal-page .entry-content {
		width: calc(100% - 72px);
	}

	.lld-blog-single-hero {
		min-height: 232px;
	}

	.lld-case-single-hero {
		min-height: 312px;
	}

	.lld-blog-single-hero > .lld-container,
	.lld-case-single-hero > .lld-container {
		display: none;
	}

	.lld-blog-single__inner,
	.lld-case-single__inner {
		width: calc(100% - 72px);
	}
}

@media (max-width: 639px) {
	body.home .home-matterport {
		height: 804px;
		min-height: 804px;
	}

	body.home .home-clients {
		height: 340px;
		min-height: 340px;
	}

	.lld-about-page .lld-about-hero {
		height: 426px;
		min-height: 426px;
	}

	.lld-about-page .lld-about-hero h1 {
		font-size: 35px;
		line-height: 42px;
	}

	.lld-about-page .lld-about-hero .lld-page-hero__intro {
		font-size: 30px;
		line-height: 36px;
	}

	.lld-about-page .about-intro__copy h2,
	.lld-about-page .about-transformation h2,
	.lld-about-page .about-mission__copy h2,
	.lld-about-page .about-clients__intro h2,
	.lld-about-page .about-testimonials h2 {
		font-size: 35px;
		line-height: 42px;
	}

	.lld-about-page .about-intro__copy h3,
	.lld-about-page .about-mission__copy h3 {
		font-size: 33.3333px;
		line-height: 40px;
	}

	.lld-about-page .about-clients__featured,
	.lld-about-page .about-clients__logo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lld-blog-single-hero {
		min-height: 156px;
	}

	.lld-case-single-hero {
		min-height: 240px;
	}

	.lld-blog-single__inner,
	.lld-case-single__inner {
		padding: 36px 0 96px;
	}

	.lld-blog-single__featured {
		margin-bottom: 20px;
	}

	.lld-single-breadcrumb {
		margin-bottom: 24px;
		font-size: 14px;
	}

	.lld-single-meta {
		margin-bottom: 20px;
		font-size: 12px;
	}

	.lld-single-header {
		margin-bottom: 36px;
	}

	.lld-single-header h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.lld-blog-single__header {
		margin-bottom: 20px;
	}

	.lld-blog-archive--without-heading {
		padding: 72px 0 96px;
	}

	.lld-container--archive-wide .lld-post-grid,
	.lld-post-grid--search {
		grid-template-columns: 1fr;
	}

	.lld-container--archive-wide .lld-post-grid {
		row-gap: 33px;
		column-gap: 36px;
	}

	body.author .lld-container--archive-wide .lld-post-grid {
		row-gap: 28px;
	}

	.lld-search-results,
	.lld-search-results--empty {
		padding: 230px 0 96px;
	}

	.lld-search-results--empty {
		padding-bottom: 74px;
	}

	.lld-search-results--empty > .lld-container {
		padding: 85px 0 0;
	}

	.lld-post-grid--search {
		gap: 18px;
	}

	.lld-search-text-stack {
		display: contents;
	}

	.lld-author-hero {
		padding: 64px 0 56px;
	}

	.lld-author-hero__name {
		max-width: 100%;
	}

	.lld-author-hero__bio {
		font-size: 15px;
	}

	.lld-case-taxonomy .lld-case-archive-loop {
		padding-top: 72px;
	}

	.lld-case-taxonomy .lld-case-archive-loop > .lld-container {
		width: calc(100% - 72px);
	}

	.lld-case-taxonomy .lld-section-heading--archive {
		margin-bottom: 48px;
	}

	.lld-case-taxonomy .lld-section-heading--archive h1 {
		font-size: 36px;
		line-height: 45px;
	}

	.lld-legal-page .lld-standard-page__body {
		padding: 36px 0 96px;
	}

	.lld-legal-page .entry-content h2 {
		margin-top: 66px;
		font-size: 30px;
	}

	.lld-error-page {
		min-height: 586px;
		place-items: start center;
	}

	.lld-error-page__inner {
		padding: 24px 0 60px;
	}

	.lld-error-page__code {
		font-size: 220px;
		line-height: 0.82;
	}

	.lld-error-page h1 {
		margin-top: 28px;
		font-size: 58px;
	}

	.lld-error-page__copy {
		padding-bottom: 36px;
		margin: 58px 0 42px;
		font-size: 24px;
	}

	.lld-error-page .lld-button {
		min-width: 152px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lld-author-hero__social a,
	.lld-post-card--search img {
		transition: none;
	}
}

@media (max-width: 380px) {
	body.home .home-hero {
		height: 340px;
		min-height: 340px;
	}

	body.home .home-why {
		min-height: 2646.5px;
	}
}

/* These must remain after the general tablet/phone declarations above so the
 * measured About logo-wall rows are not reset to the older 90px grid. */
@media (min-width: 640px) and (max-width: 959px) {
	.lld-about-page .about-clients__intro {
		height: 872px;
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: 43px;
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: 24px;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: 60px;
	}
}

@media (max-width: 639px) {
	.lld-about-page .about-clients__intro {
		height: calc(146.6667vw + 324px);
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: 115px;
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: 45px;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: calc(25.1667vw - 38.15px);
	}
}

/* At the 1024px review width production retains a three-column footer with a
 * readable recruitment column; the previous fixed columns forced a tall wrap. */
@media (min-width: 960px) and (max-width: 1199px) {
	.site-footer > .site-footer__inner,
	body.home .site-footer > .site-footer__inner {
		grid-template-columns: 200px 200px minmax(0, 1fr);
		gap: 36px;
		padding-bottom: 55px;
	}
}

@media (min-width: 960px) {
	.lld-error-page {
		min-height: 917px;
	}
}

@media (min-width: 1600px) and (max-width: 1919px) {
	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: calc(22.5vw + 129px);
		min-height: calc(22.5vw + 129px);
	}

	.lld-about-page .about-mission {
		height: calc(37.5vw + 311px);
		min-height: calc(37.5vw + 311px);
	}

	.lld-about-page .about-clients__intro {
		height: calc(15.125vw + 587px);
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: calc(7.3438vw + 38px);
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: calc(2.9063vw + 15.2px);
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: calc(5.2813vw + 27.2px);
	}

	.lld-about-page .about-testimonials {
		height: calc(11.25vw + 527px);
		min-height: calc(11.25vw + 527px);
	}
}

@media (min-width: 1920px) {
	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: clamp(471px, calc(1911px - 70.3125vw), 561px);
		min-height: clamp(471px, calc(1911px - 70.3125vw), 561px);
	}

	.lld-about-page .about-mission {
		height: clamp(1031px, calc(51.5625vw + 41px), 1097px);
		min-height: clamp(1031px, calc(51.5625vw + 41px), 1097px);
	}

	.lld-about-page .about-clients__intro {
		height: clamp(877.4px, calc(21.0938vw + 472px), 904px);
	}

	.lld-about-page .about-clients__logos {
		padding-bottom: clamp(179px, calc(8.5938vw + 14px), 190px);
	}

	.lld-about-page .about-clients__logo-grid {
		row-gap: clamp(71px, calc(3.5156vw + 3.5px), 75.5px);
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: clamp(128.6px, calc(6.25vw + 8.6px), 136.6px);
	}
}

/* Requester follow-up: center the carousel glyph inside its measured 48x92
 * control instead of allowing the typeface's baseline to position it. */
body.home .home-hero__arrow {
	display: grid;
	align-items: center;
	justify-items: center;
}

body.home .home-hero__arrow::before {
	display: grid;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-items: center;
	line-height: 1;
}

/* Production presents the brand marks as a stable identity row. The moving
 * element below it is the client-work photography rail. */
@media (min-width: 960px) {
	body.home .home-clients {
		padding-top: 36px;
	}

	body.home .home-clients .home-section-heading__intro {
		margin-top: 0;
	}

	body.home .home-clients__logo-track {
		animation: none;
		transform: none;
	}

	body.home .home-client-gallery {
		box-sizing: border-box;
		height: 390px;
		padding-block: 20px;
		overflow: hidden;
	}

	body.home .home-client-gallery__track {
		display: flex;
		width: max-content;
		height: 350px;
		gap: 18px;
		padding-left: 72px;
		animation: lld-client-work-rail 40s linear infinite;
		will-change: transform;
	}

	body.home .home-client-gallery__item {
		flex: 0 0 calc((100vw - 90px) / 3);
		width: calc((100vw - 90px) / 3);
		height: 350px;
	}

	body.home .home-client-gallery__item img {
		height: 350px;
	}

	body.home .home-client-gallery:hover .home-client-gallery__track,
	body.home .home-client-gallery:focus-within .home-client-gallery__track {
		animation-play-state: paused;
	}
}

@keyframes lld-client-work-rail {
	to {
		transform: translateX(calc(-133.333333vw + 48px));
	}
}

/* The Services hero is 67% of the browser height on desktop. At the original
 * 900px capture this equals 603px, but a fixed 603px exposed the discrepancy
 * in ordinary 720px-tall browser windows. */
.lld-services-archive .lld-services-list {
	padding-bottom: 0;
}

.lld-services-archive .lld-services-landing-hero h1 {
	text-wrap: wrap;
}

@media (min-width: 960px) {
	.lld-services-archive .lld-services-landing-hero {
		height: 67vh;
		min-height: 67vh;
	}

	.lld-services-archive .lld-services-landing-hero > .lld-container {
		width: calc(100% - 144px);
		max-width: 1296px;
		transform: none;
	}

	.lld-services-archive .lld-services-landing-hero h1 {
		width: max-content;
		max-width: 100%;
		margin-inline: auto;
		text-rendering: auto;
		text-wrap: wrap;
	}

	.lld-services-archive .lld-services-landing-hero .lld-page-hero__intro {
		width: max-content;
		max-width: 100%;
		margin: 36px auto 0;
	}
}

@media (min-width: 960px) and (max-width: 1399px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 73px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		row-gap: 105px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 72px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		row-gap: 112px;
	}
}

@media (min-width: 1600px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-top: 179px;
		padding-bottom: 43px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		row-gap: 80px;
	}
}

@media (min-width: 960px) and (max-width: 1199px) {
	.lld-services-archive .lld-services-landing-hero > .lld-container {
		width: calc(100% - 64px);
		max-width: none;
	}

	.lld-services-archive .lld-services-landing-hero h1 {
		box-sizing: border-box;
		flex: 0 0 100%;
		width: 100%;
		min-width: 0;
		white-space: normal;
	}
}

@media (max-width: 959px) {
	body.home .home-clients__logo-track {
		animation: none;
		transform: none;
	}

	body.home .home-client-gallery__item--duplicate {
		display: none;
	}

	/* The public Services card crosses the hero by exactly 72px at the tablet
	 * and phone compositions. Its added heading replaces that same vertical
	 * amount, leaving the service-list start stable. */
	.lld-services-archive .lld-services-landing-hero > .lld-container {
		width: calc(100% - 72px);
		max-width: none;
		transform: none;
	}

	.lld-services-archive .lld-services-landing-hero h1 {
		box-sizing: border-box;
		flex: 0 0 100%;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		font-size: 50px;
		line-height: 60px;
		white-space: normal;
	}

	.lld-services-archive .lld-services-landing-hero .lld-page-hero__intro {
		box-sizing: border-box;
		flex: 0 0 100%;
		width: 100%;
		min-width: 0;
		max-width: 100%;
		margin: 36px auto 0;
		font-size: 30px;
		line-height: 36px;
		white-space: normal;
	}

	.lld-services-list > .lld-services-list__intro {
		position: relative;
		z-index: 1;
		width: 100%;
		margin-top: -72px;
		background: var(--lld-color-surface);
		border-radius: 8px 8px 0 0;
	}

	.lld-services-list__intro-panel {
		width: calc(100% - 72px);
		padding: 53px 0 126px;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
	}

	.lld-services-list__intro-panel .lld-section-heading h2 {
		display: block;
		font-size: 33.3333px;
		line-height: 40px;
	}

	.lld-services-list__intro-panel .lld-section-heading h2 span {
		line-height: inherit;
	}

	.lld-services-list__intro-panel .lld-section-heading p {
		margin-top: 36px;
		font-size: 20px;
		font-weight: 400;
		line-height: 35px;
	}

	.lld-services-list__grid-wrap > .lld-container {
		width: calc(100% - 72px);
	}

	.lld-services-list__grid-wrap .lld-service-grid {
		grid-template-columns: 1fr;
		row-gap: 36px;
	}

	.lld-services-list__grid-wrap .lld-service-card:nth-child(3n + 1):not(:first-child) {
		margin-top: 36px;
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	.lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 46px;
	}
}

@media (max-width: 639px) {
	.lld-services-archive .lld-services-landing-hero h1 {
		font-size: 35px;
		line-height: 42px;
	}

	.lld-services-list__intro-panel {
		padding: 53px 0 126px;
	}

	.lld-services-list__grid-wrap > .lld-container {
		padding-top: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .home-client-gallery__track {
		animation: none;
		will-change: auto;
	}
}

/* ============================================================
 * Final measured parity pass (second audit round).
 * Resolves the remaining measurable deltas against the live
 * site: transparent scroll-away header, untouched hero
 * photography, an uninterrupted horizontal hero marquee, and
 * the single 36px section-heading offset on homepage rails.
 * ============================================================ */

/* Live keeps the masthead translucent and in-flow-flow (absolute,
 * scrolls up with the page). It never gains a solid background. */
@media (min-width: 960px) {
	body.home .site-header,
	body.home.has-scrolled .site-header {
		position: absolute;
		top: 0;
		background: transparent;
		border-bottom-color: transparent;
		box-shadow: none;
	}

	body.home.has-scrolled .site-header {
		transform: none;
	}

	body.home.site-header-is-hidden .site-header {
		transform: none;
	}
}

/* Live hero photography is covered by a solid accent lime layer at 70%
 * opacity (rgb(215,223,37) / .7, measured on the live slides' overlay). */
body.home .home-hero__media::after {
	background: rgba(215, 223, 37, 0.7);
}

/* Live hero is a stepped full-width slider: one message column per step
 * (headline + call-to-action, no paragraph), auto-advancing every ~6s. The
 * `html.js` scope keeps the stacked single-slide fallback for no-JS. */
html:not(.js) body.home .home-hero__controls {
	display: none;
}

html.js body.home .home-hero__controls {
	z-index: 3;
}

html.js body.home .home-hero__dots {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	gap: 0;
	pointer-events: auto;
}

html.js body.home .home-hero__dot {
	display: block;
	width: 20px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	pointer-events: auto;
}

html.js body.home .home-hero__dot::before {
	display: block;
	width: 8px;
	height: 8px;
	margin-inline: auto;
	border-radius: 50%;
	background: #ffffff;
	content: "";
	opacity: 0.5;
}

html.js body.home .home-hero__dot.is-active::before {
	background: #ffffff;
	opacity: 1;
}

html.js body.home .home-hero__dot:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

@media (max-width: 959px) {
	html.js body.home .home-hero__arrow {
		display: none;
	}
}

@media (min-width: 960px) {
	html.js body.home .home-hero__slides {
		position: absolute;
		inset: 0;
		display: flex;
		width: 700vw;
		height: 100%;
	}

	html.js body.home .home-hero__slide {
		position: relative;
		display: block !important;
		flex: 0 0 100vw;
		height: 100%;
	}

	html.js body.home .home-hero__content p {
		display: block;
	}

	html.js body.home .home-hero__content .lld-button {
		margin-top: 39px;
	}

	/* Production holds the image and controls still while the current
	 * message fades away. Its replacement then uses Uncode's measured
	 * anim_btt motion: 100px over 600ms, with the CTA following later. */
	html.js body.home .home-hero__slide.is-leaving .home-hero__content {
		animation: lld-hero-content-exit 1s ease both;
		will-change: opacity;
	}

	html.js body.home .home-hero__slide.is-entering .home-hero__content h1,
	html.js body.home .home-hero__slide.is-entering .home-hero__content p {
		animation: lld-hero-content-enter 0.6s ease 0.4s both;
		will-change: opacity, transform;
	}

	html.js body.home .home-hero__slide.is-entering .home-hero__content .lld-button {
		animation: lld-hero-content-enter 0.6s ease 0.8s both;
		will-change: opacity, transform;
	}

	html.js body.home .home-hero__controls {
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0;
		pointer-events: none;
	}

	html.js body.home .home-hero__arrow {
		top: 50%;
		display: grid;
		width: 48px;
		height: 96px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: #ffffff;
		pointer-events: auto;
		transform: translateY(-50%);
	}

	html.js body.home .home-hero__arrow::before {
		position: absolute;
		inset: 0 auto 0 50%;
		display: block;
		width: 38px;
		height: 96px;
		background: #000000;
		content: "";
		transform: translateX(-50%);
	}

	html.js body.home .home-hero__arrow--previous {
		left: 1px;
	}

	html.js body.home .home-hero__arrow--next {
		right: 2px;
	}

	html.js body.home .home-hero__arrow svg {
		position: relative;
		z-index: 1;
		width: 24px;
		height: 18px;
		fill: none;
		stroke: currentColor;
		stroke-linecap: square;
		stroke-linejoin: miter;
		stroke-width: 1.75;
	}

	html.js body.home .home-hero__arrow:focus-visible {
		outline: 2px solid #ffffff;
		outline-offset: -7px;
	}
}

@keyframes lld-hero-content-exit {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes lld-hero-content-enter {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.js body.home .home-hero__slide.is-leaving .home-hero__content,
	html.js body.home .home-hero__slide.is-entering .home-hero__content h1,
	html.js body.home .home-hero__slide.is-entering .home-hero__content p,
	html.js body.home .home-hero__slide.is-entering .home-hero__content .lld-button {
		animation: none;
	}

	html.js body.home .home-hero__slide {
		display: none;
	}

	html.js body.home .home-hero__slide.is-active {
		display: block;
	}
}

/* The case-studies and insights rails carry their own section
 * padding-block; the extra 36px container padding pushed their
 * headings 36px lower than the live sections. */
@media (min-width: 960px) {
	body.home .home-case-studies > .lld-container,
	body.home .home-insights > .lld-container {
		padding-top: 0;
	}

	/* Live places the "Explore Our Services" H2 108px below the section
	 * top inside the accent row; the shared 96px section padding needs a
	 * 12px lead-in to match. */
	body.home .home-services {
		padding-top: 108px;
	}
}

/* ------------------------------------------------------------------ *
 * Blog landing masonry (live uses Uncode `style-masonry` isotope).
 * Live: 4 columns of 333px (grid spans 72..1404, overflowing the
 * 1296px container by 36px on the right), cards top-aligned so their
 * height is driven by content (image 297px + title lines + 12px date).
 * Cards therefore stagger (351/381px…) exactly like the live archive.
 * ------------------------------------------------------------------ */
@media (min-width: 960px) {
	.lld-blog-landing .lld-post-grid {
		display: grid;
		grid-template-columns: repeat(4, 333px);
		column-gap: 0;
		row-gap: 0;
		align-items: start;
		width: 1332px;
		margin-top: 186px;
	}

	.lld-blog-landing .lld-post-card {
		width: 333px;
		padding-right: 36px;
	}

	/* The 36px top inset is what separates the image from the card top
	 * on live; the 3/2 media renders 297x198 inside the 297px content
	 * column (333 minus 36 right padding). */
	.lld-blog-landing .lld-post-card__media {
		margin-top: 36px;
		aspect-ratio: 3 / 2;
	}

	.lld-blog-landing .lld-post-card__body {
		padding-top: 18px;
	}

	.lld-blog-landing .lld-post-card__title {
		padding: 5px 0;
		font-weight: 700;
		text-wrap: auto;
	}

	.lld-blog-landing .lld-post-card__date {
		margin-top: 9px;
		color: #000000;
		font-size: 12px;
		font-weight: 600;
		line-height: 21px;
	}

	/* Live sits pagination ~36px below the tallest card (2046 vs grid
	 * bottom ~2010); local had 72px. */
	.lld-blog-landing > .lld-container > ul.page-numbers {
		margin-top: 36px;
	}
}

/* ------------------------------------------------------------------ *
 * Case-studies landing cards (live: Dosis 16px black date under the
 * 50px title; local emitted 18px muted-gray which read heavier).
 * ------------------------------------------------------------------ */
@media (min-width: 960px) {
	.lld-case-studies-landing .lld-case-card__date {
		margin-top: 9px;
		color: #000000;
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
	}

	.lld-case-studies-landing .lld-case-card__terms a,
	.lld-case-taxonomy .lld-case-card__terms a {
		text-transform: capitalize;
	}

	/* Live places the intro "Case Studies" H2 inside the bottom of the
	 * lime hero (~241px below the subtitle) and the description in the
	 * band below it. Local emitted them ~91px lower in the following
	 * section; pull them up onto the lime without disturbing the grid,
	 * which must stay pinned at 1014/1015. */
	.lld-case-studies-landing .lld-case-intro h2 {
		margin-top: -91px;
	}

	.lld-case-studies-landing .lld-case-intro p {
		margin-top: 43px;
	}
}

/* Home CTA parallax photo plane.
 * Live: Uncode .with-parallax inflates the background to 747px (270px taller
 * than the 477px row) and slides it on scroll. Local used a static 477px
 * cover, so the photo read as smaller/cut. Restore the 747px plane here and
 * let main.js parallax-drive it inside the overflow-hidden section. */
body.home .site-cta {
	position: relative;
	overflow: hidden;
	background-color: #2d2d2d;
}

body.home .site-cta__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 747px;
	background-image: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64)), url('../images/home-hero.webp');
	background-position: center;
	background-size: cover;
	transform: translate3d(0, 0, 0);
	will-change: transform;
	pointer-events: none;
}

body.home .site-cta__inner {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	body.home .site-cta__bg {
		transform: none;
	}
}

/* Final measured parity corrections, 1440x900 primary reference. */
.lld-about-page .lld-about-hero h1 {
	text-rendering: auto;
}

@media (min-width: 960px) {
	body.home .home-stats__rule {
		margin-bottom: 0;
	}

	body.home .home-stats__grid {
		margin-top: 72px;
	}

	body.home .home-stats__intro-copy p {
		box-sizing: content-box;
		padding-block: 5px;
	}

	.lld-contact-hero__copy h1 {
		white-space: normal;
	}

	.lld-contact-hero {
		height: auto;
	}

}

@media (min-width: 1400px) and (max-width: 1599px) {
	body.home .home-stats__grid {
		grid-template-columns: repeat(4, 252px);
		width: 1224px;
		column-gap: 72px;
	}

	.lld-services-list__grid-wrap > .lld-container {
		padding-top: 108px;
		padding-bottom: 71px;
	}

	.lld-services-list__grid-wrap .lld-service-card,
	.lld-services-list__grid-wrap .lld-service-card__body {
		display: flex;
		flex-direction: column;
	}

	.lld-services-list__grid-wrap .lld-service-card__body {
		flex: 1;
	}

	.lld-services-list__grid-wrap .lld-text-link {
		align-self: flex-start;
		margin-top: auto;
		margin-bottom: 1px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		grid-template-rows: 317.5px 349px 335.5px 370.5px 317.5px;
		row-gap: 109px;
	}

	.lld-services-list__grid-wrap .lld-service-card:nth-child(9) .lld-service-card__title,
	.lld-services-list__grid-wrap .lld-service-card:nth-child(12) .lld-service-card__title {
		line-height: 20px;
	}
}

/* Production keeps the full desktop editorial composition at 960px. The
 * historic tablet override began one pixel too early and collapsed the logo
 * wall by more than 850px. */
@media (min-width: 960px) and (max-width: 1279px) {
	.lld-about-page .lld-about-hero > .lld-container {
		transform: translateY(-5px);
	}

	.lld-about-page .about-intro__grid,
	.lld-about-page .about-mission__grid,
	.lld-about-page .about-clients__intro {
		padding-top: 107px;
	}

	.lld-about-page .about-mission__grid {
		transform: none;
	}

	.lld-about-page .about-transformation__inner {
		box-sizing: border-box;
		justify-content: flex-start;
		padding-top: 72px;
	}

	.lld-about-page .about-transformation h2 {
		width: min(calc(100% - 216px), 663.84px);
	}
}

@media (min-width: 900px) and (max-width: 959px) {
	.lld-about-page .about-intro {
		height: 1819.5px;
		min-height: 1819.5px;
	}

	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: 321px;
		min-height: 321px;
	}

	.lld-about-page .about-mission {
		height: 1532px;
		min-height: 1532px;
	}

	.lld-about-page .about-clients__intro {
		height: 1063.375px;
	}

	.lld-about-page .about-clients {
		padding-top: 0;
	}

	.lld-about-page .about-clients__logos {
		box-sizing: border-box;
		height: 2168px;
		padding-bottom: 0;
	}

	.lld-about-page .about-testimonials {
		height: 531px;
		min-height: 531px;
	}

	.lld-about-page .about-clients__featured,
	.lld-about-page .about-clients__logo-grid {
		width: calc(100% - 72px);
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 36px;
	}

	.lld-about-page .about-clients__featured .about-client-logo {
		height: auto;
		aspect-ratio: 1;
	}

	.lld-about-page .about-clients__featured .about-client-logo img {
		height: 100%;
		max-height: none;
	}

	.lld-about-page .about-clients__logo-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		row-gap: 35.125px;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo {
		height: calc((100vw - 180px) / 7.912);
		aspect-ratio: auto;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo img {
		height: calc((100vw - 180px) / 7.912);
		max-height: calc((100vw - 180px) / 7.912);
	}

	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 56.5px;
	}

	.lld-contact-hero {
		box-sizing: content-box;
		padding-bottom: 4.5px;
	}

	.lld-contact-hero__copy {
		box-sizing: border-box;
		height: 680.5px;
	}
}

@media (min-width: 960px) and (max-width: 960px) {
	.site-footer > .site-footer__inner,
	body.home .site-footer > .site-footer__inner {
		height: 451px;
		min-height: 451px;
	}

	.lld-contact-hero {
		height: 1146.5px;
		min-height: 1146.5px;
	}

	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 76.5px;
	}

	.lld-about-page .about-intro {
		height: 1653px;
		min-height: 1653px;
	}

	.lld-about-page .about-transformation,
	.lld-about-page .about-transformation__inner {
		height: 507px;
		min-height: 507px;
	}

	.lld-about-page .about-mission {
		height: 1128px;
		min-height: 1128px;
	}

	.lld-about-page .about-clients__intro {
		height: 1058px;
	}

	.lld-about-page .about-clients__logos {
		box-sizing: border-box;
		height: 2237.8125px;
		padding-bottom: 0;
	}

	.lld-about-page .about-testimonials {
		height: 633px;
		min-height: 633px;
	}

	.lld-about-page .about-clients__featured,
	.lld-about-page .about-clients__logo-grid {
		width: 744px;
	}

	.lld-about-page .about-clients__featured {
		grid-template-columns: repeat(3, 200px);
		gap: 72px;
	}

	.lld-about-page .about-clients__featured .about-client-logo {
		height: 200px;
	}

	.lld-about-page .about-clients__featured .about-client-logo img {
		height: 200px;
		max-height: 200px;
	}

	.lld-about-page .about-clients__logo-grid {
		grid-template-columns: repeat(4, 132px);
		gap: 71.125px 72px;
	}

	.lld-about-page .about-clients__logo-grid .about-client-logo,
	.lld-about-page .about-clients__logo-grid .about-client-logo img {
		height: 66.75px;
		max-height: 66.75px;
	}
}

@media (min-width: 961px) and (max-width: 1399px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 76.5px;
	}
}

@media (max-width: 639px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 56.5px;
	}

	.lld-contact-hero {
		box-sizing: content-box;
		padding-bottom: 4.5px;
	}

	.lld-contact-hero__copy {
		box-sizing: border-box;
		height: 965px;
	}
}

/* Responsive homepage bands. These values are the stable, font-loaded live
 * row measurements at the requested review breakpoints. They correct only
 * band geometry; the approved hero content and carousel remain untouched. */
@media (min-width: 1200px) and (max-width: 1399px) {
	body.home .home-stats {
		height: 893px;
		min-height: 893px;
	}

	body.home .home-case-studies {
		height: 664.75px;
		min-height: 664.75px;
	}

	body.home .home-clients {
		height: 310.75px;
		min-height: 310.75px;
	}

	body.home .home-insights {
		height: 710.75px;
		min-height: 710.75px;
	}

	body.home .site-cta {
		height: 453px;
		min-height: 453px;
	}
}

@media (min-width: 960px) and (max-width: 960px) {
	body.home .home-why {
		height: 1219.5px;
		min-height: 1219.5px;
	}

	body.home .home-stats {
		height: 962.75px;
		min-height: 962.75px;
	}

	body.home .home-case-studies {
		height: 730.75px;
		min-height: 730.75px;
	}

	body.home .home-matterport {
		height: 804.5px;
		min-height: 804.5px;
	}

	body.home .home-clients {
		height: 283.5px;
		min-height: 283.5px;
	}

	body.home .home-client-gallery {
		height: 389.75px;
		min-height: 389.75px;
	}

	body.home .home-services {
		height: 527.5px;
		min-height: 527.5px;
	}

	body.home .home-insights {
		height: 788.75px;
		min-height: 788.75px;
	}

	body.home .site-cta {
		height: 453px;
		min-height: 453px;
	}

}

@media (min-width: 900px) and (max-width: 959px) {
	body.home .home-hero {
		height: 363.25px;
		min-height: 363.25px;
	}

	body.home .home-why {
		height: 2029.5px;
		min-height: 2029.5px;
	}

	body.home .home-stats {
		height: 1036.375px;
		min-height: 1036.375px;
	}

	body.home .home-case-studies {
		height: 714.75px;
		min-height: 714.75px;
	}

	body.home .home-matterport {
		height: 804.5px;
		min-height: 804.5px;
	}

	body.home .home-clients {
		height: 283.75px;
		min-height: 283.75px;
	}

	body.home .home-client-gallery {
		height: 389.75px;
		min-height: 389.75px;
	}

	body.home .home-services {
		height: 425.5px;
		min-height: 425.5px;
	}

	body.home .home-insights {
		height: 724.75px;
		min-height: 724.75px;
	}

	body.home .site-cta {
		height: 373px;
		min-height: 373px;
	}

}

@media (max-width: 380px) {
	body.home .home-hero {
		height: 341.5px;
		min-height: 341.5px;
	}

	body.home .home-why {
		height: 2639px;
		min-height: 2639px;
	}

	body.home .home-stats {
		height: 1449.25px;
		min-height: 1449.25px;
	}

	body.home .home-case-studies {
		height: 763.625px;
		min-height: 763.625px;
	}

	body.home .home-matterport {
		height: 804.5px;
		min-height: 804.5px;
	}

	body.home .home-clients {
		height: 336.75px;
		min-height: 336.75px;
	}

	body.home .home-client-gallery {
		height: 331.5px;
		min-height: 331.5px;
	}

	body.home .home-services {
		height: 596.5px;
		min-height: 596.5px;
	}

	body.home .home-insights {
		height: 811.25px;
		min-height: 811.25px;
	}

	body.home .site-cta {
		height: 297px;
		min-height: 297px;
	}

	.lld-about-page .about-testimonials {
		height: 674px;
		min-height: 674px;
	}
}

/* Final confirmation corrections. Production leaves page-hero copy on the
 * browser's normal wrapping algorithm; the local balance rule changed the
 * second/third-line split despite identical Dosis font bytes. */
.lld-page-hero__intro,
.lld-about-hero h1,
.lld-service-card__title {
	text-wrap: auto;
}

/* Uncode renders this compact control at 80% while preserving its 114x43
 * layout box. Mirror the paint size without changing card flow. */
.lld-services-list__grid-wrap .lld-text-link {
	transform: scale(0.8);
	transform-origin: left center;
}

/* Two production labels use a deliberately tighter 20px line-height. */
.lld-services-list__grid-wrap .lld-service-card:nth-child(9) .lld-service-card__title,
.lld-services-list__grid-wrap .lld-service-card:nth-child(12) .lld-service-card__title {
	line-height: 20px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-top: 108px;
		padding-bottom: 75px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		grid-template-rows: 348px 379.5px 339px 401px 316.5px;
		row-gap: 108px;
	}
}

@media (min-width: 961px) and (max-width: 1199px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-top: 109px;
		padding-bottom: 74.5px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		grid-template-rows: 379.5px 472.5px 400.5px 432.5px 348px;
		row-gap: 108px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		grid-template-rows: 315.5px 348px 334.5px 369.5px 316.5px;
	}

	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 72px;
	}
}

@media (min-width: 960px) and (max-width: 960px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-top: 108px;
		padding-bottom: 71.5px;
	}

	.lld-services-archive .lld-services-list__grid-wrap .lld-service-grid {
		grid-template-rows: 379.5px 505px 401.5px 465px 348px;
		row-gap: 108px;
	}
}

/* On the stacked production service list, every card has one fractional
 * layout pixel, every middle card uses reduced paragraph spacing, and the
 * Immersive card intentionally uses the expanded paragraph lead. */
@media (max-width: 959px) {
	.site-header__inner {
		width: calc(100% - 36px);
		justify-content: space-between;
		margin-right: 0;
		margin-left: 36px;
	}

	.menu-toggle::before,
	.menu-toggle::after {
		right: 36px;
	}

	.lld-services-list__grid-wrap .lld-service-card {
		box-sizing: border-box;
		padding-bottom: 1px;
	}

	.lld-services-list__grid-wrap .lld-service-card:nth-child(3n + 2) p {
		margin-top: 9px;
	}

	.lld-services-list__grid-wrap .lld-service-card:nth-child(7) p {
		margin-top: 36px;
	}

	.lld-services-list__grid-wrap .lld-service-card:nth-child(6),
	.lld-services-list__grid-wrap .lld-service-card:nth-child(9),
	.lld-services-list__grid-wrap .lld-service-card:nth-child(12) {
		padding-bottom: 2px;
	}
}

@media (min-width: 900px) and (max-width: 959px), (max-width: 639px) {
	.lld-services-archive .lld-services-list__grid-wrap > .lld-container {
		padding-bottom: 71.5px;
	}
}