/*
 * Anchorline Foundry UI — premium visual layer.
 * Complements brand.css. Does not change copy; restyles chrome, type, and media.
 */

:root {
	--cl-font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
	--cl-font-body: "Outfit", Manrope, system-ui, sans-serif;
	--cl-bg: #f3ebe0;
	--cl-surface: #fffaf3;
	--cl-surface-alt: #e7d9c6;
	--cl-text: #1c1610;
	--cl-text-muted: #5c5348;
	--cl-primary: #c45c22;
	--cl-primary-dark: #9a4316;
	--cl-secondary: #2a2118;
	--cl-accent: #2f5d4a;
	--cl-cta: #c45c22;
	--cl-cta-dark: #9a4316;
	--cl-cta-on-navy: #e8a06a;
	--cl-navy: #1c1610;
	--cl-navy-text: #f6efe4;
	--cl-navy-text-muted: #cbbba8;
	--cl-navy-border: rgba(246, 239, 228, 0.12);
	--cl-border: rgba(28, 22, 16, 0.12);
	--cl-shadow: 0 18px 40px rgba(28, 22, 16, 0.1);
	--cl-shadow-sm: 0 8px 20px rgba(28, 22, 16, 0.08);
	--cl-shadow-lg: 0 28px 56px rgba(28, 22, 16, 0.16);
	--cl-radius: 10px;
	--cl-radius-lg: 18px;
}

html[data-theme="dark"] {
	--cl-bg: #14110e;
	--cl-surface: #1e1914;
	--cl-surface-alt: #2a241c;
	--cl-text: #f6efe4;
	--cl-text-muted: #cbbba8;
	--cl-primary: #e08a45;
	--cl-primary-dark: #c45c22;
	--cl-secondary: #f6efe4;
	--cl-accent: #6fb39a;
	--cl-border: rgba(246, 239, 228, 0.14);
	--cl-cta: #e08a45;
	--cl-cta-dark: #c45c22;
	--cl-navy: #0f0c0a;
}

body {
	font-family: var(--cl-font-body) !important;
	font-weight: 450 !important;
	background-color: var(--cl-bg) !important;
	color: var(--cl-text) !important;
	background-image:
		radial-gradient(1200px 480px at 10% -10%, rgba(196, 92, 34, 0.08), transparent 55%),
		radial-gradient(900px 420px at 110% 0%, rgba(47, 93, 74, 0.07), transparent 50%);
}

h1, h2, h3, h4,
.wp-block-heading,
.cl-logo {
	font-family: var(--cl-font-display) !important;
	font-weight: 650 !important;
	letter-spacing: -0.03em;
}

/* ---------- Utility bar + header ---------- */
.cl-utility {
	display: none !important;
}

.cl-reviews-track + p:has([data-reviews-prev]),
[data-reviews-prev],
[data-reviews-next] {
	display: none !important;
}

.cl-utility a {
	color: #e8a06a !important;
	text-decoration: none !important;
}

.cl-header {
	background: var(--cl-navy) !important;
	border-bottom: 3px solid var(--cl-primary) !important;
	box-shadow: 0 12px 30px rgba(28, 22, 16, 0.22);
}

p.cl-logo {
	flex: 0 0 auto;
	margin: 0 !important;
}

p.cl-logo > a.cl-logo {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 0.65rem;
	row-gap: 0.1rem;
	white-space: nowrap !important;
	line-height: 1.15;
	font-size: 1.12rem !important;
}

.cl-brand-mark {
	width: 2.45rem;
	height: 2.45rem;
	flex: 0 0 2.45rem;
	background: url("../illustrations/mark.svg") center / contain no-repeat;
}

.cl-logo-tagline {
	flex: 1 0 100%;
	margin-left: 3.1rem;
	display: block !important;
	letter-spacing: 0.12em !important;
	color: #e8a06a !important;
	white-space: nowrap;
}

.cl-nav {
	min-width: 0;
}

