/* Halloween dressing, the part that is not needed for the first paint:
   the dropdown menus and everything on the home page below the hero. Loaded
   without blocking the page by inc/halloween.php. */

.hca-halloween {
--hw-web-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='rgba(17,42,69,0.24)' stroke-width='0.8'%3E%3Cpath d='M0 0L100 18M0 0L78 62M0 0L42 92M0 0L10 100'/%3E%3Cpath d='M22 4.0Q13.6 7.0 17.2 13.6Q7.9 14.5 9.2 20.2Q3.5 18.9 2.2 22'/%3E%3Cpath d='M42 7.6Q26.0 13.4 32.8 26.0Q15.1 27.7 17.6 38.6Q6.7 36.1 4.2 42'/%3E%3Cpath d='M62 11.2Q38.4 19.8 48.4 38.4Q22.3 40.9 26.0 57.0Q9.9 53.3 6.2 62'/%3E%3Cpath d='M84 15.1Q52.1 26.9 65.5 52.1Q30.2 55.4 35.3 77.3Q13.4 72.2 8.4 84'/%3E%3C/svg%3E");
--hw-web-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='rgba(250,250,247,0.38)' stroke-width='0.8'%3E%3Cpath d='M0 0L100 18M0 0L78 62M0 0L42 92M0 0L10 100'/%3E%3Cpath d='M22 4.0Q13.6 7.0 17.2 13.6Q7.9 14.5 9.2 20.2Q3.5 18.9 2.2 22'/%3E%3Cpath d='M42 7.6Q26.0 13.4 32.8 26.0Q15.1 27.7 17.6 38.6Q6.7 36.1 4.2 42'/%3E%3Cpath d='M62 11.2Q38.4 19.8 48.4 38.4Q22.3 40.9 26.0 57.0Q9.9 53.3 6.2 62'/%3E%3Cpath d='M84 15.1Q52.1 26.9 65.5 52.1Q30.2 55.4 35.3 77.3Q13.4 72.2 8.4 84'/%3E%3C/svg%3E");
--hw-bats:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 80' fill='%2303060b'%3E%3Cg transform='translate(10 18) scale(.9)'%3E%3Cpath d='M20 5c-1-2-1-4 0-5l1 2 1-2c1 1 1 3 0 5 3 0 4 2 4 3 3-4 8-5 13-3-3 1-4 3-4 6-2-2-4-2-6 0-1-2-3-2-5 0-1 1-2 3-3 6-1-3-2-5-3-6-2-2-4-2-5 0-2-2-4-2-6 0 0-3-1-5-4-6 5-2 10-1 13 3 0-1 1-3 4-3z'/%3E%3C/g%3E%3Cg transform='translate(70 6) scale(.6)'%3E%3Cpath d='M20 5c-1-2-1-4 0-5l1 2 1-2c1 1 1 3 0 5 3 0 4 2 4 3 3-4 8-5 13-3-3 1-4 3-4 6-2-2-4-2-6 0-1-2-3-2-5 0-1 1-2 3-3 6-1-3-2-5-3-6-2-2-4-2-5 0-2-2-4-2-6 0 0-3-1-5-4-6 5-2 10-1 13 3 0-1 1-3 4-3z'/%3E%3C/g%3E%3Cg transform='translate(88 46) scale(.75)'%3E%3Cpath d='M20 5c-1-2-1-4 0-5l1 2 1-2c1 1 1 3 0 5 3 0 4 2 4 3 3-4 8-5 13-3-3 1-4 3-4 6-2-2-4-2-6 0-1-2-3-2-5 0-1 1-2 3-3 6-1-3-2-5-3-6-2-2-4-2-5 0-2-2-4-2-6 0 0-3-1-5-4-6 5-2 10-1 13 3 0-1 1-3 4-3z'/%3E%3C/g%3E%3C/svg%3E");
--hw-pumpkins:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 60'%3E%3Cg transform='translate(0 2)'%3E%3Cpath d='M32 13c-2-6 0-10 5-12' stroke='%234b6b2f' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='19' cy='35' rx='14' ry='19' fill='%23d9681a'/%3E%3Cellipse cx='45' cy='35' rx='14' ry='19' fill='%23d9681a'/%3E%3Cellipse cx='32' cy='35' rx='13' ry='21' fill='%23ef8228'/%3E%3Cpath d='M21 17c-4 9-4 27 0 36M43 17c4 9 4 27 0 36' stroke='%23b9541a' stroke-width='1.4' fill='none'/%3E%3Cg fill='%233a1d08'%3E%3Cpath d='M20 30l6-6 2 7z'/%3E%3Cpath d='M44 30l-6-6-2 7z'/%3E%3Cpath d='M30 37l2-4 2 4z'/%3E%3Cpath d='M17 41c4 6 10 8 15 8s11-2 15-8l-4 2-2-2-3 3-3-3-3 3-3-3-3 3-2-2z'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(72 18) scale(.62)'%3E%3Cpath d='M32 13c-2-6 0-10 5-12' stroke='%234b6b2f' stroke-width='3.2' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='19' cy='35' rx='14' ry='19' fill='%23d9681a'/%3E%3Cellipse cx='45' cy='35' rx='14' ry='19' fill='%23d9681a'/%3E%3Cellipse cx='32' cy='35' rx='13' ry='21' fill='%23ef8228'/%3E%3Cg fill='%233a1d08'%3E%3Cpath d='M20 30l6-6 2 7z'/%3E%3Cpath d='M44 30l-6-6-2 7z'/%3E%3Cpath d='M17 41c4 6 10 8 15 8s11-2 15-8l-4 2-2-2-3 3-3-3-3 3-3-3-3 3-2-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* The dropdown menus: a cobweb in the corner of each panel, and a moon with
   bats on the dark "Need help fast?" panel. */
.hca-halloween .nav-dropdown::after {
	content: ''; position: absolute; left: 0; bottom: 0; width: 110px; height: 110px; pointer-events: none;
	background: var(--hw-web-ink) no-repeat; transform: scaleY(-1); z-index: 0;
}
.hca-halloween .nav-dropdown__feature::after {
	content: ''; position: absolute; right: 0; top: 0; width: 170px; height: 120px; pointer-events: none;
	background:
		var(--hw-bats) no-repeat 10px 20px / 110px 63px,
		radial-gradient(circle at 118px 46px, #f3e6bd 0 22px, rgba(255, 236, 190, 0.18) 23px, transparent 52px);
}
.hca-halloween .nav-dropdown__feature-eyebrow { color: #ffb070; }

/* The menu on a phone. */
@media (max-width: 1080px) {
	.hca-halloween .primary-nav::after {
		content: ''; position: absolute; left: 0; bottom: 0; width: 96px; height: 96px; pointer-events: none;
		background: var(--hw-web-ink) no-repeat; transform: scaleY(-1);
	}
	.hca-halloween.nav-open .hw-drop--header { display: none; }
	.hca-halloween .nav-dropdown::after { display: none; }
}

/* ---------- Home page, further down ---------- */
.hca-halloween .marquee { position: relative; background: #03060b; }
.hca-halloween .marquee__item::after { background: #ff8a2a; }
.hw-flock--marquee { left: -160px; top: 4px; width: 160px; height: 40px; }
.hca-halloween .hw-flock--marquee svg { color: #ff9a4a; }

.hca-halloween.home .section-head__title em { color: #b8500c; }
.hca-halloween .stats .section-head__title em,
.hca-halloween .emergency-band em { color: #ff8a2a !important; }

.hw-drop--services { right: 7%; }
.hca-halloween .services .service-card:first-child::after {
	content: ''; position: absolute; left: 0; top: 0; width: 150px; height: 150px; pointer-events: none;
	background: var(--hw-web-ink) no-repeat;
}

.hca-halloween .home-offers .section-head__title::after {
	background: repeating-linear-gradient(90deg, #fff2c9 0 14px, #f6a33a 14px 28px, #e46a1c 28px 42px);
	height: 6px; width: 126px;
}
.hca-halloween .home-offers .offer { position: relative; overflow: hidden; }
.hca-halloween .home-offers .offer::after {
	content: ''; position: absolute; right: 0; top: 0; width: 92px; height: 92px; pointer-events: none;
	background: var(--hw-web-ink) no-repeat; transform: scaleX(-1);
}
.hca-halloween .home-offers .rebate-block { position: relative; }
.hca-halloween .home-offers .rebate-block::before {
	content: ''; position: absolute; right: 26px; top: -46px; width: 112px; height: 48px; pointer-events: none;
	background: var(--hw-pumpkins) no-repeat 0 0 / contain;
}

.hca-halloween .home-why .feature-block { position: relative; }
.hca-halloween .home-why .feature-block__media { z-index: 1; }
.hw-ghost--why { left: calc(50% - 4.5rem); top: 60px; z-index: 0; }

.hca-halloween .stats { position: relative; overflow: hidden; background: #070d17; }
.hca-halloween .stats .container { position: relative; z-index: 2; }
.hw-moon--small { width: 110px; height: 110px; box-shadow: 0 0 90px 30px rgba(255, 236, 190, 0.16); }
.hw-moon--stats { right: 8%; top: 36px; }
.hw-flock--stats { right: calc(8% + 70px); top: 40px; width: 220px; height: 90px; }
.hw-fog--band { height: 200px; z-index: 1; }

.hca-halloween .areas-map-feature { position: relative; }
.hw-flock--map { right: 8%; top: 18px; width: 140px; height: 70px; z-index: 3; }
.hca-halloween .areas-map-feature .illustration-frame { filter: brightness(0.82); }

.hca-halloween .emergency-band { position: relative; overflow: hidden; background: #070d17; }
.hca-halloween .emergency-band .container { position: relative; z-index: 2; }
.hca-halloween .emergency-band .eyebrow { color: #ffb070 !important; }
.hw-lanterns--band { right: 4%; bottom: 10px; z-index: 1; }

.hca-halloween .home-learn { position: relative; }
.hw-drop--learn { right: 12%; }
.hca-halloween .home-learn::after,
.hca-halloween .reviews-section::after,
.hca-halloween .testimonials::after,
.hca-halloween .faq-section::after {
	content: ''; position: absolute; left: 0; top: 0; width: 170px; height: 170px; pointer-events: none;
	background: var(--hw-web-ink) no-repeat;
}
.hca-halloween .reviews-section,
.hca-halloween .faq-section { position: relative; }

/* The graveyard, just above the call band. */
.hw-graveyard { position: relative; height: 230px; overflow: hidden; background: linear-gradient(180deg, #f4f1ea 0%, #0a1220 46%, #05080e 100%); }
.hw-yard { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 220px; }
.hw-yard__fence path { stroke: none; }
.hw-stone-text { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; fill: #a7afbb; }
.hw-stone-text--big { font-family: var(--font-display); font-size: 17px; font-weight: 600; letter-spacing: 0.04em; fill: #c3cad4; }
.hw-moon--yard { right: 12%; top: 34px; width: 74px; height: 74px; box-shadow: 0 0 60px 20px rgba(255, 236, 190, 0.18); }
.hw-flock--yard { right: calc(12% + 60px); top: 44px; width: 150px; height: 50px; }
.hw-lanterns--yard { left: calc(50% - 330px); bottom: 14px; }
.hw-fog--yard { height: 120px; }
@media (max-width: 700px) {
	.hw-graveyard { height: 190px; }
	.hw-yard { height: 180px; }
	.hw-moon--yard { right: 8%; top: 40px; width: 56px; height: 56px; }
	.hw-flock--yard { right: 6%; top: 46px; transform: scale(0.7); transform-origin: top right; }
	.hw-lanterns--yard { left: 4%; bottom: 8px; transform: scale(0.8); transform-origin: bottom left; }
	.hca-halloween .stats { padding-top: calc(3rem + 64px); }
	.hw-moon--stats { right: 6%; top: 16px; width: 60px; height: 60px; }
	.hw-flock--stats { right: calc(6% + 50px); top: 14px; transform: scale(0.6); transform-origin: top right; }
	.hw-lanterns--band { right: 3%; bottom: 6px; transform: scale(0.75); transform-origin: bottom right; }
	.hw-ghost--why { left: auto; right: 6%; top: -34px; transform: scale(0.8); }
	.hw-drop--services, .hw-drop--learn { display: none; }
}


/* Bats over the dark bands further down: a shade lighter than the night so
   they read against it, not only where they cross a moon. */
.hca-halloween .hw-flock--stats svg,
.hca-halloween .hw-flock--map svg,
.hca-halloween .hw-flock--yard svg { color: #46566c; }