/* ==========================================================================
   Otherwise — footer
   Structure is fixed: wordmark, socials, divider, menu, divider, bottom bar.
   ========================================================================== */

.ow-footer {
	background: var(--ow-bg);
	border-top: var(--ow-hairline);
	padding-inline: var(--ow-gutter);
}

.ow-footer > * {
	max-width: var(--ow-container);
	margin-inline: auto;
}

.ow-footer__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--ow-space-5);
	padding-block: clamp(2.75rem, 6vw, 4.5rem) var(--ow-space-6);
	text-align: center;
}

.ow-footer__logo { display: inline-flex; }

.ow-footer__logo-img {
	width: auto;
	max-height: clamp(48px, 7vw, 78px);
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.ow-footer__wordmark {
	font-family: var(--ow-font-display);
	font-size: clamp(2.25rem, 8vw, 4.5rem);
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.ow-footer__divider {
	height: 1px;
	background: var(--ow-border);
}

/* ---- Menu ---------------------------------------------------------------- */

.ow-footer__nav {
	padding-block: var(--ow-space-6);
}

.ow-footer__nav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--ow-space-3) clamp(1.25rem, 3vw, 2.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ow-footer__nav a {
	display: inline-block;
	padding-block: 4px;
	font-size: var(--ow-fs-xs);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ow-muted);
	white-space: nowrap;
}

.ow-footer__nav a:hover { color: var(--ow-accent); }

/* ---- Bottom bar ---------------------------------------------------------- */

.ow-footer__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--ow-space-3);
	padding-block: var(--ow-space-5) var(--ow-space-6);
	font-size: var(--ow-fs-xs);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ow-muted);
}

.ow-footer__bottom a { color: var(--ow-text); }
.ow-footer__bottom a:hover { color: var(--ow-accent); }

@media (max-width: 720px) {
	/* Two tidy columns on mobile rather than a ragged wrap. */
	.ow-footer__nav ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--ow-space-4) var(--ow-space-4);
		justify-items: center;
	}

	.ow-footer__bottom {
		flex-direction: column;
		text-align: center;
		gap: var(--ow-space-2);
	}
}