/* Wood plaque: maroon wood, copper frame, brass corner rivets. */
.is-style-plaque {
	position: relative;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) !important;
	background:
		url("../img/wood-grain.svg") center / 520px auto,
		radial-gradient(ellipse at 50% 0%, rgba(240, 160, 90, .09), transparent 60%),
		linear-gradient(160deg, rgba(58, 12, 10, .94), rgba(28, 6, 7, .96) 60%, rgba(18, 8, 9, .97));
	border: 2px solid var(--copper);
	border-radius: 16px;
	box-shadow:
		0 0 0 1px rgba(0, 0, 0, .7),
		0 0 0 5px rgba(122, 74, 34, .35),
		0 18px 50px rgba(0, 0, 0, .65),
		inset 0 0 40px rgba(0, 0, 0, .55);
	transition: box-shadow .8s ease, border-color 1.4s ease;
}
.is-style-plaque::before {
	content: "";
	position: absolute;
	inset: 8px;
	border: 1px solid rgba(171, 112, 53, .4);
	border-radius: 10px;
	pointer-events: none;
}
.is-style-plaque::after {
	content: "";
	position: absolute;
	inset: 4px;
	pointer-events: none;
	--r: radial-gradient(circle, #f0c878 0 1.5px, #7a4a22 2.5px 4px, transparent 4.5px);
	background:
		var(--r) top left / 14px 14px no-repeat,
		var(--r) top right / 14px 14px no-repeat,
		var(--r) bottom left / 14px 14px no-repeat,
		var(--r) bottom right / 14px 14px no-repeat;
}
.is-style-plaque > * { position: relative; z-index: 1; }
.is-style-plaque:hover { box-shadow: 0 0 0 1px rgba(0,0,0,.7), 0 0 0 5px rgba(122,74,34,.35), 0 18px 50px rgba(0,0,0,.65), 0 0 30px color-mix(in srgb, var(--aura) 18%, transparent), inset 0 0 40px rgba(0,0,0,.55); }

/* Parchment: aged page, burnt edges, ink text. */
.is-style-parchment {
	position: relative;
	padding: var(--wp--preset--spacing--40) !important;
	color: #2b1709;
	background:
		url("../img/grain.svg"),
		radial-gradient(ellipse at 30% 20%, rgba(255, 245, 220, .55), transparent 60%),
		linear-gradient(170deg, #e9d6ae, #d9bf8c 60%, #c9a56c);
	border-radius: 4px;
	box-shadow:
		inset 0 0 50px rgba(110, 60, 20, .55),
		inset 0 0 6px rgba(80, 40, 10, .6),
		0 14px 40px rgba(0, 0, 0, .6);
}
.is-style-parchment :where(h1, h2, h3, h4) { color: #5a1a0c; }
.is-style-parchment a { color: #7a2410; }

/* Filigree divider */
hr.is-style-filigree,
.wp-block-separator.is-style-filigree {
	border: 0 !important;
	height: 28px;
	width: min(420px, 80%) !important;
	max-width: none !important;
	margin-inline: auto !important;
	background: url("../img/filigree.svg") center / contain no-repeat !important;
	opacity: .95;
}

/* Gilded image frame */
.wp-block-image.is-style-gilded img {
	border: 3px solid var(--copper);
	border-radius: 6px;
	outline: 1px solid rgba(217, 162, 61, .55);
	outline-offset: 5px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .6), 0 0 26px color-mix(in srgb, var(--aura) 22%, transparent);
	transition: box-shadow .6s ease, transform .6s var(--ease-out);
}
.wp-block-image.is-style-gilded img:hover {
	transform: translateY(-3px);
	box-shadow: 0 22px 50px rgba(0, 0, 0, .65), 0 0 34px color-mix(in srgb, var(--aura) 40%, transparent);
}

/* Art placeholder: frame waiting for a picture */
.art-pending {
	display: grid;
	place-items: center;
	aspect-ratio: var(--ratio, 3 / 4);
	border: 2px dashed rgba(171, 112, 53, .6);
	border-radius: 10px;
	background:
		repeating-linear-gradient(45deg, rgba(171, 112, 53, .06) 0 12px, transparent 12px 24px),
		radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--aura) 18%, transparent), transparent 65%),
		rgba(20, 11, 12, .7);
	color: var(--ash);
	font-family: var(--wp--preset--font-family--display);
	letter-spacing: .2em;
	font-size: .75rem;
	text-transform: uppercase;
	text-align: center;
	padding: 1rem;
}

/* Page title area */
.page-heading { margin-bottom: var(--wp--preset--spacing--40); }
.page-heading__title {
	text-shadow: 0 0 22px color-mix(in srgb, var(--aura) 45%, transparent), 0 2px 0 #000;
}

blockquote.wp-block-quote {
	border-left: 3px solid var(--copper);
	padding-left: 1.4rem;
	color: var(--parchment);
}
blockquote.wp-block-quote cite { color: var(--copper); font-style: normal; font-family: var(--wp--preset--font-family--display); font-size: .8rem; letter-spacing: .15em; }

/* Glossary on parchment */
.glossary { display: grid; grid-template-columns: max-content 1fr; gap: .45rem 1.4rem; margin: 0; }
.glossary dt { font-family: var(--wp--preset--font-family--display); font-weight: 700; color: #6e1d0c; letter-spacing: .06em; }
.glossary dd { margin: 0; font-style: italic; }
@media (max-width: 520px) { .glossary { grid-template-columns: 1fr; } .glossary dd { margin-bottom: .5rem; } }