.lars-services-template .inner-hero-section .hero-title-lg h1 .swift-up-text2,
.lars-services-template .inner-hero-section .hero-title-lg h1 .swift-up-text2 span {
	display: block !important;
}

.lars-services-template .inner-hero-section .hero-title-lg h1 .swift-up-text2:first-child,
.lars-services-template .inner-hero-section .hero-title-lg h1 .swift-up-text2:first-child span {
	color: #111111;
	font-family: "Noto Sans", sans-serif;
	font-style: normal;
}

.lars-services-template .inner-hero-section .hero-title-lg h1 .swift-up-text2:last-child,
.lars-services-template .inner-hero-section .hero-title-lg h1 .swift-up-text2:last-child span {
	color: #a11d20;
	font-family: "Georgia Italic", Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
}

.services-scope-guide {
	--scope-paper: #fcfcfc;
	--scope-white: #ffffff;
	--scope-ink: #111111;
	--scope-muted: #5f5f5b;
	--scope-rule: #dbdbdb;
	--scope-red: #a11d20;
	position: relative;
	overflow: clip;
	scroll-margin-top: 110px;
	margin: 0;
	padding: clamp(72px, 5.2vw, 88px) 0;
	background-color: var(--scope-paper);
	color: var(--scope-ink);
	font-family: "Noto Sans", sans-serif;
}

.services-scope-guide__container {
	position: relative;
	z-index: 1;
	width: min(100% - 80px, 1290px);
	margin: 0 auto;
}

/* Matched the site's standard .container inset (padding: 0 3.75vw) instead
   of the fixed 1290px cap above, which left ~243px of dead space per side
   at 1920px against every other section's actual content width. Verified
   in-browser: content now starts at the same x as sibling sections.
   Gated to match the mobile/tablet breakpoints below (1023px, 767px),
   which already have their own correct width formulas — this only
   replaces the fixed cap at the desktop widths the complaint was about. */
@media (min-width: 1024px) {
	.services-scope-guide__container {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding: 0 3.75vw;
	}
}

.services-scope-guide__layout {
	display: grid;
	grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
	gap: clamp(48px, 5vw, 76px);
	align-items: start;
}

.services-scope-guide__intro {
	position: sticky;
	top: 118px;
	align-self: start;
	max-width: 480px;
}

.services-scope-guide__eyebrow,
.services-scope-guide__map-label,
.services-scope-guide__step,
.services-scope-guide__fit-label,
.services-scope-guide__checklist-title,
.services-scope-guide__cta-kicker {
	margin: 0;
	color: var(--scope-muted);
	font-size: 0.83333vw;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.35;
	text-transform: uppercase;
}

.services-scope-guide__eyebrow {
	display: flex;
	gap: 13px;
	align-items: center;
	margin-bottom: 22px;
	color: var(--scope-red);
}

.services-scope-guide__eyebrow::before {
	width: 42px;
	height: 2px;
	background: var(--scope-red);
	content: "";
}

.services-scope-guide__title {
	margin: 0 0 28px;
	font-size: clamp(40px, 3.35vw, 54px);
	font-weight: 400;
	letter-spacing: -0.035em;
	line-height: 1.03;
	text-wrap: balance;
}

.services-scope-guide__title span,
.services-scope-guide__title em {
	display: block;
}

.services-scope-guide__title em {
	margin-top: 6px;
	color: var(--scope-red);
	font-family: "Georgia Italic", Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.035em;
}

.services-scope-guide__lead,
.services-scope-guide__prompt {
	max-width: 44ch;
	margin: 0;
	font-size: clamp(16px, 1.22vw, 19px);
	line-height: 1.7;
}

.services-scope-guide__lead {
	padding-bottom: 28px;
	border-bottom: 1px solid var(--scope-rule);
}

.services-scope-guide__prompt {
	margin-top: 28px;
	color: var(--scope-muted);
	font-size: clamp(14px, 1.05vw, 16px);
}

.services-scope-guide__map {
	position: relative;
	min-width: 0;
	padding-left: 44px;
}

.services-scope-guide__map::before {
	position: absolute;
	top: 49px;
	bottom: 132px;
	left: 10px;
	width: 1px;
	background: var(--scope-red);
	content: "";
}

