/**
 * Est. 1973 micro-interaction layer (2026-08-17).
 *
 * Hover/press feedback and gentle card physics for every est1973 page.
 * Rules of the house still apply (DESIGN.md §7): transform/opacity/shadow
 * only — never layout properties — and the whole layer collapses under
 * prefers-reduced-motion so every element renders in its final state.
 * The homepage choreography (est1973-home-motion.css) stays separate.
 */

@media (prefers-reduced-motion: no-preference) {

	/* ── Controls: press physics ───────────────────────────────────────
	   Buttons keep their geometry; the vintage hard shadow tightens on
	   press so the control feels physically set into the paper. */
	body.ccs-est1973 .btn,
	body.ccs-est1973 .e73-call-btn,
	body.ccs-est1973 button {
		transition: box-shadow .16s ease, background-color .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
	}

	body.ccs-est1973 .btn:active,
	body.ccs-est1973 .e73-call-btn:active {
		transform: translateY(1px);
	}

	/* ── Primary nav: butter underline grows from the left ──────────── */
	body.ccs-est1973 .page-header .nav-primary a {
		position: relative;
	}

	body.ccs-est1973 .page-header .nav-primary a::after {
		content: "";
		position: absolute;
		left: 10px;
		right: 10px;
		bottom: 7px;
		height: 2px;
		border-radius: 1px;
		background: var(--e73-butter);
		transform: scaleX(0);
		transform-origin: left center;
		transition: transform .18s cubic-bezier(.16, 1, .3, 1);
	}

	body.ccs-est1973 .page-header .nav-primary a:hover::after,
	body.ccs-est1973 .page-header .nav-primary a:focus-visible::after {
		transform: scaleX(1);
	}

	/* ── Cards: the vintage lift ────────────────────────────────────────
	   A hard offset shadow that deepens as the card rises — reads as a
	   print object being picked up off the page. */
	body.ccs-est1973 .blog-post__item,
	body.ccs-est1973 .ccs-growth-links__grid > details,
	body.ccs-est1973 .ccs-footer-growth-links__grid > details,
	body.ccs-est1973 .ccs-paths-card,
	body.ccs-est1973 .image-button,
	body.ccs-est1973 .fx-block.image-buttons .image-button,
	body.ccs-est1973 .e73-answer-card {
		transition: transform .18s ease, box-shadow .18s ease;
	}

	body.ccs-est1973 .blog-post__item:hover,
	body.ccs-est1973 .ccs-growth-links__grid > details:hover,
	body.ccs-est1973 .ccs-footer-growth-links__grid > details:hover,
	body.ccs-est1973 .ccs-paths-card:hover,
	body.ccs-est1973 .image-button:hover,
	body.ccs-est1973 .e73-answer-card:hover {
		transform: translateY(-3px);
		box-shadow: 6px 8px 0 rgba(42, 33, 26, .16);
	}

	/* Card art breathes: a slow zoom inside the frame. */
	body.ccs-est1973 .blog-post__img-container,
	body.ccs-est1973 .image-button,
	body.ccs-est1973 .pullouts-image {
		overflow: hidden;
	}

	body.ccs-est1973 .blog-post__img-container img,
	body.ccs-est1973 .image-button img img,
	body.ccs-est1973 .image-button img,
	body.ccs-est1973 .pullouts-image img {
		transition: transform .35s ease;
	}

	body.ccs-est1973 .blog-post__item:hover .blog-post__img-container img,
	body.ccs-est1973 .image-button:hover img,
	body.ccs-est1973 .half-image-text-icon-pullouts:hover .pullouts-image img {
		transform: scale(1.035);
	}

	/* ── Taped testimonials straighten when picked up ─────────────────── */
	body.ccs-est1973 .testimonials.e73-wall .testimonial-slide-item {
		transition: transform .2s ease, box-shadow .2s ease;
	}

	body.ccs-est1973 .testimonials.e73-wall .testimonial-slide-item:hover {
		transform: rotate(0deg) translateY(-3px);
		box-shadow: 6px 8px 0 rgba(42, 33, 26, .16);
	}

	/* ── FAQ answers: a short settle as the panel opens ───────────────── */
	body.ccs-est1973 details.e73-faq-item .e73-faq-a {
		animation: e73-settle .22s cubic-bezier(.16, 1, .3, 1);
	}

	@keyframes e73-settle {
		from { opacity: 0; transform: translateY(4px); }
		to { opacity: 1; transform: translateY(0); }
	}

	/* ── In-text links: the underline warms ───────────────────────────── */
	body.ccs-est1973 .e73-inner-main a,
	body.ccs-est1973 .blog-single-container a,
	body.ccs-est1973 .ccs-seo-content a {
		transition: color .14s ease;
	}

	/* ── Footer city rows: nudge on hover ─────────────────────────────── */
	body.ccs-est1973 .accordian-location-links li a,
	body.ccs-est1973 .ccs-linkfold li a {
		transition: color .14s ease, transform .14s ease;
	}

	body.ccs-est1973 .accordian-location-links li a:hover,
	body.ccs-est1973 .ccs-linkfold li a:hover {
		transform: translateX(3px);
	}

	/* ── Scroll cues: arrows in round CTAs invite the click ───────────── */
	body.ccs-est1973 .e73-promo__arrow,
	body.ccs-est1973 .ccs-answer-card__actions a::after {
		transition: transform .16s ease;
	}

	body.ccs-est1973 .e73-promo__arrow:hover {
		transform: scale(1.12);
	}
}