.cl-header .cl-dropdown {
	background: #fffaf3 !important;
	border: 1px solid rgba(28, 22, 16, 0.16) !important;
	box-shadow: 0 18px 40px rgba(28, 22, 16, 0.22);
}

.cl-header .cl-dropdown li a,
.cl-nav .cl-dropdown a {
	color: #1c1610 !important;
	font-weight: 650 !important;
}

.cl-header .cl-dropdown li a:hover,
.cl-header .cl-dropdown li a:focus,
.cl-nav .cl-dropdown a:hover,
.cl-nav .cl-dropdown a:focus {
	background: #2a2118 !important;
	color: #fff8ee !important;
}

.cl-btn-primary,
.cl-btn-primary .wp-block-button__link,
.cl-nav-cta.cl-btn-primary {
	border-radius: 8px !important;
	background: var(--cl-primary) !important;
	background-image: none !important;
	box-shadow: 0 10px 22px -10px rgba(196, 92, 34, 0.7) !important;
}

.cl-btn-outline,
.cl-btn-outline .wp-block-button__link {
	border-radius: 8px !important;
	border-width: 1.5px !important;
}

/* ---------- Page heroes ---------- */
body.home .wp-block-post-content > .cl-section:first-child,
body.page :is(.entry-content, .wp-block-post-content) > .cl-section:first-child {
	background:
		linear-gradient(120deg, rgba(28, 22, 16, 0.92) 42%, rgba(28, 22, 16, 0.55) 100%),
		url("../illustrations/hero-workshop.svg") right center / cover no-repeat,
		#1c1610 !important;
	color: #f6efe4 !important;
	padding-top: clamp(3.5rem, 8vw, 6.5rem) !important;
	padding-bottom: clamp(3.5rem, 8vw, 6.5rem) !important;
	overflow: hidden;
}

body.home .wp-block-post-content > .cl-section:first-child h1,
body.home .wp-block-post-content > .cl-section:first-child p,
body.page :is(.entry-content, .wp-block-post-content) > .cl-section:first-child :is(h1, h2, h3, p) {
	color: #f6efe4 !important;
}

body.page:not(.home) :is(.entry-content, .wp-block-post-content) > .cl-section:first-child .cl-eyebrow {
	color: #e8a06a !important;
}

body.home .wp-block-post-content > .cl-section:first-child h1 {
	font-size: clamp(2.6rem, 6vw, 4.6rem) !important;
	max-width: 14ch;
	line-height: 1.05 !important;
}

body.home .wp-block-post-content > .cl-section:first-child .wp-block-column:last-child {
	background: rgba(246, 239, 228, 0.08) !important;
	border: 1px solid rgba(232, 160, 106, 0.45) !important;
	border-radius: var(--cl-radius-lg) !important;
	backdrop-filter: blur(8px);
	color: #f6efe4 !important;
	box-shadow: var(--cl-shadow-lg);
}

body.home .wp-block-post-content > .cl-section:first-child .wp-block-column:last-child h3,
body.home .wp-block-post-content > .cl-section:first-child .wp-block-column:last-child p {
	color: #f6efe4 !important;
}

body.home .wp-block-post-content > .cl-section:first-child .cl-btn-outline .wp-block-button__link,
body.page :is(.entry-content, .wp-block-post-content) > .cl-section:first-child .cl-btn-outline .wp-block-button__link {
	border-color: #f6efe4 !important;
	color: #f6efe4 !important;
}

body.home .wp-block-post-content > .cl-section:first-child .cl-btn-outline .wp-block-button__link:hover,
body.page :is(.entry-content, .wp-block-post-content) > .cl-section:first-child .cl-btn-outline .wp-block-button__link:hover {
	background: #f6efe4 !important;
	color: #1c1610 !important;
}

/* Stats ticker */
body.home .wp-block-post-content > .cl-section:nth-child(2) {
	background: #2a2118 !important;
	color: #f6efe4 !important;
	padding-top: 1.35rem !important;
	padding-bottom: 1.35rem !important;
}