.services-scope-guide__map-label {
	margin-bottom: 22px;
	color: var(--scope-ink);
}

.services-scope-guide__item {
	position: relative;
	margin: 0;
	border-top: 1px solid var(--scope-rule);
}

.services-scope-guide__item:last-of-type {
	border-bottom: 1px solid var(--scope-rule);
}

.services-scope-guide__item::before {
	position: absolute;
	top: 44px;
	left: -39px;
	width: 12px;
	height: 12px;
	border: 1px solid var(--scope-red);
	background: var(--scope-paper);
	content: "";
	transform: rotate(45deg);
	transition: background-color 180ms ease, transform 180ms ease;
}

.services-scope-guide__item[open]::before,
.services-scope-guide__item.is-open::before {
	background: var(--scope-red);
	transform: rotate(45deg) scale(1.15);
}

.services-scope-guide__trigger {
	display: block;
	min-height: 96px;
	padding: 0;
	cursor: pointer;
	list-style: none;
}

.services-scope-guide__trigger::-webkit-details-marker {
	display: none;
}

.services-scope-guide__trigger h3 {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"step toggle"
		"question toggle"
		"choices toggle";
	column-gap: 24px;
	align-items: center;
	min-height: 96px;
	margin: 0;
	padding: 18px 2px;
	font-family: "Noto Sans", sans-serif;
	font-weight: 400;
}

.services-scope-guide__step {
	grid-area: step;
	margin-bottom: 6px;
	font-size: 0.69444vw;
}

.services-scope-guide__question {
	grid-area: question;
	margin: 0;
	color: inherit;
	font-family: "Noto Sans", sans-serif;
	font-size: clamp(21px, 1.6vw, 25px);
	font-weight: 500;
	letter-spacing: -0.025em;
	line-height: 1.15;
}

.services-scope-guide__choices {
	grid-area: choices;
	margin-top: 8px;
	color: var(--scope-muted);
	font-size: 0.90278vw;
	line-height: 1.4;
}

.services-scope-guide__choices i {
	padding: 0 7px;
	color: var(--scope-red);
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
}

.services-scope-guide__toggle {
	position: relative;
	grid-area: toggle;
	width: 48px;
	height: 48px;
	border: 1px solid var(--scope-ink);
	border-radius: 50%;
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.services-scope-guide__toggle::before,
.services-scope-guide__toggle::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 1px;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%);
	transition: transform 180ms ease;
}

.services-scope-guide__toggle::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.services-scope-guide__item[open] .services-scope-guide__toggle,
.services-scope-guide__item.is-open .services-scope-guide__toggle {
	border-color: var(--scope-red);
	background: var(--scope-red);
	color: var(--scope-white);
	transform: rotate(90deg);
}

.services-scope-guide__item[open] .services-scope-guide__toggle::after,
.services-scope-guide__item.is-open .services-scope-guide__toggle::after {
	transform: translate(-50%, -50%) rotate(0);
}

.services-scope-guide__trigger:hover .services-scope-guide__question {
	color: var(--scope-red);
}

.services-scope-guide__trigger:focus-visible {
	outline: 3px solid var(--scope-red) !important;
	outline-offset: 4px;
	box-shadow: 0 0 0 1px var(--scope-white);
}

.services-scope-guide__panel {
	padding: 2px 0 34px;
}

.services-scope-guide__item[open] .services-scope-guide__panel {
	animation: services-scope-panel-in 180ms ease-out;
}

.services-scope-guide__fit-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid var(--scope-rule);
	background: var(--scope-rule);
}

.services-scope-guide__fit {
	padding: clamp(24px, 2.25vw, 34px);
	background: var(--scope-white);
}

.services-scope-guide__fit-label {
	margin-bottom: 16px;
	color: var(--scope-red);
	font-size: 0.69444vw;
}

.services-scope-guide__fit p:last-child,
.services-scope-guide__copy-card p,
.services-scope-guide__proof p,
.services-scope-guide__cta p {
	margin: 0;
	font-size: clamp(15px, 1.08vw, 17px);
	line-height: 1.72;
}

.services-scope-guide__fit strong,
.services-scope-guide__copy-card strong {
	font-weight: 650;
}

