/* ==========================================================================
   Alpine x-transition state classes (plain CSS, no framework).
   Used by the mobile menu (nav.css) and the contact modal (modal.css).
   ========================================================================== */

.t-fade-out {
	opacity: 0;
}
.t-fade-in {
	opacity: 1;
}
.t-slide-down-out {
	opacity: 0;
	transform: translateY(-1rem);
}
.t-slide-down-in {
	opacity: 1;
	transform: translateY(0);
}
.t-modal-panel-out {
	opacity: 0;
	transform: translateY(2rem) scale(0.95);
}
.t-modal-panel-in {
	opacity: 1;
	transform: translateY(0) scale(1);
}