body.home .wp-block-post-content > .cl-section:nth-child(2) p {
	color: #f6efe4 !important;
	font-family: var(--cl-font-display);
	font-size: 1.05rem !important;
	margin: 0.35rem 0 !important;
}

/* ---------- Cards, icons, illustrations ---------- */
.cl-card {
	background: var(--cl-surface) !important;
	border: 1px solid rgba(28, 22, 16, 0.08) !important;
	border-radius: var(--cl-radius-lg) !important;
	padding: 1.5rem 1.5rem 1.7rem !important;
	box-shadow: var(--cl-shadow-sm);
	overflow: hidden;
}

.cl-card:hover {
	transform: translateY(-6px);
	border-color: rgba(196, 92, 34, 0.45) !important;
}

.cl-card-icon,
.cl-legal-icon {
	position: relative;
	width: 3.5rem !important;
	height: 3.5rem !important;
	border-radius: 12px !important;
	background-color: #4a3220 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 1.9rem 1.9rem !important;
	box-shadow: inset 0 0 0 1.5px #e8a06a, 0 8px 18px rgba(28, 22, 16, 0.18);
}

.cl-legal-icon {
	width: 2.4rem !important;
	height: 2.4rem !important;
	background-size: 1.35rem 1.35rem !important;
	flex-shrink: 0;
}

body.home .wp-block-post-content > .cl-section:first-child .cl-card-icon,
body.page :is(.entry-content, .wp-block-post-content) > .cl-section:first-child .cl-card-icon,
body.page :is(.entry-content, .wp-block-post-content) > .cl-section:first-child .cl-legal-icon {
	background-color: rgba(246, 239, 228, 0.16) !important;
	box-shadow: inset 0 0 0 1.5px #e8a06a;
}

.cl-icon-wrench { background-image: url("../icons/wrench.svg") !important; }
.cl-icon-snowflame { background-image: url("../icons/snowflame.svg") !important; }
.cl-icon-bolt { background-image: url("../icons/bolt.svg") !important; }
.cl-icon-shield { background-image: url("../icons/shield.svg") !important; }
.cl-icon-dollar { background-image: url("../icons/dollar.svg") !important; }
.cl-icon-clock { background-image: url("../icons/clock.svg") !important; }
.cl-icon-chat { background-image: url("../icons/chat.svg") !important; }
.cl-icon-phone { background-image: url("../icons/phone.svg") !important; }
.cl-icon-clipboard { background-image: url("../icons/clipboard.svg") !important; }
.cl-icon-check { background-image: url("../icons/check.svg") !important; }
.cl-icon-calendar { background-image: url("../icons/calendar.svg") !important; }
.cl-icon-home { background-image: url("../icons/home.svg") !important; }
.cl-icon-sparkle { background-image: url("../icons/sparkle.svg") !important; }
.cl-icon-users { background-image: url("../icons/users.svg") !important; }
.cl-icon-heart { background-image: url("../icons/heart.svg") !important; }
.cl-icon-star { background-image: url("../icons/star.svg") !important; }
.cl-icon-pin { background-image: url("../icons/pin.svg") !important; }
.cl-icon-leaf { background-image: url("../icons/leaf.svg") !important; }
.cl-icon-gift { background-image: url("../icons/gift.svg") !important; }
.cl-icon-book { background-image: url("../icons/book.svg") !important; }
.cl-icon-eye { background-image: url("../icons/eye.svg") !important; }
.cl-icon-map { background-image: url("../icons/map.svg") !important; }
.cl-icon-scroll { background-image: url("../icons/scroll.svg") !important; }
.cl-icon-accessibility { background-image: url("../icons/accessibility.svg") !important; }

#services-plumbing::before,
#services-heating::before,
#services-electrical::before {
	content: "";
	display: block;
	height: 132px;
	margin: -0.35rem -0.15rem 1.1rem;
	border-radius: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#services-plumbing::before {
	background-image: url("../illustrations/plumbing.svg");
}