.services-scope-guide__checklist {
	padding: clamp(24px, 2.35vw, 36px);
	border-right: 1px solid var(--scope-rule);
	border-bottom: 1px solid var(--scope-rule);
	border-left: 1px solid var(--scope-rule);
	background: rgba(255, 255, 255, 0.62);
}

.services-scope-guide__checklist-title {
	margin-bottom: 18px;
	color: var(--scope-ink);
}

.services-scope-guide__checklist ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.services-scope-guide__checklist li {
	position: relative;
	margin: 0;
	padding: 0 0 0 24px;
	font-size: 0.97222vw;
	line-height: 1.5;
}

.services-scope-guide__checklist li::before {
	position: absolute;
	top: 0.55em;
	left: 1px;
	width: 8px;
	height: 8px;
	border: 1px solid var(--scope-red);
	content: "";
	transform: rotate(45deg);
}

.services-scope-guide__proof {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 24px;
	align-items: center;
	margin-top: 16px;
	padding: clamp(22px, 2.2vw, 34px);
	background: var(--scope-ink);
	color: var(--scope-white);
}

.services-scope-guide__proof p,
.services-scope-guide__cta p {
	color: var(--scope-white);
}

.services-scope-guide__proof-mark {
	/* Was a fixed 64px circle with a vw-scaled font (2.01389vw): "35" already
	   read cramped at 1440, and "35+" is wider still, so both dimensions are
	   scaled here (verified in-browser for comfortable clearance around the
	   text) and clamped to match this module's existing clamp() convention. */
	display: inline-flex;
	flex: 0 0 clamp(80px, 6.11vw, 96px);
	width: clamp(80px, 6.11vw, 96px);
	height: clamp(80px, 6.11vw, 96px);
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	color: var(--scope-white);
	font-family: "Noto Sans", sans-serif;
	font-size: clamp(32px, 2.36vw, 38px);
	font-style: normal;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
}

.services-scope-guide__copy-card {
	padding: clamp(26px, 2.85vw, 44px);
	border: 1px solid var(--scope-rule);
	border-left: 3px solid var(--scope-red);
	background: var(--scope-white);
	box-shadow: none;
}

.services-scope-guide__panel a,
.services-scope-guide__cta a {
	color: inherit;
	font-weight: 650;
	text-decoration-color: var(--scope-red);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.services-scope-guide__panel a:hover,
.services-scope-guide__panel a:focus-visible,
.services-scope-guide__cta a:hover,
.services-scope-guide__cta a:focus-visible {
	color: var(--scope-red);
}

.services-scope-guide__panel a:focus-visible {
	outline: 3px solid var(--scope-red) !important;
	outline-offset: 4px;
	box-shadow: 0 0 0 1px var(--scope-white);
}

.services-scope-guide__cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 30px;
	align-items: center;
	margin-top: 30px;
	padding: clamp(26px, 2.85vw, 44px);
	background: var(--scope-red);
	color: var(--scope-white);
}

.services-scope-guide__cta-kicker {
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.72);
}

.services-scope-guide__cta-copy h3,
.services-scope-guide__cta-copy p {
	display: inline;
	margin: 0;
	color: var(--scope-white);
	font-family: "Noto Sans", sans-serif;
	font-size: clamp(15px, 1.08vw, 17px);
	line-height: 1.72;
}

.services-scope-guide__cta-copy h3 {
	font-weight: 700;
}

.services-scope-guide__cta a {
	text-decoration-color: rgba(255, 255, 255, 0.72);
}

.services-scope-guide__cta a:hover,
.services-scope-guide__cta a:focus-visible {
	color: var(--scope-white);
	text-decoration-color: var(--scope-white);
}

.services-scope-guide__cta a:focus-visible {
	outline: 3px solid var(--scope-white) !important;
	outline-offset: 4px;
	box-shadow: 0 0 0 1px var(--scope-ink);
}

