/*
 * Final supplied-screenshot override, September 2026.
 *
 * This file intentionally loads after every historical parity layer. Rules
 * are restricted to the supplied Case Studies/Blog pairs and the explicitly
 * listed About, Contact, Services, and footer discrepancies.
 */

/* Production subpage mastheads sit over the opening section and leave the
 * document when it scrolls. Keep the homepage's independently matched header
 * rules untouched, and retain the existing admin-bar top offsets. */
body:not(.home) .site-header,
body:not(.home).has-scrolled .site-header {
	position: absolute;
	width: 100%;
	z-index: 1000;
	isolation: isolate;
	background: transparent;
	border-bottom-color: transparent;
	box-shadow: none;
}

body:not(.home) .site-header::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: var(--lld-color-surface);
	content: "";
}

body:not(.home) .site-main {
	padding-top: 102px;
}

@media (max-width: 959px) {
	body:not(.home) .site-main {
		padding-top: 84px;
	}

	body.home.has-scrolled .site-header {
		position: absolute;
		top: 0;
	}

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

/* Production's first footer row keeps the same content start at 1440px but
 * ends 28.58px earlier. At wide desktop the rail and top inset expand. */
@media (min-width: 1200px) {
	.site-footer > .site-footer__inner {
		padding-bottom: 30.421875px;
	}
}

.site-footer__credit,
.site-footer__credit .lld-container {
	box-sizing: border-box;
	min-height: 46.25px;
}

@media (min-width: 960px) and (max-width: 1599px) {
	.site-footer > .site-footer__inner {
		height: 444px;
		min-height: 444px;
	}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	body.home .site-footer > .site-footer__inner {
		height: 444px;
		min-height: 444px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	body.home .site-footer > .site-footer__inner {
		grid-template-columns: 222px 222px minmax(0, 1fr);
		width: calc(100% - 140px);
		height: 444px;
		min-height: 444px;
		gap: 72px;
	}
}

@media (min-width: 960px) and (max-width: 1199px) {
	.site-footer > .site-footer__inner {
		padding-bottom: 32.421875px;
	}

	body.home .site-footer > .site-footer__inner {
		grid-template-columns: 195px 195px minmax(0, 1fr);
		width: calc(100% - 136px);
		height: 444px;
		min-height: 444px;
		gap: 36px;
	}
}

@media (max-width: 959px) {
	.site-footer > .site-footer__inner,
	body.home .site-footer > .site-footer__inner {
		width: calc(100% - 72px);
		padding-bottom: 91.609375px;
	}
}

@media (max-width: 639px) {
	.site-footer > .site-footer__inner,
	body.home .site-footer > .site-footer__inner {
		padding-bottom: 91.609375px;
	}
}

@media (min-width: 1600px) {
	.site-footer > .site-footer__inner {
		width: calc(100% - 15vw);
		max-width: none;
		padding-top: 144px;
		padding-bottom: 32.421875px;
	}

	body.home .site-footer > .site-footer__inner {
		grid-template-columns: 378px 378px minmax(0, 1fr);
		width: min(calc(100% - 144px), 1764px);
		height: 480px;
		min-height: 480px;
		gap: 72px;
		padding-top: 144px;
		padding-bottom: 32.421875px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	body.home .site-cta {
		height: 477px;
		min-height: 477px;
	}
}

@media (max-width: 959px) {
	body.home .site-cta__inner {
		justify-content: flex-start;
		gap: 14px;
		padding-top: 78px;
		padding-bottom: 0;
	}

	body.home .site-cta__title {
		gap: 11px;
	}

	body.home .site-cta__bg {
		height: 100%;
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	body.home .site-cta__title {
		font-size: 66.6667px;
		line-height: 80px;
	}
}

@media (max-width: 639px) {
	body.home .site-cta__title {
		font-size: 35px;
		line-height: 42px;
	}
}

.footer-navigation .menu {
	gap: 10px;
}

.footer-navigation .menu-item > a {
	text-transform: uppercase;
}

/* The production heading is shrink-wrapped. Its Dosis glyphs already match;
 * only the local block box was 223px wider. */
@media (min-width: 960px) {
	.lld-contact-hero__copy h1 {
		width: max-content;
		max-width: 100%;
	}
}

.header-social-navigation__mark svg .header-social-navigation__facebook-bg {
	fill: currentColor;
	stroke: none;
}

.header-social-navigation__mark svg .header-social-navigation__facebook-f {
	fill: var(--lld-color-surface);
}

/* Shared landing hero proportions are viewport-height based on production.
 * This preserves 603/450px at 1440x900 and reaches 749/559px at 1920x1118. */
@media (min-width: 960px) {
	.lld-services-archive .lld-services-landing-hero,
	.lld-case-studies-landing .lld-case-studies-landing-hero {
		height: calc(67vh - 1px);
		min-height: calc(67vh - 1px);
	}

	.lld-blog-hero,
	.lld-blog-hero > .lld-container {
		height: calc(50vh - 1px);
		min-height: calc(50vh - 1px);
	}

	.lld-case-studies-landing-hero .lld-page-hero__intro,
	.lld-blog-hero p {
		font-weight: 300;
	}

	.lld-case-studies-landing-hero .lld-page-hero__intro {
		margin-top: 36px;
	}

	.lld-case-studies-landing-hero h1,
	.lld-case-studies-landing-hero .lld-page-hero__intro {
		width: max-content;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}

/* Case Studies: keep the already correct document flow, while painting the
 * live full-width lime row and 72px-overlapping white 1200px panel. */
@media (min-width: 960px) {
	.lld-case-studies-landing .lld-case-intro {
		position: relative;
		isolation: isolate;
		background: transparent;
	}

	.lld-case-studies-landing .lld-case-intro::after {
		position: absolute;
		z-index: -2;
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		background: var(--lld-color-lime);
		content: "";
		transform: translateX(-50%);
	}

	.lld-case-studies-landing .lld-case-intro::before {
		position: absolute;
		z-index: -1;
		top: -72px;
		right: 0;
		left: 0;
		height: 310px;
		background: var(--lld-color-surface);
		content: "";
	}

	.lld-case-studies-landing .lld-case-intro > .lld-container {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.lld-case-studies-landing .lld-case-intro h2 {
		min-height: 67px;
		font-weight: 600;
	}

	.lld-case-studies-landing .lld-case-intro p {
		margin-top: 36px;
		text-align: left;
	}
}

@media (min-width: 960px) and (max-width: 1599px) {
	.lld-case-studies-landing .lld-case-card__body {
		padding: 72px;
	}
}

@media (min-width: 960px) and (max-width: 1199px) {
	.lld-case-studies-landing .lld-case-intro {
		height: 341.5px;
		min-height: 341.5px;
	}

	.lld-case-studies-landing .lld-case-card__body {
		padding: 72px;
	}

	.lld-case-studies-landing .lld-case-card__title {
		font-size: 50px;
		line-height: 60px;
	}
}

@media (min-width: 1600px) {
	.lld-case-studies-landing .lld-case-intro {
		height: 382px;
		min-height: 382px;
	}

	.lld-case-studies-landing .lld-case-studies-landing-hero > .lld-container {
		transform: translateY(-0.5px);
	}

	.lld-case-studies-landing .lld-case-intro {
		padding-right: 72px;
		padding-left: 72px;
	}

	.lld-case-studies-landing .lld-case-intro h2 {
		margin-top: -72px;
	}

	.lld-case-studies-landing .lld-case-card__body {
		padding: 143.75px 144px;
	}
}

/* Blog: the introduction text remains in normal flow. The two paint layers
 * reproduce the live lime band and square white overlap without hiding or
 * duplicating semantic content. */
@media (min-width: 960px) {
	.lld-blog-landing {
		position: relative;
		isolation: isolate;
		background: var(--lld-color-surface);
	}

	.lld-blog-landing::before {
		position: absolute;
		z-index: -2;
		top: 0;
		left: 0;
		width: 100%;
		height: 310px;
		background: var(--lld-color-lime);
		content: "";
	}

	.lld-blog-landing::after {
		position: absolute;
		z-index: -1;
		top: -72px;
		left: 50%;
		width: min(calc(100% - 80px), 1200px);
		height: 310px;
		background: var(--lld-color-surface);
		content: "";
		transform: translateX(-50%);
	}

	.lld-blog-landing > .lld-container {
		position: relative;
		z-index: 1;
	}

	.lld-blog-archive-heading h2 {
		min-height: 67px;
		font-family: var(--lld-font-display);
		font-weight: 600;
	}

	.lld-blog-archive-heading p {
		text-align: left;
	}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.lld-blog-landing {
		padding-bottom: 72.25px;
	}

	.lld-blog-landing .lld-post-grid {
		margin-top: 180px;
	}
}

/* Uncode's masonry keeps a 36px trailing gutter inside each item. At the
 * narrower desktop breakpoints the old fixed 1332px rail escaped the page;
 * production instead fluidly shrinks four tracks, then switches to two. */
@media (min-width: 1200px) and (max-width: 1439px) {
	.lld-blog-landing .lld-post-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		width: calc(100vw - 104px);
		margin-top: 180px;
		margin-left: -2px;
	}

	.lld-blog-landing .lld-post-card {
		width: auto;
	}
}

@media (min-width: 960px) and (max-width: 1199px) {
	.lld-blog-landing {
		padding-bottom: 75.21875px;
	}

	.lld-blog-landing .lld-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: calc(100vw - 100px);
		margin-top: 180px;
		margin-left: -4px;
	}

	.lld-blog-landing .lld-post-card {
		width: auto;
	}
}

@media (max-width: 1599px) {
	.lld-blog-landing .lld-post-card__media {
		aspect-ratio: 297 / 197.09375;
	}
}

@media (min-width: 1600px) {
	.lld-blog-landing::before {
		height: 382px;
	}

	.lld-blog-landing > .lld-container {
		width: 1200px;
		max-width: none;
	}

	.lld-blog-archive-heading {
		top: 0;
	}

	.lld-blog-hero > .lld-container {
		transform: translateY(-0.5px);
	}

	.lld-blog-archive-heading p {
		max-width: 1056px;
	}

	.lld-blog-landing .lld-post-grid {
		grid-template-columns: repeat(4, 435px);
		width: 1704px;
		margin-top: 252px;
		margin-left: -252px;
	}

	.lld-blog-landing .lld-post-card {
		width: 435px;
	}

	.lld-blog-landing .lld-post-card__media {
		aspect-ratio: 399 / 265.1328;
	}

	.lld-blog-landing {
		padding-bottom: 72.125px;
	}
}

@media (min-width: 2000px) {
	.lld-blog-landing .lld-post-grid {
		position: relative;
		left: 50%;
		grid-template-columns: repeat(4, calc((100% + 36px) / 4));
		width: calc(100vw - 212px);
		margin-left: 0;
		transform: translateX(-50%);
	}

	.lld-blog-landing .lld-post-card {
		width: auto;
	}

	.lld-case-studies-landing .lld-case-card__body {
		padding-block: 144px;
	}

	.lld-case-studies-landing .lld-case-card {
		min-height: 516px;
	}
}

@media (min-width: 960px) {
	.lld-blog-landing > .lld-container > ul.page-numbers {
		padding-bottom: 0;
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	.lld-blog-landing {
		padding-bottom: 33px;
	}

	.lld-case-studies-landing .lld-case-archive-loop {
		padding-top: 0;
	}

	.lld-blog-landing .lld-post-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: calc(100% + 36px);
		margin-top: 128px;
		row-gap: 0;
		column-gap: 0;
		align-items: start;
	}

	.lld-blog-landing .lld-post-card {
		box-sizing: border-box;
		width: auto;
		padding-right: 36px;
	}

	.lld-blog-landing .lld-post-card__media {
		margin-top: 36px;
	}
}

@media (max-width: 639px) {
	.lld-blog-landing {
		padding-bottom: 59px;
	}

	.lld-blog-landing > .lld-container {
		width: calc(100% - 72px);
	}

	.lld-blog-landing .lld-post-grid {
		margin-top: 146px;
		row-gap: 0;
		align-items: start;
	}

	.lld-blog-landing .lld-post-card {
		box-sizing: border-box;
		width: calc(100% + 36px);
		padding-right: 36px;
	}

	.lld-blog-landing .lld-post-card__media {
		margin-top: 36px;
	}

	.lld-case-studies-landing .lld-case-archive-loop {
		padding-top: 0;
	}

	.lld-case-studies-landing .lld-case-card__body {
		padding-top: 52px;
	}
}

/* About at 1440px: section heights already match. Only the content insets,
 * editorial rail, and testimonial content start were displaced. */
@media (min-width: 1280px) and (max-width: 1599px) {
	.lld-about-page .about-intro__grid {
		padding-top: 107px;
	}

	.lld-about-page .about-intro__copy h2 {
		font-weight: 900;
	}

	.lld-about-page .about-transformation h2 {
		position: relative;
		top: -5px;
		width: 100%;
		font-weight: 600;
	}

	.lld-about-page .about-mission__grid,
	.lld-about-page .about-clients__intro,
	.lld-about-page .about-clients__logo-grid {
		width: calc(100% - 15vw);
		max-width: none;
	}

	.lld-about-page .about-mission__copy,
	.lld-about-page .about-mission__media {
		padding-top: 107px;
	}

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

	.lld-about-page .about-testimonials {
		height: 631.36px;
		min-height: 631.36px;
		padding-top: 160.36px;
	}
}

/* At the exact 960px desktop breakpoint production's footer retains seven
 * additional pixels of its desktop row before switching to the stacked
 * 959px composition. */
@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-blog-landing {
		padding-bottom: 57.5px;
	}

	.lld-case-studies-landing .lld-case-archive-loop {
		margin-bottom: 0;
	}
}

@media (min-width: 900px) and (max-width: 959px) {
	.lld-case-studies-landing .lld-case-archive-loop {
		margin-bottom: -2px;
	}
}

/* September 9 supplied-pair correction.
 * Production centers the CTA's visible line boxes on a 477px desktop row,
 * then expands the row to 589px at its wide-screen breakpoint. Keeping the
 * line/gap geometry explicit avoids changing the verified 100px type size. */
@media (min-width: 960px) {
	body.home .site-cta__inner {
		justify-content: flex-start;
		gap: 14px;
		padding-top: 90px;
		padding-bottom: 0;
	}

	body.home .site-cta__title {
		gap: 11px;
	}

	body.home .site-cta__bg {
		height: calc(100% + 30vh);
	}

	.site-footer__recruitment h2 {
		margin-bottom: 36px;
	}

	/* The live initial-load reveal staggers the supporting line slightly
	 * behind the headline. Slide-to-slide timing remains unchanged. */
	html.js body.home .home-hero__slide.is-initial-entry.is-entering .home-hero__content p {
		animation-delay: 0.65s;
	}
}

@media (min-width: 1600px) {
	/* Uncode keeps the 832px Insights row but places its inner composition
	 * 36px lower at wide desktop. Preserve the row/CTA boundary by moving
	 * that space from the bottom padding and accounting for the 5px card gap. */
	body.home .home-insights {
		padding-top: 72px;
		padding-bottom: 7px;
	}

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

	body.home .home-insights .home-card-grid--insights {
		margin-top: 41px;
	}

	body.home .site-cta,
	body.home .site-cta__inner {
		height: 589px;
		min-height: 589px;
	}

	body.home .site-cta__inner {
		padding-top: 146px;
	}

	.site-footer > .site-footer__inner,
	body.home .site-footer > .site-footer__inner {
		box-sizing: border-box;
		grid-template-columns: 381px 381px minmax(0, 798px);
		width: 100%;
		max-width: none;
		height: 480px;
		min-height: 480px;
		margin: 0;
		gap: 36px;
		padding: 144px 144px 72px;
	}
}

/* The selected-client rail advances one logo every five seconds. A duplicate
 * visual set makes the final step seamless without changing the resting
 * geometry or exposing repeated content to assistive technology. */
body.home .home-clients__logo-track {
	display: flex;
	width: max-content;
	gap: 0;
	padding-left: 0;
	animation: none;
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

body.home .home-clients__logo-track.is-resetting {
	transition: none;
}

body.home .home-clients__logo-set {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 72px;
	padding-inline: 36px;
}

/* Production lets the tablet hero support line keep its intrinsic width.
 * The old 544px cap wrapped it unnecessarily and pushed the CTA into the
 * pagination. Preserve the established resting geometry at every endpoint. */
@media (min-width: 640px) and (max-width: 959px) {
	body.home .home-hero {
		height: 363px;
		min-height: 363px;
	}

	body.home .home-hero__content p {
		width: max-content;
		max-width: 100%;
	}
}

/* Below the support line's natural 594px measure, production adds exactly
 * one 20px text line to the hero instead of clipping the CTA and dots. */
@media (min-width: 640px) and (max-width: 665px) {
	body.home .home-hero {
		height: 383px;
		min-height: 383px;
	}
}

/* Production's compact navigation uses a 20px three-line icon and a 92px
 * hit target at the viewport edge. Its off-canvas panel leaves a 45px page
 * reveal, then presents the same compact menu and social composition. */
@media (max-width: 959px) {
	.menu-toggle {
		right: -36px;
		width: 92px;
		height: 84px;
		min-height: 84px;
		flex: 0 0 92px;
	}

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

	.primary-navigation {
		top: 0;
		right: -100%;
		display: block;
		width: calc(100vw - 45px);
		max-width: none;
		padding: 55px 9px 108px;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: hidden;
		transform: none;
		box-shadow: none;
		pointer-events: none;
		transition:
			right 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86),
			box-shadow 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86),
			visibility 0s linear 0.6s;
	}

	.primary-navigation.is-open {
		right: 0;
		display: block;
		visibility: visible;
		transform: none;
		box-shadow: 0 0 100px 10px rgba(0, 0, 0, 0.5);
		pointer-events: auto;
		transition:
			right 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86),
			box-shadow 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	.primary-navigation .menu {
		width: 100%;
		align-items: stretch;
		gap: 4px;
	}

	.primary-navigation .menu-item,
	.primary-navigation a {
		width: 100%;
	}

	.primary-navigation li + li {
		border-top: 0;
	}

	.primary-navigation a {
		height: 29.5px;
		padding: 5px 36px;
		font-size: 15px;
		font-weight: 600;
		line-height: 19.5px;
	}

	.menu-overlay {
		background: transparent;
	}

	.menu-toggle[aria-expanded="true"] {
		position: fixed;
		top: 0;
		right: 9px;
		z-index: calc(var(--lld-z-menu) + 1);
		height: 68px;
		min-height: 68px;
	}

	.menu-toggle[aria-expanded="true"]::before,
	.menu-toggle[aria-expanded="true"]::after {
		top: 32px;
		height: 2px;
		border-top: 2px solid currentColor;
		border-bottom: 0;
		transform-origin: center;
	}

	.menu-toggle[aria-expanded="true"]::before {
		transform: rotate(45deg);
	}

	.menu-toggle[aria-expanded="true"]::after {
		transform: rotate(-45deg);
	}

	body.menu-is-open .header-social-navigation {
		position: fixed;
		top: 255px;
		left: 54px;
		z-index: calc(var(--lld-z-menu) + 1);
		display: block;
		width: calc(100vw - 63px);
		height: 96px;
		margin: 0;
		padding-top: 36px;
	}

	body.menu-is-open .header-social-navigation__list {
		display: block;
		width: 100%;
		height: 60px;
		margin: 0;
		padding: 0 36px 27px;
		font-size: 0;
		white-space: nowrap;
	}

	body.menu-is-open .header-social-navigation__list li {
		display: inline-flex;
		margin: 0;
		vertical-align: top;
	}

	body.menu-is-open .header-social-navigation__list li:first-child {
		margin-left: -2vw;
	}

	body.menu-is-open .header-social-navigation a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		height: 33px;
		padding: 9px 2vw;
	}

	body.menu-is-open .header-social-navigation__mark,
	body.menu-is-open .header-social-navigation__mark svg {
		width: 12.875px;
		height: 12.875px;
	}

	body.menu-is-open .header-social-navigation__mark--x,
	body.menu-is-open .header-social-navigation__mark--x svg {
		width: 20.515px;
		height: 18px;
	}
}

/* About uses the same measured Uncode landing reveal as the homepage hero:
 * 100px of upward travel with title, supporting copy and CTA staggered. */
html.js .lld-about-page .lld-about-hero h1,
html.js .lld-about-page .lld-about-hero .lld-page-hero__intro,
html.js .lld-about-page .lld-about-hero .lld-page-hero__cta {
	animation: lld-about-hero-enter 0.6s ease both;
	will-change: opacity, transform;
}

html.js .lld-about-page .lld-about-hero h1 {
	animation-delay: 0.4s;
}

html.js .lld-about-page .lld-about-hero .lld-page-hero__intro {
	animation-delay: 0.65s;
}

html.js .lld-about-page .lld-about-hero .lld-page-hero__cta {
	animation-delay: 0.8s;
}

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

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

@media (prefers-reduced-motion: reduce) {
	body.home .home-clients__logo-track,
	html.js .lld-about-page .lld-about-hero h1,
	html.js .lld-about-page .lld-about-hero .lld-page-hero__intro,
	html.js .lld-about-page .lld-about-hero .lld-page-hero__cta {
		animation: none;
		transition: none;
		transform: none;
	}
}

/* Final typography parity pass (2026-09-09).
 * These values are scoped to the exact text roles measured against the
 * production site. They intentionally do not alter hero, section, rail,
 * carousel, or footer layout mechanics. */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.home .home-why__intro .home-section-heading__lead {
	font-family: var(--lld-font-body);
	font-weight: 400;
}

body.home .home-feature h3 {
	line-height: 45px;
}

body.home .home-case-studies .home-section-heading__intro {
	font-weight: 400;
}

body.home .home-case-card .home-card__link h3,
body.home .home-insights .lld-post-card__title a {
	font-weight: 700;
	letter-spacing: normal;
}

body.home .home-case-card .home-card__category {
	font-family: var(--lld-font-display);
	font-size: 17px;
	font-weight: 700;
	line-height: 29.75px;
	letter-spacing: 1px;
	text-transform: capitalize;
}

body.home .home-insights .lld-post-card__date,
body.home .home-insights .lld-post-card__date time {
	color: #000000;
	font-size: 15px;
	font-weight: 600;
	line-height: 26.25px;
}

body.home .home-insights .lld-post-card__title,
body.home .home-insights .lld-post-card__title a {
	font-size: 20px;
	line-height: 24px;
}

body.home .home-services__copy p {
	font-family: var(--lld-font-body);
	font-size: 18px;
	font-weight: 400;
	line-height: 31.5px;
}

.lld-about-page .about-transformation h2 {
	font-weight: 400;
}

.lld-about-page .about-testimonial blockquote {
	font-family: var(--lld-font-body);
	font-size: 25px;
	font-weight: 400;
	line-height: normal;
	text-align: center;
}

.lld-services-list .lld-section-heading h2,
.lld-case-studies-landing .lld-case-intro h2,
.lld-blog-landing .lld-blog-archive-heading h2 {
	letter-spacing: normal;
}

.lld-services-list .lld-section-heading p {
	text-align: left;
}

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

.lld-case-taxonomy .lld-section-heading--archive h1 {
	font-size: 35px;
	font-weight: 600;
	line-height: 42px;
	letter-spacing: normal;
}

.lld-case-taxonomy .lld-case-card__title a,
body.category .lld-post-card__title a,
body.author .lld-post-card__title a {
	font-weight: 700;
}

body.category .lld-post-card__date,
body.category .lld-post-card__date time,
body.author .lld-post-card__date,
body.author .lld-post-card__date time {
	color: #000000;
	font-size: 12px;
	font-weight: 600;
	line-height: 21px;
}

.lld-author-hero__name {
	font-family: var(--lld-font-body);
}

.lld-author-hero__eyebrow {
	color: #c8ff00;
}

.lld-post-card--search .lld-post-card__title,
.lld-post-card--search .lld-post-card__title a {
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
}

.lld-single-breadcrumb {
	font-size: 16px;
	line-height: 19.2px;
}

.lld-single-meta {
	color: #808080;
	font-size: 12px;
	font-weight: 400;
	line-height: normal;
}

.lld-single-meta a {
	color: #141924;
	font-weight: 700;
}

.lld-single-meta [aria-hidden="true"] {
	color: #000000;
}

.lld-single-header h1 {
	line-height: 60px;
	letter-spacing: normal;
}

.lld-related-posts h2 {
	font-family: var(--lld-font-body);
	font-size: 25px;
	font-weight: 600;
	line-height: 32.5px;
	letter-spacing: -0.125px;
}

.lld-post-grid--related .lld-post-card__title,
.lld-post-grid--related .lld-post-card__title a {
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
}

.lld-adjacent-nav span {
	font-size: 15px;
	font-weight: 600;
	line-height: normal;
	text-transform: none;
}

.lld-legal-page .entry-content h2 {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	letter-spacing: normal;
}

.lld-error-page h1 {
	margin-top: 77px;
}

.lld-error-page__copy {
	margin-top: 46px;
}

.site-footer__credit,
.site-footer__credit span {
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	line-height: 26.25px;
	text-align: center;
}

@media (min-width: 960px) {
	.lld-case-studies-landing .lld-case-card:nth-child(even) .lld-case-card__body,
	.lld-case-studies-landing .lld-case-card:nth-child(even) .lld-case-card__terms,
	.lld-case-studies-landing .lld-case-card:nth-child(even) .lld-case-card__title,
	.lld-case-studies-landing .lld-case-card:nth-child(even) .lld-case-card__date {
		align-items: flex-end;
		text-align: right;
	}

	.lld-author-hero__name {
		font-size: 70px;
		line-height: 73.5px;
		letter-spacing: -1.05px;
	}

	.lld-error-page__inner {
		width: 504px;
		padding-bottom: 98px;
	}

	.lld-error-page__code {
		font-size: 356.6px;
		font-weight: 700;
		line-height: 178.3px;
		letter-spacing: -17.83px;
		text-transform: uppercase;
	}

	.lld-error-page h1 {
		font-size: 126px;
		font-weight: 600;
		line-height: 126px;
		letter-spacing: normal;
	}

	.lld-error-page__copy {
		font-size: 35.1px;
		font-weight: 600;
		line-height: 35.1px;
	}
}

@media (max-width: 959px) {
	.lld-error-page {
		place-items: start center;
	}

	body.home .home-case-card .home-card__category {
		font-size: 20px;
		line-height: 35px;
	}

	body.home .home-case-card .home-card__meta time,
	.lld-case-studies-landing .lld-case-card__date,
	.lld-case-studies-landing .lld-case-card__date time {
		color: #000000;
		font-size: 14px;
		font-weight: 400;
		line-height: 24.5px;
	}

	.lld-about-page .about-intro__copy h2 {
		font-family: var(--lld-font-display);
		font-weight: 900;
		letter-spacing: normal;
	}

	.lld-about-page .about-mission__copy h2 {
		font-family: var(--lld-font-display);
		font-weight: 900;
		letter-spacing: normal;
		text-transform: uppercase;
	}

	.lld-about-page .about-mission__copy h3 {
		font-family: var(--lld-font-display);
		font-weight: 600;
		letter-spacing: normal;
	}

	.lld-about-page .about-clients__intro h2,
	.lld-about-page .about-testimonials h2 {
		font-family: var(--lld-font-display);
		font-weight: 600;
		letter-spacing: normal;
		text-transform: uppercase;
	}

	.lld-about-page .about-testimonials h2 {
		text-align: center;
	}

	.lld-author-hero__name {
		font-size: 35px;
		line-height: 36.75px;
		letter-spacing: -0.525px;
	}

	.lld-single-meta {
		font-size: 10px;
		line-height: normal;
	}

	.lld-related-posts h2 {
		font-size: 18px;
		line-height: 23.4px;
		letter-spacing: -0.09px;
	}

	.lld-error-page__code {
		font-size: calc(70.76vw - 50.9472px);
		font-weight: 700;
		line-height: calc(35.38vw - 25.4736px);
		letter-spacing: -0.05em;
		text-transform: uppercase;
	}

	.lld-error-page__inner {
		width: calc(100% - 72px);
		max-width: none;
		padding: 35px 0 60px;
	}

	.lld-error-page h1 {
		font-size: calc(25vw - 18px);
		font-weight: 600;
		line-height: calc(25vw - 18px);
		letter-spacing: normal;
	}

	.lld-error-page__copy {
		font-size: clamp(24px, calc(6.97vw - 5.0184px), 61.8px);
		font-weight: 600;
		line-height: clamp(24px, calc(6.97vw - 5.0184px), 61.8px);
	}
}

@media (min-width: 640px) and (max-width: 959px) {
	body.home .home-case-card .home-card__category {
		font-size: 17px;
		line-height: 29.75px;
	}

	body.home .home-case-card .home-card__meta time,
	.lld-case-studies-landing .lld-case-card__date,
	.lld-case-studies-landing .lld-case-card__date time {
		font-size: 16px;
		line-height: 28px;
	}

	.lld-author-hero__name {
		font-size: 46.6667px;
		line-height: 49px;
		letter-spacing: -0.7px;
	}

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

	.lld-related-posts h2 {
		font-size: 20px;
		line-height: 26px;
		letter-spacing: -0.1px;
	}
}

/* Production keeps the footer menu's compact 12px label system at every
 * breakpoint. Earlier mobile rules restored the original 15px scaffold size. */
.footer-navigation .menu-item > a {
	font-size: 12px;
	line-height: 18px;
}

.footer-navigation .menu-item > a::before {
	font-size: 12px;
	line-height: 18px;
}