:root {
	--maroon: #4a0e16;
	--gold: #c9a227;
	--cream: #fbf4e6;
	--deep: #2b0b10;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body {
	min-height: 100vh;
	background:
		radial-gradient(circle at 50% -10%, rgba(201, 162, 39, 0.18), transparent 42%),
		repeating-linear-gradient(
			45deg,
			#3a0c12 0 2px,
			#4a0e16 2px 18px
		);
	color: var(--deep);
	font-family: "Cormorant Garamond", Georgia, serif;
}

.frame {
	max-width: 760px;
	margin: 2.5rem auto;
	background: var(--cream);
	border: 10px double var(--gold);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
	padding: 2.5rem 8% 3rem;
}

header { text-align: center; }
.sanskrit {
	font-family: "Tiro Devanagari Hindi", serif;
	font-size: 1.35rem;
	color: var(--maroon);
	margin: 0;
}
.couple {
	font-family: Cinzel, serif;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	font-size: 0.95rem;
	color: var(--gold);
	margin: 0.4rem 0 1rem;
}
nav { display: flex; justify-content: center; gap: 1.5rem; }
nav a {
	color: var(--maroon);
	text-decoration: none;
	border-bottom: 1px solid var(--gold);
	font-size: 1.05rem;
}

main { text-align: center; margin-top: 1.5rem; }
.ornament { color: var(--gold); letter-spacing: 0.6em; }
h1 {
	font-family: Cinzel, serif;
	color: var(--maroon);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	margin: 0.2rem 0;
}
.subtitle { font-style: italic; font-size: 1.3rem; margin-top: 0; }
.meta {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	margin: 1.5rem 0;
}
.meta dt { font-family: Cinzel, serif; font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold); }
.meta dd { margin: 0.2rem 0 0; font-size: 1.15rem; }
.body, .extra { font-size: 1.2rem; line-height: 1.7; }
.extra { color: #5a3a32; }
footer { text-align: center; margin-top: 2rem; color: var(--maroon); font-style: italic; }