.services-scope-guide__cta-arrow {
	display: grid;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(255, 255, 255, 0.62);
	border-radius: 50%;
	place-items: center;
	font-size: 1.66667vw;
	text-decoration: none !important;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.services-scope-guide__cta-arrow svg {
	display: block;
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: square;
	stroke-linejoin: miter;
	stroke-width: 1.8;
}

.services-scope-guide__cta-arrow:hover,
.services-scope-guide__cta-arrow:focus-visible {
	background: var(--scope-white);
	color: var(--scope-red) !important;
	transform: translate(2px, -2px);
}

@keyframes services-scope-panel-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 1023px) {
	.services-scope-guide {
		padding: 68px 0;
	}

	.services-scope-guide__container {
		width: min(100% - 48px, 820px);
	}

	.services-scope-guide__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.services-scope-guide__intro {
		position: static;
		max-width: 720px;
	}

	.services-scope-guide__lead,
	.services-scope-guide__prompt {
		max-width: 62ch;
	}
}

@media (max-width: 767px) {
	.services-scope-guide {
		scroll-margin-top: 82px;
		padding: 54px 0;
	}

	.services-scope-guide__container {
		width: calc(100% - 40px);
	}

	.services-scope-guide__layout {
		gap: 38px;
	}

	.services-scope-guide__title {
		margin-bottom: 22px;
		font-size: clamp(36px, 10.5vw, 42px);
	}

	.services-scope-guide__lead,
	.services-scope-guide__prompt {
		font-size: 15px;
		line-height: 1.65;
	}

	.services-scope-guide__lead {
		padding-bottom: 22px;
	}

	.services-scope-guide__prompt {
		margin-top: 22px;
	}

	.services-scope-guide__map {
		padding-left: 28px;
	}

	.services-scope-guide__map::before {
		top: 45px;
		bottom: 112px;
		left: 3px;
	}

	.services-scope-guide__item::before {
		top: 38px;
		left: -31px;
		width: 12px;
		height: 12px;
	}

	.services-scope-guide__trigger,
	.services-scope-guide__trigger h3 {
		min-height: 92px;
	}

	.services-scope-guide__trigger h3 {
		grid-template-areas:
			"step toggle"
			"question toggle"
			"choices choices";
		column-gap: 14px;
		padding: 18px 0;
	}

	.services-scope-guide__question {
		font-size: 21px;
	}

	.services-scope-guide__choices {
		padding-right: 4px;
		font-size: 12px;
	}

	.services-scope-guide__toggle {
		width: 48px;
		height: 48px;
	}

	.services-scope-guide__panel {
		padding-bottom: 26px;
	}

	.services-scope-guide__fit-grid,
	.services-scope-guide__checklist ul {
		grid-template-columns: minmax(0, 1fr);
	}

	.services-scope-guide__fit,
	.services-scope-guide__checklist,
	.services-scope-guide__copy-card,
	.services-scope-guide__cta {
		padding: 24px 21px;
	}

	.services-scope-guide__proof {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
		padding: 24px 21px;
	}

	.services-scope-guide__proof-mark {
		flex-basis: 54px;
		width: 54px;
		height: 54px;
		font-size: 25px;
	}

	.services-scope-guide__fit p:last-child,
	.services-scope-guide__copy-card p,
	.services-scope-guide__proof p,
	.services-scope-guide__cta p {
		font-size: 15px;
		line-height: 1.68;
	}

	.services-scope-guide__cta {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.services-scope-guide__cta-arrow {
		width: 52px;
		height: 52px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.services-scope-guide *,
	.services-scope-guide *::before,
	.services-scope-guide *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}


/* ==================================================================
   SCOPE GUIDE — MOBILE FONT-SIZE FALLBACKS
   Desktop sizes converted px -> vw against the theme's 1440px
   reference (1vw = 14.4px). The selectors below had no existing
   mobile override, so their original px is pinned here.
   ================================================================== */
@media (max-width: 767px) {
    .services-scope-guide__eyebrow, .services-scope-guide__map-label, .services-scope-guide__step, .services-scope-guide__fit-label, .services-scope-guide__checklist-title, .services-scope-guide__cta-kicker {
        font-size: 12px;
    }
    .services-scope-guide__step {
        font-size: 10px;
    }
    .services-scope-guide__fit-label {
        font-size: 10px;
    }
    .services-scope-guide__checklist li {
        font-size: 14px;
    }
    .services-scope-guide__cta-arrow {
        font-size: 24px;
    }
}
