/* Stitch parity: Material Symbols + layout helpers */

.material-symbols-outlined {
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.glass-nav {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.text-glow-gold {
	text-shadow: 0 0 15px rgba(233, 193, 118, 0.3);
}

.asymmetric-clip {
	clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
}

.montage-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 4px;
	height: 100%;
	width: 100%;
}

.editorial-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
}

@media (max-width: 1024px) {
	.editorial-grid {
		grid-template-columns: 1fr;
	}
}

/* Focus visible for keyboard users (WCAG 2.1 AA) */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.tof5-nav-link:focus-visible,
a:focus-visible,
button:focus-visible {
	outline: 2px solid #ffdea5;
	outline-offset: 2px;
}