#services-heating::before {
	background-image: url("../illustrations/hvac.svg");
}

#services-electrical::before {
	background-image: url("../illustrations/electrical.svg");
}

.page-id-103 .wp-block-columns .wp-block-column:nth-child(1)::before,
.page-id-104 :is(.entry-content, .wp-block-post-content) > .cl-section:nth-child(2) .wp-block-column:first-child::before {
	content: "";
	display: block;
	height: 120px;
	margin: -0.2rem 0 1rem;
	border-radius: 12px;
	background: url("../illustrations/plumbing.svg") center / cover no-repeat;
}

.page-id-103 .wp-block-columns .wp-block-column:nth-child(2)::before,
.page-id-105 :is(.entry-content, .wp-block-post-content) > .cl-section:nth-child(2) .wp-block-column:first-child::before {
	content: "";
	display: block;
	height: 120px;
	margin: -0.2rem 0 1rem;
	border-radius: 12px;
	background: url("../illustrations/hvac.svg") center / cover no-repeat;
}

.page-id-103 .wp-block-columns .wp-block-column:nth-child(3)::before,
.page-id-106 :is(.entry-content, .wp-block-post-content) > .cl-section:nth-child(2) .wp-block-column:first-child::before {
	content: "";
	display: block;
	height: 120px;
	margin: -0.2rem 0 1rem;
	border-radius: 12px;
	background: url("../illustrations/electrical.svg") center / cover no-repeat;
}

.page-id-100 :is(.entry-content, .wp-block-post-content) > .cl-section:nth-child(2) .wp-block-column:nth-child(1)::before {
	content: "";
	display: block;
	height: 110px;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: url("../illustrations/plumbing.svg") center / cover no-repeat;
}

.page-id-100 :is(.entry-content, .wp-block-post-content) > .cl-section:nth-child(2) .wp-block-column:nth-child(2)::before {
	content: "";
	display: block;
	height: 110px;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: url("../illustrations/hvac.svg") center / cover no-repeat;
}

.page-id-100 :is(.entry-content, .wp-block-post-content) > .cl-section:nth-child(2) .wp-block-column:nth-child(3)::before {
	content: "";
	display: block;
	height: 110px;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: url("../illustrations/electrical.svg") center / cover no-repeat;
}

.cl-map-placeholder {
	min-height: 280px !important;
	border-radius: var(--cl-radius-lg) !important;
	background: url("../illustrations/map.svg") center / cover no-repeat #2a2118 !important;
	border: 1px solid rgba(196, 92, 34, 0.35);
	color: transparent !important;
	position: relative;
}

.cl-map-placeholder span,
.cl-map-placeholder {
	text-indent: -9999px;
	overflow: hidden;
}

.cl-map-placeholder::after {
	content: "Riverbend coverage";
	text-indent: 0;
	position: absolute;
	left: 1rem;
	bottom: 1rem;
	color: #f6efe4;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* Service selector */
.cl-selector-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1.25rem 0 1rem;
}

.cl-selector-tab {
	border-radius: 999px !important;
	border: 1px solid var(--cl-border) !important;
	background: var(--cl-surface) !important;
	color: var(--cl-text) !important;
	padding: 0.65rem 1.1rem !important;
	font-weight: 650 !important;
	cursor: pointer;
}

.cl-selector-tab.is-active,
.cl-selector-tab[aria-selected="true"] {
	background: var(--cl-navy) !important;
	color: #f6efe4 !important;
	border-color: var(--cl-navy) !important;
}

.cl-selector-panel {
	display: none;
}

.cl-selector-panel.is-active {
	display: block;
}

/* Footer — beat .cl-section.cl-surface-alt parchment overlay */
footer.cl-footer.cl-section.cl-surface-alt,
.cl-footer.cl-section.cl-surface-alt,
.cl-footer {
	background: #1c1610 !important;
	background-image: none !important;
	color: #fff8ee !important;
	border-top: 3px solid var(--cl-primary);
}

