.residential-credentials__review-badge,
.residential-hero__cta-mobile,
.residential-credentials__mobile-label,
.residential-credentials__mobile-footer {
	display: none;
}

.residential-hero__media {
	height: calc(100% + 27px);
}

.residential-hero__shade {
	height: calc(100% - 6px);
}

.residential-credentials {
	position: relative;
	height: 148px;
	background: #f6f8fb;
	color: #13171f;
}

.residential-credentials__inner {
	position: relative;
	width: min(1280px, calc(100% - 48px));
	height: 148px;
	margin-inline: auto;
	border-top: 4px solid #e3ab59;
	border-bottom: 1px solid #e5e1da;
}

.residential-credentials__list {
	display: grid;
	grid-template-columns: 256px 256px 256px 192px 320px;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.residential-credentials__item {
	position: relative;
	display: flex;
	align-items: center;
	height: 88px;
	margin-top: 26px;
	padding: 0 14px;
}

.residential-credentials__item + .residential-credentials__item {
	border-left: 1px solid rgba(191, 199, 212, .5);
}

.residential-credentials__item img {
	flex: 0 0 auto;
	object-fit: contain;
}

.residential-credentials__item p {
	display: flex;
	flex-direction: column;
	margin: 0 0 0 14px;
	font-family: "Manrope", "Gilroy", Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -.18px;
}

.residential-credentials__item:first-child {
	flex-direction: column;
	justify-content: flex-start;
	padding-top: 0;
}

.residential-credentials__item:first-child img {
	width: 112px;
	height: 40px;
	margin-top: -5px;
}

.residential-credentials__item:first-child p {
	margin: 14px 0 0;
	font-family: var(--type-font-body);
	font-weight: 600;
	text-align: center;
}

.residential-credentials__item:nth-child(2) img,
.residential-credentials__item:nth-child(3) img {
	width: 62px;
	height: 62px;
}

.residential-credentials__item:nth-child(4) img {
	width: 58px;
	height: 57px;
}

.residential-credentials__item:nth-child(5) img {
	width: 68px;
	height: 68px;
}

.residential-credentials__item:nth-child(5) {
	padding-left: 22px;
}

@media (max-width: 1023px) {
	.desantis-residential-roofing {
		--residential-hero-height: 800px;
	}

	.site-header--hero .primary-bar {
		background: linear-gradient(180deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .42) 58%, rgba(0, 0, 0, 0) 100%);
	}

	.desantis-residential-roofing .site-header .office-phone span {
		text-transform: uppercase;
	}

	.residential-roofing-page,
	.residential-hero {
		min-height: 800px;
	}

	.residential-hero {
		height: 800px;
		background: #080808;
	}

	.residential-hero__media {
		inset: 0;
		width: 100%;
		height: 800px;
		transform: none;
	}

	.residential-hero__media img,
	.residential-hero__media video {
		object-position: center center;
	}

	.residential-hero__shade {
		inset: 0;
		width: 100%;
		height: 800px;
		transform: none;
		background: rgba(5, 7, 8, .58);
	}

	.site-header--hero + #primary .residential-hero__layout,
	.residential-hero__layout {
		display: block;
		width: 100%;
		min-height: 800px;
		margin: 0;
		padding: 183px 24px 0;
	}

	.residential-hero__content {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.residential-hero__eyebrow {
		gap: 12px;
		margin: 0 0 15px;
		font-size: 13px;
		line-height: 18px;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.residential-hero__eyebrow::before {
		width: 42px;
	}

	.residential-hero__title {
		font-size: 42px;
		line-height: 44px;
	}

	.residential-hero__title > span {
		width: max-content;
		max-width: 100%;
		padding-left: 0;
	}

	.residential-hero__title > .residential-hero__title-highlight {
		display: block;
		width: auto;
		padding: 0;
	}

	.residential-hero__title-highlight::before {
		display: none;
	}

	.residential-hero__title-highlight > span {
		display: block;
		width: max-content;
		padding: 0 6px;
		background: #be2d28;
		color: var(--color-white);
	}

	.residential-hero__title-highlight > span:first-child {
		font-size: 40px;
	}

	.residential-hero__description {
		width: 100%;
		margin-top: 20px;
		font-size: 16px;
		font-weight: 500;
		line-height: 24px;
	}

	.residential-hero__trust-list {
		order: 5;
		gap: 7px;
		width: 100%;
		margin-top: 26px;
	}

	.residential-hero__trust-list li {
		min-height: 22px;
		padding-left: 32px;
		font-size: 14px;
		line-height: 20px;
	}

	.residential-hero__trust-list li::before {
		width: 22px;
		height: 22px;
	}

	.residential-hero__actions {
		order: 4;
		display: block;
		margin-top: 24px;
	}

	.residential-hero__cta {
		width: 100%;
		min-height: 56px;
		padding: 10px 14px;
		border-radius: var(--button-border-radius, 8px);
		background: var(--button-background, #e6bb77);
		font-size: var(--button-font-size, 15px);
		font-weight: var(--button-font-weight, 700);
		line-height: var(--button-line-height, 20px);
		letter-spacing: 0;
	}

	.residential-hero__cta-desktop,
	.residential-hero__phones,
	.residential-hero__form-slot {
		display: none;
	}

	.residential-hero__cta-mobile {
		display: inline;
	}

	.residential-hero__actions::after {
		display: block;
		margin-top: 20px;
		color: #efefef;
		font-family: var(--type-font-body);
		font-size: 13px;
		font-weight: 500;
		line-height: 18px;
		text-align: center;
		content: "Free inspection  ·  No obligation  ·  Fast follow-up";
	}

	.residential-credentials {
		height: 144px;
		background: #f7f7f5;
	}

	.residential-credentials__inner {
		width: 100%;
		height: 144px;
		padding: 0 24px;
		border: 0;
	}

	.residential-credentials__mobile-label {
		display: block;
		height: 34px;
		margin: 0;
		padding-top: 11px;
		box-sizing: border-box;
		color: #5c5c5c;
		font-family: var(--type-font-body);
		font-size: 11px;
		font-weight: 700;
		line-height: 14px;
		text-align: center;
		text-transform: uppercase;
	}

	.residential-credentials__list {
		display: grid;
		grid-template-columns: 86px 59px 59px 59px 79px;
		align-items: center;
		gap: 0;
		height: 42px;
		margin-bottom: 15px;
	}

	.residential-credentials__item,
	.residential-credentials__item:first-child {
		display: flex;
		flex: 0 0 auto;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.residential-credentials__item p {
		display: none;
	}

	.residential-credentials__item:first-child img {
		width: 70px;
		height: 25px;
		margin: 0;
	}

	.residential-credentials__item:nth-child(2) img,
	.residential-credentials__item:nth-child(3) img {
		width: 42px;
		height: 42px;
	}

	.residential-credentials__item:nth-child(4) img {
		width: 40px;
		height: 40px;
	}

	.residential-credentials__item:nth-child(5) img {
		width: 42px;
		height: 42px;
	}

	.residential-credentials__item:nth-child(5) {
		padding-left: 0;
	}

	.residential-credentials__mobile-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 52px;
		border-top: 1px solid #dadad6;
		font-family: var(--type-font-body);
		font-size: 13px;
		font-weight: 700;
		line-height: 18px;
	}

	.residential-credentials__mobile-footer span {
		color: #be9351;
	}

	.residential-credentials__mobile-footer a {
		color: #be2d28;
		font-size: 12px;
		text-decoration: none;
		text-transform: uppercase;
	}
}

@media (min-width: 1024px) and (max-width: 1359px) {
	.residential-credentials__inner {
		width: calc(100% - 48px);
	}

	.residential-credentials__item {
		padding-inline: 10px;
	}

	.residential-credentials__item p {
		margin-left: 9px;
		font-size: clamp(13px, 1.3vw, 18px);
	}
}

@media (min-width: 1024px) {
	.residential-credentials { height: 130px; background: #fff; }
	.residential-credentials__inner { width: min(1280px, calc(100% - 48px)); height: 130px; border: 0; container-type: inline-size; }
	.residential-credentials__review-badge { display: block; position: absolute; left: 1.953125%; top: 30px; width: 21.09375%; height: 90px; border: 1.25px solid #d0d0d0; border-radius: 18px; background: #fff; color: #0f1115; font-family: var(--type-font-body); font-weight: 700; }
	.residential-credentials__review-badge::before { content: ""; position: absolute; left: 40%; top: -1.25px; width: 1.25px; height: 90px; background: #d0d0d0; }
	.residential-credentials__review-badge img { position: absolute; object-fit: contain; }
	.residential-credentials__google { left: 3.24074%; top: 20.75px; width: 3.59375cqw; height: 46px; }
	.residential-credentials__yelp { left: 23.04944%; top: 25.7244px; width: 2.59948cqw; height: 37.3455px; }
	.residential-credentials__stars { position: absolute; left: 45.09259%; top: 22.75px; color: #f4b400; font-size: 1.3671875cqw; line-height: 21px; white-space: nowrap; }
	.residential-credentials__rating { position: absolute; left: 82.5%; top: 18.75px; font-size: 1.640625cqw; line-height: 25px; }
	.residential-credentials__rating-label { position: absolute; left: 45.09259%; top: 46.75px; font-size: 1.2890625cqw; line-height: 21px; white-space: nowrap; }
	.residential-credentials__list { display: block; }
	.residential-credentials__list::before { content: ""; position: absolute; left: 40.46875%; top: 36px; width: 1px; height: 70px; background: #cfd4db; }
	.residential-credentials__item,
	.residential-credentials__item:first-child,
	.residential-credentials__item:nth-child(5) { position: absolute; top: 48.8px; height: 50.4px; margin: 0; padding: 0; border: 0; flex-direction: row; }
	.residential-credentials__item:first-child { left: 26.171875%; top: 48px; width: 11.40625%; height: 52px; overflow: hidden; }
	.residential-credentials__item:first-child picture { display: block; width: 100%; height: 52px; }
	.residential-credentials__item:first-child img { width: 104.01%; max-width: none; height: 52px; margin: 0; object-fit: fill; }
	.residential-credentials__item + .residential-credentials__item { border: 0; }
	.residential-credentials__item:first-child p { display: none; }
	.residential-credentials__item:nth-child(2) { left: 42.421875%; }
	.residential-credentials__item:nth-child(3) { left: 54.09375%; }
	.residential-credentials__item:nth-child(4) { left: 69.28125%; }
	.residential-credentials__item:nth-child(5) { left: 80.171875%; top: 47.6px; height: 52.8px; }
	.residential-credentials__item:nth-child(n+2) img { width: 3.9375cqw; height: 50.4px; }
	.residential-credentials__item:nth-child(5) img { width: 4.125cqw; height: 52.8px; }
	.residential-credentials__item p { margin: -4px 0 0 .78125cqw; font-family: var(--type-font-body); font-size: 1.09375cqw; font-weight: 600; line-height: 18px; letter-spacing: 0; white-space: nowrap; }
}

/* Trust bar profile links and subtle logo hover. */
.residential-credentials__profile-link { position: absolute; inset: 0; z-index: 1; }
.residential-credentials__review-link { position: absolute; z-index: 1; }
.residential-credentials__profile-link:focus-visible,
.residential-credentials__review-link:focus-visible { outline: 2px solid #b92b25; outline-offset: 4px; border-radius: 4px; }
.residential-credentials__item img,
.residential-credentials__item:first-child,
.residential-credentials__review-badge img { transition: transform 180ms ease; }
@media (hover: hover) {
 .residential-credentials__item:not(:first-child):hover img,
 .residential-credentials__item:first-child:hover,
 .residential-credentials__review-badge img:hover,
 .residential-credentials__review-link:hover + img { transform: scale(1.05); }
}
.residential-credentials__item:not(:first-child):focus-within img,
.residential-credentials__item:first-child:focus-within,
.residential-credentials__review-link:focus-visible + img { transform: scale(1.05); }
@media (prefers-reduced-motion: reduce) {
 .residential-credentials__item img,
 .residential-credentials__item:first-child,
 .residential-credentials__review-badge img { transition: none; }
}