/* ==========================================================================
   Site Footer - Luxury Design
   ========================================================================== */

.site-footer {
	position: relative;
	margin-top: 80px;
	padding: 48px 0 36px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(
		180deg,
		transparent 0%,
		rgba(8, 8, 12, 0.8) 100%
	);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.site-footer__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	text-align: center;
}

.site-footer__logo-mark {
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.9);
	background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.5) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.site-footer__text {
	margin: 0;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.45);
	font-weight: 400;
	letter-spacing: 0.02em;
	transition: color 0.3s ease;
}

.site-footer:hover .site-footer__text {
	color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 767px) {
	.site-footer {
		margin-top: 50px;
		padding: 36px 0 24px;
	}
}