.cl-footer,
.cl-footer p,
.cl-footer h2,
.cl-footer a,
.cl-footer .cl-logo,
.cl-footer .cl-footer-col p,
.cl-footer .cl-footer-col a,
.cl-footer .cl-footer-bottom p,
.cl-footer .cl-legal-links a,
.cl-footer .cl-social-links a {
	color: #fff8ee !important;
}

.cl-footer .cl-footer-col h2,
.cl-footer h2.wp-block-heading {
	color: #ffc48a !important;
	letter-spacing: 0.04em;
}

.cl-footer .cl-footer-col a,
.cl-footer .cl-legal-links a {
	text-decoration: underline !important;
	text-decoration-color: rgba(255, 196, 138, 0.65) !important;
	text-underline-offset: 0.18em;
	font-weight: 600;
}

.cl-footer a:hover,
.cl-footer .cl-footer-col a:hover,
.cl-footer .cl-legal-links a:hover,
.cl-footer .cl-social-links a:hover {
	color: #ffc48a !important;
}

.cl-footer .cl-footer-col a.cl-btn-primary,
.cl-footer .cl-footer-col a.cl-btn-primary:hover {
	color: #fff !important;
	text-decoration: none !important;
}

.cl-footer .cl-brand-mark {
	filter: none;
}

.cl-footer-bottom {
	border-top: 1px solid rgba(246, 239, 228, 0.28);
	padding-top: 1.25rem;
	margin-top: 1rem;
}

.cl-footer .cl-social-links a {
	text-decoration: none !important;
}

/* Forms */
.cl-request-form,
form.cl-form,
.cl-section .cl-card form {
	background: var(--cl-surface);
	border-radius: var(--cl-radius-lg);
	padding: 1.5rem;
	box-shadow: var(--cl-shadow);
}

input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
	border-radius: 8px !important;
	border: 1px solid var(--cl-border) !important;
	background: #fffaf3 !important;
	min-height: 46px;
}

button[type="submit"],
.cl-request-form button,
input[type="submit"] {
	background: var(--cl-primary) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	min-height: 48px;
	padding: 0.75rem 1.4rem !important;
}

/* Reviews + journey */
.cl-stars {
	color: var(--cl-primary);
	letter-spacing: 0.12em;
	display: block;
	margin-bottom: 0.6rem;
}

.cl-journey-step {
	position: relative;
	padding: 1.25rem 1.1rem 1.4rem 1.1rem;
	background: var(--cl-surface);
	border-radius: var(--cl-radius-lg);
	border: 1px solid var(--cl-border);
}

.cl-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: var(--cl-primary);
	color: #fff;
	font-weight: 700;
	margin-bottom: 0.6rem;
}

/* Section bands */
.cl-section.cl-surface-alt {
	background:
		linear-gradient(180deg, rgba(231, 217, 198, 0.9), rgba(231, 217, 198, 0.9)) !important;
}

.cl-eyebrow {
	color: var(--cl-primary) !important;
}

.cl-badge {
	background: #2a2118 !important;
	color: #f6efe4 !important;
	border: 0 !important;
}

.cl-mobile-bar {
	background: #1c1610 !important;
	border-top: 3px solid var(--cl-primary) !important;
}

.cl-mobile-action {
	color: #f6efe4 !important;
}

.cl-mobile-action-primary {
	color: #e8a06a !important;
}

.cl-mobile-menu {
	background: #2a2118 !important;
}

.cl-mobile-menu a {
	color: #f6efe4 !important;
	border-bottom-color: rgba(246, 239, 228, 0.12) !important;
}

/* ---------- Review dummy people ---------- */
.cl-reviews-track .cl-card,
#reviews-list .cl-card {
	padding-top: 1.35rem !important;
}

.cl-reviews-track .cl-card::before,
#reviews-list .cl-card::before {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin: 0 0 0.9rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../illustrations/person-1.svg");
	box-shadow: 0 0 0 3px #fffaf3, 0 0 0 5px #c45c22;
}

.cl-reviews-track .cl-card:nth-child(1)::before,
#reviews-list .wp-block-columns:nth-child(odd) .cl-card:nth-child(1)::before {
	background-image: url("../illustrations/person-1.svg");
}

.cl-reviews-track .cl-card:nth-child(2)::before,
#reviews-list .wp-block-columns:nth-child(odd) .cl-card:nth-child(2)::before {
	background-image: url("../illustrations/person-2.svg");
}

.cl-reviews-track .cl-card:nth-child(3)::before,
#reviews-list .wp-block-columns:nth-child(odd) .cl-card:nth-child(3)::before {
	background-image: url("../illustrations/person-3.svg");
}

.cl-reviews-track .cl-card:nth-child(4)::before,
#reviews-list .wp-block-columns:nth-child(even) .cl-card:nth-child(1)::before {
	background-image: url("../illustrations/person-4.svg");
}

#reviews-list .wp-block-columns:nth-child(even) .cl-card:nth-child(2)::before {
	background-image: url("../illustrations/person-5.svg");
}

#reviews-list .wp-block-columns:nth-child(even) .cl-card:nth-child(3)::before {
	background-image: url("../illustrations/person-6.svg");
}

#reviews .wp-block-heading.has-text-align-center::before,
#reviews-hero .wp-block-heading.has-text-align-center::before {
	content: "";
	display: block;
	width: min(420px, 100%);
	height: 110px;
	margin: 0 auto 1.1rem;
	background: url("../illustrations/neighbors.svg") center / contain no-repeat;
}

/* ---------- Extra illustrations on icon-less cards ---------- */
#why-choose-us .cl-card:not(:has(.cl-card-icon))::before,
#why-grid .cl-card:not(:has(.cl-card-icon))::before,
#service-promise .cl-card:not(:has(.cl-card-icon))::before,
#customer-journey .cl-journey-step:not(:has(.cl-card-icon))::before,
#about-local .cl-card:not(:has(.cl-card-icon))::before {
	content: "";
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 0 0.85rem;
	border-radius: 12px;
	background-color: #4a3220;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.9rem 1.9rem;
	box-shadow: inset 0 0 0 1.5px #e8a06a;
}

#why-choose-us .wp-block-columns:nth-of-type(1) .cl-card:nth-child(1)::before,
#why-grid .wp-block-columns:nth-of-type(1) .cl-card:nth-child(1)::before {
	background-image: url("../icons/users.svg");
}

#why-choose-us .wp-block-columns:nth-of-type(1) .cl-card:nth-child(2)::before,
#why-grid .wp-block-columns:nth-of-type(1) .cl-card:nth-child(2)::before {
	background-image: url("../icons/heart.svg");
}

#why-choose-us .wp-block-columns:nth-of-type(1) .cl-card:nth-child(3)::before,
#why-grid .wp-block-columns:nth-of-type(1) .cl-card:nth-child(3)::before {
	background-image: url("../icons/shield.svg");
}

#why-choose-us .wp-block-columns:nth-of-type(2) .cl-card:nth-child(1)::before,
#why-grid .wp-block-columns:nth-of-type(2) .cl-card:nth-child(1)::before {
	background-image: url("../icons/chat.svg");
}

#why-choose-us .wp-block-columns:nth-of-type(2) .cl-card:nth-child(2)::before,
#why-grid .wp-block-columns:nth-of-type(2) .cl-card:nth-child(2)::before {
	background-image: url("../icons/sparkle.svg");
}

#why-choose-us .wp-block-columns:nth-of-type(2) .cl-card:nth-child(3)::before,
#why-grid .wp-block-columns:nth-of-type(2) .cl-card:nth-child(3)::before {
	background-image: url("../icons/home.svg");
}

#service-promise .cl-card:nth-child(1)::before {
	background-image: url("../icons/check.svg");
}

#service-promise .cl-card:nth-child(2)::before {
	background-image: url("../icons/dollar.svg");
}

#service-promise .cl-card:nth-child(3)::before {
	background-image: url("../icons/sparkle.svg");
}

#customer-journey .cl-journey-step:nth-child(1)::before {
	background-image: url("../icons/phone.svg");
}

#customer-journey .cl-journey-step:nth-child(2)::before {
	background-image: url("../icons/clipboard.svg");
}

#customer-journey .cl-journey-step:nth-child(3)::before {
	background-image: url("../icons/wrench.svg");
}

#customer-journey .cl-journey-step:nth-child(4)::before {
	background-image: url("../icons/shield.svg");
}

#about-story::after {
	content: "";
	display: block;
	width: min(640px, 100%);
	height: 160px;
	margin: 1.5rem auto 0;
	border-radius: 16px;
	background: url("../illustrations/crew.svg") center / cover no-repeat #1c1610;
}

#about-local .wp-block-column:nth-child(1)::before {
	content: "";
	display: block;
	height: 120px;
	margin-bottom: 1rem;
	border-radius: 12px;
	background: url("../illustrations/van.svg") center / cover no-repeat;
}

#resources-list .cl-card::before,
#resources .cl-card::before {
	content: "";
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 0 0.85rem;
	border-radius: 12px;
	flex-shrink: 0;
	background-color: #4a3220;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.9rem 1.9rem;
	box-shadow: inset 0 0 0 1.5px #e8a06a;
	background-image: url("../icons/book.svg");
}

#resources-list .wp-block-columns:first-of-type .cl-card:nth-child(1)::before,
#resources .cl-card:nth-child(1)::before {
	background-image: url("../icons/wrench.svg");
}

#resources-list .wp-block-columns:first-of-type .cl-card:nth-child(2)::before,
#resources .cl-card:nth-child(2)::before {
	background-image: url("../icons/snowflame.svg");
}

#resources-list .wp-block-columns:first-of-type .cl-card:nth-child(3)::before,
#resources .cl-card:nth-child(3)::before {
	background-image: url("../icons/bolt.svg");
}

#resources-list .wp-block-columns:nth-of-type(2) .cl-card:nth-child(1)::before {
	background-image: url("../icons/pin.svg");
}

#resources-list .wp-block-columns:nth-of-type(2) .cl-card:nth-child(2)::before {
	background-image: url("../icons/clock.svg");
}

#resources-list .wp-block-columns:nth-of-type(2) .cl-card:nth-child(3)::before {
	background-image: url("../icons/eye.svg");
}

#resources-hero::after {
	content: "";
	display: block;
	width: min(420px, 92%);
	height: 120px;
	margin: 1.25rem auto 0;
	border-radius: 16px;
	background: url("../illustrations/toolbox.svg") center / cover no-repeat;
}

#contact-hero::after {
	content: "";
	display: block;
	width: min(420px, 92%);
	height: 120px;
	margin: 1.25rem auto 0;
	border-radius: 16px;
	background: url("../illustrations/handshake.svg") center / cover no-repeat;
}

#special-offers::after,
#haven .cl-section:nth-child(2)::before {
	content: "";
	display: block;
	width: min(360px, 92%);
	height: 110px;
	margin: 1rem auto 0;
	border-radius: 16px;
	background: url("../illustrations/quote.svg") center / cover no-repeat;
}

.cl-journey-step {
	display: flex;
	flex-direction: column;
}

@media (prefers-reduced-motion: reduce) {
	.cl-card,
	.cl-btn-primary,
	.cl-btn-outline,
	.cl-reveal {
		transition: none !important;
		transform: none !important;
	}
}

@media (max-width: 781px) {
	.cl-utility {
		display: none;
	}

	body.home .wp-block-post-content > .cl-section:first-child h1 {
		max-width: none;
	}

	#services-plumbing::before,
	#services-heating::before,
	#services-electrical::before {
		height: 110px;
	}
}