/*
Theme Name: Honey Chronicles
Theme URI: https://honeychronicles.com/
Description: Honey Chronicles presentation layer. Child theme of Kadence.
Author: Honey Chronicles
Template: kadence
Version: 0.12.39
Text Domain: honey-chronicles
Requires at least: 6.3
Requires PHP: 7.4
*/

/* =========================================================
   Honey Chronicles Public Museum Interface v1.1
   Strict palette from the Color Palette & Usage Guide.
   ========================================================= */

:root {
	--hc-archive-white: #FFFDF7;
	--hc-museum-paper: #F8F3E7;
	--hc-aged-parchment: #EFE2C5;
	--hc-antique-paper: #E2D2AF;

	--hc-museum-ink: #241C16;
	--hc-walnut-ink: #3C2B1F;
	--hc-faded-ink: #66584A;
	--hc-pencil-gray: #8A7D71;

	--hc-honey-gold: #B98224;
	--hc-beeswax: #D4A443;
	--hc-dark-honey: #7A4C17;
	--hc-amber-resin: #A76A1E;

	--hc-field-green: #4F6A45;
	--hc-moss: #667852;
	--hc-olive: #7A8763;
	--hc-sage: #B5C2A7;

	--hc-cartographer-blue: #4D6473;
	--hc-slate: #68717A;
	--hc-weathered-steel: #8C979F;

	--hc-discovery: #B98224;
	--hc-available: #557A46;
	--hc-researching: #577D91;
	--hc-reviewing: #8A6A2E;
	--hc-archived: #746A60;
	--hc-attention: #7A3D33;

	--hc-line: rgba(60, 43, 31, .16);
	--hc-line-strong: rgba(60, 43, 31, .26);
	--hc-shadow-soft: 0 18px 45px rgba(36, 28, 22, .10);
	--hc-shadow-card: 0 10px 26px rgba(36, 28, 22, .08);
	--hc-radius: 20px;
	--hc-serif: Georgia, "Times New Roman", Times, serif;
	--hc-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

html {
	background: var(--hc-museum-paper);
}

body.hc-public-museum,
body.hc-public-museum .site,
body.hc-public-museum #wrapper,
body.hc-public-museum .wp-site-blocks {
	background:
		radial-gradient(circle at 8% 0%, rgba(185, 130, 36, .13), transparent 27rem),
		radial-gradient(circle at 92% 10%, rgba(79, 106, 69, .09), transparent 30rem),
		linear-gradient(180deg, var(--hc-museum-paper) 0%, var(--hc-archive-white) 46%, var(--hc-aged-parchment) 100%);
	color: var(--hc-museum-ink);
	font-family: var(--hc-sans);
}

body.hc-public-museum a {
	color: var(--hc-dark-honey);
}

body.hc-public-museum a:hover,
body.hc-public-museum a:focus-visible {
	color: var(--hc-field-green);
}

/* Kill lingering prototype header if an older file is cached. */
.hc-museum-entrance {
	outline: 0 !important;
}

/* =========================================================
   Public Museum Header
   ========================================================= */

.hc-public-header {
	position: relative;
	z-index: 20;
	isolation: isolate;
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .98), rgba(248, 243, 231, .94)),
		var(--hc-museum-paper);
	border-bottom: 1px solid var(--hc-line-strong);
	box-shadow: 0 18px 38px rgba(36, 28, 22, .08);
	overflow: visible;
}

.hc-header-topline {
	height: 12px;
	background:
		linear-gradient(90deg, var(--hc-field-green) 0 30%, var(--hc-honey-gold) 30% 67%, var(--hc-walnut-ink) 67% 100%);
	border-bottom: 1px solid rgba(36, 28, 22, .18);
}

.hc-public-header__inner {
	position: relative;
	max-width: 1290px;
	min-height: 116px;
	margin: 0 auto;
	padding: 18px clamp(14px, 3vw, 34px) 18px clamp(116px, 12vw, 160px);
	display: grid;
	grid-template-columns: minmax(260px, 1fr) auto auto minmax(0, 255px);
	align-items: center;
	gap: clamp(12px, 2vw, 24px);
}

.hc-public-seal {
	position: absolute;
	left: clamp(12px, 2vw, 28px);
	top: 50%;
	transform: translateY(-50%);
	width: clamp(86px, 9.5vw, 124px);
	aspect-ratio: 1;
	display: block;
	border-radius: 999px;
	filter: drop-shadow(0 12px 18px rgba(36, 28, 22, .18));
	transition: transform .18s ease, filter .18s ease;
}

.hc-public-seal:hover,
.hc-public-seal:focus-visible {
	transform: translateY(-50%) scale(1.02);
	filter: drop-shadow(0 16px 22px rgba(36, 28, 22, .22));
	outline: none;
}

.hc-public-seal img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hc-public-branding {
	min-width: 0;
}

.hc-public-title {
	display: inline-grid;
	gap: 2px;
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

.hc-public-title__main {
	font-family: var(--hc-serif);
	font-size: clamp(2.2rem, 4.4vw, 4.45rem);
	line-height: .88;
	letter-spacing: -.045em;
	text-transform: uppercase;
	white-space: nowrap;
}

.hc-public-title__sub {
	font-family: var(--hc-serif);
	font-size: clamp(.86rem, 1.1vw, 1.12rem);
	font-weight: 700;
	letter-spacing: .23em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

.hc-public-tagline {
	margin: 7px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(.75rem, .85vw, .9rem);
	font-weight: 700;
	letter-spacing: .115em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
}

.hc-public-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	padding: 8px 0;
}

.hc-public-nav a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 8px 15px 7px;
	border: 1px solid var(--hc-line-strong);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .82), rgba(239, 226, 197, .38));
	color: var(--hc-walnut-ink) !important;
	box-shadow: inset 0 1px 0 rgba(255, 253, 247, .85), 0 4px 10px rgba(36, 28, 22, .06);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .07em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.hc-public-nav a:hover,
.hc-public-nav a:focus-visible {
	transform: translateY(-1px);
	background: linear-gradient(180deg, rgba(255, 253, 247, .98), rgba(212, 164, 67, .20));
	border-color: rgba(185, 130, 36, .52);
	outline: none;
}

.hc-public-tools {
	display: flex;
	align-items: center;
	gap: 9px;
}

.hc-public-tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	border: 1px solid rgba(60, 43, 31, .20);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .95), rgba(226, 210, 175, .42));
	box-shadow: inset 0 1px 0 rgba(255, 253, 247, .95), 0 8px 18px rgba(36, 28, 22, .10);
	text-decoration: none;
	transition: transform .16s ease, border-color .16s ease;
}

.hc-public-tool::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	filter: saturate(.85) contrast(1.02);
	opacity: .92;
}

.hc-tool-search::before {
	background-image: url("assets/hc/search.png");
}

.hc-tool-atlas::before {
	background-image: url("assets/hc/atlas.png");
}

.hc-public-tool:hover,
.hc-public-tool:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(185, 130, 36, .52);
	outline: none;
}

.hc-public-scout {
	position: relative;
	align-self: end;
	justify-self: end;
	width: min(255px, 21vw);
	height: 128px;
	margin: 0;
	pointer-events: none;
	overflow: hidden;
}

.hc-public-scout img {
	position: absolute;
	left: 50%;
	bottom: -104px;
	width: min(250px, 21vw);
	max-width: none;
	transform: translateX(-50%);
	filter: drop-shadow(0 18px 18px rgba(36, 28, 22, .18));
}

.hc-public-briefing {
	max-width: 1290px;
	margin: 0 auto;
	padding: 0 clamp(14px, 3vw, 34px) 18px;
	display: grid;
	grid-template-columns: 1.25fr .85fr .85fr;
	gap: 12px;
}

.hc-brief-card {
	display: grid;
	align-content: start;
	gap: 3px;
	min-height: 92px;
	padding: 13px 15px 12px;
	border: 1px solid var(--hc-line);
	border-radius: 16px;
	background:
		linear-gradient(135deg, rgba(255, 253, 247, .94), rgba(248, 243, 231, .87));
	box-shadow: var(--hc-shadow-card);
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
	overflow: hidden;
	transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.hc-brief-card:hover,
.hc-brief-card:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(185, 130, 36, .42);
	box-shadow: 0 14px 30px rgba(36, 28, 22, .11);
	outline: none;
}

.hc-brief-kicker {
	font-family: var(--hc-sans);
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-brief-card strong {
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.4vw, 1.25rem);
	line-height: 1.08;
	color: var(--hc-walnut-ink);
}

.hc-brief-card span:not(.hc-brief-kicker) {
	font-size: .82rem;
	line-height: 1.35;
	color: var(--hc-faded-ink);
}

.hc-brief-card em {
	margin-top: 3px;
	font-style: normal;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

/* =========================================================
   Main Museum Body
   ========================================================= */

.hc-main,
.content-area,
.site-main {
	position: relative;
	z-index: 1;
}

.hc-room,
.hc-landing,
.hc-chronicle-feed,
.content-container.site-container,
.site-container {
	max-width: 1290px;
}

.hc-main {
	padding: clamp(20px, 3vw, 38px) clamp(14px, 3vw, 34px) clamp(54px, 6vw, 86px);
}

.hc-entry-header,
.entry-header,
.page-header,
.archive-header {
	margin-bottom: 20px;
}

.hc-room-label,
.hc-kicker,
.hc-card-eyebrow {
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-entry-header h1,
.entry-title,
.page-title,
.archive-title,
h1, h2, h3, h4, h5, h6 {
	color: var(--hc-museum-ink);
}

.hc-entry-header h1,
.entry-title,
.page-title,
.archive-title {
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 5vw, 4.2rem);
	line-height: .95;
	letter-spacing: -.045em;
	max-width: 12ch;
}

.hc-entry-dek,
.hc-hero-text,
.entry-summary,
.entry-content {
	color: var(--hc-walnut-ink);
}

.hc-entry,
.entry,
.hc-card,
.hc-discovery-card,
.loop-entry,
.single-entry {
	background: rgba(255, 253, 247, .88);
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius);
	box-shadow: var(--hc-shadow-card);
	color: var(--hc-museum-ink);
}

.hc-site-footer {
	background: linear-gradient(135deg, var(--hc-walnut-ink), var(--hc-museum-ink));
	color: var(--hc-museum-paper);
	border-top: 4px solid var(--hc-honey-gold);
}

.hc-footer-inner {
	max-width: 1290px;
	margin: 0 auto;
	padding: 28px clamp(14px, 3vw, 34px);
}

.hc-site-footer p {
	margin: 0 0 4px;
}

/* =========================================================
   Responsive Behavior
   ========================================================= */

@media (max-width: 1180px) {
	.hc-public-header__inner {
		grid-template-columns: minmax(260px, 1fr) auto auto;
		padding-right: clamp(14px, 3vw, 34px);
	}

	.hc-public-scout {
		display: none;
	}
}

@media (max-width: 900px) {
	.hc-public-header__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		padding-left: clamp(104px, 16vw, 128px);
		gap: 10px;
	}

	.hc-public-title__main {
		font-size: clamp(1.9rem, 7vw, 3.2rem);
		white-space: normal;
	}

	.hc-public-nav {
		justify-content: flex-start;
		flex-wrap: wrap;
		padding: 0;
	}

	.hc-public-tools {
		position: absolute;
		right: clamp(14px, 3vw, 34px);
		top: 20px;
	}

	.hc-public-briefing {
		grid-template-columns: 1fr;
	}

	.hc-brief-card {
		min-height: 0;
	}
}

@media (max-width: 640px) {
	body.hc-public-museum.admin-bar .hc-public-header {
		margin-top: 0;
	}

	.hc-header-topline {
		height: 8px;
	}

	.hc-public-header__inner {
		padding: 12px 12px 12px 82px;
	}

	.hc-public-seal {
		width: 64px;
		left: 10px;
	}

	.hc-public-title__main {
		font-size: clamp(1.45rem, 8.2vw, 2.2rem);
		line-height: .96;
	}

	.hc-public-title__sub {
		font-size: .7rem;
		letter-spacing: .18em;
	}

	.hc-public-tagline {
		display: none;
	}

	.hc-public-nav {
		gap: 6px;
	}

	.hc-public-nav a {
		min-height: 30px;
		padding: 7px 10px 6px;
		font-size: .62rem;
		letter-spacing: .05em;
	}

	.hc-public-tools {
		position: fixed;
		z-index: 9999;
		right: 14px;
		bottom: 14px;
		top: auto;
		gap: 10px;
	}

	.hc-public-tool {
		width: 52px;
		height: 52px;
		background: rgba(255, 253, 247, .94);
		backdrop-filter: blur(8px);
	}

	.hc-public-tool::before {
		width: 32px;
		height: 32px;
	}

	.hc-public-briefing {
		padding: 0 12px 12px;
		gap: 8px;
	}

	.hc-brief-card {
		padding: 10px 12px;
		border-radius: 14px;
	}

	.hc-brief-card--wide span:not(.hc-brief-kicker),
	.hc-brief-card:not(.hc-brief-card--wide) {
		display: none;
	}

	.hc-main {
		padding: 18px 12px 84px;
	}

	.hc-entry-header h1,
	.entry-title,
	.page-title,
	.archive-title {
		font-size: 2rem;
	}
}
/* =========================================================
   Honey Chronicles Navigation / Wayfinding v1.3 Additions
   Append to the end of /wp-content/themes/kadence/style.css
   ========================================================= */

/* Active museum-room navigation. */
.hc-public-nav a.is-active,
.hc-public-nav a[aria-current="page"] {
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .98), rgba(212, 164, 67, .26));
	border-color: rgba(185, 130, 36, .72);
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .95),
		0 0 0 2px rgba(185, 130, 36, .10),
		0 8px 18px rgba(36, 28, 22, .10);
	color: var(--hc-museum-ink) !important;
}

.hc-public-nav a.is-active::after,
.hc-public-nav a[aria-current="page"]::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -7px;
	width: 34px;
	height: 3px;
	border-radius: 99px;
	background: var(--hc-honey-gold);
	transform: translateX(-50%);
	box-shadow: 0 1px 0 rgba(255, 253, 247, .75);
}

.hc-public-tool.is-active {
	border-color: rgba(77, 100, 115, .70);
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .95),
		0 0 0 3px rgba(77, 100, 115, .12),
		0 8px 18px rgba(36, 28, 22, .10);
}

/* Permanent lobby wayfinding strip. */
.hc-wayfinding {
	max-width: 1290px;
	margin: -4px auto 12px;
	padding: 8px clamp(14px, 3vw, 34px);
	display: flex;
	align-items: baseline;
	gap: 10px;
	border-top: 1px solid rgba(60, 43, 31, .08);
	border-bottom: 1px solid rgba(60, 43, 31, .08);
	background: linear-gradient(90deg, rgba(255, 253, 247, .26), rgba(239, 226, 197, .20), rgba(255, 253, 247, .26));
	color: var(--hc-faded-ink);
	font-size: .78rem;
}

.hc-wayfinding__kicker {
	font-size: .65rem;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-wayfinding strong {
	font-family: var(--hc-serif);
	font-size: 1rem;
	line-height: 1;
	color: var(--hc-walnut-ink);
}

.hc-wayfinding span:last-child {
	color: var(--hc-faded-ink);
}

/* Header cards are now exhibit placards. */
.hc-public-briefing {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hc-brief-card {
	position: relative;
	min-height: 118px;
}

.hc-brief-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 5px;
	background: var(--hc-honey-gold);
	opacity: .78;
}

.hc-brief-room {
	font-family: var(--hc-serif);
	font-size: .86rem !important;
	font-weight: 700;
	line-height: 1.1 !important;
	color: var(--hc-field-green) !important;
}

/* Room atmosphere: subtle, not separate themes. */
body.hc-room-honey .hc-header-topline {
	background: linear-gradient(90deg, var(--hc-field-green) 0 20%, var(--hc-honey-gold) 20% 78%, var(--hc-walnut-ink) 78% 100%);
}

body.hc-room-producers .hc-header-topline {
	background: linear-gradient(90deg, var(--hc-field-green) 0 55%, var(--hc-honey-gold) 55% 78%, var(--hc-walnut-ink) 78% 100%);
}

body.hc-room-stories .hc-header-topline {
	background: linear-gradient(90deg, var(--hc-walnut-ink) 0 28%, var(--hc-honey-gold) 28% 65%, var(--hc-field-green) 65% 100%);
}

body.hc-room-atlas .hc-header-topline {
	background: linear-gradient(90deg, var(--hc-cartographer-blue) 0 52%, var(--hc-honey-gold) 52% 74%, var(--hc-walnut-ink) 74% 100%);
}

/* Room label text replacements for current archive/page shells. */
body.hc-room-honey .hc-room-label,
body.hc-room-producers .hc-room-label,
body.hc-room-stories .hc-room-label,
body.hc-room-atlas .hc-room-label {
	font-size: 0;
}

body.hc-room-honey .hc-room-label::after,
body.hc-room-producers .hc-room-label::after,
body.hc-room-stories .hc-room-label::after,
body.hc-room-atlas .hc-room-label::after {
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

body.hc-room-honey .hc-room-label::after { content: "Collection Room"; }
body.hc-room-producers .hc-room-label::after { content: "Producer Wing"; }
body.hc-room-stories .hc-room-label::after { content: "Story Gallery"; }
body.hc-room-atlas .hc-room-label::after { content: "Atlas"; }

@media (max-width: 900px) {
	.hc-wayfinding {
		margin-top: 0;
		flex-wrap: wrap;
		gap: 5px 8px;
	}

	.hc-public-briefing {
		grid-template-columns: 1fr;
	}

	.hc-brief-card {
		min-height: 0;
	}
}

@media (max-width: 640px) {
	.hc-wayfinding {
		padding: 7px 12px;
		font-size: .72rem;
	}

	.hc-wayfinding strong {
		font-size: .88rem;
	}

	.hc-brief-card:not(:first-child) {
		display: none;
	}

	.hc-brief-card:first-child span:not(.hc-brief-kicker):not(.hc-brief-room) {
		display: none;
	}
}

/* =========================================================
   Honey Chronicles Museum Fixture System v1.3.1
   Purpose: install the permanent museum fixture library.
   Required assets:
   /assets/museum/fixtures/MF-005-brass-divider.png
   /assets/museum/fixtures/MF-006-room-plate.png
   /assets/museum/fixtures/MF-007-small-brass-label.png
   /assets/museum/fixtures/MF-008-scout-desk.png
   /assets/museum/fixtures/MF-009-card-top-ornament.png
   ========================================================= */

:root {
	--hc-fixture-divider: url("assets/museum/fixtures/MF-005-brass-divider.png");
	--hc-fixture-room-plate: url("assets/museum/fixtures/MF-006-room-plate.png");
	--hc-fixture-small-label: url("assets/museum/fixtures/MF-007-small-brass-label.png");
	--hc-fixture-scout-desk: url("assets/museum/fixtures/MF-008-scout-desk.png");
	--hc-fixture-card-ornament: url("assets/museum/fixtures/MF-009-card-top-ornament.png");
}

/* Treat common separators like museum fixtures. */
.hc-museum-divider,
.hc-public-header::after,
.hc-entry-header::after,
.archive-header::after,
.page-header::after {
	content: "";
	display: block;
	width: min(760px, 86vw);
	height: 26px;
	margin: 16px auto 0;
	background-image: var(--hc-fixture-divider);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: .92;
	pointer-events: none;
}

.hc-public-header::after {
	margin-top: 0;
	transform: translateY(13px);
}

/* Room Plate: replaces the plain wayfinding strip with a real museum fixture. */
.hc-wayfinding {
	display: none !important;
}

.hc-room-plate {
	max-width: 940px;
	min-height: clamp(118px, 13vw, 170px);
	margin: -3px auto 12px;
	padding: 28px clamp(18px, 4vw, 44px);
	display: grid;
	place-items: center;
	background-image: var(--hc-fixture-room-plate);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	isolation: isolate;
}

.hc-room-plate__inner {
	display: grid;
	place-items: center;
	gap: 4px;
	max-width: 620px;
	padding: 0 22px;
}

.hc-room-plate__kicker {
	font-size: clamp(.62rem, .9vw, .78rem);
	font-weight: 900;
	letter-spacing: .18em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-room-plate strong {
	font-family: var(--hc-serif);
	font-size: clamp(1.45rem, 3.2vw, 3.05rem);
	line-height: .92;
	letter-spacing: -.035em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
	text-wrap: balance;
}

/* Give Scout a physical desk so he belongs to the lobby. */
.hc-public-scout {
	overflow: visible;
	isolation: isolate;
}

.hc-public-scout::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	z-index: 2;
	width: min(250px, 23vw);
	height: 70px;
	background-image: var(--hc-fixture-scout-desk);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	transform: translateX(-50%);
	filter: drop-shadow(0 10px 14px rgba(36, 28, 22, .16));
}

.hc-public-scout img {
	z-index: 1;
	bottom: -92px;
}

/* Header cards are exhibit placards, not ads or blog teasers. */
.hc-public-briefing {
	padding-top: 4px;
	padding-bottom: 24px;
}

.hc-brief-card {
	position: relative;
	padding: 18px 18px 15px;
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .96), rgba(248, 243, 231, .90));
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .9),
		0 12px 28px rgba(36, 28, 22, .09);
}

.hc-brief-card::before {
	display: none;
}

.hc-card-ornament {
	display: block;
	width: 112px;
	height: 14px;
	margin: 0 auto 5px;
	background-image: var(--hc-fixture-card-ornament);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: .92;
}

.hc-brief-kicker {
	justify-self: start;
	min-width: 150px;
	min-height: 28px;
	padding: 7px 18px 5px;
	display: inline-grid;
	place-items: center;
	background-image: var(--hc-fixture-small-label);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	font-size: .56rem;
	letter-spacing: .12em;
	color: var(--hc-walnut-ink);
	text-shadow: 0 1px 0 rgba(255, 253, 247, .45);
}

.hc-brief-room {
	margin-top: 1px;
}

.hc-brief-card strong {
	margin-top: 4px;
	text-wrap: balance;
}

/* Current page/room should feel selected, not merely linked. */
.hc-public-nav a[aria-current="page"],
.hc-public-nav a.is-active {
	border-color: rgba(185, 130, 36, .68);
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .95), rgba(212, 164, 67, .26));
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .95),
		0 0 0 3px rgba(185, 130, 36, .12),
		0 8px 18px rgba(36, 28, 22, .10);
}

/* Room headers in archive/page shells also become museum plate language. */
.hc-entry-header,
.entry-header,
.page-header,
.archive-header {
	position: relative;
	padding-top: 10px;
	text-align: center;
}

.hc-entry-header h1,
.entry-title,
.page-title,
.archive-title {
	margin-left: auto;
	margin-right: auto;
	max-width: 18ch;
	text-wrap: balance;
}

.hc-room-label,
.hc-kicker,
.hc-card-eyebrow {
	color: var(--hc-dark-honey);
}

/* Make the current generic archive shell less WordPress-y immediately. */
body.home .hc-archive-header .hc-room-label::after,
body.hc-room-entrance .hc-archive-header .hc-room-label::after {
	content: "Museum Entrance";
}

body.home .hc-archive-header h1,
body.hc-room-entrance .hc-archive-header h1 {
	font-size: 0;
}

body.home .hc-archive-header h1::after,
body.hc-room-entrance .hc-archive-header h1::after {
	content: "Now on Exhibit";
	font-family: var(--hc-serif);
	font-size: clamp(2.2rem, 5vw, 4.6rem);
	line-height: .95;
	letter-spacing: -.045em;
	color: var(--hc-museum-ink);
}

body.home .hc-entry-dek,
body.hc-room-entrance .hc-entry-dek {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

/* Existing card grids inherit the museum card language. */
.hc-card,
.loop-entry {
	position: relative;
	border-color: rgba(60, 43, 31, .15);
	background: rgba(255, 253, 247, .96);
}

.hc-card::before,
.loop-entry::before {
	content: "";
	display: block;
	width: 116px;
	height: 16px;
	margin: 13px auto 0;
	background-image: var(--hc-fixture-card-ornament);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: .82;
}

.hc-card-image:first-child {
	margin-top: 0;
}

@media (max-width: 1100px) {
	.hc-room-plate {
		max-width: 760px;
		min-height: 128px;
	}

	.hc-public-scout::after {
		width: min(225px, 25vw);
	}
}

@media (max-width: 900px) {
	.hc-room-plate {
		margin: 2px auto 10px;
		min-height: 112px;
		padding: 22px 18px;
	}

	.hc-room-plate strong {
		font-size: clamp(1.35rem, 6vw, 2.3rem);
	}

	.hc-public-scout::after {
		display: none;
	}

	.hc-card-ornament {
		margin-left: 0;
		margin-right: auto;
	}
}

@media (max-width: 640px) {
	.hc-room-plate {
		min-height: 96px;
		background-size: 112% auto;
	}

	.hc-room-plate__kicker {
		font-size: .58rem;
	}

	.hc-room-plate strong {
		font-size: clamp(1.18rem, 7vw, 1.75rem);
		letter-spacing: -.025em;
	}

	.hc-brief-card:first-child span:not(.hc-brief-kicker):not(.hc-brief-room):not(.hc-card-ornament) {
		display: none;
	}

	.hc-brief-kicker {
		min-width: 136px;
	}
}

/* =========================================================
   Honey Chronicles Museum Context Header v1.3.3
   Purpose: compress the entrance and let the brand line do room-identification work.
   ========================================================= */

/* The room plate proved the fixture system worked, but it used too much vertical real estate. */
.hc-room-plate {
	display: none !important;
}

/* Compact the permanent museum lobby. */
.hc-public-header__inner {
	min-height: 94px;
	padding-top: 10px;
	padding-bottom: 8px;
	grid-template-columns: minmax(300px, 1fr) auto auto minmax(0, 225px);
}

.hc-public-seal {
	width: clamp(74px, 8.2vw, 104px);
}

.hc-public-title__main {
	font-size: clamp(2rem, 4vw, 4rem);
}

/* Context subtitle: the header now says where the visitor is. */
.hc-public-title__sub {
	font-family: var(--hc-serif);
	font-size: clamp(1.06rem, 2vw, 1.55rem);
	font-weight: 400;
	font-style: italic;
	letter-spacing: .035em;
	line-height: 1;
	text-transform: none;
	text-align: right;
	color: var(--hc-walnut-ink);
	margin-top: -2px;
	padding-right: clamp(14px, 4vw, 62px);
}

body.hc-room-entrance .hc-public-title__sub {
	font-size: clamp(.82rem, 1.05vw, 1.08rem);
	font-weight: 700;
	font-style: normal;
	letter-spacing: .22em;
	text-transform: uppercase;
	text-align: left;
	color: var(--hc-field-green);
	margin-top: 1px;
	padding-right: 0;
}

.hc-public-tagline {
	margin-top: 5px;
	font-size: clamp(.68rem, .78vw, .82rem);
}

/* Scout remains charming, but his desk should not dominate the room. */
.hc-public-scout {
	width: min(225px, 18vw);
	height: 106px;
}

.hc-public-scout img {
	bottom: -98px;
	width: min(222px, 18vw);
}

.hc-public-scout::after {
	bottom: -4px;
	width: min(205px, 19vw);
	height: 54px;
	opacity: .96;
}

/* The first real invitation should arrive sooner. */
.hc-public-briefing {
	padding-top: 0;
	padding-bottom: 14px;
	gap: 12px;
}

.hc-brief-card {
	min-height: 102px;
	padding: 14px 16px 13px;
}

.hc-card-ornament {
	height: 12px;
	margin-bottom: 3px;
}

.hc-brief-kicker {
	min-height: 24px;
	padding-top: 6px;
	padding-bottom: 4px;
}

/* Tighten the divider so it reads as trim, not another section. */
.hc-public-header::after,
.hc-entry-header::after,
.archive-header::after,
.page-header::after {
	height: 20px;
	margin-top: 10px;
}

.hc-public-header::after {
	transform: translateY(10px);
}

.hc-main {
	padding-top: clamp(16px, 2vw, 26px);
}

/* Fix inherited duplicate label on the entrance shell. */
body.home .hc-archive-header .hc-room-label,
body.hc-room-entrance .hc-archive-header .hc-room-label {
	font-size: 0;
}

body.home .hc-archive-header .hc-room-label::after,
body.hc-room-entrance .hc-archive-header .hc-room-label::after {
	font-size: .72rem;
}

@media (max-width: 1180px) {
	.hc-public-header__inner {
		grid-template-columns: minmax(260px, 1fr) auto auto;
	}
}

@media (max-width: 900px) {
	.hc-public-header__inner {
		min-height: 0;
		padding-top: 12px;
		padding-bottom: 10px;
	}

	.hc-public-title__sub,
	body.hc-room-entrance .hc-public-title__sub {
		text-align: left;
		padding-right: 0;
	}

	.hc-public-briefing {
		padding-top: 0;
	}
}

@media (max-width: 640px) {
	.hc-public-header__inner {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.hc-public-title__main {
		font-size: clamp(1.78rem, 10vw, 3.05rem);
		line-height: .9;
	}

	.hc-public-title__sub {
		font-size: clamp(1rem, 5vw, 1.32rem);
		margin-top: 3px;
	}

	body.hc-room-entrance .hc-public-title__sub {
		font-size: .84rem;
		letter-spacing: .19em;
	}

	.hc-public-nav a {
		font-size: .68rem;
		padding-left: 14px;
		padding-right: 14px;
	}

	.hc-public-briefing {
		padding-bottom: 10px;
	}

	.hc-brief-card:first-child {
		min-height: 0;
		padding: 11px 13px;
	}

	.hc-card-ornament {
		display: none;
	}

	.hc-public-header::after,
	.hc-entry-header::after,
	.archive-header::after,
	.page-header::after {
		height: 15px;
		margin-top: 8px;
	}

	.hc-main {
		padding-top: 14px;
	}
}

/* =========================================================
   Honey Chronicles Featured Exhibit / Hero v1.4 Swing
   Purpose: turn the archive title area into a museum exhibit case.
   Append/replacement safe: loaded after prior v1.3.x styles.
   ========================================================= */

/* Kill the old decorative divider on the hero itself; the exhibit gets its own frame. */
.hc-featured-exhibit::after,
.hc-featured-exhibit.hc-entry-header::after,
.hc-featured-exhibit.hc-archive-header::after {
	display: none !important;
}

/* Featured Exhibit: museum display case, not blog title. */
.hc-featured-exhibit {
	position: relative;
	max-width: 1180px;
	margin: clamp(14px, 2vw, 26px) auto clamp(42px, 5vw, 72px);
	padding: clamp(22px, 3.4vw, 46px);
	display: grid;
	grid-template-columns: minmax(280px, .92fr) minmax(340px, 1.08fr);
	gap: clamp(24px, 4vw, 58px);
	align-items: center;
	text-align: left;
	border: 1px solid rgba(60, 43, 31, .18);
	border-radius: 26px;
	background:
		radial-gradient(circle at 21% 18%, rgba(212, 164, 67, .15), transparent 18rem),
		linear-gradient(135deg, rgba(255, 253, 247, .96), rgba(248, 243, 231, .91) 54%, rgba(239, 226, 197, .72));
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .92),
		0 22px 56px rgba(36, 28, 22, .12);
	isolation: isolate;
	overflow: hidden;
}

.hc-featured-exhibit::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(185, 130, 36, .22);
	border-radius: 20px;
	pointer-events: none;
	z-index: -1;
}

/* Object side: make the image feel like a display case. */
.hc-featured-exhibit__image {
	position: relative;
	display: block;
	width: 100%;
	max-width: 470px;
	justify-self: center;
	padding: clamp(10px, 1.4vw, 16px);
	border: 1px solid rgba(60, 43, 31, .22);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .92), rgba(226, 210, 175, .32)),
		var(--hc-archive-white);
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .95),
		0 20px 38px rgba(36, 28, 22, .16);
	text-decoration: none;
}

.hc-featured-exhibit__image::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -17px;
	width: 128px;
	height: 16px;
	background-image: var(--hc-fixture-card-ornament);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateX(-50%);
	opacity: .9;
}

.hc-featured-exhibit__image img,
.hc-featured-exhibit__image .hc-card-placeholder {
	display: block;
	width: 100%;
	height: auto;
	max-height: 560px;
	object-fit: contain;
	border-radius: 10px;
	background: rgba(255, 253, 247, .62);
}

/* Label side: curator placard. */
.hc-featured-exhibit__text {
	position: relative;
	max-width: 560px;
	padding: clamp(4px, 1vw, 12px) clamp(2px, 1vw, 10px);
	display: grid;
	gap: 10px;
}

.hc-featured-exhibit .hc-room-label {
	margin: 0;
	font-size: .68rem;
	letter-spacing: .16em;
	color: var(--hc-dark-honey);
}

.hc-featured-exhibit__eyebrow {
	justify-self: start;
	min-width: 162px;
	min-height: 29px;
	margin: 0 0 2px;
	padding: 8px 20px 5px;
	display: inline-grid;
	place-items: center;
	background-image: var(--hc-fixture-small-label);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .13em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
	text-shadow: 0 1px 0 rgba(255, 253, 247, .45);
}

.hc-featured-exhibit h1 {
	max-width: 12ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.6rem, 5.3vw, 5.7rem);
	line-height: .86;
	letter-spacing: -.06em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-featured-exhibit .hc-entry-dek {
	max-width: 52ch;
	margin: 4px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.02rem, 1.35vw, 1.26rem);
	line-height: 1.48;
	color: var(--hc-walnut-ink);
}

.hc-featured-exhibit__cta {
	justify-self: start;
	margin-top: 8px;
	padding: 10px 16px 9px;
	border: 1px solid rgba(79, 106, 69, .38);
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(255, 253, 247, .92), rgba(181, 194, 167, .22));
	box-shadow: inset 0 1px 0 rgba(255, 253, 247, .9), 0 8px 16px rgba(36, 28, 22, .08);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

.hc-featured-exhibit__cta:hover,
.hc-featured-exhibit__cta:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(185, 130, 36, .58);
	color: var(--hc-dark-honey) !important;
	outline: none;
}

/* Empty rooms still look intentional, not broken. */
.hc-featured-exhibit--empty,
.hc-featured-exhibit--search {
	display: block;
	text-align: center;
	max-width: 940px;
	padding-top: clamp(28px, 4vw, 54px);
	padding-bottom: clamp(28px, 4vw, 54px);
}

.hc-featured-exhibit--empty h1,
.hc-featured-exhibit--search h1 {
	max-width: 16ch;
	margin-left: auto;
	margin-right: auto;
}

.hc-featured-exhibit--empty .hc-entry-dek,
.hc-featured-exhibit--search .hc-entry-dek {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}

/* Grid below becomes the room's nearby exhibit rail. */
.hc-featured-exhibit + .hc-card-grid {
	position: relative;
	padding-top: 10px;
}

.hc-featured-exhibit + .hc-card-grid::before {
	content: "Nearby Exhibits";
	position: absolute;
	left: 0;
	top: -26px;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

/* Slight card refinement so the rail does not compete with the hero. */
.hc-discovery-card {
	overflow: hidden;
}

.hc-discovery-card .hc-card-image img {
	transition: transform .22s ease;
}

.hc-discovery-card:hover .hc-card-image img {
	transform: scale(1.018);
}

/* Interior pages no longer need entrance-card spacing. */
body:not(.hc-room-entrance) .hc-public-header::after {
	margin-top: 0;
	transform: translateY(9px);
}

/* Desktop-first. Mobile gets basic sanity now; full mobile polish waits for v1.7. */
@media (max-width: 980px) {
	.hc-featured-exhibit {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 24px;
	}

	.hc-featured-exhibit__text {
		justify-items: center;
		max-width: 720px;
		margin: 0 auto;
	}

	.hc-featured-exhibit h1 {
		max-width: 14ch;
	}

	.hc-featured-exhibit .hc-entry-dek {
		max-width: 62ch;
	}

	.hc-featured-exhibit__cta {
		justify-self: center;
	}

	.hc-featured-exhibit__image {
		max-width: 560px;
		order: -1;
	}
}

@media (max-width: 640px) {
	.hc-featured-exhibit {
		margin-top: 10px;
		margin-bottom: 42px;
		padding: 18px;
		border-radius: 20px;
	}

	.hc-featured-exhibit::before {
		inset: 8px;
		border-radius: 15px;
	}

	.hc-featured-exhibit__image {
		padding: 8px;
	}

	.hc-featured-exhibit h1 {
		font-size: clamp(2.15rem, 13vw, 3.3rem);
		line-height: .9;
	}

	.hc-featured-exhibit .hc-entry-dek {
		font-size: .98rem;
		line-height: 1.42;
	}

	.hc-featured-exhibit + .hc-card-grid::before {
		left: 2px;
		top: -24px;
	}
}

/* =========================================================
   Honey Chronicles v1.4 Hero correction pass
   ========================================================= */

.hc-featured-exhibit {
	display: grid;
	grid-template-columns: minmax(260px, 38%) minmax(320px, 1fr);
	align-items: center;
	gap: clamp(28px, 5vw, 72px);
	max-width: 1180px;
	margin: 0 auto 48px;
	padding: clamp(28px, 4vw, 54px);
	text-align: left;
}

.hc-featured-exhibit::after {
	grid-column: 1 / -1;
}

.hc-featured-exhibit__image {
	grid-column: 1;
	grid-row: 1;
	display: block;
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 18px 40px rgba(36, 28, 22, .18);
}

.hc-featured-exhibit__image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 460px;
	object-fit: contain;
	background: rgba(255, 253, 247, .85);
}

.hc-featured-exhibit__text {
	grid-column: 2;
	grid-row: 1;
	max-width: 540px;
}

.hc-featured-exhibit .hc-room-label,
.hc-featured-exhibit__eyebrow {
	text-align: left;
}

.hc-featured-exhibit h1 {
	max-width: 11ch;
	margin-left: 0;
	margin-right: 0;
	font-size: clamp(2.7rem, 5vw, 5rem);
}

.hc-featured-exhibit .hc-entry-dek {
	max-width: 42rem;
	margin-left: 0;
	margin-right: 0;
	font-size: 1rem;
	line-height: 1.55;
}

body.hc-room-honey .hc-featured-exhibit .hc-room-label {
	font-size: 0;
}

body.hc-room-honey .hc-featured-exhibit .hc-room-label::after {
	content: "The Collection";
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

body.hc-room-honey .hc-featured-exhibit__eyebrow {
	font-size: 0;
}

body.hc-room-honey .hc-featured-exhibit__eyebrow::after {
	content: "Featured";
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

@media (max-width: 900px) {
	.hc-featured-exhibit {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.hc-featured-exhibit__image,
	.hc-featured-exhibit__text {
		grid-column: 1;
	}

	.hc-featured-exhibit__image {
		max-width: 320px;
	}

	.hc-featured-exhibit__text {
		max-width: 640px;
		margin: 0 auto;
	}

	.hc-featured-exhibit .hc-room-label,
	.hc-featured-exhibit__eyebrow,
	.hc-featured-exhibit h1,
	.hc-featured-exhibit .hc-entry-dek {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}

/* =========================================================
   Honey Chronicles v1.4.1 Single Honey Room Alignment
   Purpose: bring individual honey pages into the same exhibit language.
   ========================================================= */

/* Single honey pages use .hc-featured-media, not .hc-featured-exhibit. */
.hc-single-room {
	max-width: 1180px;
	margin: 0 auto;
}

.hc-single-room .hc-entry {
	position: relative;
	display: grid;
	grid-template-columns: minmax(260px, 38%) minmax(320px, 1fr);
	gap: clamp(28px, 5vw, 64px);
	align-items: start;
	padding: clamp(28px, 4vw, 54px);
	border-radius: 26px;
	background:
		radial-gradient(circle at 20% 12%, rgba(212, 164, 67, .12), transparent 18rem),
		linear-gradient(135deg, rgba(255, 253, 247, .96), rgba(248, 243, 231, .91) 54%, rgba(239, 226, 197, .68));
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .92),
		0 22px 56px rgba(36, 28, 22, .12);
	overflow: hidden;
}

.hc-single-room .hc-entry::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(185, 130, 36, .22);
	border-radius: 20px;
	pointer-events: none;
}

.hc-single-room .hc-entry-header {
	grid-column: 2;
	grid-row: 1;
	padding-top: 0;
	margin: 0 0 12px;
	text-align: left;
}

.hc-single-room .hc-entry-header::after {
	display: none !important;
}

.hc-single-room .hc-room-label {
	font-size: 0;
	margin: 0 0 10px;
}

.hc-single-room .hc-room-label::after {
	content: "The Collection";
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-single-room .hc-entry-header h1 {
	max-width: 11ch;
	margin: 0;
	font-size: clamp(2.7rem, 5vw, 5rem);
	line-height: .9;
	letter-spacing: -.06em;
	text-align: left;
}

.hc-single-room .hc-featured-media {
	grid-column: 1;
	grid-row: 1 / span 2;
	position: relative;
	width: 100%;
	max-width: 360px;
	justify-self: center;
	margin: 0;
	padding: clamp(10px, 1.4vw, 16px);
	border: 1px solid rgba(60, 43, 31, .22);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 253, 247, .92), rgba(226, 210, 175, .32)),
		var(--hc-archive-white);
	box-shadow:
		inset 0 1px 0 rgba(255, 253, 247, .95),
		0 20px 38px rgba(36, 28, 22, .16);
}

.hc-single-room .hc-featured-media::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -17px;
	width: 128px;
	height: 16px;
	background-image: var(--hc-fixture-card-ornament);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: translateX(-50%);
	opacity: .9;
}

.hc-single-room .hc-featured-media img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 460px;
	object-fit: contain;
	border-radius: 10px;
	background: rgba(255, 253, 247, .62);
}

.hc-single-room .hc-entry-content {
	grid-column: 2;
	grid-row: 2;
	max-width: 650px;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.2vw, 1.16rem);
	line-height: 1.58;
	color: var(--hc-walnut-ink);
}

.hc-single-room .hc-entry-content p:first-child {
	margin-top: 0;
}

@media (max-width: 900px) {
	.hc-single-room .hc-entry {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.hc-single-room .hc-entry-header,
	.hc-single-room .hc-featured-media,
	.hc-single-room .hc-entry-content {
		grid-column: 1;
		grid-row: auto;
	}

	.hc-single-room .hc-entry-header,
	.hc-single-room .hc-entry-header h1 {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.hc-single-room .hc-featured-media {
		max-width: 320px;
		order: -1;
	}

	.hc-single-room .hc-entry-content {
		max-width: 680px;
		margin: 0 auto;
		text-align: left;
	}
}

/* =========================================================
   Honey Chronicles v1.4.2 Hero Polish
   Purpose: reduce object dominance and give the label column more authority.
   ========================================================= */

/* Archive / room featured exhibit. */
.hc-featured-exhibit {
	grid-template-columns: minmax(240px, 34%) minmax(360px, 1fr);
	gap: clamp(34px, 5.5vw, 78px);
	align-items: center;
}

.hc-featured-exhibit__image {
	max-width: 315px;
}

.hc-featured-exhibit__image img,
.hc-featured-exhibit__image .hc-card-placeholder {
	max-height: 410px;
}

.hc-featured-exhibit__text {
	max-width: 660px;
}

.hc-featured-exhibit__eyebrow {
	margin-bottom: 12px;
}

.hc-featured-exhibit h1 {
	max-width: 13ch;
	font-size: clamp(2.75rem, 4.85vw, 5.15rem);
}

/* Single honey exhibit pages. */
.hc-single-room .hc-entry {
	grid-template-columns: minmax(240px, 34%) minmax(380px, 1fr);
	gap: clamp(34px, 5.5vw, 78px);
	align-items: start;
}

.hc-single-room .hc-featured-media {
	max-width: 315px;
}

.hc-single-room .hc-featured-media img {
	max-height: 410px;
}

.hc-single-room .hc-entry-header {
	margin-bottom: 18px;
}

.hc-single-room .hc-room-label {
	margin-bottom: 16px;
}

.hc-single-room .hc-entry-header h1 {
	max-width: 13ch;
	font-size: clamp(2.75rem, 4.85vw, 5.15rem);
	line-height: .88;
}

.hc-single-room .hc-entry-content {
	max-width: 720px;
}

@media (max-width: 900px) {
	.hc-featured-exhibit,
	.hc-single-room .hc-entry {
		grid-template-columns: 1fr;
	}

	.hc-featured-exhibit__image,
	.hc-single-room .hc-featured-media {
		max-width: 320px;
	}
}

/* =========================================================
   Honey Chronicles v1.4.3 Hero Refinement
   Append to the END of style.css
   ========================================================= */

.hc-featured-exhibit{
	grid-template-columns:minmax(220px,34%) minmax(0,1fr);
	gap:clamp(32px,5vw,76px);
	padding:clamp(24px,3.2vw,44px);
}

.hc-featured-exhibit__image{
	max-width:320px;
	padding:8px;
}

.hc-featured-exhibit__text{
	padding:8px;
	max-width:620px;
}

.hc-featured-exhibit h1{
	max-width:13ch;
}

@media (max-width:860px){

	.hc-featured-exhibit{
		grid-template-columns:1fr;
		text-align:center;
	}

	.hc-featured-exhibit__image,
	.hc-featured-exhibit__text{
		grid-column:1;
		margin-left:auto;
		margin-right:auto;
	}

	.hc-featured-exhibit__image{
		max-width:360px;
	}

	.hc-featured-exhibit__text{
		max-width:620px;
		justify-items:center;
	}

	.hc-featured-exhibit h1,
	.hc-featured-exhibit .hc-entry-dek{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
}

/* =========================================================
   Honey Chronicles Museum Action Plates v1.4.6
   Purpose: transparent PNG frame over CSS-controlled palette fill.
   Assets:
   /assets/museum/fixtures/museum-action-sm.png
   /assets/museum/fixtures/museum-action-md.png
   /assets/museum/fixtures/museum-action-lg.png
   ========================================================= */

:root {
	--hc-action-plate-sm: url("assets/museum/fixtures/museum-action-sm.png");
	--hc-action-plate-md: url("assets/museum/fixtures/museum-action-md.png");
	--hc-action-plate-lg: url("assets/museum/fixtures/museum-action-lg.png");

	--hc-action-fill-top: #FFF8E6;
	--hc-action-fill-bottom: #EAD59E;
	--hc-action-fill-hover-top: #FFFBEF;
	--hc-action-fill-hover-bottom: #E7C978;
	--hc-action-text: var(--hc-field-green);
	--hc-action-text-hover: var(--hc-dark-honey);
}

/* Room-aware fills. The brass frame stays constant; the center panel changes. */
body.hc-room-honey {
	--hc-action-fill-top: #FFF8E6;
	--hc-action-fill-bottom: #EAD59E;
	--hc-action-fill-hover-top: #FFFBEF;
	--hc-action-fill-hover-bottom: #E6C46A;
}

body.hc-room-producers {
	--hc-action-fill-top: #F6F2E7;
	--hc-action-fill-bottom: #D9C9A6;
	--hc-action-fill-hover-top: #FFF8EA;
	--hc-action-fill-hover-bottom: #D4A443;
}

body.hc-room-stories {
	--hc-action-fill-top: #F7F2EA;
	--hc-action-fill-bottom: #D8CCB8;
	--hc-action-fill-hover-top: #FFF8EA;
	--hc-action-fill-hover-bottom: #D4A443;
}

body.hc-room-atlas {
	--hc-action-fill-top: #F1F5F2;
	--hc-action-fill-bottom: #D6E0D2;
	--hc-action-fill-hover-top: #F6FAF7;
	--hc-action-fill-hover-bottom: #B5C2A7;
}

/* Base plate behavior. */
.hc-action-plate,
.hc-featured-exhibit__cta,
.hc-read-more {
	position: relative;
	display: inline-grid;
	place-items: center;
	min-width: 220px;
	min-height: 48px;
	padding: 0 30px;
	border: 0 !important;
	border-radius: 999px;
	background-color: transparent;
	background-image:
		var(--hc-action-plate-md),
		linear-gradient(180deg, var(--hc-action-fill-top) 0%, var(--hc-action-fill-bottom) 100%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	box-shadow: none !important;
	font-family: var(--hc-sans);
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .105em;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-action-text) !important;
	text-shadow: 0 1px 0 rgba(255, 253, 247, .66);
	transition: transform .16s ease, filter .16s ease, color .16s ease, background .16s ease;
}

.hc-action-plate:hover,
.hc-action-plate:focus-visible,
.hc-featured-exhibit__cta:hover,
.hc-featured-exhibit__cta:focus-visible,
.hc-read-more:hover,
.hc-read-more:focus-visible {
	transform: translateY(-1px);
	background-image:
		var(--hc-action-plate-md),
		linear-gradient(180deg, var(--hc-action-fill-hover-top) 0%, var(--hc-action-fill-hover-bottom) 100%);
	filter: brightness(1.025) saturate(1.035);
	color: var(--hc-action-text-hover) !important;
	outline: none;
}

/* Hero plate. */
.hc-featured-exhibit__cta {
	justify-self: start;
	margin-top: 14px;
}

/* Card/grid action plates use the small fixture. */
.hc-discovery-card .hc-read-more,
.hc-card .hc-read-more,
.loop-entry .hc-read-more,
.hc-brief-card em {
	min-width: 178px;
	min-height: 40px;
	padding: 0 22px;
	background-image:
		var(--hc-action-plate-sm),
		linear-gradient(180deg, var(--hc-action-fill-top) 0%, var(--hc-action-fill-bottom) 100%);
	font-size: .64rem;
	letter-spacing: .09em;
	font-style: normal;
}

/* Small plate hover must keep the small frame. */
.hc-discovery-card .hc-read-more:hover,
.hc-discovery-card .hc-read-more:focus-visible,
.hc-card .hc-read-more:hover,
.hc-card .hc-read-more:focus-visible,
.loop-entry .hc-read-more:hover,
.loop-entry .hc-read-more:focus-visible,
.hc-brief-card em:hover,
.hc-brief-card em:focus-visible {
	background-image:
		var(--hc-action-plate-sm),
		linear-gradient(180deg, var(--hc-action-fill-hover-top) 0%, var(--hc-action-fill-hover-bottom) 100%);
}

/* The entrance directory already has card artwork; keep its action smaller and quieter. */
.hc-brief-card em {
	justify-self: start;
	margin-top: 6px;
	display: inline-grid;
	place-items: center;
	color: var(--hc-action-text);
}

/* Large plate option for future entrance moments. */
.hc-action-plate--large {
	min-width: 280px;
	min-height: 60px;
	padding: 0 38px;
	background-image:
		var(--hc-action-plate-lg),
		linear-gradient(180deg, var(--hc-action-fill-top) 0%, var(--hc-action-fill-bottom) 100%);
	font-size: .82rem;
	letter-spacing: .115em;
}

.hc-action-plate--large:hover,
.hc-action-plate--large:focus-visible {
	background-image:
		var(--hc-action-plate-lg),
		linear-gradient(180deg, var(--hc-action-fill-hover-top) 0%, var(--hc-action-fill-hover-bottom) 100%);
}

/* Medium explicit option. */
.hc-action-plate--medium {
	min-width: 220px;
	min-height: 48px;
	padding: 0 30px;
	background-image:
		var(--hc-action-plate-md),
		linear-gradient(180deg, var(--hc-action-fill-top) 0%, var(--hc-action-fill-bottom) 100%);
}

/* Small explicit option. */
.hc-action-plate--small {
	min-width: 178px;
	min-height: 40px;
	padding: 0 22px;
	background-image:
		var(--hc-action-plate-sm),
		linear-gradient(180deg, var(--hc-action-fill-top) 0%, var(--hc-action-fill-bottom) 100%);
	font-size: .64rem;
}

/* Center plate after hero collapse. */
@media (max-width: 860px) {
	.hc-featured-exhibit__cta {
		justify-self: center;
	}
}

@media (max-width: 640px) {
	.hc-action-plate,
	.hc-featured-exhibit__cta,
	.hc-read-more {
		min-width: 198px;
		min-height: 44px;
		padding-left: 24px;
		padding-right: 24px;
		font-size: .66rem;
	}

	.hc-discovery-card .hc-read-more,
	.hc-card .hc-read-more,
	.loop-entry .hc-read-more,
	.hc-brief-card em {
		min-width: 164px;
		min-height: 38px;
		padding-left: 18px;
		padding-right: 18px;
		font-size: .6rem;
	}
}

/* =========================================================
   Honey Chronicles Scout's Desk v1.4.8 Starter
   ========================================================= */

.hc-public-scout { display: none !important; }

.hc-public-header__inner {
	grid-template-columns: minmax(300px, 1fr) auto auto;
}

.hc-scout-desk-page {
	max-width: none;
	padding-left: clamp(14px, 3vw, 34px);
	padding-right: clamp(14px, 3vw, 34px);
}

.hc-scout-desk-room {
	max-width: 1500px;
	margin: 0 auto;
}

.hc-scout-desk-intro {
	max-width: 980px;
	margin: 0 auto 20px;
	text-align: center;
}

.hc-scout-desk-intro h1 {
	margin-left: auto;
	margin-right: auto;
	max-width: 14ch;
	font-family: var(--hc-serif);
	font-size: clamp(2.8rem, 6vw, 6rem);
	line-height: .88;
	letter-spacing: -.055em;
}

.hc-scout-desk-intro .hc-entry-dek {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.hc-scout-desk {
	position: relative;
	max-width: 1500px;
	margin: 0 auto clamp(26px, 4vw, 54px);
	border-radius: 22px;
	box-shadow: 0 24px 60px rgba(36, 28, 22, .18);
	overflow: hidden;
	isolation: isolate;
	background: var(--hc-walnut-ink);
}

.hc-scout-desk__surface {
	display: block;
	width: 100%;
	height: auto;
}

.hc-desk-workspace {
	position: absolute;
	left: 8%;
	top: 14%;
	width: min(38%, 540px);
	min-height: 38%;
	padding: clamp(18px, 2.4vw, 34px);
	border: 1px solid rgba(185, 130, 36, .30);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(255, 253, 247, .90), rgba(239, 226, 197, .74));
	box-shadow: inset 0 1px 0 rgba(255, 253, 247, .75), 0 18px 42px rgba(36, 28, 22, .20);
	backdrop-filter: blur(2px);
	color: var(--hc-museum-ink);
}

.hc-desk-card__kicker {
	margin: 0 0 8px;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-desk-workspace h2,
.hc-desk-panel h2 {
	margin: 0 0 10px;
	font-family: var(--hc-serif);
	font-size: clamp(1.6rem, 2.6vw, 3rem);
	line-height: .92;
	letter-spacing: -.04em;
	color: var(--hc-museum-ink);
}

.hc-desk-workspace p,
.hc-desk-panel p {
	color: var(--hc-walnut-ink);
}

.hc-desk-actions { margin-top: 18px; }

.hc-desk-hotspot {
	position: absolute;
	display: grid;
	place-items: center;
	border-radius: 999px;
	text-decoration: none;
	outline: none;
}

.hc-desk-hotspot span {
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 8px);
	padding: 7px 11px 6px;
	border: 1px solid rgba(60, 43, 31, .18);
	border-radius: 999px;
	background: rgba(255, 253, 247, .92);
	box-shadow: 0 8px 18px rgba(36, 28, 22, .12);
	color: var(--hc-walnut-ink);
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .09em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity .16s ease, transform .16s ease;
}

.hc-desk-hotspot:hover span,
.hc-desk-hotspot:focus-visible span {
	opacity: 1;
	transform: translate(-50%, 2px);
}

.hc-desk-hotspot:hover,
.hc-desk-hotspot:focus-visible {
	box-shadow: 0 0 0 4px rgba(212, 164, 67, .14);
	background: rgba(255, 253, 247, .08);
}

.hc-desk-hotspot--search { left: 22%; top: 50%; width: 7%; height: 16%; }
.hc-desk-hotspot--journal { left: 29%; top: 51%; width: 14%; height: 20%; border-radius: 12px; }
.hc-desk-hotspot--compass { left: 49%; top: 59%; width: 7%; height: 15%; }
.hc-desk-hotspot--map { left: 58%; top: 50%; width: 14%; height: 18%; border-radius: 12px; }
.hc-desk-hotspot--jar { left: 73%; top: 52%; width: 7%; height: 15%; }

.hc-desk-panel-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: clamp(42px, 6vw, 80px);
}

.hc-desk-panel {
	padding: clamp(18px, 2vw, 28px);
	border: 1px solid rgba(60, 43, 31, .15);
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255, 253, 247, .96), rgba(248, 243, 231, .88));
	box-shadow: var(--hc-shadow-card);
}

@media (max-width: 980px) {
	.hc-desk-workspace {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		margin: 16px;
	}

	.hc-desk-panel-grid { grid-template-columns: 1fr; }
	.hc-desk-hotspot span { display: none; }
}

@media (max-width: 640px) {
	.hc-scout-desk { border-radius: 16px; }
	.hc-desk-workspace { margin: 10px; padding: 18px; }
	.hc-scout-desk-intro h1 { font-size: clamp(2.4rem, 15vw, 4rem); }
}

/* =========================================================
   Honey Chronicles v1.5 Card System — Ornament Reset
   Card-top furniture belongs to framed displays, not cards.
   ========================================================= */

.hc-card-ornament,
.hc-card::before,
.loop-entry::before,
.hc-discovery-card::before {
	display: none !important;
	content: none !important;
}

.hc-brief-kicker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	justify-self: start;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 5px 10px 4px;
	border: 1px solid color-mix(in srgb, var(--hc-room-accent) 55%, transparent);
	border-radius: 3px;
	background:
		linear-gradient(
			180deg,
			color-mix(in srgb, var(--hc-room-accent) 12%, var(--hc-archive-white)),
			color-mix(in srgb, var(--hc-room-accent) 20%, var(--hc-museum-paper))
		);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.7),
		0 2px 5px rgba(36,28,22,.08);
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .14em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
	background-image: none;
}

/* =========================================================
   Honey Chronicles v1.5
   Entrance Card Room Colors
   ========================================================= */

.hc-brief-card {
    --hc-room-accent: var(--hc-honey-gold);
}

.hc-brief-card--honey {
    --hc-room-accent: var(--hc-honey-gold);
}

.hc-brief-card--producers {
    --hc-room-accent: var(--hc-field-green);
}

.hc-brief-card--stories {
    --hc-room-accent: var(--hc-cartographer-blue);
}

.hc-brief-card--atlas {
    --hc-room-accent: var(--hc-cartographer-blue);
}

/* =========================================================
   Honey Chronicles v1.5
   Entrance Card Kicker Refresh
   ========================================================= */

.hc-brief-kicker {

    display: inline-flex;
    align-items: center;
    justify-content: center;

    align-self: start;
    justify-self: start;

    width: auto;
    min-width: 0;
    min-height: 0;

    padding: 5px 10px 4px;

    background: linear-gradient(
        180deg,
        rgba(255,253,247,.95),
        rgba(235,227,208,.95)
    );

    border: 1px solid rgba(60,43,31,.35);
    border-radius: 3px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75),
        0 1px 3px rgba(36,28,22,.08);

    background-image: none !important;

    font-family: var(--hc-sans);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .12em;
    line-height: 1;
    text-transform: uppercase;

    color: var(--hc-walnut-ink);
    text-shadow: none;
}

/* =========================================================
   Honey Chronicles — Producer's Hall v1.0
   ========================================================= */
.hc-producer-hall-intro {
	max-width: 1290px;
	margin: 0 auto clamp(24px, 4vw, 48px);
	padding: 0 clamp(14px, 3vw, 34px);
	text-align: center;
}
.hc-producer-hall-intro h2 {
	margin: 0 auto 10px;
	max-width: 18ch;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 4.5vw, 4.4rem);
	line-height: .95;
	letter-spacing: -.045em;
}
.hc-producer-hall-intro p {
	max-width: 760px;
	margin: 0 auto;
	color: var(--hc-faded-ink);
	font-size: clamp(1rem, 1.4vw, 1.18rem);
}
.hc-producer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 26px);
	max-width: 1290px;
	margin: 0 auto;
	padding: 0 clamp(14px, 3vw, 34px) clamp(48px, 7vw, 90px);
}
.hc-producer-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--hc-line);
	border-radius: var(--hc-radius);
	background: linear-gradient(180deg, rgba(255,253,247,.98), rgba(239,226,197,.74));
	box-shadow: var(--hc-shadow-card);
	overflow: hidden;
}
.hc-producer-card__image {
	display: block;
	aspect-ratio: 4 / 3;
	background: linear-gradient(145deg, var(--hc-aged-parchment), var(--hc-antique-paper));
	overflow: hidden;
}
.hc-producer-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.hc-producer-card:hover .hc-producer-card__image img { transform:scale(1.025); }
.hc-producer-card__body { padding: clamp(18px, 2vw, 28px); }
.hc-producer-card__body h2 { margin:0 0 9px; font-family:var(--hc-serif); font-size:clamp(1.45rem,2vw,2.1rem); line-height:1; }
.hc-producer-card__body h2 a { text-decoration:none; color:var(--hc-museum-ink); }
.hc-producer-card__signature { margin:0 0 14px; color:var(--hc-faded-ink); }
.hc-producer-card__meta { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 16px; }
.hc-producer-card__meta span { padding:5px 9px; border-radius:999px; background:rgba(79,106,69,.10); color:var(--hc-field-green); font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.hc-producer-card__count { margin-top:12px; font-size:.82rem; font-weight:800; color:var(--hc-dark-honey); }
.hc-relationship-panel {
	max-width: 1080px;
	margin: clamp(30px,5vw,64px) auto;
	padding: clamp(22px,3vw,38px);
	border: 1px solid var(--hc-line-strong);
	border-radius: var(--hc-radius);
	background: linear-gradient(135deg, rgba(255,253,247,.96), rgba(239,226,197,.80));
	box-shadow: var(--hc-shadow-soft);
}
.hc-relationship-panel__eyebrow { margin:0 0 7px; color:var(--hc-dark-honey); font-size:.68rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.hc-relationship-panel h2 { margin:0 0 14px; font-family:var(--hc-serif); font-size:clamp(1.8rem,3.5vw,3.3rem); line-height:.95; }
.hc-relationship-panel__lead { max-width:760px; color:var(--hc-faded-ink); }
.hc-related-honey-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:20px; }
.hc-related-honey { display:grid; grid-template-columns:88px 1fr; gap:14px; align-items:center; padding:12px; border:1px solid var(--hc-line); border-radius:14px; background:rgba(255,253,247,.86); text-decoration:none; }
.hc-related-honey img,.hc-related-honey__placeholder { width:88px; height:88px; object-fit:cover; border-radius:10px; background:var(--hc-aged-parchment); }
.hc-related-honey strong { display:block; color:var(--hc-museum-ink); font-family:var(--hc-serif); font-size:1.08rem; line-height:1.05; }
.hc-related-honey span { display:block; margin-top:5px; color:var(--hc-faded-ink); font-size:.78rem; }
.hc-made-by-card { display:grid; grid-template-columns:minmax(110px,180px) 1fr; gap:clamp(18px,3vw,34px); align-items:center; }
.hc-made-by-card__image img,.hc-made-by-card__placeholder { display:block; width:100%; aspect-ratio:1; object-fit:cover; border-radius:16px; background:var(--hc-aged-parchment); }
.hc-made-by-card h2 a { color:var(--hc-museum-ink); text-decoration:none; }
.hc-producer-empty { max-width:900px; margin:20px auto 70px; padding:30px; text-align:center; }
@media (max-width: 980px) {
	.hc-producer-grid,.hc-related-honey-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
	.hc-producer-grid,.hc-related-honey-grid { grid-template-columns:1fr; }
	.hc-made-by-card { grid-template-columns:90px 1fr; }
	.hc-related-honey { grid-template-columns:74px 1fr; }
	.hc-related-honey img,.hc-related-honey__placeholder { width:74px; height:74px; }
}

/* =========================================================
   Honey Chronicles Mobile Header + Entrance Compression v1.5.3
   Purpose: reclaim vertical space, clarify home behavior, and
   simplify the entrance hero on phones.
   ========================================================= */

/* The seal is the permanent Home control. The wordmark is identity, not navigation. */
.hc-public-title {
	pointer-events: none;
	cursor: default;
}

.hc-public-title:focus {
	outline: none;
}

/* Entrance hero: remove the redundant room-name sentence and keep one compact marker. */
body.hc-room-entrance .hc-featured-exhibit .hc-room-label,
body.home .hc-featured-exhibit .hc-room-label {
	display: none !important;
}

body.hc-room-entrance .hc-featured-exhibit__eyebrow,
body.home .hc-featured-exhibit__eyebrow {
	min-width: 0;
	min-height: 0;
	margin: 0 0 8px;
	padding: 5px 12px 4px;
	border: 1px solid rgba(60, 43, 31, .28);
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(255,253,247,.95), rgba(226,210,175,.66));
	background-image: none !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 5px rgba(36,28,22,.08);
	font-size: 0;
}

body.hc-room-entrance .hc-featured-exhibit__eyebrow::before,
body.home .hc-featured-exhibit__eyebrow::before {
	content: "⬢";
	font-size: .72rem;
	line-height: 1;
	color: var(--hc-honey-gold);
}

body.hc-room-entrance .hc-featured-exhibit__eyebrow::after,
body.home .hc-featured-exhibit__eyebrow::after {
	content: "Featured";
	margin-left: 7px;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
}

@media (max-width: 640px) {
	/* Compact brand block. */
	.hc-public-header__inner {
		padding: 10px 10px 8px 84px;
		gap: 6px;
	}

	.hc-public-seal {
		left: 10px;
		width: 66px;
	}

	.hc-public-title__main {
		font-size: clamp(1.72rem, 9vw, 2.45rem);
		line-height: .86;
		letter-spacing: -.045em;
	}

	.hc-public-title__sub,
	body.hc-room-entrance .hc-public-title__sub {
		margin-top: 4px;
		font-size: .72rem;
		line-height: 1;
		letter-spacing: .20em;
	}

	/* Navigation becomes a compact, equal three-button room switcher. */
	.hc-public-nav {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: calc(100vw - 20px);
		margin-left: -74px;
		gap: 7px;
		padding: 4px 0 0;
	}

	.hc-public-nav a {
		min-width: 0;
		min-height: 38px;
		padding: 8px 8px 7px;
		border-radius: 13px;
		font-size: .67rem;
		letter-spacing: .045em;
		box-shadow: inset 0 1px 0 rgba(255,253,247,.86), 0 3px 8px rgba(36,28,22,.06);
	}

	.hc-public-nav a.is-active::after,
	.hc-public-nav a[aria-current="page"]::after {
		bottom: -5px;
		width: 24px;
		height: 2px;
	}

	/* Tools belong to the header, not floating over exhibits. */
	.hc-public-tools {
		position: static;
		width: calc(100vw - 20px);
		margin: 0 0 0 -74px;
		justify-content: flex-end;
		gap: 7px;
	}

	.hc-public-tool {
		width: 38px;
		height: 38px;
		box-shadow: inset 0 1px 0 rgba(255,253,247,.9), 0 3px 8px rgba(36,28,22,.07);
	}

	.hc-public-tool::before {
		width: 24px;
		height: 24px;
	}

	/* Remove the excess air between wayfinding and exhibit. */
	.hc-public-header::after {
		height: 12px;
		margin-top: 2px;
		transform: translateY(6px);
	}

	.hc-main {
		padding-top: 8px;
	}

	/* Entrance hero should read as one compact exhibit, not nested signs. */
	body.hc-room-entrance .hc-featured-exhibit,
	body.home .hc-featured-exhibit {
		margin-top: 4px;
		padding: 14px;
		gap: 14px;
	}

	body.hc-room-entrance .hc-featured-exhibit::before,
	body.home .hc-featured-exhibit::before {
		inset: 7px;
	}

	body.hc-room-entrance .hc-featured-exhibit__image,
	body.home .hc-featured-exhibit__image {
		max-width: none;
		padding: 7px;
	}

	body.hc-room-entrance .hc-featured-exhibit__text,
	body.home .hc-featured-exhibit__text {
		gap: 7px;
		padding: 0 8px 8px;
	}

	body.hc-room-entrance .hc-featured-exhibit h1,
	body.home .hc-featured-exhibit h1 {
		font-size: clamp(2.05rem, 11.5vw, 3rem);
		line-height: .88;
	}

	body.hc-room-entrance .hc-featured-exhibit .hc-entry-dek,
	body.home .hc-featured-exhibit .hc-entry-dek {
		font-size: .94rem;
		line-height: 1.38;
	}
}

/* =========================================================
   Honey Chronicles Mobile Tool Restore v1.5.4
   Keep Search and Atlas floating over the lower-right edge.
   ========================================================= */
@media (max-width: 640px) {
	.hc-public-tools {
		position: fixed;
		z-index: 9999;
		right: 14px;
		bottom: 14px;
		top: auto;
		width: auto;
		margin: 0;
		display: flex;
		justify-content: flex-end;
		gap: 10px;
		pointer-events: none;
	}

	.hc-public-tool {
		width: 52px;
		height: 52px;
		background: rgba(255, 253, 247, .94);
		box-shadow: inset 0 1px 0 rgba(255,253,247,.94), 0 10px 24px rgba(36,28,22,.16);
		backdrop-filter: blur(8px);
		pointer-events: auto;
	}

	.hc-public-tool::before {
		width: 32px;
		height: 32px;
	}
}

/* =========================================================
   Honey Chronicles — Producer Exhibit Template 1.0
   Public museum presentation for single atlas-producer records.
   ========================================================= */
.hc-producer-exhibit-room {
	max-width: 1240px;
	margin: 0 auto;
	padding-left: clamp(14px, 3vw, 34px);
	padding-right: clamp(14px, 3vw, 34px);
}

.hc-producer-exhibit {
	position: relative;
	margin: 0 auto clamp(52px, 7vw, 92px);
	border: 1px solid var(--hc-line-strong);
	border-radius: 26px;
	background:
		radial-gradient(circle at 13% 4%, rgba(79, 106, 69, .09), transparent 24rem),
		linear-gradient(135deg, rgba(255, 253, 247, .98), rgba(248, 243, 231, .93) 58%, rgba(239, 226, 197, .72));
	box-shadow: var(--hc-shadow-soft);
	overflow: hidden;
}

.hc-producer-exhibit::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(185, 130, 36, .20);
	border-radius: 19px;
	pointer-events: none;
}

.hc-producer-exhibit__hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
	gap: clamp(30px, 5vw, 72px);
	align-items: center;
	padding: clamp(40px, 6vw, 78px) clamp(32px, 6vw, 80px) clamp(30px, 4vw, 50px);
}

.hc-producer-exhibit__identity {
	max-width: 760px;
}

.hc-producer-exhibit .hc-room-label {
	margin: 0 0 12px;
	color: var(--hc-dark-honey);
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.hc-producer-exhibit .hc-room-label::after {
	display: none;
}

.hc-producer-exhibit h1 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(3.1rem, 6.5vw, 6.5rem);
	line-height: .86;
	letter-spacing: -.06em;
	color: var(--hc-museum-ink);
}

.hc-producer-exhibit__type {
	margin: 18px 0 0;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

.hc-producer-exhibit__location {
	margin: 7px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.08rem, 1.7vw, 1.42rem);
	color: var(--hc-walnut-ink);
}

.hc-producer-exhibit__dek {
	max-width: 720px;
	margin: 22px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.04rem, 1.45vw, 1.25rem);
	line-height: 1.62;
	color: var(--hc-walnut-ink);
}

.hc-producer-passport {
	position: relative;
	padding: 22px;
	border: 1px solid rgba(60, 43, 31, .20);
	border-radius: 18px;
	background: rgba(255, 253, 247, .78);
	box-shadow: 0 12px 26px rgba(36, 28, 22, .08);
}

.hc-producer-passport__eyebrow,
.hc-producer-section__eyebrow,
.hc-producer-links > p {
	margin: 0 0 8px;
	font-size: .64rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-producer-passport__portrait {
	margin: 0 0 18px;
	aspect-ratio: 4 / 3;
	border-radius: 12px;
	overflow: hidden;
	background: var(--hc-aged-parchment);
}

.hc-producer-passport__portrait img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hc-producer-passport dl {
	margin: 0;
}

.hc-producer-passport dl > div {
	display: grid;
	grid-template-columns: 74px 1fr;
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid var(--hc-line);
}

.hc-producer-passport dt {
	font-size: .67rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-passport dd {
	margin: 0;
	font-size: .9rem;
	line-height: 1.4;
	color: var(--hc-walnut-ink);
}

.hc-producer-exhibit__primary-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 16px;
	padding: 11px 13px;
	border-radius: 10px;
	background: var(--hc-field-green);
	color: var(--hc-archive-white) !important;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .025em;
	text-decoration: none;
}

.hc-producer-links {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 20px;
	align-items: center;
	padding: 18px clamp(32px, 6vw, 80px);
	border-top: 1px solid var(--hc-line);
	border-bottom: 1px solid var(--hc-line);
	background: rgba(239, 226, 197, .35);
}

.hc-producer-links > p {
	margin: 0;
	white-space: nowrap;
}

.hc-producer-links > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hc-producer-links a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 7px 10px;
	border: 1px solid var(--hc-line-strong);
	border-radius: 999px;
	background: rgba(255, 253, 247, .86);
	color: var(--hc-walnut-ink) !important;
	font-size: .76rem;
	font-weight: 800;
	text-decoration: none;
}

.hc-producer-exhibit__body {
	position: relative;
	padding: clamp(34px, 5vw, 68px) clamp(32px, 6vw, 80px) clamp(48px, 6vw, 78px);
}

.hc-producer-story-grid,
.hc-producer-details-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(18px, 3vw, 34px);
	margin-bottom: clamp(34px, 5vw, 62px);
}

.hc-producer-story-grid > article,
.hc-producer-details-grid > div {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid var(--hc-line);
	border-radius: 18px;
	background: rgba(255, 253, 247, .70);
}

.hc-producer-story-grid h2,
.hc-producer-details-grid h2,
.hc-producer-geography h2,
.hc-producer-research-honeys h2 {
	margin: 0 0 14px;
	font-family: var(--hc-serif);
	font-size: clamp(1.65rem, 2.6vw, 2.65rem);
	line-height: .98;
	letter-spacing: -.035em;
}

.hc-producer-story-grid article > p:last-child,
.hc-producer-geography p,
.hc-producer-section__intro {
	color: var(--hc-faded-ink);
	line-height: 1.65;
}

.hc-producer-geography {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
	gap: clamp(20px, 4vw, 52px);
	align-items: center;
	margin: 0 0 clamp(34px, 5vw, 62px);
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid rgba(79, 106, 69, .22);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(181, 194, 167, .16), rgba(255, 253, 247, .78));
}

.hc-producer-geography__path {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 18px 0 0;
}

.hc-producer-geography__path strong {
	display: inline-flex;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(79, 106, 69, .11);
	color: var(--hc-field-green);
	font-size: .76rem;
}

.hc-producer-geography__note {
	margin: 0;
	padding-left: 18px;
	border-left: 3px solid var(--hc-honey-gold);
	font-size: .88rem;
}

.hc-producer-detail-list {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.hc-producer-detail-list li {
	padding: 10px 0;
	border-top: 1px solid var(--hc-line);
}

.hc-producer-detail-list strong,
.hc-producer-detail-list span {
	display: block;
}

.hc-producer-detail-list span {
	margin-top: 2px;
	font-size: .84rem;
	color: var(--hc-faded-ink);
}

.hc-producer-detail-list--bullets {
	list-style: disc;
	padding-left: 20px;
}

.hc-producer-detail-list--bullets li {
	padding-left: 4px;
}

.hc-producer-research-honeys {
	margin-bottom: clamp(34px, 5vw, 62px);
}

.hc-producer-section__intro {
	max-width: 780px;
	margin: -4px 0 22px;
}

.hc-producer-research-honeys__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.hc-producer-research-honeys__grid article {
	padding: 18px;
	border: 1px solid var(--hc-line);
	border-radius: 14px;
	background: rgba(255, 253, 247, .76);
}

.hc-producer-research-honeys__grid h3 {
	margin: 0 0 10px;
	font-family: var(--hc-serif);
	font-size: 1.18rem;
	line-height: 1.05;
}

.hc-producer-research-honeys__grid p {
	margin: 5px 0;
	font-size: .82rem;
	color: var(--hc-faded-ink);
}

.hc-producer-research-honeys__grid a {
	display: inline-block;
	margin-top: 8px;
	font-size: .76rem;
	font-weight: 800;
}

.hc-producer-curator-content > :first-child {
	margin-top: 0;
}

.hc-producer-sources {
	margin-top: 36px;
	padding: 16px 18px;
	border-top: 1px solid var(--hc-line);
	color: var(--hc-faded-ink);
}

.hc-producer-sources summary {
	cursor: pointer;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
}

.hc-producer-sources ul {
	columns: 2;
	column-gap: 30px;
	margin: 15px 0 0;
	padding-left: 18px;
}

.hc-producer-sources li {
	break-inside: avoid;
	margin-bottom: 8px;
	font-size: .82rem;
}

@media (max-width: 920px) {
	.hc-producer-exhibit__hero,
	.hc-producer-geography {
		grid-template-columns: 1fr;
	}

	.hc-producer-passport {
		max-width: 520px;
	}

	.hc-producer-story-grid,
	.hc-producer-details-grid {
		grid-template-columns: 1fr;
	}

	.hc-producer-research-honeys__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.hc-producer-exhibit-room {
		padding-left: 10px;
		padding-right: 10px;
	}

	.hc-producer-exhibit__hero,
	.hc-producer-exhibit__body,
	.hc-producer-links {
		padding-left: 22px;
		padding-right: 22px;
	}

	.hc-producer-exhibit h1 {
		font-size: clamp(2.6rem, 15vw, 4.3rem);
	}

	.hc-producer-links {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.hc-producer-research-honeys__grid {
		grid-template-columns: 1fr;
	}

	.hc-producer-sources ul {
		columns: 1;
	}
}

/* =========================================================
   Honey Chronicles Child-Theme Foundation Bridge v0.1.3
   ---------------------------------------------------------
   Preserves the proven Public Museum Interface above while
   adding stable aliases for the design system going forward.
   The legacy HC Public UI museum entrance is hidden here;
   the child theme's .hc-public-header is now authoritative.
   ========================================================= */

/* The old HC Public UI plugin can remain installed during migration,
   but it must not render a second museum entrance above the theme. */
.hc-museum-entrance {
	display: none !important;
}

/* Foundation aliases.
   These point to the established Honey Chronicles palette rather than
   inventing a second competing set of colors. */
:root {
	--hc-ink: var(--hc-museum-ink);
	--hc-cream: var(--hc-museum-paper);
	--hc-paper: var(--hc-archive-white);

	--hc-honey: var(--hc-honey-gold);
	--hc-honey-dark: var(--hc-dark-honey);

	--hc-collection: var(--hc-honey-gold);
	--hc-collection-dark: var(--hc-dark-honey);

	--hc-producer: var(--hc-field-green);
	--hc-producer-dark: #2E3A28;

	--hc-line-soft: rgba(60, 43, 31, .09);
	--hc-shadow-sm: 0 8px 22px rgba(36, 28, 22, .06);
	--hc-shadow: var(--hc-shadow-soft);
	--hc-shadow-lg: 0 26px 60px rgba(36, 28, 22, .12);

	--hc-radius-sm: 10px;
	--hc-radius-md: 16px;
	--hc-radius-lg: 24px;
	--hc-radius-pill: 999px;

	--hc-content-width: 1290px;
	--hc-reading-width: 720px;
	--hc-page-gutter: clamp(14px, 3vw, 34px);
	--hc-section-space: clamp(48px, 8vw, 104px);

	--hc-motion-fast: 140ms;
	--hc-motion-normal: 220ms;
	--hc-ease: cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   Honey Chronicles Header v2.0
   Permanent Museum Shell
   ---------------------------------------------------------
   Goals:
   - use the available desktop width with confidence
   - keep the seal as Home
   - let room context live in the brand lockup
   - make navigation feel like museum wayfinding, not WP pills
   - keep Search / Atlas distinct as instruments
   - preserve the existing entrance briefing cards
   ========================================================= */

:root {
	--hc-shell-max: 1520px;
	--hc-header-gutter: clamp(18px, 3.2vw, 52px);
	--hc-header-rule: rgba(60, 43, 31, .18);
}

/* The permanent shell should span the viewport; content inside remains curated. */
.hc-public-header {
	background:
		linear-gradient(180deg, rgba(255,253,247,.995), rgba(248,243,231,.965)),
		var(--hc-museum-paper);
	border-bottom-color: var(--hc-header-rule);
	box-shadow: 0 14px 34px rgba(36, 28, 22, .075);
}

.hc-header-topline {
	height: 8px;
	background:
		linear-gradient(
			90deg,
			var(--hc-field-green) 0 28%,
			var(--hc-honey-gold) 28% 72%,
			var(--hc-walnut-ink) 72% 100%
		);
}

/* Main museum masthead. */
.hc-public-header__inner {
	max-width: var(--hc-shell-max);
	min-height: 112px;
	margin: 0 auto;
	padding: 16px var(--hc-header-gutter) 14px clamp(122px, 10.5vw, 158px);
	display: grid;
	grid-template-columns: minmax(360px, 1fr) auto auto;
	grid-template-areas: "brand nav tools";
	align-items: center;
	column-gap: clamp(14px, 2.4vw, 34px);
	row-gap: 10px;
}

.hc-public-seal {
	left: var(--hc-header-gutter);
	width: clamp(78px, 7.4vw, 108px);
	filter: drop-shadow(0 10px 16px rgba(36,28,22,.16));
}

.hc-public-brand-lockup {
	grid-area: brand;
	align-self: center;
	min-width: 0;
	max-width: 760px;
}

.hc-public-title {
	display: block;
	width: fit-content;
	max-width: 100%;
}

.hc-public-title__main {
	display: block;
	font-size: clamp(2.45rem, 4.15vw, 4.75rem);
	line-height: .84;
	letter-spacing: -.052em;
	white-space: nowrap;
}

.hc-public-title__sub {
	display: block;
	width: fit-content;
	margin: 6px 0 0 auto;
	padding: 0 clamp(18px, 3vw, 54px) 0 0;
	font-size: clamp(.98rem, 1.35vw, 1.42rem);
	line-height: 1;
}

body.hc-room-entrance .hc-public-title__sub {
	margin: 7px 0 0;
	padding-right: 0;
	font-size: clamp(.73rem, .88vw, .93rem);
	letter-spacing: .23em;
}

.hc-public-tagline {
	margin: 8px 0 0;
	font-size: clamp(.66rem, .73vw, .78rem);
	letter-spacing: .125em;
	color: var(--hc-faded-ink);
}

/* Primary museum rooms: quieter, flatter, more architectural. */
.hc-public-nav--primary {
	grid-area: nav;
	gap: 4px;
	padding: 0;
	border: 1px solid rgba(60,43,31,.15);
	border-radius: 999px;
	background: rgba(255,253,247,.66);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.86),
		0 4px 12px rgba(36,28,22,.045);
}

.hc-public-nav--primary a {
	min-height: 38px;
	padding: 10px 15px 9px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	box-shadow: none;
	font-size: .66rem;
	letter-spacing: .085em;
}

.hc-public-nav--primary a:hover,
.hc-public-nav--primary a:focus-visible {
	transform: none;
	border-color: transparent;
	background: rgba(212,164,67,.13);
	box-shadow: none;
}

.hc-public-nav--primary a.is-active,
.hc-public-nav--primary a[aria-current="page"] {
	background:
		linear-gradient(180deg, rgba(255,253,247,.98), rgba(212,164,67,.22));
	border: 0;
	box-shadow:
		inset 0 0 0 1px rgba(185,130,36,.32),
		0 3px 8px rgba(36,28,22,.055);
}

.hc-public-nav--primary a.is-active::after,
.hc-public-nav--primary a[aria-current="page"]::after {
	display: none;
}

/* Search and Atlas are instruments, not rooms. */
.hc-public-tools--primary {
	grid-area: tools;
	gap: 8px;
}

.hc-public-tools--primary .hc-public-tool {
	width: 40px;
	height: 40px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.98), rgba(239,226,197,.48));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 4px 12px rgba(36,28,22,.07);
}

.hc-public-tools--primary .hc-public-tool::before {
	width: 25px;
	height: 25px;
}

/* Entrance directory belongs to the same horizontal museum shell. */
.hc-public-briefing {
	max-width: var(--hc-shell-max);
	padding: 0 var(--hc-header-gutter) 18px;
	gap: clamp(10px, 1.4vw, 18px);
}

.hc-brief-card {
	min-height: 104px;
	padding: 14px 16px 13px;
	border-radius: 14px;
	box-shadow: 0 7px 18px rgba(36,28,22,.065);
}

.hc-brief-card strong {
	font-size: clamp(.98rem, 1.15vw, 1.16rem);
}

.hc-brief-card span:not(.hc-brief-kicker):not(.hc-brief-room) {
	font-size: .76rem;
}

.hc-brief-card em {
	min-width: 150px;
	min-height: 36px;
	margin-top: 5px;
	padding: 0 18px;
	font-size: .58rem;
}

/* Decorative divider becomes trim rather than another content band. */
.hc-public-header::after {
	width: min(860px, 72vw);
	height: 14px;
	margin-top: 0;
	transform: translateY(7px);
	opacity: .72;
}

/* Let the museum body inherit the same confident width. */
.hc-room,
.hc-landing,
.hc-chronicle-feed,
.content-container.site-container,
.site-container {
	max-width: var(--hc-shell-max);
}

/* Tablet: preserve identity first, then controls. */
@media (max-width: 1100px) {
	.hc-public-header__inner {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"brand tools"
			"nav nav";
		padding-left: clamp(108px, 13vw, 132px);
	}

	.hc-public-nav--primary {
		justify-self: start;
	}

	.hc-public-tools--primary {
		justify-self: end;
	}
}

/* Mobile: compact, obvious, thumb-friendly. */
@media (max-width: 640px) {
	.hc-header-topline {
		height: 6px;
	}

	.hc-public-header__inner {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"brand"
			"nav";
		min-height: 0;
		padding: 11px 10px 10px 78px;
		gap: 8px;
	}

	.hc-public-seal {
		left: 9px;
		width: 58px;
	}

	.hc-public-title__main {
		font-size: clamp(1.68rem, 9.4vw, 2.35rem);
		line-height: .88;
		white-space: normal;
	}

	.hc-public-title__sub,
	body.hc-room-entrance .hc-public-title__sub {
		margin: 4px 0 0;
		padding: 0;
		text-align: left;
	}

	.hc-public-tagline {
		display: none;
	}

	.hc-public-nav--primary {
		width: calc(100vw - 20px);
		margin-left: -68px;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 5px;
		padding: 4px;
		border-radius: 14px;
	}

	.hc-public-nav--primary a {
		min-height: 38px;
		padding: 9px 7px 8px;
		border-radius: 10px;
		font-size: .64rem;
	}

	/* Keep the existing floating Search / Atlas behavior. */
	.hc-public-tools--primary {
		position: fixed;
		z-index: 9999;
		right: 14px;
		bottom: 14px;
		top: auto;
		width: auto;
		margin: 0;
		display: flex;
		gap: 10px;
		pointer-events: none;
	}

	.hc-public-tools--primary .hc-public-tool {
		width: 50px;
		height: 50px;
		pointer-events: auto;
	}

	.hc-public-tools--primary .hc-public-tool::before {
		width: 30px;
		height: 30px;
	}

	.hc-public-briefing {
		padding: 0 10px 10px;
	}

	.hc-public-header::after {
		width: 74vw;
		height: 10px;
		transform: translateY(5px);
	}
}


/* =========================================================
   Honey Chronicles Museum Floor v2.0
   Entrance Exhibit Choreography
   ---------------------------------------------------------
   Header v2.0 remains untouched.
   This pass makes the public exhibit floor use the same
   architectural width and visual confidence as the masthead.
   ========================================================= */

:root {
	--hc-floor-max: 1480px;
	--hc-floor-feature-max: 1360px;
	--hc-floor-gutter: clamp(18px, 3.2vw, 52px);
	--hc-floor-gap: clamp(16px, 1.8vw, 28px);
}

/* Establish one centered museum floor instead of a left-anchored content island. */
.hc-main {
	width: 100%;
	max-width: none;
	padding-left: var(--hc-floor-gutter);
	padding-right: var(--hc-floor-gutter);
}

.hc-main > .hc-room,
.hc-main > .hc-landing,
.hc-main > .hc-chronicle-feed {
	width: min(100%, var(--hc-floor-max));
	max-width: var(--hc-floor-max);
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------------------------------------
   Entrance featured exhibit
   --------------------------------------------------------- */

body.hc-room-entrance .hc-featured-exhibit,
body.home .hc-featured-exhibit {
	width: min(100%, var(--hc-floor-feature-max));
	max-width: var(--hc-floor-feature-max);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: clamp(54px, 5vw, 82px);
	padding: clamp(30px, 3.4vw, 52px);
	grid-template-columns: minmax(320px, 42%) minmax(0, 1fr);
	gap: clamp(38px, 5vw, 86px);
	align-items: center;
	border-radius: 28px;
	box-shadow:
		inset 0 1px 0 rgba(255,253,247,.94),
		0 26px 64px rgba(36,28,22,.115);
}

body.hc-room-entrance .hc-featured-exhibit::before,
body.home .hc-featured-exhibit::before {
	inset: 13px;
	border-radius: 21px;
}

/* Give the exhibit image enough authority to invite the visitor in. */
body.hc-room-entrance .hc-featured-exhibit__image,
body.home .hc-featured-exhibit__image {
	width: 100%;
	max-width: 500px;
	padding: clamp(10px, 1vw, 14px);
	justify-self: center;
}

body.hc-room-entrance .hc-featured-exhibit__image img,
body.home .hc-featured-exhibit__image img {
	width: 100%;
	max-height: 520px;
	object-fit: cover;
	aspect-ratio: 3 / 2;
}

/* The label column gets enough room to read as interpretation, not caption copy. */
body.hc-room-entrance .hc-featured-exhibit__text,
body.home .hc-featured-exhibit__text {
	width: 100%;
	max-width: 720px;
	padding: clamp(6px, 1vw, 12px);
	gap: 12px;
}

body.hc-room-entrance .hc-featured-exhibit h1,
body.home .hc-featured-exhibit h1 {
	max-width: 14ch;
	font-size: clamp(2.9rem, 4.6vw, 5.45rem);
	line-height: .88;
}

body.hc-room-entrance .hc-featured-exhibit .hc-entry-dek,
body.home .hc-featured-exhibit .hc-entry-dek {
	max-width: 60ch;
	font-size: clamp(1rem, 1.1vw, 1.16rem);
	line-height: 1.58;
}

/* ---------------------------------------------------------
   Nearby exhibit rail
   --------------------------------------------------------- */

body.hc-room-entrance .hc-featured-exhibit + .hc-card-grid,
body.home .hc-featured-exhibit + .hc-card-grid {
	width: 100%;
	max-width: var(--hc-floor-max);
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: var(--hc-floor-gap);
	align-items: stretch;
}

body.hc-room-entrance .hc-featured-exhibit + .hc-card-grid::before,
body.home .hc-featured-exhibit + .hc-card-grid::before {
	left: 0;
	top: -30px;
	font-size: .7rem;
	letter-spacing: .15em;
}

/* Stronger cards without making them loud. */
body.hc-room-entrance .hc-discovery-card,
body.home .hc-discovery-card {
	min-width: 0;
	border-radius: 18px;
	box-shadow: 0 10px 25px rgba(36,28,22,.075);
	transition:
		transform var(--hc-motion-normal) var(--hc-ease),
		box-shadow var(--hc-motion-normal) var(--hc-ease),
		border-color var(--hc-motion-normal) var(--hc-ease);
}

body.hc-room-entrance .hc-discovery-card:hover,
body.home .hc-discovery-card:hover {
	transform: translateY(-3px);
	border-color: rgba(185,130,36,.28);
	box-shadow: 0 17px 34px rgba(36,28,22,.105);
}

body.hc-room-entrance .hc-discovery-card .hc-card-image,
body.home .hc-discovery-card .hc-card-image {
	aspect-ratio: 4 / 3;
	background:
		linear-gradient(145deg, rgba(239,226,197,.72), rgba(226,210,175,.52));
}

body.hc-room-entrance .hc-discovery-card .hc-card-body,
body.home .hc-discovery-card .hc-card-body {
	padding: clamp(16px, 1.5vw, 22px);
}

body.hc-room-entrance .hc-discovery-card .hc-card-body h2,
body.home .hc-discovery-card .hc-card-body h2 {
	margin: 4px 0 10px;
	font-family: var(--hc-serif);
	font-size: clamp(1.12rem, 1.25vw, 1.42rem);
	line-height: 1.03;
	letter-spacing: -.025em;
}

body.hc-room-entrance .hc-discovery-card .hc-card-body > p:not(.hc-kicker),
body.home .hc-discovery-card .hc-card-body > p:not(.hc-kicker) {
	font-size: .84rem;
	line-height: 1.52;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   Deliberate whitespace / rhythm
   --------------------------------------------------------- */

body.hc-room-entrance .hc-archive-room,
body.home .hc-archive-room {
	padding-bottom: clamp(70px, 8vw, 120px);
}

body.hc-room-entrance .hc-pagination,
body.home .hc-pagination {
	max-width: var(--hc-floor-max);
	margin: clamp(32px, 4vw, 54px) auto 0;
}

/* ---------------------------------------------------------
   Responsive choreography
   --------------------------------------------------------- */

@media (max-width: 1380px) {
	body.hc-room-entrance .hc-featured-exhibit + .hc-card-grid,
	body.home .hc-featured-exhibit + .hc-card-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1080px) {
	body.hc-room-entrance .hc-featured-exhibit,
	body.home .hc-featured-exhibit {
		grid-template-columns: minmax(280px, 40%) minmax(0, 1fr);
		gap: clamp(28px, 4vw, 52px);
	}

	body.hc-room-entrance .hc-featured-exhibit__image,
	body.home .hc-featured-exhibit__image {
		max-width: 430px;
	}

	body.hc-room-entrance .hc-featured-exhibit + .hc-card-grid,
	body.home .hc-featured-exhibit + .hc-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.hc-main {
		padding-left: clamp(14px, 3vw, 24px);
		padding-right: clamp(14px, 3vw, 24px);
	}

	body.hc-room-entrance .hc-featured-exhibit,
	body.home .hc-featured-exhibit {
		grid-template-columns: 1fr;
		gap: 24px;
		text-align: center;
	}

	body.hc-room-entrance .hc-featured-exhibit__image,
	body.home .hc-featured-exhibit__image {
		max-width: 620px;
		order: -1;
	}

	body.hc-room-entrance .hc-featured-exhibit__text,
	body.home .hc-featured-exhibit__text {
		max-width: 720px;
		margin: 0 auto;
		justify-items: center;
	}

	body.hc-room-entrance .hc-featured-exhibit h1,
	body.home .hc-featured-exhibit h1,
	body.hc-room-entrance .hc-featured-exhibit .hc-entry-dek,
	body.home .hc-featured-exhibit .hc-entry-dek {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	body.hc-room-entrance .hc-featured-exhibit + .hc-card-grid,
	body.home .hc-featured-exhibit + .hc-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.hc-main {
		padding-left: 10px;
		padding-right: 10px;
	}

	body.hc-room-entrance .hc-featured-exhibit,
	body.home .hc-featured-exhibit {
		margin-bottom: 46px;
		padding: 14px;
		border-radius: 20px;
	}

	body.hc-room-entrance .hc-featured-exhibit__image,
	body.home .hc-featured-exhibit__image {
		max-width: none;
		padding: 7px;
	}

	body.hc-room-entrance .hc-featured-exhibit__text,
	body.home .hc-featured-exhibit__text {
		padding: 0 7px 8px;
	}

	body.hc-room-entrance .hc-featured-exhibit h1,
	body.home .hc-featured-exhibit h1 {
		font-size: clamp(2rem, 11.5vw, 3rem);
	}

	body.hc-room-entrance .hc-featured-exhibit + .hc-card-grid,
	body.home .hc-featured-exhibit + .hc-card-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	body.hc-room-entrance .hc-discovery-card,
	body.home .hc-discovery-card {
		display: grid;
		grid-template-columns: minmax(112px, 36%) minmax(0, 1fr);
		align-items: stretch;
	}

	body.hc-room-entrance .hc-discovery-card .hc-card-image,
	body.home .hc-discovery-card .hc-card-image {
		aspect-ratio: auto;
		min-height: 100%;
	}

	body.hc-room-entrance .hc-discovery-card .hc-card-body,
	body.home .hc-discovery-card .hc-card-body {
		padding: 14px;
	}

	body.hc-room-entrance .hc-discovery-card .hc-card-body h2,
	body.home .hc-discovery-card .hc-card-body h2 {
		font-size: 1.08rem;
	}
}


/* =========================================================
   Honey Chronicles Entrance Windows v1.0
   Visual doors into the Living Archive.
   ---------------------------------------------------------
   Principle: tease, do not summarize.
   The full Chronicle remains below the window rail.
   ========================================================= */

/* The old three-card directory was useful scaffolding.
   On the actual entrance, the six visual windows now perform that job. */
body.home:not(.paged) .hc-public-briefing,
body.hc-room-entrance:not(.paged) .hc-public-briefing {
	display: none;
}

body.home:not(.paged) .hc-public-header::after,
body.hc-room-entrance:not(.paged) .hc-public-header::after {
	margin-top: 0;
}

.hc-entrance-windows {
	width: min(100%, var(--hc-floor-max));
	max-width: var(--hc-floor-max);
	margin: clamp(8px, 1.4vw, 18px) auto clamp(54px, 6vw, 92px);
	padding: clamp(18px, 2.2vw, 32px) 0 0;
}

.hc-entrance-windows__intro {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin: 0 0 16px;
	padding: 0 2px;
}

.hc-entrance-windows__intro > div:first-child {
	max-width: 760px;
}

.hc-entrance-windows__eyebrow {
	margin: 0 0 5px;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-entrance-windows__intro h1 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.1rem, 4vw, 4.35rem);
	line-height: .9;
	letter-spacing: -.05em;
	color: var(--hc-museum-ink);
}

.hc-entrance-windows__intro p:not(.hc-entrance-windows__eyebrow) {
	margin: 7px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(.94rem, 1.2vw, 1.12rem);
	color: var(--hc-faded-ink);
}

.hc-entrance-windows__controls {
	display: flex;
	gap: 7px;
	padding-bottom: 2px;
}

.hc-window-control {
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid rgba(60,43,31,.22);
	border-radius: 999px;
	background: rgba(255,253,247,.88);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 5px 14px rgba(36,28,22,.08);
	color: var(--hc-walnut-ink);
	cursor: pointer;
	transition:
		transform var(--hc-motion-fast) var(--hc-ease),
		opacity var(--hc-motion-fast) var(--hc-ease),
		border-color var(--hc-motion-fast) var(--hc-ease);
}

.hc-window-control span {
	display: block;
	margin-top: -2px;
	font-family: Georgia, serif;
	font-size: 2rem;
	line-height: 1;
}

.hc-window-control:hover,
.hc-window-control:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(185,130,36,.55);
	outline: none;
}

.hc-window-control:disabled {
	opacity: .28;
	cursor: default;
	transform: none;
}

/* Native scroll-snap keeps the rail useful even before JS runs. */
.hc-entrance-windows__rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: clamp(285px, 31vw, 465px);
	gap: clamp(12px, 1.5vw, 22px);
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 5px 2px 16px;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 2px;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(122,76,23,.34) rgba(239,226,197,.45);
}

.hc-entrance-windows__rail:focus-visible {
	outline: 2px solid rgba(185,130,36,.46);
	outline-offset: 5px;
	border-radius: 18px;
}

.hc-entrance-window {
	--hc-window-accent: var(--hc-honey-gold);
	position: relative;
	min-height: clamp(300px, 31vw, 430px);
	display: block;
	scroll-snap-align: start;
	border: 1px solid rgba(60,43,31,.20);
	border-radius: 24px;
	background: var(--hc-walnut-ink);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 16px 36px rgba(36,28,22,.14);
	overflow: hidden;
	isolation: isolate;
	text-decoration: none;
	color: #fff !important;
	transform: translateZ(0);
	transition:
		transform var(--hc-motion-normal) var(--hc-ease),
		box-shadow var(--hc-motion-normal) var(--hc-ease),
		border-color var(--hc-motion-normal) var(--hc-ease);
}

.hc-entrance-window:hover,
.hc-entrance-window:focus-visible {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--hc-window-accent) 70%, white);
	box-shadow: 0 24px 54px rgba(36,28,22,.19);
	color: #fff !important;
	outline: none;
}

.hc-entrance-window__visual {
	position: absolute;
	inset: 0;
	z-index: -3;
	background-color: #3c2b1f;
	background-image:
		var(--hc-window-image),
		linear-gradient(145deg, #6f4312, #241c16);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transform: scale(1.005);
	filter: saturate(.92) contrast(1.04);
	transition:
		transform 650ms cubic-bezier(.2,.75,.2,1),
		filter 300ms ease;
}

.hc-entrance-window:hover .hc-entrance-window__visual,
.hc-entrance-window:focus-visible .hc-entrance-window__visual {
	transform: scale(1.045);
	filter: saturate(1.02) contrast(1.04);
}

.hc-entrance-window__shade {
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(180deg, rgba(18,14,10,.06) 18%, rgba(18,14,10,.17) 46%, rgba(18,14,10,.84) 100%),
		linear-gradient(90deg, rgba(18,14,10,.14), transparent 52%);
}

.hc-entrance-window::after {
	content: "";
	position: absolute;
	inset: 10px;
	z-index: -1;
	border: 1px solid rgba(255,253,247,.20);
	border-radius: 17px;
	pointer-events: none;
}

.hc-entrance-window__copy {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 7px;
	padding: clamp(22px, 2.4vw, 32px);
	text-shadow: 0 2px 12px rgba(18,14,10,.45);
}

.hc-entrance-window__label {
	justify-self: start;
	padding: 5px 9px 4px;
	border: 1px solid rgba(255,255,255,.30);
	border-radius: 999px;
	background: rgba(18,14,10,.24);
	backdrop-filter: blur(8px);
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .15em;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255,255,255,.92);
}

.hc-entrance-window__copy strong {
	max-width: 16ch;
	font-family: var(--hc-serif);
	font-size: clamp(1.75rem, 2.55vw, 3rem);
	font-weight: 700;
	line-height: .92;
	letter-spacing: -.045em;
	text-wrap: balance;
	color: #fff;
}

.hc-entrance-window__copy em {
	margin-top: 3px;
	font-style: normal;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: rgba(255,255,255,.84);
}

/* Room identities remain subtle; image is still king. */
.hc-entrance-window--honey {
	--hc-window-accent: var(--hc-honey-gold);
}

.hc-entrance-window--producers {
	--hc-window-accent: var(--hc-field-green);
}

.hc-entrance-window--timeline {
	--hc-window-accent: var(--hc-dark-honey);
}

.hc-entrance-window--atlas {
	--hc-window-accent: var(--hc-cartographer-blue);
}

.hc-entrance-window--stories {
	--hc-window-accent: var(--hc-cartographer-blue);
}

.hc-entrance-window--studies {
	--hc-window-accent: var(--hc-weathered-steel);
}

/* Atlas is intentionally a graphic plate until dedicated Atlas art exists. */
.hc-entrance-window--atlas .hc-entrance-window__visual {
	background:
		radial-gradient(circle at 22% 18%, rgba(212,164,67,.30), transparent 17rem),
		radial-gradient(circle at 78% 65%, rgba(181,194,167,.18), transparent 20rem),
		linear-gradient(145deg, #405661, #24343d 58%, #1f292d);
}

.hc-entrance-window--atlas .hc-entrance-window__visual::after {
	content: "";
	position: absolute;
	inset: 15% 18% 28%;
	background-image: url("assets/hc/atlas.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(2.2) saturate(.2);
	opacity: .42;
}

/* Missing imagery should look deliberately atmospheric, never like a broken card. */
.hc-entrance-window.is-fallback:not(.hc-entrance-window--atlas) .hc-entrance-window__visual {
	background:
		radial-gradient(circle at 28% 20%, color-mix(in srgb, var(--hc-window-accent) 48%, transparent), transparent 17rem),
		linear-gradient(145deg, var(--hc-walnut-ink), var(--hc-museum-ink));
}

.hc-entrance-windows__hint {
	margin: 7px 2px 0;
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-entrance-windows__hint span {
	margin-right: 5px;
	color: var(--hc-dark-honey);
}

/* Timeline is still the museum. Give the lower archive a deliberate handoff. */
.hc-chronicle-anchor {
	position: relative;
	top: -12px;
	scroll-margin-top: 24px;
}

body.home:not(.paged) .hc-chronicle-anchor + .hc-featured-exhibit {
	margin-top: 0;
}

/* Desktop can afford a clean edge fade to imply more windows offscreen. */
@media (min-width: 861px) {
	.hc-entrance-windows {
		position: relative;
	}

	.hc-entrance-windows::after {
		content: "";
		position: absolute;
		z-index: 5;
		right: 0;
		top: 96px;
		bottom: 31px;
		width: 46px;
		background: linear-gradient(90deg, transparent, rgba(248,243,231,.88));
		pointer-events: none;
	}
}

@media (max-width: 860px) {
	.hc-entrance-windows {
		margin-top: 2px;
		margin-bottom: 54px;
	}

	.hc-entrance-windows__intro {
		align-items: center;
	}

	.hc-entrance-windows__intro h1 {
		font-size: clamp(2rem, 9vw, 3.2rem);
	}

	.hc-entrance-windows__controls {
		display: none;
	}

	.hc-entrance-windows__rail {
		grid-auto-columns: min(82vw, 420px);
		margin-right: calc(-1 * clamp(14px, 3vw, 24px));
		padding-right: clamp(14px, 3vw, 24px);
	}

	.hc-entrance-window {
		min-height: min(112vw, 430px);
	}

	.hc-entrance-windows__hint {
		display: block;
	}
}

@media (max-width: 560px) {
	.hc-entrance-windows {
		padding-top: 7px;
		margin-bottom: 46px;
	}

	.hc-entrance-windows__intro {
		margin-bottom: 11px;
	}

	.hc-entrance-windows__eyebrow {
		font-size: .59rem;
	}

	.hc-entrance-windows__intro h1 {
		font-size: clamp(1.9rem, 10.5vw, 2.8rem);
	}

	.hc-entrance-windows__intro p:not(.hc-entrance-windows__eyebrow) {
		margin-top: 4px;
		font-size: .91rem;
	}

	.hc-entrance-windows__rail {
		grid-auto-columns: 86vw;
		gap: 11px;
		margin-right: -10px;
		padding-bottom: 12px;
		padding-right: 10px;
	}

	.hc-entrance-window {
		min-height: 108vw;
		max-height: 410px;
		border-radius: 20px;
	}

	.hc-entrance-window::after {
		inset: 8px;
		border-radius: 14px;
	}

	.hc-entrance-window__copy {
		padding: 22px;
	}

	.hc-entrance-window__copy strong {
		font-size: clamp(1.8rem, 9vw, 2.55rem);
	}

	.hc-entrance-windows__hint {
		margin-top: 4px;
		font-size: .59rem;
	}
}

/* Respect visitors who request reduced motion. */
@media (prefers-reduced-motion: reduce) {
	.hc-entrance-window,
	.hc-entrance-window__visual,
	.hc-window-control {
		transition: none;
	}

	.hc-entrance-windows__rail {
		scroll-behavior: auto;
	}
}


/* =========================================================
   Honey Chronicles Entrance Windows v1.1
   Choreography + Chronicle Handoff
   ========================================================= */

/* Navigation cluster: tiny museum gallery controls, not carousel chrome. */
.hc-entrance-windows__navigation {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-bottom: 2px;
}

.hc-window-status {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	min-width: 58px;
	font-family: var(--hc-serif);
	color: var(--hc-walnut-ink);
}

.hc-window-status__current {
	font-size: 1.15rem;
	font-weight: 700;
}

.hc-window-status__divider,
.hc-window-status__total {
	font-size: .72rem;
	color: var(--hc-pencil-gray);
}

/* The native scrollbar was useful during proof-of-concept.
   v1.1 replaces it with a quieter HC gallery rail. */
.hc-entrance-windows__rail {
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 12px;
}

.hc-entrance-windows__rail::-webkit-scrollbar {
	display: none;
}

/* On larger screens the nearest doorway gently owns the moment. */
@media (min-width: 861px) {
	.hc-entrance-window {
		opacity: .91;
		filter: saturate(.90);
	}

	.hc-entrance-window.is-active {
		opacity: 1;
		filter: none;
		transform: translateY(-5px);
		border-color: color-mix(in srgb, var(--hc-window-accent) 54%, rgba(255,255,255,.52));
		box-shadow: 0 24px 54px rgba(36,28,22,.18);
	}

	.hc-entrance-window:hover,
	.hc-entrance-window:focus-visible {
		opacity: 1;
		filter: none;
	}
}

/* Gallery progress rail. */
.hc-window-progress {
	margin: 5px 2px 0;
}

.hc-window-progress__track {
	position: relative;
	display: block;
	height: 3px;
	border-radius: 999px;
	background: rgba(60,43,31,.11);
	overflow: hidden;
}

.hc-window-progress__fill {
	display: block;
	width: 16.6667%;
	height: 100%;
	border-radius: inherit;
	background:
		linear-gradient(90deg, var(--hc-dark-honey), var(--hc-honey-gold));
	transform: translateX(0);
	transition: transform 180ms ease;
}

/* Lower edge of the entrance explicitly hands the visitor to the Timeline. */
.hc-entrance-windows__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 8px 2px 0;
}

.hc-entrance-windows__hint {
	margin: 0;
}

.hc-chronicle-cue {
	display: inline-grid;
	justify-items: end;
	gap: 1px;
	text-align: right;
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

.hc-chronicle-cue span {
	font-family: var(--hc-serif);
	font-size: .78rem;
	font-style: italic;
	color: var(--hc-faded-ink);
}

.hc-chronicle-cue strong {
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-chronicle-cue:hover strong,
.hc-chronicle-cue:focus-visible strong {
	color: var(--hc-field-green);
}

.hc-chronicle-cue:focus-visible {
	outline: 2px solid rgba(185,130,36,.42);
	outline-offset: 5px;
	border-radius: 4px;
}

/* The Chronicle handoff gets a little more breathing room after the visual rail. */
body.home:not(.paged) .hc-chronicle-anchor + .hc-featured-exhibit {
	margin-top: clamp(6px, 1.2vw, 16px);
}

@media (max-width: 860px) {
	.hc-entrance-windows__navigation {
		display: none;
	}

	.hc-window-progress {
		margin-top: 2px;
	}

	.hc-entrance-windows__footer {
		margin-top: 7px;
	}

	.hc-entrance-window.is-active {
		opacity: 1;
		filter: none;
	}
}

@media (max-width: 560px) {
	.hc-window-progress {
		margin-left: 0;
		margin-right: 0;
	}

	.hc-entrance-windows__footer {
		align-items: flex-start;
		gap: 10px;
	}

	.hc-chronicle-cue span {
		display: none;
	}

	.hc-chronicle-cue strong {
		font-size: .57rem;
	}
}


/* =========================================================
   Honey Chronicles Timeline v1.0
   The Timeline IS the Museum.
   ---------------------------------------------------------
   Replaces the entrance archive card grid with a real
   chronological museum system while preserving WordPress'
   native reverse-chronological query and pagination.
   ========================================================= */

/* The old entrance grid is no longer the Chronicle. */
body.home:not(.paged) .hc-featured-exhibit + .hc-card-grid,
body.hc-room-entrance:not(.paged) .hc-featured-exhibit + .hc-card-grid {
	display: none;
}

/* Chronicle shell. */
.hc-chronicle {
	--hc-timeline-rail-x: 142px;
	width: min(100%, 1320px);
	margin: clamp(46px, 6vw, 92px) auto 0;
	padding-bottom: clamp(70px, 8vw, 124px);
}

.hc-chronicle__header {
	display: grid;
	grid-template-columns: minmax(280px, .8fr) minmax(320px, 1.2fr);
	gap: clamp(24px, 5vw, 76px);
	align-items: end;
	margin-bottom: clamp(40px, 5vw, 72px);
	padding: 0 0 clamp(24px, 3vw, 36px);
	border-bottom: 1px solid rgba(60,43,31,.15);
}

.hc-chronicle__eyebrow {
	margin: 0 0 7px;
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-chronicle__header h1,
.hc-chronicle__header h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.55rem, 5.3vw, 5.7rem);
	line-height: .86;
	letter-spacing: -.055em;
	color: var(--hc-museum-ink);
}

.hc-chronicle__intro {
	max-width: 620px;
	margin: 0 0 4px;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.35vw, 1.22rem);
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

/* Timeline spine. */
.hc-timeline {
	position: relative;
}

.hc-timeline::before {
	content: "";
	position: absolute;
	left: var(--hc-timeline-rail-x);
	top: 38px;
	bottom: 0;
	width: 1px;
	background:
		linear-gradient(
			180deg,
			rgba(185,130,36,.55),
			rgba(60,43,31,.18) 16%,
			rgba(60,43,31,.16) 84%,
			rgba(60,43,31,.04)
		);
}

/* Major year markers. */
.hc-timeline-year {
	position: relative;
	display: grid;
	grid-template-columns: var(--hc-timeline-rail-x) 1fr;
	align-items: center;
	min-height: 88px;
	margin: clamp(26px, 4vw, 58px) 0 10px;
}

.hc-timeline-year:first-child {
	margin-top: 0;
}

.hc-timeline-year::after {
	content: "";
	grid-column: 2;
	height: 1px;
	margin-left: 28px;
	background:
		linear-gradient(90deg, rgba(185,130,36,.44), rgba(60,43,31,.08), transparent);
}

.hc-timeline-year span {
	position: relative;
	z-index: 2;
	grid-column: 1;
	justify-self: end;
	margin-right: -1px;
	padding: 7px 16px 7px 13px;
	background: var(--hc-museum-paper);
	font-family: var(--hc-serif);
	font-size: clamp(2.15rem, 3.4vw, 3.65rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.05em;
	color: var(--hc-walnut-ink);
}

/* One chronological record. */
.hc-timeline-record {
	position: relative;
	display: grid;
	grid-template-columns: var(--hc-timeline-rail-x) minmax(0, 1fr);
	align-items: start;
	margin: 0 0 clamp(26px, 3.2vw, 46px);
	background: transparent;
	border: 0;
	box-shadow: none;
}

.hc-timeline-record__rail {
	position: absolute;
	left: calc(var(--hc-timeline-rail-x) - 6px);
	top: 29px;
	z-index: 4;
	width: 13px;
	height: 13px;
	display: grid;
	place-items: center;
}

.hc-timeline-record__dot {
	display: block;
	width: 9px;
	height: 9px;
	border: 2px solid var(--hc-museum-paper);
	border-radius: 999px;
	background: var(--hc-honey-gold);
	box-shadow:
		0 0 0 1px rgba(122,76,23,.42),
		0 2px 5px rgba(36,28,22,.14);
}

.hc-timeline-record__date {
	grid-column: 1;
	padding: 22px 26px 0 0;
	text-align: right;
}

.hc-timeline-record__date time {
	display: grid;
	gap: 1px;
}

.hc-timeline-record__date span {
	font-size: .69rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-timeline-record__date strong {
	font-family: var(--hc-serif);
	font-size: .86rem;
	color: var(--hc-pencil-gray);
}

/* Record card: museum label + image, not a blog card. */
.hc-timeline-record__card {
	grid-column: 2;
	display: grid;
	grid-template-columns: minmax(220px, 35%) minmax(0, 1fr);
	min-height: 250px;
	margin-left: 28px;
	border: 1px solid rgba(60,43,31,.15);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(255,253,247,.965), rgba(248,243,231,.91));
	box-shadow: 0 14px 34px rgba(36,28,22,.085);
	overflow: hidden;
	transition:
		transform var(--hc-motion-normal) var(--hc-ease),
		box-shadow var(--hc-motion-normal) var(--hc-ease),
		border-color var(--hc-motion-normal) var(--hc-ease);
}

.hc-timeline-record:hover .hc-timeline-record__card {
	transform: translateY(-2px);
	border-color: rgba(185,130,36,.27);
	box-shadow: 0 20px 44px rgba(36,28,22,.115);
}

.hc-timeline-record__image {
	position: relative;
	display: block;
	min-height: 250px;
	background:
		radial-gradient(circle at 22% 18%, rgba(185,130,36,.20), transparent 15rem),
		linear-gradient(145deg, var(--hc-aged-parchment), var(--hc-antique-paper));
	overflow: hidden;
}

.hc-timeline-record__image img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 250px;
	object-fit: cover;
	transition: transform 420ms cubic-bezier(.2,.72,.2,1);
}

.hc-timeline-record:hover .hc-timeline-record__image img {
	transform: scale(1.025);
}

.hc-timeline-record__image.is-placeholder span {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, transparent 44%, rgba(185,130,36,.11) 44% 45%, transparent 45%),
		linear-gradient(45deg, transparent 58%, rgba(79,106,69,.10) 58% 59%, transparent 59%);
}

.hc-timeline-record__body {
	display: grid;
	align-content: center;
	padding: clamp(24px, 3.2vw, 44px);
}

.hc-timeline-record__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 12px;
	margin-bottom: 11px;
}

.hc-timeline-record__type {
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-timeline-record__places {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hc-timeline-record__places a {
	padding: 4px 8px 3px;
	border-radius: 999px;
	background: rgba(79,106,69,.09);
	font-size: .61rem;
	font-weight: 800;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

.hc-timeline-record__body h3 {
	max-width: 20ch;
	margin: 0 0 12px;
	font-family: var(--hc-serif);
	font-size: clamp(1.8rem, 3vw, 3.35rem);
	line-height: .93;
	letter-spacing: -.045em;
	text-wrap: balance;
}

.hc-timeline-record__body h3 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-timeline-record__excerpt {
	max-width: 62ch;
	margin: 0;
	font-size: .92rem;
	line-height: 1.58;
	color: var(--hc-faded-ink);
}

.hc-timeline-record__enter {
	justify-self: start;
	margin-top: 17px;
	font-size: .65rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

.hc-timeline-record__enter span {
	display: inline-block;
	margin-left: 4px;
	transition: transform var(--hc-motion-fast) ease;
}

.hc-timeline-record__enter:hover span,
.hc-timeline-record__enter:focus-visible span {
	transform: translateX(3px);
}

/* "Earlier" keeps the visual line alive into pagination. */
.hc-chronicle__continue {
	display: grid;
	grid-template-columns: var(--hc-timeline-rail-x) minmax(0, 1fr);
	align-items: center;
	margin: 6px 0 0;
	color: var(--hc-pencil-gray);
}

.hc-chronicle__continue-line {
	grid-column: 1;
	justify-self: end;
	width: 1px;
	height: 38px;
	margin-right: -1px;
	background: rgba(60,43,31,.14);
}

.hc-chronicle__continue > span:last-child {
	grid-column: 2;
	margin-left: 28px;
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.hc-pagination--timeline {
	margin: 16px 0 0 calc(var(--hc-timeline-rail-x) + 28px);
}

.hc-pagination--timeline .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.hc-pagination--timeline .page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 38px;
	min-height: 38px;
	padding: 7px 10px;
	border: 1px solid rgba(60,43,31,.16);
	border-radius: 999px;
	background: rgba(255,253,247,.82);
	font-size: .68rem;
	font-weight: 900;
	text-decoration: none;
}

.hc-pagination--timeline .page-numbers.current {
	border-color: rgba(185,130,36,.50);
	background: rgba(212,164,67,.16);
	color: var(--hc-walnut-ink);
}

/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */
@media (max-width: 980px) {
	.hc-chronicle {
		--hc-timeline-rail-x: 94px;
	}

	.hc-chronicle__header {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.hc-chronicle__intro {
		max-width: 680px;
	}

	.hc-timeline-record__date {
		padding-right: 18px;
	}

	.hc-timeline-record__card {
		grid-template-columns: minmax(190px, 34%) minmax(0, 1fr);
		margin-left: 22px;
	}

	.hc-timeline-record__rail {
		left: calc(var(--hc-timeline-rail-x) - 6px);
	}

	.hc-timeline-year::after,
	.hc-chronicle__continue > span:last-child {
		margin-left: 22px;
	}
}

/* ---------------------------------------------------------
   Mobile: one clean vertical Chronicle.
   --------------------------------------------------------- */
@media (max-width: 640px) {
	.hc-chronicle {
		--hc-mobile-rail: 23px;
		width: 100%;
		margin-top: 44px;
		padding-bottom: 84px;
	}

	.hc-chronicle__header {
		margin-bottom: 28px;
		padding-bottom: 20px;
	}

	.hc-chronicle__header h1,
	.hc-chronicle__header h2 {
		font-size: clamp(2.55rem, 13vw, 4rem);
	}

	.hc-chronicle__intro {
		font-size: .98rem;
		line-height: 1.46;
	}

	.hc-timeline::before {
		left: var(--hc-mobile-rail);
		top: 34px;
	}

	.hc-timeline-year {
		grid-template-columns: var(--hc-mobile-rail) 1fr;
		min-height: 72px;
		margin: 22px 0 7px;
	}

	.hc-timeline-year span {
		grid-column: 2;
		justify-self: start;
		margin: 0 0 0 20px;
		padding: 6px 13px 6px 0;
		font-size: clamp(2rem, 11vw, 3rem);
	}

	.hc-timeline-year::after {
		grid-column: 2;
		margin-left: 20px;
	}

	.hc-timeline-record {
		display: grid;
		grid-template-columns: var(--hc-mobile-rail) minmax(0, 1fr);
		margin-bottom: 24px;
	}

	.hc-timeline-record__rail {
		left: calc(var(--hc-mobile-rail) - 5px);
		top: 23px;
		width: 11px;
		height: 11px;
	}

	.hc-timeline-record__dot {
		width: 8px;
		height: 8px;
	}

	.hc-timeline-record__date {
		grid-column: 2;
		grid-row: 1;
		padding: 0 0 7px 20px;
		text-align: left;
	}

	.hc-timeline-record__date time {
		display: flex;
		align-items: baseline;
		gap: 6px;
	}

	.hc-timeline-record__date span {
		font-size: .65rem;
	}

	.hc-timeline-record__date strong {
		font-size: .72rem;
	}

	.hc-timeline-record__card {
		grid-column: 2;
		grid-row: 2;
		grid-template-columns: 1fr;
		min-height: 0;
		margin-left: 20px;
		border-radius: 18px;
	}

	.hc-timeline-record__image,
	.hc-timeline-record__image img {
		min-height: 0;
	}

	.hc-timeline-record__image {
		aspect-ratio: 16 / 9;
	}

	.hc-timeline-record__image img {
		height: 100%;
		aspect-ratio: 16 / 9;
	}

	.hc-timeline-record__body {
		padding: 18px 18px 20px;
	}

	.hc-timeline-record__meta {
		margin-bottom: 8px;
	}

	.hc-timeline-record__body h3 {
		max-width: none;
		margin-bottom: 10px;
		font-size: clamp(1.65rem, 8vw, 2.45rem);
		line-height: .95;
	}

	.hc-timeline-record__excerpt {
		font-size: .88rem;
		line-height: 1.5;
	}

	.hc-timeline-record__enter {
		margin-top: 14px;
	}

	.hc-chronicle__continue {
		grid-template-columns: var(--hc-mobile-rail) minmax(0, 1fr);
	}

	.hc-chronicle__continue-line {
		grid-column: 1;
		justify-self: end;
		margin-right: 0;
	}

	.hc-chronicle__continue > span:last-child {
		grid-column: 2;
		margin-left: 20px;
	}

	.hc-pagination--timeline {
		margin-left: calc(var(--hc-mobile-rail) + 20px);
	}
}

/* Visitors asking for less motion still get the full chronology. */
@media (prefers-reduced-motion: reduce) {
	.hc-timeline-record__card,
	.hc-timeline-record__image img,
	.hc-timeline-record__enter span {
		transition: none;
	}
}


/* =========================================================
   Honey Chronicles Timeline v1.1
   Temporal Architecture
   ---------------------------------------------------------
   - Featured record is removed from the Chronicle duplicate.
   - Years become real threshold markers.
   - Dates physically attach to the timeline spine.
   - The line gains enough authority to read as architecture.
   ========================================================= */

.hc-chronicle {
	--hc-timeline-rail-x: 158px;
}

/* Make entering the Chronicle feel like crossing a threshold. */
.hc-chronicle__header {
	position: relative;
	padding-top: clamp(8px, 1vw, 14px);
}

.hc-chronicle__header::before {
	content: "";
	position: absolute;
	left: 0;
	top: -20px;
	width: min(180px, 24vw);
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--hc-dark-honey), var(--hc-honey-gold), transparent);
}

/* Stronger timeline spine. */
.hc-timeline::before {
	left: var(--hc-timeline-rail-x);
	width: 2px;
	background:
		linear-gradient(
			180deg,
			rgba(122,76,23,.82) 0,
			rgba(185,130,36,.62) 9%,
			rgba(60,43,31,.26) 28%,
			rgba(60,43,31,.20) 84%,
			rgba(60,43,31,.05) 100%
		);
	box-shadow: 1px 0 0 rgba(255,253,247,.7);
}

/* Year = a doorframe in time, not a floating number. */
.hc-timeline-year {
	grid-template-columns: var(--hc-timeline-rail-x) minmax(0, 1fr);
	min-height: 104px;
	margin: clamp(34px, 4.4vw, 66px) 0 16px;
}

.hc-timeline-year__marker {
	position: relative;
	z-index: 3;
	grid-column: 1;
	justify-self: end;
	display: grid;
	justify-items: end;
	gap: 2px;
	margin-right: -2px;
	padding: 10px 18px 10px 14px;
	background:
		linear-gradient(90deg, rgba(248,243,231,0), var(--hc-museum-paper) 26%);
}

.hc-timeline-year__marker::after {
	content: "";
	position: absolute;
	right: -6px;
	top: 50%;
	width: 12px;
	height: 12px;
	border: 2px solid var(--hc-museum-paper);
	border-radius: 999px;
	background: var(--hc-dark-honey);
	box-shadow:
		0 0 0 1px rgba(122,76,23,.58),
		0 3px 8px rgba(36,28,22,.16);
	transform: translateY(-50%);
}

.hc-timeline-year__marker span {
	margin: 0;
	padding: 0;
	background: none;
	font-size: clamp(2.45rem, 3.9vw, 4.15rem);
	line-height: .88;
	color: var(--hc-walnut-ink);
}

.hc-timeline-year__marker em {
	font-style: normal;
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .18em;
	line-height: 1;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-timeline-year::after {
	grid-column: 2;
	margin-left: 34px;
	background:
		linear-gradient(
			90deg,
			rgba(122,76,23,.46),
			rgba(185,130,36,.20) 35%,
			rgba(60,43,31,.06) 76%,
			transparent
		);
}

/* Records are connected to the rail with a short physical arm. */
.hc-timeline-record::before {
	content: "";
	position: absolute;
	left: var(--hc-timeline-rail-x);
	top: 35px;
	width: 34px;
	height: 1px;
	background: linear-gradient(90deg, rgba(122,76,23,.46), rgba(60,43,31,.15));
}

.hc-timeline-record__rail {
	left: calc(var(--hc-timeline-rail-x) - 6px);
	top: 29px;
	width: 14px;
	height: 14px;
}

.hc-timeline-record__dot {
	width: 11px;
	height: 11px;
	border-width: 3px;
	background: var(--hc-honey-gold);
	box-shadow:
		0 0 0 1px rgba(122,76,23,.56),
		0 3px 7px rgba(36,28,22,.16);
}

/* Date label now points straight at its position on the spine. */
.hc-timeline-record__date {
	padding: 19px 30px 0 0;
}

.hc-timeline-record__date time {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 7px;
}

.hc-timeline-record__date span {
	font-size: .72rem;
	letter-spacing: .12em;
	color: var(--hc-dark-honey);
}

.hc-timeline-record__date i {
	display: block;
	width: 18px;
	height: 1px;
	background: rgba(122,76,23,.34);
}

.hc-timeline-record__date strong {
	font-size: .72rem;
	font-weight: 700;
	color: var(--hc-pencil-gray);
}

/* A little more breathing room from time rail to object label. */
.hc-timeline-record__card {
	margin-left: 34px;
}

/* First non-featured record gets a quiet "we are now in time" emphasis. */
.hc-timeline-record:first-of-type .hc-timeline-record__card {
	border-color: rgba(185,130,36,.24);
}

/* The timeline continues visually into pagination. */
.hc-chronicle__continue-line {
	width: 2px;
	background:
		linear-gradient(180deg, rgba(60,43,31,.20), rgba(60,43,31,.06));
}

/* Tablet. */
@media (max-width: 980px) {
	.hc-chronicle {
		--hc-timeline-rail-x: 108px;
	}

	.hc-timeline-year__marker {
		padding-right: 14px;
	}

	.hc-timeline-record__card {
		margin-left: 28px;
	}

	.hc-timeline-record::before {
		width: 28px;
	}

	.hc-timeline-year::after {
		margin-left: 28px;
	}
}

/* Mobile: years become milestones on the left-hand walk through time. */
@media (max-width: 640px) {
	.hc-chronicle {
		--hc-mobile-rail: 25px;
	}

	.hc-chronicle__header::before {
		top: -14px;
		width: 118px;
	}

	.hc-timeline::before {
		left: var(--hc-mobile-rail);
		width: 2px;
	}

	.hc-timeline-year {
		grid-template-columns: var(--hc-mobile-rail) minmax(0, 1fr);
		min-height: 82px;
		margin: 28px 0 10px;
	}

	.hc-timeline-year__marker {
		grid-column: 2;
		justify-self: start;
		justify-items: start;
		margin: 0 0 0 20px;
		padding: 8px 14px 8px 0;
		background:
			linear-gradient(90deg, var(--hc-museum-paper) 0 80%, rgba(248,243,231,0));
	}

	.hc-timeline-year__marker::after {
		left: -26px;
		right: auto;
		width: 11px;
		height: 11px;
	}

	.hc-timeline-year__marker span {
		font-size: clamp(2.35rem, 12vw, 3.25rem);
	}

	.hc-timeline-year::after {
		grid-column: 2;
		margin-left: 20px;
	}

	.hc-timeline-record::before {
		left: var(--hc-mobile-rail);
		top: 30px;
		width: 20px;
	}

	.hc-timeline-record__rail {
		left: calc(var(--hc-mobile-rail) - 5px);
		top: 25px;
	}

	.hc-timeline-record__date {
		padding: 0 0 8px 20px;
	}

	.hc-timeline-record__date time {
		justify-content: flex-start;
		gap: 6px;
	}

	.hc-timeline-record__date i {
		width: 12px;
	}

	.hc-timeline-record__card {
		margin-left: 20px;
	}

	.hc-chronicle__continue {
		grid-template-columns: var(--hc-mobile-rail) minmax(0, 1fr);
	}
}


/* =========================================================
   Honey Chronicles Collection Room v1.0
   ---------------------------------------------------------
   The Collection is a specimen room, not a product catalog.
   This layer intentionally keeps the existing Honey Directory
   data/filter engine and transforms its public presentation.
   ========================================================= */

body.hc-room-honey {
	--hc-room-accent: var(--hc-honey-gold);
	--hc-room-accent-dark: var(--hc-dark-honey);
}

/* Give the Collection its own warm field without becoming a separate website. */
body.hc-room-honey .hc-main {
	background:
		radial-gradient(circle at 16% 7%, rgba(212,164,67,.10), transparent 24rem),
		radial-gradient(circle at 88% 22%, rgba(79,106,69,.055), transparent 28rem);
}

/* The plugin already supplies the right semantic shell. Make it a room. */
body.hc-room-honey .hc-honey-directory {
	width: min(100%, 1460px);
	max-width: 1460px;
	margin: 0 auto;
	padding: clamp(18px, 2.8vw, 42px) 0 clamp(72px, 8vw, 118px);
}

/* ---------------------------------------------------------
   Room introduction
   --------------------------------------------------------- */

body.hc-room-honey .hc-collection-header {
	position: relative;
	max-width: 1180px;
	margin: 0 auto clamp(28px, 4vw, 52px);
	padding: clamp(26px, 4vw, 58px) clamp(22px, 5vw, 72px);
	border: 1px solid rgba(60,43,31,.14);
	border-radius: 28px;
	background:
		radial-gradient(circle at 13% 10%, rgba(212,164,67,.17), transparent 19rem),
		linear-gradient(135deg, rgba(255,253,247,.97), rgba(248,243,231,.91) 58%, rgba(239,226,197,.64));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.86),
		0 20px 50px rgba(36,28,22,.09);
	overflow: hidden;
}

body.hc-room-honey .hc-collection-header::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(185,130,36,.18);
	border-radius: 20px;
	pointer-events: none;
}

body.hc-room-honey .hc-collection-header::after {
	content: "";
	position: absolute;
	right: clamp(22px, 5vw, 68px);
	top: 50%;
	width: clamp(90px, 11vw, 154px);
	aspect-ratio: 1;
	border: 1px solid rgba(185,130,36,.18);
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 42%, rgba(212,164,67,.27), transparent 38%),
		radial-gradient(circle at 50% 50%, transparent 0 45%, rgba(122,76,23,.07) 46% 47%, transparent 48%);
	transform: translateY(-50%);
	opacity: .72;
	pointer-events: none;
}

body.hc-room-honey .hc-collection-header .hc-kicker {
	position: relative;
	z-index: 2;
	margin: 0 0 10px;
	font-size: .67rem;
	letter-spacing: .18em;
}

body.hc-room-honey .hc-collection-header h1 {
	position: relative;
	z-index: 2;
	max-width: 14ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.7rem, 5.7vw, 6.1rem);
	line-height: .86;
	letter-spacing: -.058em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

body.hc-room-honey .hc-collection-header > p:last-child {
	position: relative;
	z-index: 2;
	max-width: 640px;
	margin: 17px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.25vw, 1.18rem);
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   Collection Desk / filters
   --------------------------------------------------------- */

body.hc-room-honey .hc-honey-directory-tools {
	position: relative;
	display: grid;
	grid-template-columns: minmax(320px, 1.65fr) repeat(3, minmax(145px, .72fr)) minmax(105px, .45fr) auto;
	gap: 12px;
	align-items: end;
	max-width: 1320px;
	margin: 0 auto 12px;
	padding: 34px clamp(16px, 2.2vw, 28px) 18px;
	border: 1px solid rgba(60,43,31,.16);
	border-radius: 20px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.95), rgba(239,226,197,.60));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 10px 26px rgba(36,28,22,.07);
}

body.hc-room-honey .hc-honey-directory-tools::before {
	content: "Collection Desk";
	position: absolute;
	left: clamp(16px, 2.2vw, 28px);
	top: 12px;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

body.hc-room-honey .hc-honey-directory-tools label {
	margin-bottom: 6px;
	font-size: .60rem;
	letter-spacing: .12em;
	color: var(--hc-walnut-ink);
}

body.hc-room-honey .hc-honey-directory-tools input,
body.hc-room-honey .hc-honey-directory-tools select {
	min-height: 46px;
	border-color: rgba(60,43,31,.18);
	border-radius: 11px;
	background: rgba(255,253,247,.96);
	box-shadow: inset 0 1px 2px rgba(36,28,22,.035);
	font-size: .82rem;
}

body.hc-room-honey .hc-honey-directory-tools input[type="search"] {
	padding-left: 15px;
	font-family: var(--hc-serif);
	font-size: .96rem;
}

body.hc-room-honey .hc-honey-directory-tools input:focus,
body.hc-room-honey .hc-honey-directory-tools select:focus {
	outline: 3px solid rgba(185,130,36,.14);
	border-color: rgba(185,130,36,.58);
}

body.hc-room-honey .hc-directory-clear {
	min-height: 46px;
	padding: 0 16px;
	border: 1px solid rgba(122,76,23,.34);
	border-radius: 11px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.96), rgba(226,210,175,.58));
	color: var(--hc-walnut-ink);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.hc-room-honey .hc-directory-clear:hover,
body.hc-room-honey .hc-directory-clear:focus-visible {
	background:
		linear-gradient(180deg, rgba(255,253,247,.98), rgba(212,164,67,.25));
	color: var(--hc-dark-honey);
}

/* Mobile-only control is inserted by hc-collection-room.js. */
.hc-collection-refine-toggle {
	display: none;
}

/* Results count becomes a museum inventory line. */
body.hc-room-honey .hc-directory-status {
	max-width: 1320px;
	margin: 0 auto 18px;
	padding: 2px 3px 0;
	gap: 7px;
	align-items: baseline;
	color: var(--hc-pencil-gray);
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .08em;
}

body.hc-room-honey .hc-directory-status strong {
	font-family: var(--hc-serif);
	font-size: 1.3rem;
	line-height: 1;
	color: var(--hc-dark-honey);
}

/* ---------------------------------------------------------
   Specimen cases
   --------------------------------------------------------- */

body.hc-room-honey .hc-honey-results {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(16px, 1.7vw, 26px);
	max-width: 1320px;
	margin: 0 auto;
	align-items: stretch;
}

body.hc-room-honey .hc-honey-result {
	min-width: 0;
}

body.hc-room-honey .hc-collection-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(60,43,31,.16);
	border-radius: 20px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.98), rgba(248,243,231,.92));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.82),
		0 11px 27px rgba(36,28,22,.075);
	overflow: hidden;
	transition:
		transform var(--hc-motion-normal) var(--hc-ease),
		box-shadow var(--hc-motion-normal) var(--hc-ease),
		border-color var(--hc-motion-normal) var(--hc-ease);
}

body.hc-room-honey .hc-collection-card:hover {
	transform: translateY(-3px);
	border-color: rgba(185,130,36,.30);
	box-shadow: 0 18px 38px rgba(36,28,22,.105);
}

body.hc-room-honey .hc-collection-card .hc-card-image {
	position: relative;
	aspect-ratio: 1 / .88;
	padding: clamp(10px, 1.2vw, 16px);
	display: grid;
	place-items: center;
	background:
		radial-gradient(circle at 50% 34%, rgba(255,253,247,.96), rgba(239,226,197,.64) 70%),
		var(--hc-aged-parchment);
	border-bottom: 1px solid rgba(60,43,31,.13);
}

body.hc-room-honey .hc-collection-card .hc-card-image::after {
	content: "";
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(122,76,23,.10);
	border-radius: 13px;
	pointer-events: none;
}

body.hc-room-honey .hc-collection-card .hc-card-image img {
	width: 100%;
	height: 100%;
	max-height: 290px;
	object-fit: contain;
	filter: drop-shadow(0 12px 13px rgba(36,28,22,.14));
	transition: transform 300ms var(--hc-ease);
}

body.hc-room-honey .hc-collection-card:hover .hc-card-image img {
	transform: scale(1.025);
}

body.hc-room-honey .hc-collection-card .hc-card-image-placeholder span {
	font-size: clamp(2.6rem, 5vw, 4.2rem);
	filter: grayscale(.18);
	opacity: .72;
}

body.hc-room-honey .hc-collection-card .hc-card-body {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: clamp(17px, 1.7vw, 24px);
}

body.hc-room-honey .hc-collection-card .hc-card-eyebrow {
	margin-bottom: 7px;
	font-size: .58rem;
	letter-spacing: .14em;
	color: var(--hc-dark-honey);
}

body.hc-room-honey .hc-collection-card .hc-card-title {
	margin: 0 0 6px;
	font-family: var(--hc-serif);
	font-size: clamp(1.35rem, 1.7vw, 1.85rem);
	line-height: .96;
	letter-spacing: -.035em;
}

body.hc-room-honey .hc-collection-card .hc-card-title a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

body.hc-room-honey .hc-card-producer-name {
	margin: 2px 0 2px;
	font-size: .78rem;
	font-weight: 850;
	color: var(--hc-field-green);
}

body.hc-room-honey .hc-card-place {
	margin: 0 0 10px;
	font-family: var(--hc-serif);
	font-size: .82rem;
	color: var(--hc-faded-ink);
}

body.hc-room-honey .hc-honey-card-facts {
	margin: 4px 0 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(60,43,31,.10);
	gap: 10px 18px;
}

body.hc-room-honey .hc-honey-card-facts span {
	font-family: var(--hc-serif);
	font-size: .78rem;
	color: var(--hc-walnut-ink);
}

body.hc-room-honey .hc-honey-card-facts strong {
	margin-bottom: 2px;
	font-family: var(--hc-sans);
	font-size: .52rem;
	letter-spacing: .12em;
	color: var(--hc-pencil-gray);
}

body.hc-room-honey .hc-card-rating {
	margin: auto 0 9px;
	padding-top: 7px;
	font-size: .76rem;
	color: var(--hc-dark-honey);
}

body.hc-room-honey .hc-collection-card .hc-card-link {
	align-self: flex-start;
	margin-top: auto;
	font-size: .60rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

/* Empty result = closed display case, not an error. */
body.hc-room-honey .hc-directory-empty {
	max-width: 900px;
	margin: 36px auto;
	padding: 42px 26px;
	border: 1px dashed rgba(122,76,23,.27);
	border-radius: 20px;
	background: rgba(255,253,247,.72);
}

body.hc-room-honey .hc-directory-empty h2 {
	font-family: var(--hc-serif);
	font-size: clamp(1.8rem, 3vw, 2.8rem);
}

/* ---------------------------------------------------------
   Responsive Collection Room
   --------------------------------------------------------- */

@media (max-width: 1180px) {
	body.hc-room-honey .hc-honey-directory-tools {
		grid-template-columns: minmax(280px, 1.4fr) repeat(2, minmax(140px, .7fr));
	}

	body.hc-room-honey .hc-directory-search {
		grid-column: 1 / -1;
	}

	body.hc-room-honey .hc-honey-results {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	body.hc-room-honey .hc-collection-header {
		margin-bottom: 22px;
		padding: 28px 24px;
	}

	body.hc-room-honey .hc-collection-header::after {
		display: none;
	}

	body.hc-room-honey .hc-honey-directory-tools {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.hc-room-honey .hc-honey-results {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Phone: search always visible; refinements collapse behind one obvious control. */
@media (max-width: 640px) {
	body.hc-room-honey .hc-honey-directory {
		padding-top: 8px;
	}

	body.hc-room-honey .hc-collection-header {
		margin-left: 0;
		margin-right: 0;
		padding: 24px 20px 26px;
		border-radius: 20px;
	}

	body.hc-room-honey .hc-collection-header::before {
		inset: 8px;
		border-radius: 14px;
	}

	body.hc-room-honey .hc-collection-header h1 {
		font-size: clamp(2.55rem, 14vw, 4.1rem);
		max-width: 12ch;
	}

	body.hc-room-honey .hc-collection-header > p:last-child {
		margin-top: 12px;
		font-size: .96rem;
		line-height: 1.46;
	}

	body.hc-room-honey .hc-honey-directory-tools {
		display: grid;
		grid-template-columns: 1fr;
		gap: 9px;
		padding: 34px 12px 12px;
		border-radius: 16px;
	}

	body.hc-room-honey .hc-honey-directory-tools::before {
		left: 13px;
	}

	body.hc-room-honey .hc-directory-search {
		grid-column: 1;
	}

	.hc-collection-refine-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		min-height: 44px;
		margin: 1px 0;
		padding: 9px 12px;
		border: 1px solid rgba(60,43,31,.17);
		border-radius: 10px;
		background: rgba(255,253,247,.85);
		color: var(--hc-walnut-ink);
		font-size: .64rem;
		font-weight: 900;
		letter-spacing: .10em;
		text-transform: uppercase;
	}

	.hc-collection-refine-toggle::after {
		content: "+";
		font-family: var(--hc-serif);
		font-size: 1.25rem;
		line-height: 1;
		color: var(--hc-dark-honey);
	}

	.hc-honey-directory.is-refining .hc-collection-refine-toggle::after {
		content: "−";
	}

	body.hc-room-honey .hc-honey-directory-tools > div:not(.hc-directory-search),
	body.hc-room-honey .hc-honey-directory-tools > .hc-directory-clear {
		display: none;
	}

	body.hc-room-honey .hc-honey-directory.is-refining .hc-honey-directory-tools > div:not(.hc-directory-search),
	body.hc-room-honey .hc-honey-directory.is-refining .hc-honey-directory-tools > .hc-directory-clear {
		display: block;
	}

	body.hc-room-honey .hc-honey-results {
		grid-template-columns: 1fr;
		gap: 13px;
	}

	/* A phone specimen is a compact museum case: object left, label right. */
	body.hc-room-honey .hc-collection-card {
		display: grid;
		grid-template-columns: minmax(116px, 38%) minmax(0, 1fr);
		min-height: 184px;
		border-radius: 17px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-image {
		height: 100%;
		min-height: 184px;
		aspect-ratio: auto;
		padding: 9px;
		border-right: 1px solid rgba(60,43,31,.12);
		border-bottom: 0;
	}

	body.hc-room-honey .hc-collection-card .hc-card-image img {
		max-height: 220px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-body {
		padding: 15px 14px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-title {
		font-size: clamp(1.2rem, 6vw, 1.62rem);
	}

	body.hc-room-honey .hc-honey-card-facts {
		display: none;
	}

	body.hc-room-honey .hc-card-rating {
		margin-top: 7px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-link {
		margin-top: 7px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.hc-room-honey .hc-collection-card,
	body.hc-room-honey .hc-collection-card .hc-card-image img {
		transition: none;
	}
}


/* =========================================================
   Honey Chronicles Collection Room v1.1
   Desk + Specimen Label Refinement
   ---------------------------------------------------------
   - compresses the room intro
   - makes the Collection Desk feel less like a form
   - adds active refinement chips
   - strengthens specimen label hierarchy
   - tightens mobile so jars arrive sooner
   ========================================================= */

/* ---------------------------------------------------------
   Room intro: keep the question, lose unnecessary altitude.
   --------------------------------------------------------- */

body.hc-room-honey .hc-collection-header {
	max-width: 1120px;
	margin-bottom: clamp(20px, 2.8vw, 34px);
	padding: clamp(22px, 3vw, 40px) clamp(22px, 4.5vw, 58px);
}

body.hc-room-honey .hc-collection-header::before {
	inset: 10px;
}

body.hc-room-honey .hc-collection-header::after {
	width: clamp(72px, 8.5vw, 118px);
	right: clamp(18px, 4vw, 48px);
	opacity: .55;
}

body.hc-room-honey .hc-collection-header h1 {
	max-width: 13ch;
	font-size: clamp(2.55rem, 5vw, 5.15rem);
}

body.hc-room-honey .hc-collection-header > p:last-child {
	max-width: 590px;
	margin-top: 12px;
	font-size: clamp(.96rem, 1.08vw, 1.08rem);
	line-height: 1.48;
}

/* ---------------------------------------------------------
   Collection Desk: one instrument panel, not six form boxes.
   --------------------------------------------------------- */

body.hc-room-honey .hc-honey-directory-tools {
	max-width: 1320px;
	grid-template-columns:
		minmax(330px, 1.8fr)
		repeat(3, minmax(135px, .68fr))
		minmax(94px, .44fr)
		auto;
	gap: 8px;
	margin-bottom: 8px;
	padding: 31px 12px 12px;
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.985), rgba(239,226,197,.56));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 7px 18px rgba(36,28,22,.055);
}

body.hc-room-honey .hc-honey-directory-tools::before {
	left: 15px;
	top: 10px;
	font-size: .55rem;
	letter-spacing: .18em;
}

body.hc-room-honey .hc-honey-directory-tools > div {
	position: relative;
	min-width: 0;
}

body.hc-room-honey .hc-honey-directory-tools label {
	margin: 0 0 4px 4px;
	font-size: .54rem;
	letter-spacing: .13em;
	color: var(--hc-pencil-gray);
}

body.hc-room-honey .hc-honey-directory-tools input,
body.hc-room-honey .hc-honey-directory-tools select {
	min-height: 42px;
	padding-top: 7px;
	padding-bottom: 7px;
	border: 1px solid rgba(60,43,31,.15);
	border-radius: 9px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.99), rgba(248,243,231,.82));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.86),
		0 1px 3px rgba(36,28,22,.025);
	color: var(--hc-walnut-ink);
}

body.hc-room-honey .hc-honey-directory-tools select {
	padding-left: 10px;
	font-size: .75rem;
	font-weight: 700;
}

body.hc-room-honey .hc-honey-directory-tools input[type="search"] {
	min-height: 44px;
	padding-left: 13px;
	font-size: .91rem;
}

body.hc-room-honey .hc-honey-directory-tools input:hover,
body.hc-room-honey .hc-honey-directory-tools select:hover {
	border-color: rgba(185,130,36,.30);
}

body.hc-room-honey .hc-directory-clear {
	min-height: 42px;
	padding: 0 13px;
	border-radius: 9px;
	font-size: .58rem;
	letter-spacing: .09em;
}

/* Active choices become little specimen tags beneath the desk. */
.hc-collection-active-filters {
	display: none;
	max-width: 1320px;
	margin: 0 auto 11px;
	padding: 0 2px;
	gap: 6px;
	align-items: center;
	flex-wrap: wrap;
}

.hc-collection-active-filters.has-filters {
	display: flex;
}

.hc-collection-active-filters__label {
	margin-right: 2px;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-collection-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 27px;
	padding: 5px 8px 4px;
	border: 1px solid rgba(122,76,23,.18);
	border-radius: 999px;
	background: rgba(255,253,247,.82);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
	color: var(--hc-walnut-ink);
	font-size: .62rem;
	font-weight: 800;
	cursor: pointer;
}

.hc-collection-filter-chip::after {
	content: "×";
	font-family: var(--hc-sans);
	font-size: .78rem;
	line-height: 1;
	color: var(--hc-dark-honey);
}

.hc-collection-filter-chip:hover,
.hc-collection-filter-chip:focus-visible {
	border-color: rgba(185,130,36,.44);
	background: rgba(248,243,231,.96);
	outline: none;
}

/* Inventory line now sits closer to the collection itself. */
body.hc-room-honey .hc-directory-status {
	margin-bottom: 12px;
	padding-left: 2px;
	font-size: .64rem;
}

body.hc-room-honey .hc-directory-status strong {
	font-size: 1.16rem;
}

/* ---------------------------------------------------------
   Specimen label hierarchy
   --------------------------------------------------------- */

body.hc-room-honey .hc-collection-card .hc-card-body {
	padding: clamp(15px, 1.5vw, 21px);
}

body.hc-room-honey .hc-collection-card .hc-card-eyebrow {
	margin-bottom: 6px;
	font-size: .52rem;
	letter-spacing: .16em;
}

body.hc-room-honey .hc-collection-card .hc-card-title {
	max-width: 16ch;
	margin-bottom: 9px;
	font-size: clamp(1.28rem, 1.55vw, 1.72rem);
	line-height: .94;
}

body.hc-room-honey .hc-card-producer-name,
body.hc-room-honey .hc-card-place {
	position: relative;
	padding-left: 46px;
	min-height: 16px;
}

body.hc-room-honey .hc-card-producer-name::before,
body.hc-room-honey .hc-card-place::before {
	position: absolute;
	left: 0;
	top: 1px;
	width: 40px;
	font-size: .48rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

body.hc-room-honey .hc-card-producer-name::before {
	content: "Made by";
}

body.hc-room-honey .hc-card-place::before {
	content: "From";
}

body.hc-room-honey .hc-card-producer-name {
	margin-bottom: 4px;
	font-family: var(--hc-serif);
	font-size: .76rem;
	font-weight: 700;
	line-height: 1.25;
}

body.hc-room-honey .hc-card-place {
	margin-bottom: 9px;
	font-size: .76rem;
	line-height: 1.3;
}

body.hc-room-honey .hc-honey-card-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 5px 0 10px;
	padding-top: 0;
	border-top: 1px solid rgba(60,43,31,.10);
	border-bottom: 1px solid rgba(60,43,31,.10);
}

body.hc-room-honey .hc-honey-card-facts span {
	min-width: 0;
	padding: 8px 8px 8px 0;
}

body.hc-room-honey .hc-honey-card-facts span:nth-child(even) {
	padding-left: 10px;
	border-left: 1px solid rgba(60,43,31,.08);
}

body.hc-room-honey .hc-honey-card-facts strong {
	font-size: .47rem;
}

body.hc-room-honey .hc-card-rating {
	margin-top: auto;
	padding-top: 5px;
	font-size: .72rem;
}

body.hc-room-honey .hc-collection-card .hc-card-link {
	margin-top: 5px;
	padding-top: 7px;
	border-top: 1px solid rgba(60,43,31,.08);
	width: 100%;
}

/* ---------------------------------------------------------
   Mobile: get to the jars faster.
   --------------------------------------------------------- */

@media (max-width: 640px) {
	body.hc-room-honey .hc-main {
		padding-top: 6px;
	}

	body.hc-room-honey .hc-honey-directory {
		padding-top: 2px;
	}

	body.hc-room-honey .hc-collection-header {
		margin-bottom: 13px;
		padding: 20px 18px 21px;
	}

	body.hc-room-honey .hc-collection-header .hc-kicker {
		margin-bottom: 6px;
		font-size: .59rem;
	}

	body.hc-room-honey .hc-collection-header h1 {
		font-size: clamp(2.3rem, 12vw, 3.55rem);
		line-height: .89;
	}

	body.hc-room-honey .hc-collection-header > p:last-child {
		margin-top: 9px;
		font-size: .9rem;
		line-height: 1.4;
	}

	body.hc-room-honey .hc-honey-directory-tools {
		margin-bottom: 6px;
		padding: 29px 9px 9px;
		gap: 7px;
		border-radius: 14px;
	}

	body.hc-room-honey .hc-honey-directory-tools::before {
		left: 11px;
		top: 9px;
	}

	body.hc-room-honey .hc-honey-directory-tools input[type="search"] {
		min-height: 43px;
	}

	.hc-collection-refine-toggle {
		min-height: 40px;
		padding: 7px 10px;
		border-radius: 9px;
		font-size: .59rem;
	}

	.hc-collection-active-filters {
		margin: 0 0 8px;
		padding: 0;
		gap: 5px;
	}

	.hc-collection-active-filters__label {
		width: 100%;
		font-size: .50rem;
	}

	.hc-collection-filter-chip {
		min-height: 25px;
		font-size: .58rem;
	}

	body.hc-room-honey .hc-directory-status {
		margin-bottom: 8px;
		font-size: .58rem;
	}

	body.hc-room-honey .hc-directory-status strong {
		font-size: 1.05rem;
	}

	body.hc-room-honey .hc-honey-results {
		gap: 10px;
	}

	body.hc-room-honey .hc-collection-card {
		grid-template-columns: minmax(108px, 35%) minmax(0, 1fr);
		min-height: 168px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-image {
		min-height: 168px;
		padding: 7px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-body {
		padding: 13px 12px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-title {
		margin-bottom: 7px;
		font-size: clamp(1.16rem, 5.7vw, 1.52rem);
	}

	body.hc-room-honey .hc-card-producer-name,
	body.hc-room-honey .hc-card-place {
		padding-left: 40px;
		font-size: .69rem;
	}

	body.hc-room-honey .hc-card-producer-name::before,
	body.hc-room-honey .hc-card-place::before {
		width: 35px;
		font-size: .44rem;
	}

	body.hc-room-honey .hc-honey-card-facts {
		display: none;
	}

	body.hc-room-honey .hc-card-rating {
		margin-top: 5px;
		padding-top: 4px;
	}

	body.hc-room-honey .hc-collection-card .hc-card-link {
		margin-top: 4px;
		padding-top: 6px;
	}
}


/* =========================================================
   Honey Chronicles Producer Wing v1.0
   ---------------------------------------------------------
   Honey is specimen-led.
   Producers are people / craft / place-led.
   This room shares the museum grammar without cloning the
   Collection Room.
   ========================================================= */

body.hc-room-producers {
	--hc-room-accent: var(--hc-field-green);
	--hc-room-accent-dark: #30452b;
}

body.hc-room-producers .hc-main {
	background:
		radial-gradient(circle at 12% 9%, rgba(79,106,69,.10), transparent 27rem),
		radial-gradient(circle at 88% 28%, rgba(185,130,36,.07), transparent 29rem);
}

.hc-producer-wing {
	width: min(100%, 1460px);
	margin: 0 auto;
	padding: clamp(18px, 2.8vw, 42px) 0 clamp(78px, 9vw, 128px);
}

/* ---------------------------------------------------------
   Room introduction
   --------------------------------------------------------- */

.hc-producer-wing__intro {
	position: relative;
	max-width: 1180px;
	margin: 0 auto clamp(26px, 4vw, 48px);
	padding: clamp(28px, 4.2vw, 62px) clamp(24px, 5vw, 72px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 280px);
	gap: clamp(24px, 5vw, 72px);
	align-items: center;
	border: 1px solid rgba(60,43,31,.14);
	border-radius: 28px;
	background:
		radial-gradient(circle at 84% 28%, rgba(79,106,69,.14), transparent 20rem),
		linear-gradient(135deg, rgba(255,253,247,.97), rgba(248,243,231,.92) 58%, rgba(181,194,167,.18));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.88),
		0 20px 50px rgba(36,28,22,.09);
	overflow: hidden;
}

.hc-producer-wing__intro::before {
	content: "";
	position: absolute;
	inset: 11px;
	border: 1px solid rgba(79,106,69,.15);
	border-radius: 20px;
	pointer-events: none;
}

.hc-producer-wing__intro-copy {
	position: relative;
	z-index: 2;
	max-width: 830px;
}

.hc-producer-wing__eyebrow,
.hc-producer-directory__eyebrow {
	margin: 0 0 8px;
	font-size: .64rem;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

.hc-producer-wing__intro h1 {
	max-width: 13ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.7rem, 5.7vw, 6rem);
	line-height: .86;
	letter-spacing: -.058em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-producer-wing__intro-copy > p:last-child {
	max-width: 660px;
	margin: 17px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.25vw, 1.18rem);
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-producer-wing__mark {
	position: relative;
	z-index: 2;
	width: min(100%, 220px);
	aspect-ratio: 1;
	justify-self: center;
	display: grid;
	place-items: center;
	border: 1px solid rgba(79,106,69,.20);
	border-radius: 999px;
	background:
		radial-gradient(circle, rgba(181,194,167,.40), rgba(255,253,247,.42) 55%, transparent 56%);
}

.hc-producer-wing__mark::before,
.hc-producer-wing__mark::after,
.hc-producer-wing__mark span {
	content: "";
	position: absolute;
	display: block;
	border-radius: 999px;
	border: 1px solid rgba(79,106,69,.18);
}

.hc-producer-wing__mark::before {
	width: 66%;
	height: 66%;
}

.hc-producer-wing__mark::after {
	width: 34%;
	height: 34%;
	background: rgba(185,130,36,.08);
}

.hc-producer-wing__mark span {
	width: 8px;
	height: 8px;
	border: 0;
	background: var(--hc-field-green);
	box-shadow: 0 0 0 6px rgba(79,106,69,.10);
}

/* ---------------------------------------------------------
   Recently added editorial portrait
   --------------------------------------------------------- */

.hc-producer-feature {
	max-width: 1220px;
	margin: 0 auto clamp(38px, 5vw, 68px);
	display: grid;
	grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
	border: 1px solid rgba(60,43,31,.16);
	border-radius: 24px;
	background:
		linear-gradient(135deg, rgba(255,253,247,.97), rgba(248,243,231,.89));
	box-shadow: 0 16px 40px rgba(36,28,22,.09);
	overflow: hidden;
}

.hc-producer-feature__visual {
	position: relative;
	min-height: 360px;
	display: block;
	background:
		linear-gradient(145deg, rgba(79,106,69,.22), rgba(239,226,197,.72));
	overflow: hidden;
}

.hc-producer-feature__visual img {
	width: 100%;
	height: 100%;
	min-height: 360px;
	object-fit: cover;
	display: block;
	transition: transform 360ms var(--hc-ease);
}

.hc-producer-feature:hover .hc-producer-feature__visual img {
	transform: scale(1.018);
}

.hc-producer-feature__copy {
	display: grid;
	align-content: center;
	padding: clamp(28px, 4vw, 58px);
}

.hc-producer-feature__eyebrow,
.hc-producer-feature__type,
.hc-producer-wing-card__type {
	margin: 0 0 7px;
	font-size: .59rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hc-producer-feature__eyebrow {
	color: var(--hc-dark-honey);
}

.hc-producer-feature__type,
.hc-producer-wing-card__type {
	color: var(--hc-field-green);
}

.hc-producer-feature h2 {
	max-width: 14ch;
	margin: 0 0 10px;
	font-family: var(--hc-serif);
	font-size: clamp(2.35rem, 4.5vw, 4.8rem);
	line-height: .89;
	letter-spacing: -.052em;
	text-wrap: balance;
}

.hc-producer-feature h2 a,
.hc-producer-wing-card h3 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-producer-feature__location {
	margin: 0 0 16px;
	font-family: var(--hc-serif);
	font-size: 1.04rem;
	color: var(--hc-field-green);
}

.hc-producer-feature__teaser {
	max-width: 58ch;
	margin: 0;
	font-size: .92rem;
	line-height: 1.58;
	color: var(--hc-faded-ink);
}

.hc-producer-feature__enter,
.hc-producer-wing-card__enter {
	justify-self: start;
	margin-top: 17px;
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

/* Intentional place fallback, never a broken-image box. */
.hc-producer-place-card {
	position: absolute;
	inset: 0;
	display: grid;
	align-content: end;
	gap: 7px;
	padding: clamp(24px, 4vw, 42px);
	background:
		radial-gradient(circle at 73% 23%, rgba(212,164,67,.20), transparent 12rem),
		linear-gradient(145deg, #5f7251, #33472f 62%, #283524);
	color: #fff;
	text-shadow: 0 2px 12px rgba(20,28,18,.32);
}

.hc-producer-place-card::before {
	content: "◉";
	position: absolute;
	right: 9%;
	top: 9%;
	font-size: clamp(3rem, 8vw, 6rem);
	font-family: var(--hc-serif);
	font-weight: 400;
	color: rgba(255,255,255,.15);
}

.hc-producer-place-card small {
	font-size: .59rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255,255,255,.76);
}

.hc-producer-place-card strong {
	max-width: 12ch;
	font-family: var(--hc-serif);
	font-size: clamp(1.7rem, 3vw, 3.1rem);
	line-height: .92;
	letter-spacing: -.035em;
	color: #fff;
}

/* ---------------------------------------------------------
   People & Places Desk
   --------------------------------------------------------- */

.hc-producer-directory {
	max-width: 1320px;
	margin: 0 auto;
}

.hc-producer-directory__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
	margin: 0 0 14px;
	padding: 0 2px;
}

.hc-producer-directory__header h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.6vw, 3.8rem);
	line-height: .9;
	letter-spacing: -.045em;
}

.hc-producer-directory__header > p {
	max-width: 460px;
	margin: 0 0 2px;
	font-family: var(--hc-serif);
	font-size: .92rem;
	line-height: 1.45;
	color: var(--hc-faded-ink);
}

.hc-producer-tools {
	position: relative;
	display: grid;
	grid-template-columns: minmax(320px, 1.6fr) minmax(175px, .8fr) minmax(175px, .8fr) minmax(150px, .65fr) auto;
	gap: 8px;
	align-items: end;
	padding: 31px 12px 12px;
	border: 1px solid rgba(60,43,31,.16);
	border-radius: 16px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.985), rgba(181,194,167,.16));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.92),
		0 7px 18px rgba(36,28,22,.055);
}

.hc-producer-tools::before {
	content: "People & Places Desk";
	position: absolute;
	left: 15px;
	top: 10px;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

.hc-producer-tool label {
	display: block;
	margin: 0 0 4px 4px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-tool input,
.hc-producer-tool select {
	width: 100%;
	min-height: 42px;
	margin: 0;
	padding: 7px 10px;
	border: 1px solid rgba(60,43,31,.15);
	border-radius: 9px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.99), rgba(248,243,231,.82));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
	color: var(--hc-walnut-ink);
	font-size: .75rem;
}

.hc-producer-tool--search input {
	min-height: 44px;
	padding-left: 13px;
	font-family: var(--hc-serif);
	font-size: .91rem;
}

.hc-producer-tool input:focus,
.hc-producer-tool select:focus {
	outline: 3px solid rgba(79,106,69,.13);
	border-color: rgba(79,106,69,.55);
}

.hc-producer-clear {
	min-height: 42px;
	padding: 0 13px;
	border: 1px solid rgba(79,106,69,.28);
	border-radius: 9px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.96), rgba(181,194,167,.28));
	color: var(--hc-walnut-ink);
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	cursor: pointer;
}

.hc-producer-active-filters {
	display: none;
	gap: 6px;
	align-items: center;
	flex-wrap: wrap;
	margin: 8px 2px 0;
}

.hc-producer-active-filters.has-filters {
	display: flex;
}

.hc-producer-active-filters::before {
	content: "In view because";
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-filter-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 27px;
	padding: 5px 8px 4px;
	border: 1px solid rgba(79,106,69,.20);
	border-radius: 999px;
	background: rgba(255,253,247,.84);
	color: var(--hc-walnut-ink);
	font-size: .61rem;
	font-weight: 800;
	cursor: pointer;
}

.hc-producer-filter-chip::after {
	content: "×";
	color: var(--hc-field-green);
}

.hc-producer-status {
	display: flex;
	gap: 6px;
	align-items: baseline;
	margin: 10px 2px 14px;
	font-size: .63rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-status strong {
	font-family: var(--hc-serif);
	font-size: 1.17rem;
	color: var(--hc-field-green);
}

/* ---------------------------------------------------------
   Editorial Producer wall
   --------------------------------------------------------- */

.hc-producer-wing-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 1.7vw, 25px);
	align-items: stretch;
}

.hc-producer-wing-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(60,43,31,.15);
	border-radius: 20px;
	background:
		linear-gradient(180deg, rgba(255,253,247,.98), rgba(248,243,231,.91));
	box-shadow: 0 11px 27px rgba(36,28,22,.07);
	overflow: hidden;
	transition:
		transform var(--hc-motion-normal) var(--hc-ease),
		box-shadow var(--hc-motion-normal) var(--hc-ease),
		border-color var(--hc-motion-normal) var(--hc-ease);
}

.hc-producer-wing-card:hover {
	transform: translateY(-3px);
	border-color: rgba(79,106,69,.28);
	box-shadow: 0 18px 38px rgba(36,28,22,.10);
}

.hc-producer-wing-card__visual {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	background:
		linear-gradient(145deg, rgba(181,194,167,.32), rgba(239,226,197,.72));
	overflow: hidden;
}

.hc-producer-wing-card__visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 320ms var(--hc-ease);
}

.hc-producer-wing-card:hover .hc-producer-wing-card__visual img {
	transform: scale(1.022);
}

.hc-producer-wing-card__visual .hc-producer-place-card {
	padding: 22px;
}

.hc-producer-wing-card__visual .hc-producer-place-card strong {
	font-size: clamp(1.55rem, 2.4vw, 2.45rem);
}

.hc-producer-wing-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: clamp(17px, 1.7vw, 24px);
}

.hc-producer-wing-card__type {
	margin-bottom: 7px;
}

.hc-producer-wing-card h3 {
	max-width: 16ch;
	margin: 0 0 8px;
	font-family: var(--hc-serif);
	font-size: clamp(1.45rem, 2vw, 2rem);
	line-height: .96;
	letter-spacing: -.035em;
}

.hc-producer-wing-card__location {
	margin: 0 0 10px;
	font-family: var(--hc-serif);
	font-size: .82rem;
	color: var(--hc-field-green);
}

.hc-producer-wing-card__teaser {
	margin: 0;
	font-size: .82rem;
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

.hc-producer-wing-card__enter {
	margin-top: auto;
	padding-top: 15px;
}

.hc-producer-wing-card[hidden] {
	display: none !important;
}

.hc-producer-wing-empty {
	margin: 28px auto 0;
	padding: 42px 26px;
	text-align: center;
	border: 1px dashed rgba(79,106,69,.28);
	border-radius: 20px;
	background: rgba(255,253,247,.74);
}

.hc-producer-wing-empty h2 {
	margin: 0 0 8px;
	font-family: var(--hc-serif);
	font-size: clamp(1.8rem, 3vw, 2.8rem);
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 1080px) {
	.hc-producer-tools {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hc-producer-tool--search {
		grid-column: 1 / -1;
	}

	.hc-producer-wing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.hc-producer-wing__intro {
		grid-template-columns: 1fr;
	}

	.hc-producer-wing__mark {
		display: none;
	}

	.hc-producer-feature {
		grid-template-columns: 1fr;
	}

	.hc-producer-feature__visual,
	.hc-producer-feature__visual img {
		min-height: 300px;
	}

	.hc-producer-directory__header {
		display: block;
	}

	.hc-producer-directory__header > p {
		margin-top: 9px;
	}

	.hc-producer-tools {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.hc-room-producers .hc-main {
		padding-top: 6px;
	}

	.hc-producer-wing {
		padding-top: 2px;
	}

	.hc-producer-wing__intro {
		margin-bottom: 14px;
		padding: 21px 18px 22px;
		border-radius: 20px;
	}

	.hc-producer-wing__intro::before {
		inset: 8px;
		border-radius: 14px;
	}

	.hc-producer-wing__eyebrow {
		margin-bottom: 6px;
		font-size: .58rem;
	}

	.hc-producer-wing__intro h1 {
		font-size: clamp(2.3rem, 12vw, 3.6rem);
		line-height: .89;
	}

	.hc-producer-wing__intro-copy > p:last-child {
		margin-top: 10px;
		font-size: .9rem;
		line-height: 1.4;
	}

	.hc-producer-feature {
		margin-bottom: 28px;
		border-radius: 18px;
	}

	.hc-producer-feature__visual,
	.hc-producer-feature__visual img {
		min-height: 240px;
	}

	.hc-producer-feature__copy {
		padding: 20px 18px 22px;
	}

	.hc-producer-feature h2 {
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.hc-producer-directory__header {
		margin-bottom: 10px;
	}

	.hc-producer-directory__header h2 {
		font-size: clamp(1.85rem, 9vw, 2.65rem);
	}

	.hc-producer-directory__header > p {
		font-size: .86rem;
	}

	.hc-producer-tools {
		grid-template-columns: 1fr;
		padding: 29px 9px 9px;
		gap: 7px;
		border-radius: 14px;
	}

	.hc-producer-tools::before {
		left: 11px;
		top: 9px;
	}

	.hc-producer-tool--search {
		grid-column: 1;
	}

	.hc-producer-active-filters {
		margin-top: 6px;
	}

	.hc-producer-active-filters::before {
		width: 100%;
	}

	.hc-producer-status {
		margin-bottom: 9px;
	}

	.hc-producer-wing-grid {
		grid-template-columns: 1fr;
		gap: 11px;
	}

	/* Phone cards feel like editorial people records, not product tiles. */
	.hc-producer-wing-card {
		display: grid;
		grid-template-columns: minmax(120px, 38%) minmax(0, 1fr);
		min-height: 180px;
		border-radius: 17px;
	}

	.hc-producer-wing-card__visual {
		height: 100%;
		min-height: 180px;
		aspect-ratio: auto;
	}

	.hc-producer-wing-card__body {
		padding: 14px 13px;
	}

	.hc-producer-wing-card h3 {
		font-size: clamp(1.22rem, 6vw, 1.65rem);
	}

	.hc-producer-wing-card__teaser {
		display: none;
	}

	.hc-producer-wing-card__visual .hc-producer-place-card {
		padding: 14px;
	}

	.hc-producer-wing-card__visual .hc-producer-place-card strong {
		font-size: 1.4rem;
	}

	.hc-producer-wing-card__enter {
		padding-top: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-producer-feature__visual img,
	.hc-producer-wing-card,
	.hc-producer-wing-card__visual img {
		transition: none;
	}
}


/* =========================================================
   Honey Chronicles Producer Exhibit v1.0.1
   Single Producer Record
   ---------------------------------------------------------
   Matches Producer Wing without turning a Producer into a
   business-directory profile.
   ========================================================= */

.hc-producer-record-room {
	width: min(100%, 1320px);
	max-width: 1320px;
	margin: 0 auto;
	padding: clamp(16px, 2.5vw, 34px) 0 clamp(78px, 9vw, 126px);
}

.hc-producer-record__back {
	margin: 0 0 12px;
}

.hc-producer-record__back a,
.hc-producer-record__footer a {
	font-size: .60rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

.hc-producer-record {
	position: relative;
	border: 1px solid rgba(60,43,31,.15);
	border-radius: 28px;
	background:
		radial-gradient(circle at 82% 9%, rgba(79,106,69,.095), transparent 25rem),
		linear-gradient(135deg, rgba(255,253,247,.98), rgba(248,243,231,.93) 62%, rgba(239,226,197,.58));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.88),
		0 22px 58px rgba(36,28,22,.10);
	overflow: hidden;
}

.hc-producer-record::before {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(79,106,69,.13);
	border-radius: 20px;
	pointer-events: none;
	z-index: 1;
}

.hc-producer-record__hero {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
	gap: clamp(32px, 5vw, 74px);
	align-items: center;
	padding: clamp(42px, 6vw, 82px) clamp(32px, 6vw, 82px) clamp(34px, 5vw, 64px);
}

.hc-producer-record__identity {
	max-width: 760px;
}

.hc-producer-record__eyebrow,
.hc-producer-record__section-eyebrow {
	margin: 0 0 9px;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--hc-field-green);
}

.hc-producer-record h1 {
	max-width: 13ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(3.1rem, 6.3vw, 6.6rem);
	line-height: .85;
	letter-spacing: -.062em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-producer-record__type {
	margin: 18px 0 0;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-dark-honey);
}

.hc-producer-record__location {
	margin: 7px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.06rem, 1.55vw, 1.36rem);
	color: var(--hc-field-green);
}

.hc-producer-record__dek {
	max-width: 690px;
	margin: 20px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.26vw, 1.18rem);
	line-height: 1.58;
	color: var(--hc-walnut-ink);
}

.hc-producer-record__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 22px;
}

.hc-producer-record__primary-action,
.hc-producer-record__secondary-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 15px 8px;
	border-radius: 999px;
	font-size: .60rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
}

.hc-producer-record__primary-action {
	border: 1px solid rgba(79,106,69,.36);
	background: linear-gradient(180deg, rgba(255,253,247,.94), rgba(181,194,167,.26));
	color: var(--hc-field-green) !important;
}

.hc-producer-record__secondary-action {
	border: 1px solid rgba(60,43,31,.15);
	background: rgba(255,253,247,.70);
	color: var(--hc-walnut-ink) !important;
}

.hc-producer-record__visual {
	position: relative;
	min-height: 360px;
	aspect-ratio: 4 / 3;
	border: 1px solid rgba(60,43,31,.18);
	border-radius: 20px;
	background:
		linear-gradient(145deg, rgba(181,194,167,.28), rgba(239,226,197,.70));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.80),
		0 16px 34px rgba(36,28,22,.12);
	overflow: hidden;
}

.hc-producer-record__visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 360px;
	object-fit: cover;
}

.hc-producer-record-place-card {
	position: absolute;
	inset: 0;
	display: grid;
	align-content: end;
	gap: 8px;
	padding: clamp(28px, 4vw, 46px);
	background:
		radial-gradient(circle at 76% 22%, rgba(212,164,67,.20), transparent 14rem),
		linear-gradient(145deg, #607553, #35492f 62%, #283724);
	color: #fff;
	text-shadow: 0 2px 14px rgba(20,28,18,.30);
}

.hc-producer-record-place-card::before {
	content: "◉";
	position: absolute;
	right: 8%;
	top: 7%;
	font-family: var(--hc-serif);
	font-size: clamp(4rem, 9vw, 7rem);
	color: rgba(255,255,255,.13);
}

.hc-producer-record-place-card small,
.hc-producer-record-place-card span {
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: rgba(255,255,255,.76);
}

.hc-producer-record-place-card strong {
	max-width: 12ch;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.5vw, 3.6rem);
	line-height: .90;
	letter-spacing: -.04em;
	color: #fff;
}

/* Factual record strip. */
.hc-producer-record__facts {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	border-top: 1px solid rgba(60,43,31,.11);
	border-bottom: 1px solid rgba(60,43,31,.11);
	background: rgba(181,194,167,.10);
}

.hc-producer-record__facts > div {
	padding: 15px clamp(18px, 3vw, 32px);
	border-right: 1px solid rgba(60,43,31,.09);
}

.hc-producer-record__facts > div:last-child {
	border-right: 0;
}

.hc-producer-record__facts span {
	display: block;
	margin-bottom: 3px;
	font-size: .52rem;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-record__facts strong {
	font-family: var(--hc-serif);
	font-size: .88rem;
	line-height: 1.25;
	color: var(--hc-walnut-ink);
}

/* Public links. */
.hc-producer-record__links {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 14px clamp(32px, 6vw, 82px);
	border-bottom: 1px solid rgba(60,43,31,.10);
	background: rgba(255,253,247,.48);
}

.hc-producer-record__links > span {
	flex: 0 0 auto;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-record__links > div {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.hc-producer-record__links a {
	padding: 6px 9px 5px;
	border: 1px solid rgba(60,43,31,.13);
	border-radius: 999px;
	background: rgba(255,253,247,.76);
	font-size: .64rem;
	font-weight: 800;
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

/* Body architecture. */
.hc-producer-record__body {
	position: relative;
	z-index: 2;
	padding: clamp(34px, 5.5vw, 72px) clamp(32px, 6vw, 82px) clamp(46px, 6vw, 82px);
}

.hc-producer-record__story-grid,
.hc-producer-record__detail-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(16px, 2.4vw, 28px);
	margin-bottom: clamp(34px, 5vw, 62px);
}

.hc-producer-record__story-grid article,
.hc-producer-record__detail-grid article,
.hc-producer-record__curator-copy,
.hc-producer-record__offerings,
.hc-producer-record__collection-links {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid rgba(60,43,31,.12);
	border-radius: 18px;
	background: rgba(255,253,247,.65);
}

.hc-producer-record__story-grid h2,
.hc-producer-record__detail-grid h2,
.hc-producer-record__geography h2,
.hc-producer-record__offerings h2,
.hc-producer-record__collection-links h2 {
	margin: 0 0 12px;
	font-family: var(--hc-serif);
	font-size: clamp(1.7rem, 2.8vw, 2.85rem);
	line-height: .96;
	letter-spacing: -.035em;
	color: var(--hc-museum-ink);
}

.hc-producer-record__story-grid p:last-child,
.hc-producer-record__detail-grid li,
.hc-producer-record__section-intro,
.hc-producer-record__prose {
	font-size: .91rem;
	line-height: 1.62;
	color: var(--hc-faded-ink);
}

/* Geography gets its own museum moment. */
.hc-producer-record__geography {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
	gap: clamp(24px, 4vw, 50px);
	align-items: center;
	margin-bottom: clamp(34px, 5vw, 62px);
	padding: clamp(24px, 3.2vw, 38px);
	border: 1px solid rgba(79,106,69,.18);
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(181,194,167,.18), rgba(255,253,247,.66));
}

.hc-producer-record__geo-path {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 17px 0 0;
}

.hc-producer-record__geo-path a,
.hc-producer-record__geo-path strong {
	display: inline-flex;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(79,106,69,.11);
	font-size: .72rem;
	font-weight: 800;
	text-decoration: none;
	color: var(--hc-field-green) !important;
}

.hc-producer-record__geo-path > span {
	color: var(--hc-pencil-gray);
	font-size: .72rem;
}

.hc-producer-record__origin-note {
	padding-left: 18px;
	border-left: 3px solid var(--hc-honey-gold);
}

.hc-producer-record__origin-note strong,
.hc-producer-record__origin-note span {
	display: block;
}

.hc-producer-record__origin-note strong {
	margin-bottom: 5px;
	font-family: var(--hc-serif);
	font-size: 1rem;
	color: var(--hc-walnut-ink);
}

.hc-producer-record__origin-note span {
	font-size: .80rem;
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

/* Offerings are source records, not collection cards. */
.hc-producer-record__offerings,
.hc-producer-record__collection-links,
.hc-producer-record__curator-copy {
	margin-bottom: clamp(34px, 5vw, 62px);
}

.hc-producer-record__section-intro {
	max-width: 720px;
	margin: -4px 0 18px;
}

.hc-producer-record__offering-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.hc-producer-record__offering-grid article {
	padding: 16px;
	border: 1px solid rgba(60,43,31,.10);
	border-radius: 13px;
	background: rgba(248,243,231,.72);
}

.hc-producer-record__offering-grid span {
	display: block;
	margin-bottom: 6px;
	font-size: .49rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-producer-record__offering-grid h3 {
	margin: 0 0 7px;
	font-family: var(--hc-serif);
	font-size: 1.1rem;
	line-height: 1.05;
}

.hc-producer-record__offering-grid p {
	margin: 4px 0;
	font-size: .75rem;
	color: var(--hc-faded-ink);
}

/* People/practices. */
.hc-producer-record__detail-grid ul {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}

.hc-producer-record__detail-grid li {
	padding: 8px 0;
	border-top: 1px solid rgba(60,43,31,.09);
}

.hc-producer-record__detail-grid li strong,
.hc-producer-record__detail-grid li span {
	display: block;
}

.hc-producer-record__detail-grid li strong {
	color: var(--hc-walnut-ink);
}

.hc-producer-record__detail-grid li span {
	margin-top: 2px;
	font-size: .76rem;
}

/* Curator prose. */
.hc-producer-record__prose > :first-child {
	margin-top: 0;
}

.hc-producer-record__prose > :last-child {
	margin-bottom: 0;
}

/* Confirmed related specimens only. */
.hc-producer-record__honey-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.hc-producer-record__honey-grid a {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 10px;
	border: 1px solid rgba(60,43,31,.10);
	border-radius: 12px;
	background: rgba(248,243,231,.70);
	text-decoration: none;
}

.hc-producer-record__honey-grid img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 9px;
}

.hc-producer-record__honey-grid strong {
	font-family: var(--hc-serif);
	font-size: .93rem;
	line-height: 1.05;
	color: var(--hc-museum-ink);
}

/* Sources remain available without dominating the exhibit. */
.hc-producer-record__sources {
	margin-top: 8px;
	padding: 15px 17px;
	border-top: 1px solid rgba(60,43,31,.11);
	border-bottom: 1px solid rgba(60,43,31,.11);
}

.hc-producer-record__sources summary {
	cursor: pointer;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
}

.hc-producer-record__sources ul {
	columns: 2;
	column-gap: 28px;
	margin: 14px 0 0;
	padding-left: 18px;
}

.hc-producer-record__sources li {
	break-inside: avoid;
	margin-bottom: 7px;
	font-size: .76rem;
}

.hc-producer-record__footer {
	margin-top: 30px;
	padding-top: 16px;
	border-top: 1px solid rgba(60,43,31,.10);
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 940px) {
	.hc-producer-record__hero,
	.hc-producer-record__geography {
		grid-template-columns: 1fr;
	}

	.hc-producer-record__visual {
		max-width: 680px;
		min-height: 320px;
	}

	.hc-producer-record__visual img {
		min-height: 320px;
	}

	.hc-producer-record__offering-grid,
	.hc-producer-record__honey-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.hc-room-producers .hc-main {
		padding-top: 5px;
	}

	.hc-producer-record-room {
		padding-top: 4px;
	}

	.hc-producer-record__back {
		margin: 0 2px 8px;
	}

	.hc-producer-record {
		border-radius: 20px;
	}

	.hc-producer-record::before {
		inset: 8px;
		border-radius: 14px;
	}

	.hc-producer-record__hero {
		padding: 22px 18px 18px;
		gap: 20px;
	}

	.hc-producer-record h1 {
		font-size: clamp(2.7rem, 14vw, 4.4rem);
		line-height: .87;
	}

	.hc-producer-record__type {
		margin-top: 12px;
	}

	.hc-producer-record__dek {
		margin-top: 13px;
		font-size: .94rem;
		line-height: 1.46;
	}

	.hc-producer-record__actions {
		margin-top: 15px;
	}

	.hc-producer-record__visual,
	.hc-producer-record__visual img {
		min-height: 235px;
	}

	.hc-producer-record__visual {
		border-radius: 16px;
	}

	.hc-producer-record__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hc-producer-record__facts > div {
		padding: 12px 14px;
		border-bottom: 1px solid rgba(60,43,31,.08);
	}

	.hc-producer-record__links {
		display: block;
		padding: 12px 18px;
	}

	.hc-producer-record__links > div {
		margin-top: 7px;
	}

	.hc-producer-record__body {
		padding: 24px 18px 34px;
	}

	.hc-producer-record__story-grid,
	.hc-producer-record__detail-grid,
	.hc-producer-record__offering-grid,
	.hc-producer-record__honey-grid {
		grid-template-columns: 1fr;
	}

	.hc-producer-record__story-grid,
	.hc-producer-record__detail-grid {
		gap: 11px;
		margin-bottom: 28px;
	}

	.hc-producer-record__story-grid article,
	.hc-producer-record__detail-grid article,
	.hc-producer-record__curator-copy,
	.hc-producer-record__offerings,
	.hc-producer-record__collection-links {
		padding: 18px 16px;
		border-radius: 15px;
	}

	.hc-producer-record__geography {
		margin-bottom: 28px;
		padding: 19px 16px;
		gap: 18px;
		border-radius: 16px;
	}

	.hc-producer-record__offerings,
	.hc-producer-record__collection-links,
	.hc-producer-record__curator-copy {
		margin-bottom: 28px;
	}

	.hc-producer-record__sources ul {
		columns: 1;
	}
}

/* =========================================================
   Honey Chronicles Producer Exhibit v1.1
   Rich Producer dossier additions
   ========================================================= */
.hc-producer-record__legal-name{max-width:680px;margin:8px 0 0;font-size:.63rem;font-weight:800;line-height:1.35;letter-spacing:.045em;color:var(--hc-pencil-gray)}
.hc-producer-record__geography{align-items:start}
.hc-producer-record__activity-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;padding-top:20px;border-top:1px solid rgba(60,43,31,.10)}
.hc-producer-record__activity-grid article{padding:15px 16px;border:1px solid rgba(79,106,69,.13);border-radius:13px;background:rgba(255,253,247,.66)}
.hc-producer-record__activity-grid span{display:block;margin-bottom:5px;font-size:.48rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--hc-field-green)}
.hc-producer-record__activity-grid h3{margin:0 0 7px;font-family:var(--hc-serif);font-size:1.08rem;line-height:1.08;color:var(--hc-museum-ink)}
.hc-producer-record__activity-grid p{margin:0;font-size:.74rem;line-height:1.48;color:var(--hc-faded-ink)}
.hc-producer-record__offering-grid .hc-producer-record__precision{display:inline-block;margin-top:7px;padding:4px 7px 3px;border-radius:999px;background:rgba(79,106,69,.10);font-size:.56rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--hc-field-green)}
.hc-producer-record__offering-grid .hc-producer-record__evidence{margin-top:9px;padding-top:9px;border-top:1px solid rgba(60,43,31,.09);font-size:.68rem;line-height:1.44;color:var(--hc-pencil-gray)}
@media(max-width:640px){.hc-producer-record__activity-grid{grid-template-columns:1fr}.hc-producer-record__legal-name{font-size:.59rem}}


/* =========================================================
   Honey Chronicles Story Gallery v1.0
   ---------------------------------------------------------
   Stories are evidence on display, not a blog archive.
   Uses the existing HC palette while introducing the Gallery's
   rust / ink record accent. Full palette migration can follow.
   ========================================================= */

body.hc-room-stories {
    --hc-story-accent: var(--hc-attention);
    --hc-story-accent-soft: rgba(122, 61, 51, .10);
    --hc-story-blue: var(--hc-cartographer-blue);
}

body.hc-room-stories .hc-main {
    background:
        radial-gradient(circle at 12% 8%, rgba(122,61,51,.065), transparent 26rem),
        radial-gradient(circle at 88% 22%, rgba(77,100,115,.06), transparent 29rem);
}

.hc-story-gallery {
    width: min(100%, 1460px);
    margin: 0 auto;
    padding: clamp(18px, 2.8vw, 42px) 0 clamp(80px, 9vw, 132px);
}

/* ---------------------------------------------------------
   Gallery introduction
   --------------------------------------------------------- */

.hc-story-gallery__intro {
    position: relative;
    max-width: 1180px;
    margin: 0 auto clamp(26px, 4vw, 48px);
    padding: clamp(28px, 4.2vw, 62px) clamp(24px, 5vw, 72px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 270px);
    gap: clamp(26px, 5vw, 72px);
    align-items: center;
    border-top: 4px solid var(--hc-story-accent);
    border-bottom: 1px solid rgba(60,43,31,.16);
    background:
        linear-gradient(90deg, rgba(255,253,247,.72), rgba(248,243,231,.46));
}

.hc-story-gallery__intro-copy {
    max-width: 850px;
}

.hc-story-gallery__eyebrow,
.hc-story-record-room__eyebrow,
.hc-story-evidence-table__eyebrow {
    margin: 0 0 8px;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--hc-story-accent);
}

.hc-story-gallery__intro h1 {
    max-width: 13ch;
    margin: 0;
    font-family: var(--hc-serif);
    font-size: clamp(2.75rem, 5.7vw, 6rem);
    line-height: .86;
    letter-spacing: -.058em;
    text-wrap: balance;
    color: var(--hc-museum-ink);
}

.hc-story-gallery__intro-copy > p:last-child {
    max-width: 700px;
    margin: 17px 0 0;
    font-family: var(--hc-serif);
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    line-height: 1.55;
    color: var(--hc-faded-ink);
}

/* Abstract file / evidence mark. */
.hc-story-gallery__mark {
    position: relative;
    width: min(100%, 210px);
    aspect-ratio: 4 / 3;
    justify-self: center;
    border: 1px solid rgba(122,61,51,.18);
    background: rgba(255,253,247,.55);
    box-shadow: 8px 8px 0 rgba(122,61,51,.05);
}

.hc-story-gallery__mark::before,
.hc-story-gallery__mark::after,
.hc-story-gallery__mark span,
.hc-story-gallery__mark i,
.hc-story-gallery__mark b {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    background: rgba(60,43,31,.22);
}

.hc-story-gallery__mark::before { left: 15%; right: 14%; top: 25%; }
.hc-story-gallery__mark::after  { left: 15%; right: 27%; top: 42%; }
.hc-story-gallery__mark span    { left: 15%; right: 20%; top: 59%; }
.hc-story-gallery__mark i       { left: 15%; right: 40%; top: 76%; }
.hc-story-gallery__mark b {
    width: 12px;
    height: 12px;
    right: 12%;
    top: 14%;
    border-radius: 999px;
    background: var(--hc-story-accent);
    box-shadow: 0 0 0 7px rgba(122,61,51,.08);
}

/* ---------------------------------------------------------
   Featured record / evidence table
   --------------------------------------------------------- */

.hc-story-evidence-table {
    max-width: 1240px;
    margin: 0 auto clamp(46px, 6vw, 78px);
    display: grid;
    grid-template-columns: minmax(340px, .96fr) minmax(0, 1.04fr);
    border: 1px solid rgba(60,43,31,.15);
    background: rgba(255,253,247,.82);
    box-shadow: 0 16px 38px rgba(36,28,22,.075);
    overflow: hidden;
}

.hc-story-evidence-table__visual {
    position: relative;
    min-height: 390px;
    display: block;
    background:
        linear-gradient(145deg, rgba(77,100,115,.16), rgba(239,226,197,.66));
    overflow: hidden;
}

.hc-story-evidence-table__visual img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    transition: transform 380ms var(--hc-ease);
}

.hc-story-evidence-table:hover .hc-story-evidence-table__visual img {
    transform: scale(1.018);
}

.hc-story-document-plate {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: end;
    gap: 7px;
    padding: clamp(28px, 4vw, 46px);
    background:
        linear-gradient(135deg, rgba(255,253,247,.78), rgba(226,210,175,.54)),
        repeating-linear-gradient(0deg, transparent 0 32px, rgba(60,43,31,.055) 32px 33px);
    color: var(--hc-walnut-ink);
}

.hc-story-document-plate::before {
    content: "ARCHIVE";
    position: absolute;
    right: 9%;
    top: 10%;
    padding: 6px 9px 5px;
    border: 2px solid rgba(122,61,51,.28);
    transform: rotate(-6deg);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .15em;
    color: rgba(122,61,51,.55);
}

.hc-story-document-plate small {
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--hc-story-accent);
}

.hc-story-document-plate strong {
    font-family: var(--hc-serif);
    font-size: clamp(3rem, 6vw, 5.8rem);
    line-height: .85;
    letter-spacing: -.05em;
}

.hc-story-document-plate em {
    max-width: 22ch;
    font-family: var(--hc-serif);
    font-size: .9rem;
    color: var(--hc-faded-ink);
}

.hc-story-evidence-table__copy {
    display: grid;
    align-content: center;
    padding: clamp(30px, 4.4vw, 64px);
}

.hc-story-evidence-table__kind {
    margin: 0 0 9px;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--hc-story-blue);
}

.hc-story-evidence-table h2 {
    max-width: 15ch;
    margin: 0 0 13px;
    font-family: var(--hc-serif);
    font-size: clamp(2.35rem, 4.6vw, 4.75rem);
    line-height: .89;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.hc-story-evidence-table h2 a {
    color: var(--hc-museum-ink) !important;
    text-decoration: none;
}

.hc-story-evidence-table__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin-bottom: 12px;
}

.hc-story-evidence-table__meta time {
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--hc-pencil-gray);
}

.hc-story-evidence-table__meta a,
.hc-story-card__places a {
    display: inline-flex;
    padding: 4px 7px 3px;
    border-radius: 999px;
    background: rgba(77,100,115,.09);
    font-size: .59rem;
    font-weight: 800;
    text-decoration: none;
    color: var(--hc-cartographer-blue) !important;
}

.hc-story-evidence-table__source,
.hc-story-card__source {
    margin: 0 0 11px;
    padding-left: 12px;
    border-left: 2px solid rgba(122,61,51,.36);
    font-family: var(--hc-serif);
    font-size: .78rem;
    font-style: italic;
    color: var(--hc-faded-ink);
}

.hc-story-evidence-table__summary {
    max-width: 62ch;
    margin: 0;
    font-size: .91rem;
    line-height: 1.58;
    color: var(--hc-faded-ink);
}

.hc-story-evidence-table__enter,
.hc-story-card__enter {
    justify-self: start;
    margin-top: 17px;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--hc-story-accent) !important;
}

/* ---------------------------------------------------------
   Evidence Desk
   --------------------------------------------------------- */

.hc-story-record-room {
    max-width: 1320px;
    margin: 0 auto;
}

.hc-story-record-room__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin: 0 0 14px;
    padding: 0 2px;
}

.hc-story-record-room__header h2 {
    margin: 0;
    font-family: var(--hc-serif);
    font-size: clamp(2rem, 3.7vw, 3.9rem);
    line-height: .9;
    letter-spacing: -.045em;
}

.hc-story-record-room__header > p {
    max-width: 480px;
    margin: 0 0 2px;
    font-family: var(--hc-serif);
    font-size: .92rem;
    line-height: 1.45;
    color: var(--hc-faded-ink);
}

.hc-story-tools {
    position: relative;
    display: grid;
    grid-template-columns: minmax(300px, 1.5fr) minmax(180px, .8fr) minmax(118px, .5fr) minmax(145px, .62fr) auto auto;
    gap: 8px;
    align-items: end;
    padding: 31px 12px 12px;
    border-top: 3px solid rgba(122,61,51,.64);
    border-bottom: 1px solid rgba(60,43,31,.14);
    background: rgba(255,253,247,.58);
}

.hc-story-tools::before {
    content: "Evidence Desk";
    position: absolute;
    left: 13px;
    top: 9px;
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--hc-story-accent);
}

.hc-story-tool label {
    display: block;
    margin: 0 0 4px 3px;
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--hc-pencil-gray);
}

.hc-story-tool input,
.hc-story-tool select {
    width: 100%;
    min-height: 42px;
    margin: 0;
    padding: 7px 10px;
    border: 1px solid rgba(60,43,31,.15);
    border-radius: 5px;
    background: rgba(255,253,247,.92);
    color: var(--hc-walnut-ink);
    font-size: .74rem;
}

.hc-story-tool--search input,
#hc-story-place {
    font-family: var(--hc-serif);
    font-size: .88rem;
}

.hc-story-tool input:focus,
.hc-story-tool select:focus {
    outline: 3px solid rgba(122,61,51,.10);
    border-color: rgba(122,61,51,.48);
}

.hc-story-research-toggle {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(77,100,115,.18);
    background: rgba(77,100,115,.055);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--hc-cartographer-blue);
    cursor: pointer;
    white-space: nowrap;
}

.hc-story-research-toggle input {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--hc-cartographer-blue);
}

.hc-story-apply {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(122,61,51,.34);
    border-radius: 5px;
    background: var(--hc-story-accent);
    color: #fff;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
    cursor: pointer;
}

.hc-story-active-view {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 8px 2px 0;
}

.hc-story-active-view > span {
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--hc-pencil-gray);
}

.hc-story-active-view strong {
    padding: 4px 7px 3px;
    border: 1px solid rgba(122,61,51,.15);
    background: rgba(255,253,247,.74);
    font-size: .59rem;
    color: var(--hc-walnut-ink);
}

.hc-story-active-view a {
    margin-left: 3px;
    font-size: .58rem;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--hc-story-accent) !important;
}

.hc-story-status {
    display: flex;
    gap: 6px;
    align-items: baseline;
    margin: 10px 2px 14px;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--hc-pencil-gray);
}

.hc-story-status strong {
    font-family: var(--hc-serif);
    font-size: 1.18rem;
    color: var(--hc-story-accent);
}

/* ---------------------------------------------------------
   Evidence wall
   --------------------------------------------------------- */

.hc-story-wall {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.5vw, 22px);
    align-items: stretch;
}

.hc-story-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-top: 3px solid rgba(122,61,51,.54);
    border-right: 1px solid rgba(60,43,31,.13);
    border-bottom: 1px solid rgba(60,43,31,.13);
    border-left: 1px solid rgba(60,43,31,.13);
    background: rgba(255,253,247,.86);
    box-shadow: 0 8px 22px rgba(36,28,22,.055);
    overflow: hidden;
    transition: transform var(--hc-motion-normal) var(--hc-ease), box-shadow var(--hc-motion-normal) var(--hc-ease);
}

.hc-story-card.is-research {
    border-top-color: rgba(77,100,115,.72);
}

.hc-story-card.is-wide {
    grid-column: span 2;
    display: grid;
    grid-template-columns: minmax(260px, .95fr) minmax(0, 1.05fr);
}

.hc-story-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(36,28,22,.085);
}

.hc-story-card__visual {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    background:
        linear-gradient(145deg, rgba(226,210,175,.64), rgba(248,243,231,.84));
    overflow: hidden;
}

.hc-story-card.is-wide .hc-story-card__visual {
    height: 100%;
    min-height: 310px;
    aspect-ratio: auto;
}

.hc-story-card__visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 320ms var(--hc-ease);
}

.hc-story-card:hover .hc-story-card__visual img {
    transform: scale(1.022);
}

.hc-story-card__paper {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: end;
    gap: 4px;
    padding: 20px;
    background:
        linear-gradient(135deg, rgba(255,253,247,.74), rgba(239,226,197,.56)),
        repeating-linear-gradient(0deg, transparent 0 25px, rgba(60,43,31,.055) 25px 26px);
}

.hc-story-card__paper::after {
    content: "HC";
    position: absolute;
    right: 15px;
    top: 14px;
    font-family: var(--hc-serif);
    font-size: 1.15rem;
    color: rgba(122,61,51,.22);
}

.hc-story-card__paper small {
    font-size: .51rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--hc-story-accent);
}

.hc-story-card__paper strong {
    font-family: var(--hc-serif);
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    line-height: .88;
    color: var(--hc-walnut-ink);
}

.hc-story-card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: clamp(17px, 1.7vw, 24px);
}

.hc-story-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
    margin-bottom: 8px;
}

.hc-story-card__kind {
    font-size: .52rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--hc-story-accent);
}

.hc-story-card.is-research .hc-story-card__kind {
    color: var(--hc-cartographer-blue);
}

.hc-story-card__meta time {
    font-size: .56rem;
    font-weight: 800;
    color: var(--hc-pencil-gray);
}

.hc-story-card h3 {
    max-width: 18ch;
    margin: 0 0 10px;
    font-family: var(--hc-serif);
    font-size: clamp(1.45rem, 2vw, 2.05rem);
    line-height: .95;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.hc-story-card.is-wide h3 {
    font-size: clamp(1.85rem, 2.8vw, 3rem);
}

.hc-story-card h3 a {
    color: var(--hc-museum-ink) !important;
    text-decoration: none;
}

.hc-story-card__places {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: -2px 0 9px;
}

.hc-story-card__source {
    margin-bottom: 9px;
    font-size: .72rem;
}

.hc-story-card__summary {
    margin: 0;
    font-size: .81rem;
    line-height: 1.52;
    color: var(--hc-faded-ink);
}

.hc-story-card__enter {
    margin-top: auto;
    padding-top: 15px;
}

.hc-story-gallery-empty {
    padding: 46px 28px;
    text-align: center;
    border: 1px dashed rgba(122,61,51,.26);
    background: rgba(255,253,247,.65);
}

.hc-story-gallery-empty h2 {
    margin: 0 0 8px;
    font-family: var(--hc-serif);
    font-size: clamp(1.9rem, 3vw, 2.9rem);
}

/* Pagination reads like a cabinet index. */
.hc-story-pagination {
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(60,43,31,.13);
}

.hc-story-pagination .page-numbers {
    display: inline-grid;
    place-items: center;
    min-width: 36px;
    min-height: 36px;
    margin: 0 3px 3px 0;
    padding: 6px 9px;
    border: 1px solid rgba(60,43,31,.14);
    background: rgba(255,253,247,.72);
    font-size: .62rem;
    font-weight: 900;
    text-decoration: none;
}

.hc-story-pagination .page-numbers.current {
    border-color: rgba(122,61,51,.42);
    background: rgba(122,61,51,.08);
    color: var(--hc-story-accent);
}

@media (max-width: 1080px) {
    .hc-story-tools {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hc-story-tool--search {
        grid-column: 1 / -1;
    }

    .hc-story-wall {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hc-story-card.is-wide {
        grid-column: span 2;
    }
}

@media (max-width: 820px) {
    .hc-story-gallery__intro {
        grid-template-columns: 1fr;
    }

    .hc-story-gallery__mark {
        display: none;
    }

    .hc-story-evidence-table {
        grid-template-columns: 1fr;
    }

    .hc-story-evidence-table__visual,
    .hc-story-evidence-table__visual img {
        min-height: 300px;
    }

    .hc-story-record-room__header {
        display: block;
    }

    .hc-story-record-room__header > p {
        margin-top: 9px;
    }
}

@media (max-width: 640px) {
    body.hc-room-stories .hc-main {
        padding-top: 5px;
    }

    .hc-story-gallery {
        padding-top: 2px;
    }

    .hc-story-gallery__intro {
        margin-bottom: 14px;
        padding: 20px 4px 22px;
        border-top-width: 3px;
        background: transparent;
    }

    .hc-story-gallery__eyebrow {
        margin-bottom: 6px;
        font-size: .57rem;
    }

    .hc-story-gallery__intro h1 {
        font-size: clamp(2.35rem, 12.5vw, 3.7rem);
        line-height: .88;
    }

    .hc-story-gallery__intro-copy > p:last-child {
        margin-top: 10px;
        font-size: .9rem;
        line-height: 1.4;
    }

    .hc-story-evidence-table {
        margin-bottom: 30px;
    }

    .hc-story-evidence-table__visual,
    .hc-story-evidence-table__visual img {
        min-height: 235px;
    }

    .hc-story-evidence-table__copy {
        padding: 20px 18px 22px;
    }

    .hc-story-evidence-table h2 {
        font-size: clamp(2rem, 10vw, 3rem);
    }

    .hc-story-record-room__header {
        margin-bottom: 10px;
    }

    .hc-story-record-room__header h2 {
        font-size: clamp(1.9rem, 9vw, 2.7rem);
    }

    .hc-story-record-room__header > p {
        font-size: .86rem;
    }

    .hc-story-tools {
        grid-template-columns: 1fr;
        padding: 29px 0 10px;
        gap: 7px;
        background: transparent;
    }

    .hc-story-tools::before {
        left: 1px;
        top: 9px;
    }

    .hc-story-tool--search {
        grid-column: 1;
    }

    .hc-story-research-toggle,
    .hc-story-apply {
        min-height: 40px;
    }

    .hc-story-active-view {
        margin-top: 7px;
    }

    .hc-story-active-view > span {
        width: 100%;
    }

    .hc-story-status {
        margin-bottom: 9px;
    }

    .hc-story-wall {
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .hc-story-card,
    .hc-story-card.is-wide {
        grid-column: auto;
        display: grid;
        grid-template-columns: minmax(118px, 38%) minmax(0, 1fr);
        min-height: 184px;
    }

    .hc-story-card__visual,
    .hc-story-card.is-wide .hc-story-card__visual {
        height: 100%;
        min-height: 184px;
        aspect-ratio: auto;
    }

    .hc-story-card__body {
        padding: 14px 13px;
    }

    .hc-story-card__meta {
        display: block;
        margin-bottom: 6px;
    }

    .hc-story-card__meta time {
        display: block;
        margin-top: 3px;
    }

    .hc-story-card h3,
    .hc-story-card.is-wide h3 {
        font-size: clamp(1.2rem, 5.8vw, 1.65rem);
    }

    .hc-story-card__source,
    .hc-story-card__summary {
        display: none;
    }

    .hc-story-card__places {
        margin-bottom: 4px;
    }

    .hc-story-card__enter {
        padding-top: 8px;
    }

    .hc-story-card__paper {
        padding: 14px;
    }

    .hc-story-card__paper strong {
        font-size: 2.3rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hc-story-evidence-table__visual img,
    .hc-story-card,
    .hc-story-card__visual img {
        transition: none;
    }
}


/* =========================================================
   Honey Chronicles — Single Story Exhibit v1.0
   ---------------------------------------------------------
   The Story page is a museum record, not a blog article.
   Target language: restrained, editorial, evidence-led,
   blue/ink Story identity, strong typography, minimal chrome.
   ========================================================= */

body.hc-room-stories {
	--hc-story-record-accent: var(--hc-cartographer-blue);
	--hc-story-record-accent-soft: rgba(77, 100, 115, .10);
	--hc-story-record-line: rgba(77, 100, 115, .28);
}

.hc-story-exhibit-room {
	width: min(100%, 1480px);
	margin: 0 auto;
	padding: clamp(18px, 2.8vw, 42px) 0 clamp(80px, 9vw, 132px);
}

.hc-story-exhibit {
	width: 100%;
}

.hc-story-exhibit__return {
	max-width: 1260px;
	margin: 0 auto clamp(16px, 2.2vw, 26px);
	padding: 0 clamp(2px, .5vw, 8px);
}

.hc-story-exhibit__return a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .13em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

/* ---------------------------------------------------------
   Story hero
   --------------------------------------------------------- */

.hc-story-exhibit__hero {
	max-width: 1260px;
	margin: 0 auto clamp(24px, 4vw, 48px);
	padding: clamp(28px, 4.5vw, 66px) clamp(2px, .5vw, 8px) clamp(30px, 4vw, 54px);
	display: grid;
	grid-template-columns: minmax(0, 1.42fr) minmax(280px, .58fr);
	gap: clamp(30px, 6vw, 92px);
	align-items: end;
	border-top: 4px solid var(--hc-story-record-accent);
	border-bottom: 1px solid rgba(60, 43, 31, .16);
}

.hc-story-exhibit__identity {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 13px;
	margin-bottom: 15px;
}

.hc-story-exhibit__identity span {
	padding: 5px 8px 4px;
	background: var(--hc-story-record-accent);
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .15em;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.hc-story-exhibit__identity time {
	font-size: .59rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-story-exhibit__headline h1 {
	max-width: 14ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(3rem, 6.6vw, 7.2rem);
	line-height: .84;
	letter-spacing: -.063em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-story-exhibit__dek {
	max-width: 70ch;
	margin: 22px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.02rem, 1.35vw, 1.3rem);
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

.hc-story-exhibit__places {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 17px;
}

.hc-story-exhibit__places a {
	display: inline-flex;
	padding: 5px 8px 4px;
	border: 1px solid rgba(77, 100, 115, .17);
	border-radius: 999px;
	background: rgba(77, 100, 115, .06);
	font-size: .58rem;
	font-weight: 850;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

.hc-story-exhibit__quick {
	align-self: center;
	padding: clamp(22px, 3vw, 34px);
	border-left: 4px solid var(--hc-story-record-accent);
	background:
		linear-gradient(135deg, rgba(220, 235, 239, .66), rgba(255, 253, 247, .68));
}

.hc-story-exhibit__eyebrow {
	margin: 0 0 8px;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--hc-story-record-accent);
}

.hc-story-exhibit__quick h2 {
	margin: 0 0 10px;
	font-family: var(--hc-serif);
	font-size: clamp(1.7rem, 2.5vw, 2.65rem);
	line-height: .94;
	letter-spacing: -.035em;
	color: var(--hc-museum-ink);
}

.hc-story-exhibit__quick > p:not(.hc-story-exhibit__eyebrow) {
	margin: 0;
	font-size: .84rem;
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-story-exhibit__quick > a {
	display: inline-flex;
	margin-top: 15px;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

/* ---------------------------------------------------------
   Exhibit art
   --------------------------------------------------------- */

.hc-story-exhibit__media {
	max-width: 1320px;
	margin: 0 auto clamp(40px, 6vw, 78px);
	padding: 0;
}

.hc-story-exhibit__media img {
	display: block;
	width: 100%;
	max-height: 720px;
	object-fit: cover;
	background: var(--hc-aged-parchment);
	box-shadow: 0 18px 42px rgba(36, 28, 22, .10);
}

.hc-story-exhibit__media figcaption {
	max-width: 780px;
	margin: 8px 0 0 auto;
	font-size: .66rem;
	line-height: 1.45;
	text-align: right;
	color: var(--hc-pencil-gray);
}

/* ---------------------------------------------------------
   Narrative + evidence file
   --------------------------------------------------------- */

.hc-story-exhibit__record {
	max-width: 1260px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(270px, 340px);
	gap: clamp(42px, 7vw, 104px);
	align-items: start;
}

.hc-story-exhibit__prose {
	min-width: 0;
	max-width: 780px;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.15vw, 1.13rem);
	line-height: 1.72;
	color: var(--hc-walnut-ink);
}

.hc-story-exhibit__prose > .hc-story-exhibit__eyebrow {
	margin-bottom: 26px;
	font-family: var(--hc-sans);
}

.hc-story-exhibit__prose h2 {
	position: relative;
	margin: clamp(44px, 6vw, 72px) 0 17px;
	padding-top: 16px;
	border-top: 1px solid rgba(77, 100, 115, .28);
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.8vw, 3.55rem);
	line-height: .94;
	letter-spacing: -.045em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-story-exhibit__prose h2:first-of-type {
	margin-top: 0;
}

.hc-story-exhibit__prose h3 {
	margin: 34px 0 12px;
	font-family: var(--hc-serif);
	font-size: clamp(1.45rem, 2.2vw, 2rem);
	line-height: 1;
	color: var(--hc-museum-ink);
}

.hc-story-exhibit__prose p {
	margin: 0 0 1.25em;
}

.hc-story-exhibit__prose ul,
.hc-story-exhibit__prose ol {
	margin: 0 0 1.6em;
	padding-left: 1.35em;
}

.hc-story-exhibit__prose li + li {
	margin-top: .45em;
}

.hc-story-exhibit__prose blockquote {
	margin: 2.2em 0;
	padding: 6px 0 6px 24px;
	border-left: 4px solid var(--hc-story-record-accent);
	font-size: 1.08em;
	color: var(--hc-faded-ink);
}

.hc-story-exhibit__prose a {
	color: var(--hc-story-record-accent);
	text-underline-offset: .13em;
}

/* Scout's inline numbered citations remain visible, but quiet. */
.hc-story-exhibit__prose .hc-research-citations {
	display: inline-flex;
	gap: 3px;
	margin-left: 4px;
	vertical-align: .12em;
	font-family: var(--hc-sans);
}

.hc-story-exhibit__prose .hc-research-citations a {
	display: inline-grid;
	place-items: center;
	min-width: 21px;
	min-height: 19px;
	padding: 2px 5px 1px;
	border: 1px solid rgba(77, 100, 115, .20);
	border-radius: 999px;
	background: rgba(77, 100, 115, .07);
	font-size: .54rem;
	font-weight: 900;
	line-height: 1;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

.hc-story-exhibit__prose figure,
.hc-story-exhibit__prose .wp-block-image {
	margin: 2.3em 0;
}

.hc-story-exhibit__prose img {
	max-width: 100%;
	height: auto;
}

.hc-story-evidence-file {
	position: sticky;
	top: 34px;
	border-top: 4px solid var(--hc-story-record-accent);
	background: rgba(255, 253, 247, .56);
}

.admin-bar .hc-story-evidence-file {
	top: 66px;
}

.hc-story-evidence-file__section {
	padding: 21px 4px 22px;
	border-bottom: 1px solid rgba(60, 43, 31, .13);
}

.hc-story-evidence-file__section h2 {
	margin: 0 0 13px;
	font-family: var(--hc-serif);
	font-size: 1.8rem;
	line-height: .96;
	letter-spacing: -.035em;
}

.hc-story-evidence-file__facts {
	margin: 0;
}

.hc-story-evidence-file__facts > div {
	display: grid;
	grid-template-columns: 94px minmax(0, 1fr);
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid rgba(60, 43, 31, .08);
}

.hc-story-evidence-file__facts dt {
	font-size: .52rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-story-evidence-file__facts dd {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .78rem;
	line-height: 1.38;
	color: var(--hc-walnut-ink);
}

.hc-story-evidence-file__doi {
	overflow-wrap: anywhere;
}

.hc-story-evidence-file__primary {
	display: inline-flex;
	margin-top: 13px;
	padding: 8px 10px 7px;
	border: 1px solid rgba(77, 100, 115, .28);
	background: rgba(77, 100, 115, .07);
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

.hc-story-evidence-file__label {
	margin: 0 0 8px;
	font-size: .52rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-story-evidence-file__authors {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .79rem;
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

.hc-story-evidence-file__geo {
	display: grid;
	gap: 5px;
}

.hc-story-evidence-file__geo a {
	font-family: var(--hc-serif);
	font-size: .82rem;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

.hc-story-evidence-file__sources {
	border-bottom: 1px solid rgba(60, 43, 31, .13);
}

.hc-story-evidence-file__sources summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 15px 4px;
	cursor: pointer;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--hc-story-record-accent);
}

.hc-story-evidence-file__sources summary span {
	display: inline-grid;
	place-items: center;
	min-width: 23px;
	min-height: 23px;
	border-radius: 999px;
	background: rgba(77, 100, 115, .09);
}

.hc-story-evidence-file__sources ol {
	margin: 0;
	padding: 0 4px 18px 23px;
}

.hc-story-evidence-file__sources li {
	padding: 5px 0;
	font-size: .67rem;
	line-height: 1.4;
	color: var(--hc-pencil-gray);
}

.hc-story-evidence-file__sources a {
	color: var(--hc-walnut-ink) !important;
	text-decoration-thickness: 1px;
	text-underline-offset: .12em;
}

.hc-story-exhibit__pages {
	margin-top: 36px;
	padding-top: 18px;
	border-top: 1px solid rgba(60, 43, 31, .12);
}

/* ---------------------------------------------------------
   Adjacent records
   --------------------------------------------------------- */

.hc-story-exhibit__footer {
	max-width: 1260px;
	margin: clamp(64px, 9vw, 120px) auto 0;
	padding-top: 27px;
	border-top: 4px solid var(--hc-story-record-accent);
}

.hc-story-exhibit__footer-heading {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 22px;
	margin-bottom: 18px;
}

.hc-story-exhibit__footer-heading h2 {
	max-width: 15ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.6vw, 3.8rem);
	line-height: .92;
	letter-spacing: -.045em;
}

.hc-story-neighbors {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(60, 43, 31, .14);
	border-bottom: 1px solid rgba(60, 43, 31, .14);
}

.hc-story-neighbor {
	min-height: 132px;
	display: grid;
	align-content: space-between;
	gap: 20px;
	padding: 18px 20px;
	border-right: 1px solid rgba(60, 43, 31, .14);
	text-decoration: none;
}

.hc-story-neighbor:last-child {
	border-right: 0;
}

.hc-story-neighbor > span {
	font-size: .52rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-story-record-accent);
}

.hc-story-neighbor > strong {
	max-width: 21ch;
	font-family: var(--hc-serif);
	font-size: 1.08rem;
	line-height: 1.05;
	font-weight: 700;
	color: var(--hc-museum-ink);
}

.hc-story-neighbor--gallery {
	background: rgba(77, 100, 115, .06);
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 980px) {
	.hc-story-exhibit__hero {
		grid-template-columns: 1fr;
		gap: 24px;
		align-items: start;
	}

	.hc-story-exhibit__quick {
		max-width: 720px;
	}

	.hc-story-exhibit__record {
		grid-template-columns: minmax(0, 1fr) minmax(235px, 290px);
		gap: 42px;
	}

	.hc-story-neighbors {
		grid-template-columns: 1fr 1fr;
	}

	.hc-story-neighbor--gallery {
		order: 3;
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	.hc-story-exhibit__record {
		grid-template-columns: 1fr;
	}

	.hc-story-evidence-file {
		position: static;
		max-width: none;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 20px;
		border-bottom: 1px solid rgba(60, 43, 31, .13);
	}

	.hc-story-evidence-file__sources {
		grid-column: 1 / -1;
	}

	.hc-story-exhibit__footer-heading {
		display: block;
	}

	.hc-story-exhibit__footer-heading h2 {
		margin-top: 6px;
	}
}

@media (max-width: 640px) {
	.hc-story-exhibit-room {
		padding-top: 4px;
	}

	.hc-story-exhibit__return {
		margin-bottom: 10px;
	}

	.hc-story-exhibit__hero {
		padding-top: 18px;
		padding-bottom: 22px;
		border-top-width: 3px;
	}

	.hc-story-exhibit__headline h1 {
		max-width: 15ch;
		font-size: clamp(2.55rem, 13vw, 4.2rem);
		line-height: .86;
	}

	.hc-story-exhibit__dek {
		margin-top: 13px;
		font-size: .96rem;
		line-height: 1.42;
	}

	.hc-story-exhibit__quick {
		padding: 17px 16px;
		border-left-width: 3px;
	}

	.hc-story-exhibit__quick h2 {
		font-size: 1.65rem;
	}

	.hc-story-exhibit__media {
		margin-bottom: 32px;
	}

	.hc-story-exhibit__media img {
		min-height: 220px;
		object-fit: cover;
	}

	.hc-story-exhibit__media figcaption {
		text-align: left;
	}

	.hc-story-exhibit__record {
		gap: 36px;
	}

	.hc-story-exhibit__prose {
		font-size: 1rem;
		line-height: 1.64;
	}

	.hc-story-exhibit__prose h2 {
		margin-top: 42px;
		font-size: clamp(1.9rem, 10vw, 2.8rem);
	}

	.hc-story-evidence-file {
		display: block;
	}

	.hc-story-evidence-file__facts > div {
		grid-template-columns: 90px minmax(0, 1fr);
	}

	.hc-story-exhibit__footer {
		margin-top: 66px;
	}

	.hc-story-neighbors {
		grid-template-columns: 1fr;
	}

	.hc-story-neighbor,
	.hc-story-neighbor--gallery {
		grid-column: auto;
		order: initial;
		min-height: 108px;
		border-right: 0;
		border-bottom: 1px solid rgba(60, 43, 31, .13);
	}

	.hc-story-neighbor:last-child {
		border-bottom: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-story-exhibit *,
	.hc-story-exhibit *::before,
	.hc-story-exhibit *::after {
		scroll-behavior: auto !important;
	}
}


/* =========================================================
   Honey Chronicles — Atlas Room v1.0
   ---------------------------------------------------------
   The Atlas is a living geographic museum index, not a GIS
   dashboard and not a prettified seed monitor.
   ========================================================= */

body.hc-room-atlas {
	--hc-atlas-blue: var(--hc-cartographer-blue);
	--hc-atlas-green: var(--hc-field-green);
	--hc-atlas-line: rgba(77, 100, 115, .20);
}

body.hc-room-atlas .hc-main {
	background:
		radial-gradient(circle at 10% 7%, rgba(77,100,115,.075), transparent 26rem),
		radial-gradient(circle at 89% 24%, rgba(79,106,69,.06), transparent 29rem);
}

.hc-atlas-room {
	width: min(100%, 1460px);
	margin: 0 auto;
	padding: clamp(18px, 2.8vw, 42px) 0 clamp(82px, 9vw, 132px);
}

/* ---------------------------------------------------------
   Room introduction
   --------------------------------------------------------- */

.hc-atlas-room__intro {
	position: relative;
	max-width: 1180px;
	margin: 0 auto clamp(34px, 5vw, 64px);
	padding: clamp(30px, 4.5vw, 66px) clamp(24px, 5vw, 72px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 300px);
	gap: clamp(28px, 6vw, 84px);
	align-items: center;
	border-top: 4px solid var(--hc-atlas-blue);
	border-bottom: 1px solid rgba(60,43,31,.15);
	background:
		linear-gradient(90deg, rgba(255,253,247,.76), rgba(220,235,239,.24));
}

.hc-atlas-room__intro-copy {
	max-width: 840px;
}

.hc-atlas-room__eyebrow,
.hc-atlas-world-index__eyebrow,
.hc-atlas-continent__eyebrow {
	margin: 0 0 8px;
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hc-atlas-blue);
}

.hc-atlas-room__intro h1 {
	max-width: 13ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.8rem, 5.8vw, 6.1rem);
	line-height: .86;
	letter-spacing: -.06em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-atlas-room__intro-copy > p:last-child {
	max-width: 700px;
	margin: 17px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.25vw, 1.18rem);
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

/* CSS globe: intentionally an index symbol, not a pretend map. */
.hc-atlas-room__globe {
	position: relative;
	justify-self: center;
	width: min(100%, 235px);
	aspect-ratio: 1;
	border: 2px solid rgba(77,100,115,.32);
	border-radius: 999px;
	background:
		radial-gradient(circle at 34% 28%, rgba(255,253,247,.88), rgba(220,235,239,.44) 62%, rgba(77,100,115,.10));
	box-shadow: inset 0 0 0 10px rgba(255,253,247,.40);
	overflow: hidden;
}

.hc-atlas-room__globe::before,
.hc-atlas-room__globe::after,
.hc-atlas-room__globe-lines::before,
.hc-atlas-room__globe-lines::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 999px;
	border: 1px solid rgba(77,100,115,.22);
}

.hc-atlas-room__globe::before {
	inset: 24% 0;
}

.hc-atlas-room__globe::after {
	inset: 0 30%;
}

.hc-atlas-room__globe-lines::before {
	inset: 0 16%;
}

.hc-atlas-room__globe-lines::after {
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	border: 0;
	border-radius: 0;
	background: rgba(77,100,115,.22);
}

.hc-atlas-room__globe > span {
	position: absolute;
	left: 57%;
	top: 34%;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: var(--hc-honey-gold);
	box-shadow: 0 0 0 7px rgba(185,130,36,.12);
}

/* ---------------------------------------------------------
   World Index
   --------------------------------------------------------- */

.hc-atlas-world-index {
	max-width: 1320px;
	margin: 0 auto;
}

.hc-atlas-world-index__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 17px;
}

.hc-atlas-world-index__header h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.15rem, 4vw, 4.25rem);
	line-height: .9;
	letter-spacing: -.05em;
}

.hc-atlas-world-index__header > p {
	max-width: 500px;
	margin: 0 0 3px;
	font-family: var(--hc-serif);
	font-size: .94rem;
	line-height: 1.48;
	color: var(--hc-faded-ink);
}

.hc-atlas-world-index__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 18px;
	border-top: 1px solid var(--hc-atlas-line);
	border-bottom: 1px solid var(--hc-atlas-line);
}

.hc-atlas-world-index__stats > div {
	padding: 14px 18px;
	border-right: 1px solid var(--hc-atlas-line);
}

.hc-atlas-world-index__stats > div:last-child {
	border-right: 0;
}

.hc-atlas-world-index__stats strong,
.hc-atlas-world-index__stats span {
	display: block;
}

.hc-atlas-world-index__stats strong {
	font-family: var(--hc-serif);
	font-size: 1.65rem;
	line-height: 1;
	color: var(--hc-atlas-blue);
}

.hc-atlas-world-index__stats span {
	margin-top: 3px;
	font-size: .55rem;
	font-weight: 850;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

/* Continent rail. */
.hc-atlas-continent-rail {
	display: flex;
	gap: 7px;
	overflow-x: auto;
	padding: 2px 1px 9px;
	margin-bottom: 10px;
	scrollbar-width: none;
}

.hc-atlas-continent-rail::-webkit-scrollbar {
	display: none;
}

.hc-atlas-continent-tab {
	flex: 0 0 auto;
	min-width: 116px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 11px;
	border: 1px solid rgba(77,100,115,.16);
	background: rgba(255,253,247,.74);
	color: var(--hc-walnut-ink);
	cursor: pointer;
}

.hc-atlas-continent-tab span {
	font-family: var(--hc-serif);
	font-size: .82rem;
}

.hc-atlas-continent-tab strong {
	display: inline-grid;
	place-items: center;
	min-width: 24px;
	min-height: 24px;
	border-radius: 999px;
	background: rgba(77,100,115,.08);
	font-size: .56rem;
	color: var(--hc-atlas-blue);
}

.hc-atlas-continent-tab.is-active {
	border-color: rgba(77,100,115,.44);
	background: rgba(220,235,239,.52);
	box-shadow: inset 0 -3px 0 var(--hc-atlas-blue);
}

/* Search bench. */
.hc-atlas-search-panel {
	position: relative;
	margin-bottom: 6px;
	padding: 27px 10px 10px;
	border-top: 3px solid var(--hc-atlas-blue);
	border-bottom: 1px solid var(--hc-atlas-line);
	background: rgba(255,253,247,.55);
}

.hc-atlas-search-panel > label {
	position: absolute;
	left: 11px;
	top: 8px;
	font-size: .53rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hc-atlas-blue);
}

.hc-atlas-search-panel > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 7px;
}

.hc-atlas-search-panel input {
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 9px 13px;
	border: 1px solid rgba(77,100,115,.17);
	border-radius: 4px;
	background: rgba(255,253,247,.92);
	font-family: var(--hc-serif);
	font-size: .94rem;
	color: var(--hc-walnut-ink);
}

.hc-atlas-search-panel input:focus {
	outline: 3px solid rgba(77,100,115,.10);
	border-color: rgba(77,100,115,.48);
}

.hc-atlas-search-panel button {
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid rgba(77,100,115,.24);
	background: rgba(220,235,239,.38);
	font-size: .57rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--hc-atlas-blue);
	cursor: pointer;
}

.hc-atlas-view-status {
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin: 8px 2px 19px;
	font-size: .61rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-view-status strong {
	font-family: var(--hc-serif);
	font-size: 1.2rem;
	color: var(--hc-atlas-blue);
}

/* ---------------------------------------------------------
   Continents / country files
   --------------------------------------------------------- */

.hc-atlas-continent {
	scroll-margin-top: 24px;
	margin: 0 0 clamp(42px, 6vw, 78px);
}

.hc-atlas-continent[hidden] {
	display: none !important;
}

.hc-atlas-continent__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 12px;
	padding-bottom: 11px;
	border-bottom: 1px solid rgba(60,43,31,.14);
}

.hc-atlas-continent__header h3 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.7vw, 3.8rem);
	line-height: .9;
	letter-spacing: -.045em;
}

.hc-atlas-continent__meta {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 3px;
	font-size: .58rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-continent__meta a {
	text-decoration: none;
	color: var(--hc-atlas-blue) !important;
}

.hc-atlas-country-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.hc-atlas-country-card {
	min-width: 0;
	min-height: 214px;
	display: flex;
	flex-direction: column;
	padding: 17px 16px 15px;
	border: 1px solid rgba(60,43,31,.13);
	background:
		linear-gradient(145deg, rgba(255,253,247,.88), rgba(248,243,231,.72));
	box-shadow: 0 6px 16px rgba(36,28,22,.045);
	transition:
		transform var(--hc-motion-normal) var(--hc-ease),
		border-color var(--hc-motion-normal) var(--hc-ease),
		box-shadow var(--hc-motion-normal) var(--hc-ease);
}

.hc-atlas-country-card[hidden] {
	display: none !important;
}

.hc-atlas-country-card:hover {
	transform: translateY(-2px);
	border-color: rgba(77,100,115,.28);
	box-shadow: 0 12px 25px rgba(36,28,22,.075);
}

.hc-atlas-country-card__top {
	display: flex;
	align-items: center;
	gap: 6px;
	min-height: 20px;
}

.hc-atlas-country-card__status-dot {
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: var(--hc-pencil-gray);
}

.hc-atlas-country-card.has-research .hc-atlas-country-card__status-dot {
	background: var(--hc-atlas-green);
	box-shadow: 0 0 0 4px rgba(79,106,69,.08);
}

.hc-atlas-country-card__status {
	min-width: 0;
	font-size: .49rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-country-card.has-research .hc-atlas-country-card__status {
	color: var(--hc-atlas-green);
}

.hc-atlas-country-card__iso {
	margin-left: auto;
	font-size: .48rem;
	font-weight: 900;
	letter-spacing: .08em;
	color: var(--hc-pencil-gray);
}

.hc-atlas-country-card h4 {
	margin: 18px 0 9px;
	font-family: var(--hc-serif);
	font-size: clamp(1.35rem, 1.9vw, 1.85rem);
	line-height: .94;
	letter-spacing: -.035em;
}

.hc-atlas-country-card h4 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-atlas-country-card > p {
	margin: 0;
	font-size: .75rem;
	line-height: 1.48;
	color: var(--hc-faded-ink);
}

.hc-atlas-country-card__open-file {
	font-family: var(--hc-serif);
	font-style: italic;
}

.hc-atlas-country-card__enter {
	margin-top: auto;
	padding-top: 15px;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-atlas-blue) !important;
}

.hc-atlas-no-results {
	padding: 48px 24px;
	text-align: center;
	border: 1px dashed rgba(77,100,115,.24);
	background: rgba(255,253,247,.64);
}

.hc-atlas-no-results h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.8rem, 3vw, 2.8rem);
}

/* ---------------------------------------------------------
   Truth model note
   --------------------------------------------------------- */

.hc-atlas-room__note {
	max-width: 960px;
	margin: clamp(58px, 8vw, 108px) auto 0;
	padding: 28px 0 0;
	border-top: 4px solid var(--hc-atlas-blue);
}

.hc-atlas-room__note h2 {
	max-width: 15ch;
	margin: 0 0 12px;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.8vw, 3.8rem);
	line-height: .92;
	letter-spacing: -.045em;
}

.hc-atlas-room__note > p:last-child {
	max-width: 720px;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .96rem;
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 1080px) {
	.hc-atlas-country-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.hc-atlas-room__intro {
		grid-template-columns: 1fr;
	}

	.hc-atlas-room__globe {
		display: none;
	}

	.hc-atlas-world-index__header {
		display: block;
	}

	.hc-atlas-world-index__header > p {
		margin-top: 9px;
	}

	.hc-atlas-country-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.hc-room-atlas .hc-main {
		padding-top: 5px;
	}

	.hc-atlas-room {
		padding-top: 2px;
	}

	.hc-atlas-room__intro {
		margin-bottom: 22px;
		padding: 20px 3px 22px;
		border-top-width: 3px;
		background: transparent;
	}

	.hc-atlas-room__eyebrow {
		margin-bottom: 6px;
		font-size: .57rem;
	}

	.hc-atlas-room__intro h1 {
		font-size: clamp(2.35rem, 12.3vw, 3.65rem);
		line-height: .88;
	}

	.hc-atlas-room__intro-copy > p:last-child {
		margin-top: 10px;
		font-size: .9rem;
		line-height: 1.4;
	}

	.hc-atlas-world-index__header {
		margin-bottom: 11px;
	}

	.hc-atlas-world-index__header h2 {
		font-size: clamp(1.9rem, 9vw, 2.75rem);
	}

	.hc-atlas-world-index__header > p {
		font-size: .86rem;
	}

	.hc-atlas-world-index__stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.hc-atlas-world-index__stats > div {
		padding: 10px 7px;
	}

	.hc-atlas-world-index__stats strong {
		font-size: 1.35rem;
	}

	.hc-atlas-world-index__stats span {
		font-size: .46rem;
		line-height: 1.25;
	}

	.hc-atlas-continent-rail {
		margin-right: -10px;
		padding-right: 10px;
	}

	.hc-atlas-continent-tab {
		min-width: 108px;
		min-height: 44px;
	}

	.hc-atlas-search-panel {
		padding-left: 0;
		padding-right: 0;
		background: transparent;
	}

	.hc-atlas-search-panel > label {
		left: 1px;
	}

	.hc-atlas-search-panel button {
		padding-left: 11px;
		padding-right: 11px;
	}

	.hc-atlas-continent {
		margin-bottom: 38px;
	}

	.hc-atlas-continent__header {
		align-items: start;
	}

	.hc-atlas-continent__header h3 {
		font-size: clamp(1.9rem, 9.5vw, 2.85rem);
	}

	.hc-atlas-continent__meta {
		display: grid;
		justify-items: end;
		gap: 4px;
		font-size: .50rem;
	}

	.hc-atlas-country-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hc-atlas-country-card {
		min-height: 0;
		padding: 14px 13px 13px;
	}

	.hc-atlas-country-card h4 {
		margin-top: 13px;
		font-size: clamp(1.45rem, 7vw, 1.9rem);
	}

	.hc-atlas-country-card > p {
		font-size: .76rem;
	}

	.hc-atlas-country-card__enter {
		padding-top: 11px;
	}

	.hc-atlas-room__note {
		margin-top: 54px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-atlas-country-card {
		transition: none;
	}
}



/* =========================================================
   Honey Chronicles — Atlas Country Exhibit v1.0
   ---------------------------------------------------------
   Country pages are museum dossiers built from:
   - factual hc_geo geography
   - published Honey / Producer / Story relationships
   - quiet research-inventory signals from World Seed metadata

   Important:
   - seed state is not publication state
   - Producer location is not Honey origin
   - missing data creates no empty furniture
   - no fake map or inferred pin is rendered
   ========================================================= */

.hc-atlas-geo-exhibit {
	width: min(100%, 1460px);
	margin: 0 auto;
	padding: clamp(10px, 2vw, 28px) 0 clamp(82px, 9vw, 132px);
}

.hc-atlas-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	max-width: 1260px;
	margin: 0 auto 18px;
	padding: 0 2px;
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .105em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-crumbs a {
	color: var(--hc-atlas-blue) !important;
	text-decoration: none;
}

.hc-atlas-crumbs__sep {
	opacity: .5;
}

/* ---------------------------------------------------------
   Country / place hero
   --------------------------------------------------------- */

.hc-atlas-place-hero {
	position: relative;
	max-width: 1260px;
	margin: 0 auto clamp(28px, 4.5vw, 56px);
	padding: clamp(32px, 5vw, 72px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(190px, 300px);
	gap: clamp(30px, 6vw, 86px);
	align-items: center;
	border-top: 4px solid var(--hc-atlas-blue);
	border-bottom: 1px solid rgba(60,43,31,.16);
	background:
		linear-gradient(102deg, rgba(255,253,247,.90), rgba(220,235,239,.25));
	overflow: hidden;
}

.hc-atlas-place-hero__copy {
	max-width: 850px;
}

.hc-atlas-place-hero__eyebrow,
.hc-atlas-file-section__eyebrow,
.hc-atlas-research-file__eyebrow,
.hc-atlas-continent-file__eyebrow {
	margin: 0 0 8px;
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hc-atlas-blue);
}

.hc-atlas-place-hero h1 {
	max-width: 13ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(3.4rem, 7vw, 7.2rem);
	line-height: .82;
	letter-spacing: -.065em;
	text-wrap: balance;
	color: var(--hc-museum-ink);
}

.hc-atlas-place-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	align-items: center;
	margin: 18px 0 0;
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .095em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-place-hero__status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--hc-atlas-green);
}

.hc-atlas-place-hero__status::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 0 4px rgba(79,106,69,.08);
}

.hc-atlas-place-hero__summary {
	max-width: 760px;
	margin: 21px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.35vw, 1.22rem);
	line-height: 1.57;
	color: var(--hc-faded-ink);
}

.hc-atlas-place-mark {
	position: relative;
	justify-self: center;
	width: min(100%, 250px);
	aspect-ratio: 1;
	display: grid;
	place-items: center;
	border: 1px solid rgba(77,100,115,.28);
	border-radius: 999px;
	background:
		radial-gradient(circle at 36% 30%, rgba(255,253,247,.95), rgba(220,235,239,.58) 65%, rgba(77,100,115,.10));
	box-shadow:
		inset 0 0 0 10px rgba(255,253,247,.42),
		0 18px 36px rgba(36,28,22,.08);
	isolation: isolate;
}

.hc-atlas-place-mark::before,
.hc-atlas-place-mark::after {
	content: "";
	position: absolute;
	border: 1px solid rgba(77,100,115,.19);
	border-radius: 999px;
	z-index: -1;
}

.hc-atlas-place-mark::before {
	inset: 19% 0;
}

.hc-atlas-place-mark::after {
	inset: 0 28%;
}

.hc-atlas-place-mark__code {
	font-family: var(--hc-serif);
	font-size: clamp(2.6rem, 5vw, 4.7rem);
	font-weight: 700;
	letter-spacing: -.06em;
	color: var(--hc-atlas-blue);
}

.hc-atlas-place-mark__label {
	position: absolute;
	left: 50%;
	bottom: 18%;
	transform: translateX(-50%);
	white-space: nowrap;
	font-size: .47rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

/* ---------------------------------------------------------
   Published relationship ledger
   --------------------------------------------------------- */

.hc-atlas-place-ledger {
	max-width: 1260px;
	margin: 0 auto clamp(48px, 7vw, 92px);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--hc-atlas-line);
	border-bottom: 1px solid var(--hc-atlas-line);
}

.hc-atlas-place-ledger__item {
	min-width: 0;
	padding: 17px 19px 16px;
	border-right: 1px solid var(--hc-atlas-line);
}

.hc-atlas-place-ledger__item:last-child {
	border-right: 0;
}

.hc-atlas-place-ledger strong,
.hc-atlas-place-ledger span {
	display: block;
}

.hc-atlas-place-ledger strong {
	font-family: var(--hc-serif);
	font-size: clamp(1.7rem, 2.7vw, 2.45rem);
	line-height: 1;
	color: var(--hc-atlas-blue);
}

.hc-atlas-place-ledger span {
	margin-top: 4px;
	font-size: .53rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-place-ledger small {
	display: block;
	margin-top: 5px;
	font-size: .67rem;
	line-height: 1.35;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   File sections
   --------------------------------------------------------- */

.hc-atlas-file-section {
	max-width: 1260px;
	margin: 0 auto clamp(52px, 7vw, 90px);
}

.hc-atlas-file-section__header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 24px;
	margin-bottom: 17px;
	padding-bottom: 13px;
	border-bottom: 1px solid rgba(60,43,31,.14);
}

.hc-atlas-file-section__header h2 {
	max-width: 16ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 4vw, 4.2rem);
	line-height: .9;
	letter-spacing: -.05em;
	text-wrap: balance;
}

.hc-atlas-file-section__header > p {
	max-width: 480px;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .9rem;
	line-height: 1.48;
	color: var(--hc-faded-ink);
}

/* Honeys / Stories use visual exhibit cards. */
.hc-atlas-exhibit-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 13px;
}

.hc-atlas-exhibit-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(60,43,31,.12);
	background: rgba(255,253,247,.76);
	box-shadow: 0 8px 20px rgba(36,28,22,.045);
	overflow: hidden;
}

.hc-atlas-exhibit-card__image {
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(220,235,239,.52), rgba(239,226,197,.50));
}

.hc-atlas-exhibit-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform var(--hc-motion-normal) var(--hc-ease);
}

.hc-atlas-exhibit-card:hover .hc-atlas-exhibit-card__image img {
	transform: scale(1.018);
}

.hc-atlas-exhibit-card__placeholder {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	font-family: var(--hc-serif);
	font-size: clamp(1.1rem, 2vw, 1.6rem);
	font-style: italic;
	color: rgba(77,100,115,.68);
}

.hc-atlas-exhibit-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 17px 17px 16px;
}

.hc-atlas-exhibit-card__kind {
	margin: 0 0 7px;
	font-size: .50rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-atlas-blue);
}

.hc-atlas-exhibit-card h3 {
	margin: 0 0 8px;
	font-family: var(--hc-serif);
	font-size: clamp(1.3rem, 2vw, 1.82rem);
	line-height: .96;
	letter-spacing: -.035em;
}

.hc-atlas-exhibit-card h3 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-atlas-exhibit-card__body > p:not(.hc-atlas-exhibit-card__kind) {
	margin: 0;
	font-size: .76rem;
	line-height: 1.48;
	color: var(--hc-faded-ink);
}

.hc-atlas-exhibit-card__enter {
	margin-top: auto;
	padding-top: 15px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-atlas-blue) !important;
}

/* Producer records deliberately read more like field cards than product tiles. */
.hc-atlas-producer-file-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 11px;
}

.hc-atlas-producer-file-card {
	min-width: 0;
	min-height: 205px;
	display: flex;
	flex-direction: column;
	padding: 18px 18px 16px;
	border: 1px solid rgba(60,43,31,.13);
	border-top: 3px solid rgba(79,106,69,.62);
	background:
		linear-gradient(145deg, rgba(255,253,247,.91), rgba(241,245,242,.74));
}

.hc-atlas-producer-file-card__type {
	margin: 0 0 8px;
	font-size: .50rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-atlas-green);
}

.hc-atlas-producer-file-card h3 {
	margin: 0 0 7px;
	font-family: var(--hc-serif);
	font-size: clamp(1.35rem, 2vw, 1.9rem);
	line-height: .95;
	letter-spacing: -.035em;
}

.hc-atlas-producer-file-card h3 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-atlas-producer-file-card__location {
	margin: 0 0 9px;
	font-size: .66rem;
	font-weight: 800;
	color: var(--hc-walnut-ink);
}

.hc-atlas-producer-file-card__teaser {
	margin: 0;
	font-size: .75rem;
	line-height: 1.47;
	color: var(--hc-faded-ink);
}

.hc-atlas-producer-file-card__enter {
	margin-top: auto;
	padding-top: 14px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-atlas-blue) !important;
}

/* ---------------------------------------------------------
   Relationship notes from published records
   --------------------------------------------------------- */

.hc-atlas-connections {
	max-width: 1260px;
	margin: 0 auto clamp(52px, 7vw, 90px);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.hc-atlas-connection-panel {
	padding: 22px 22px 20px;
	border: 1px solid rgba(60,43,31,.12);
	background: rgba(255,253,247,.68);
}

.hc-atlas-connection-panel h2 {
	margin: 0 0 8px;
	font-family: var(--hc-serif);
	font-size: clamp(1.7rem, 2.8vw, 2.7rem);
	line-height: .93;
	letter-spacing: -.04em;
}

.hc-atlas-connection-panel > p {
	margin: 0 0 14px;
	font-size: .74rem;
	line-height: 1.45;
	color: var(--hc-faded-ink);
}

.hc-atlas-connection-list {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hc-atlas-connection-list li {
	padding: 7px 9px;
	border: 1px solid rgba(77,100,115,.15);
	background: rgba(220,235,239,.28);
	font-family: var(--hc-serif);
	font-size: .78rem;
	color: var(--hc-walnut-ink);
}

/* ---------------------------------------------------------
   Research file — public inventory signals, not raw seed dump
   --------------------------------------------------------- */

.hc-atlas-research-file {
	max-width: 1050px;
	margin: clamp(58px, 8vw, 108px) auto 0;
	padding: 30px clamp(20px, 4vw, 46px) 32px;
	border-top: 4px solid var(--hc-atlas-blue);
	border-bottom: 1px solid rgba(60,43,31,.14);
	background:
		linear-gradient(135deg, rgba(255,253,247,.86), rgba(220,235,239,.20));
}

.hc-atlas-research-file__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(200px, 340px);
	gap: 34px;
	align-items: end;
}

.hc-atlas-research-file h2 {
	max-width: 15ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 4vw, 4rem);
	line-height: .91;
	letter-spacing: -.05em;
}

.hc-atlas-research-file__header > p {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .9rem;
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

.hc-atlas-research-file__signals {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 23px;
	border-top: 1px solid var(--hc-atlas-line);
	border-bottom: 1px solid var(--hc-atlas-line);
}

.hc-atlas-research-file__signal {
	padding: 14px 13px;
	border-right: 1px solid var(--hc-atlas-line);
}

.hc-atlas-research-file__signal:last-child {
	border-right: 0;
}

.hc-atlas-research-file__signal strong,
.hc-atlas-research-file__signal span {
	display: block;
}

.hc-atlas-research-file__signal strong {
	font-family: var(--hc-serif);
	font-size: 1.45rem;
	line-height: 1;
	color: var(--hc-atlas-blue);
}

.hc-atlas-research-file__signal span {
	margin-top: 4px;
	font-size: .49rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-atlas-research-file__note {
	max-width: 760px;
	margin: 15px 0 0;
	font-size: .69rem;
	line-height: 1.45;
	color: var(--hc-pencil-gray);
}

/* ---------------------------------------------------------
   Sparse country / place file
   --------------------------------------------------------- */

.hc-atlas-sparse-file {
	max-width: 980px;
	margin: 0 auto clamp(56px, 8vw, 96px);
	padding: clamp(26px, 4vw, 44px);
	border: 1px dashed rgba(77,100,115,.30);
	background: rgba(255,253,247,.64);
}

.hc-atlas-sparse-file h2 {
	max-width: 14ch;
	margin: 0 0 11px;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 4vw, 3.8rem);
	line-height: .92;
	letter-spacing: -.045em;
}

.hc-atlas-sparse-file p {
	max-width: 720px;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .96rem;
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   Country footer wayfinding
   --------------------------------------------------------- */

.hc-atlas-place-footer {
	max-width: 1260px;
	margin: clamp(60px, 8vw, 104px) auto 0;
	padding-top: 17px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid rgba(60,43,31,.14);
	font-size: .57rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.hc-atlas-place-footer a {
	color: var(--hc-atlas-blue) !important;
	text-decoration: none;
}

/* ---------------------------------------------------------
   Continent file
   --------------------------------------------------------- */

.hc-atlas-continent-file {
	max-width: 1320px;
	margin: 0 auto;
	padding: clamp(28px, 4vw, 58px) 0 0;
}

.hc-atlas-continent-file__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(250px, 430px);
	gap: clamp(28px, 5vw, 74px);
	align-items: end;
	margin-bottom: 28px;
	padding: 0 0 clamp(26px, 4vw, 48px);
	border-bottom: 1px solid rgba(60,43,31,.15);
}

.hc-atlas-continent-file h1 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(3.3rem, 7vw, 7rem);
	line-height: .82;
	letter-spacing: -.065em;
}

.hc-atlas-continent-file__header > p {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .96rem;
	line-height: 1.52;
	color: var(--hc-faded-ink);
}

.hc-atlas-continent-file__count {
	margin: 0 0 15px;
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

/* ---------------------------------------------------------
   World-root fallback
   --------------------------------------------------------- */

.hc-atlas-world-file {
	max-width: 940px;
	margin: 0 auto;
	padding: clamp(44px, 7vw, 92px) clamp(20px, 5vw, 70px);
	border-top: 4px solid var(--hc-atlas-blue);
	border-bottom: 1px solid rgba(60,43,31,.14);
	background: rgba(255,253,247,.72);
}

.hc-atlas-world-file h1 {
	margin: 0 0 14px;
	font-family: var(--hc-serif);
	font-size: clamp(3rem, 6vw, 6rem);
	line-height: .84;
	letter-spacing: -.06em;
}

.hc-atlas-world-file p {
	max-width: 700px;
	font-family: var(--hc-serif);
	font-size: 1rem;
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-atlas-world-file a {
	display: inline-block;
	margin-top: 12px;
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: var(--hc-atlas-blue) !important;
	text-decoration: none;
}

/* ---------------------------------------------------------
   Atlas Country Exhibit responsive
   --------------------------------------------------------- */

@media (max-width: 980px) {
	.hc-atlas-place-ledger {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hc-atlas-place-ledger__item:nth-child(2) {
		border-right: 0;
	}

	.hc-atlas-place-ledger__item:nth-child(-n+2) {
		border-bottom: 1px solid var(--hc-atlas-line);
	}

	.hc-atlas-exhibit-grid,
	.hc-atlas-producer-file-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hc-atlas-research-file__signals {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hc-atlas-research-file__signal:nth-child(2) {
		border-right: 0;
	}

	.hc-atlas-research-file__signal:nth-child(-n+2) {
		border-bottom: 1px solid var(--hc-atlas-line);
	}
}

@media (max-width: 760px) {
	.hc-atlas-place-hero,
	.hc-atlas-continent-file__header,
	.hc-atlas-research-file__header {
		grid-template-columns: 1fr;
	}

	.hc-atlas-place-mark {
		display: none;
	}

	.hc-atlas-file-section__header {
		display: block;
	}

	.hc-atlas-file-section__header > p {
		margin-top: 9px;
	}

	.hc-atlas-connections {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.hc-atlas-geo-exhibit {
		padding-top: 2px;
	}

	.hc-atlas-crumbs {
		margin-bottom: 10px;
		padding: 0 2px;
		font-size: .50rem;
	}

	.hc-atlas-place-hero {
		margin-bottom: 22px;
		padding: 22px 4px 24px;
		border-top-width: 3px;
		background: transparent;
	}

	.hc-atlas-place-hero__eyebrow {
		font-size: .56rem;
	}

	.hc-atlas-place-hero h1 {
		font-size: clamp(2.65rem, 14vw, 4.2rem);
		line-height: .84;
	}

	.hc-atlas-place-hero__meta {
		margin-top: 12px;
		gap: 6px 10px;
		font-size: .49rem;
	}

	.hc-atlas-place-hero__summary {
		margin-top: 14px;
		font-size: .92rem;
		line-height: 1.45;
	}

	.hc-atlas-place-ledger {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-bottom: 42px;
	}

	.hc-atlas-place-ledger__item {
		padding: 12px 8px 11px;
	}

	.hc-atlas-place-ledger strong {
		font-size: 1.55rem;
	}

	.hc-atlas-place-ledger span {
		font-size: .45rem;
		line-height: 1.2;
	}

	.hc-atlas-place-ledger small {
		display: none;
	}

	.hc-atlas-file-section {
		margin-bottom: 46px;
	}

	.hc-atlas-file-section__header h2 {
		font-size: clamp(1.95rem, 10vw, 3rem);
	}

	.hc-atlas-file-section__header > p {
		font-size: .84rem;
	}

	.hc-atlas-exhibit-grid,
	.hc-atlas-producer-file-grid {
		grid-template-columns: 1fr;
		gap: 9px;
	}

	.hc-atlas-exhibit-card__body,
	.hc-atlas-producer-file-card {
		padding-left: 14px;
		padding-right: 14px;
	}

	.hc-atlas-producer-file-card {
		min-height: 0;
	}

	.hc-atlas-connections {
		gap: 9px;
	}

	.hc-atlas-connection-panel {
		padding: 18px 15px 16px;
	}

	.hc-atlas-research-file {
		margin-top: 52px;
		padding: 23px 14px 24px;
	}

	.hc-atlas-research-file h2 {
		font-size: clamp(1.9rem, 10vw, 3rem);
	}

	.hc-atlas-research-file__header > p {
		font-size: .84rem;
	}

	.hc-atlas-research-file__signals {
		margin-top: 17px;
	}

	.hc-atlas-research-file__signal {
		padding: 11px 8px;
	}

	.hc-atlas-research-file__signal strong {
		font-size: 1.25rem;
	}

	.hc-atlas-research-file__signal span {
		font-size: .44rem;
		line-height: 1.2;
	}

	.hc-atlas-place-footer {
		display: grid;
		gap: 9px;
		margin-top: 54px;
	}

	.hc-atlas-continent-file {
		padding-top: 16px;
	}

	.hc-atlas-continent-file__header {
		gap: 12px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.hc-atlas-continent-file h1 {
		font-size: clamp(2.7rem, 14vw, 4.3rem);
	}

	.hc-atlas-continent-file__header > p {
		font-size: .88rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-atlas-exhibit-card__image img {
		transition: none;
	}
}


/* =========================================================
   Honey Chronicles — Search Room v1.0
   ---------------------------------------------------------
   Search crosses the museum. It should not inherit one room's
   color as if all results were the same kind of object.
   ========================================================= */

body.hc-room-search {
	--hc-search-ink: var(--hc-museum-ink);
	--hc-search-line: rgba(60,43,31,.14);
}

body.hc-room-search .hc-main {
	background:
		radial-gradient(circle at 15% 8%, rgba(185,130,36,.055), transparent 25rem),
		radial-gradient(circle at 84% 18%, rgba(77,100,115,.055), transparent 29rem);
}

.hc-search-room {
	width: min(100%, 1460px);
	margin: 0 auto;
	padding: clamp(18px, 2.8vw, 42px) 0 clamp(82px, 9vw, 132px);
}

/* ---------------------------------------------------------
   Search entrance
   --------------------------------------------------------- */

.hc-search-room__intro {
	position: relative;
	max-width: 1180px;
	margin: 0 auto clamp(20px, 3vw, 36px);
	padding: clamp(30px, 4.6vw, 64px) clamp(24px, 5vw, 72px);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 250px);
	gap: clamp(28px, 6vw, 82px);
	align-items: center;
	border-top: 4px solid var(--hc-museum-ink);
	border-bottom: 1px solid var(--hc-search-line);
	background:
		linear-gradient(100deg, rgba(255,253,247,.88), rgba(248,243,231,.48));
}

.hc-search-room__intro::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -4px;
	height: 4px;
	background:
		linear-gradient(
			90deg,
			var(--hc-honey-gold) 0 25%,
			var(--hc-field-green) 25% 50%,
			var(--hc-cartographer-blue) 50% 75%,
			var(--hc-attention) 75% 100%
		);
}

.hc-search-room__eyebrow {
	margin: 0 0 8px;
	font-size: .61rem;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
}

.hc-search-room__intro h1 {
	max-width: 13ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.8rem, 5.8vw, 6rem);
	line-height: .86;
	letter-spacing: -.06em;
	text-wrap: balance;
	color: var(--hc-search-ink);
}

.hc-search-room__intro > div:first-child > p:last-child {
	max-width: 700px;
	margin: 17px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.25vw, 1.17rem);
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-search-room__mark {
	position: relative;
	justify-self: center;
	width: min(100%, 190px);
	aspect-ratio: 1;
	border: 2px solid rgba(60,43,31,.24);
	border-radius: 999px;
}

.hc-search-room__mark::before {
	content: "";
	position: absolute;
	width: 45%;
	height: 45%;
	left: 23%;
	top: 22%;
	border: 2px solid rgba(60,43,31,.34);
	border-radius: 999px;
}

.hc-search-room__mark::after {
	content: "";
	position: absolute;
	width: 42%;
	height: 2px;
	left: 58%;
	top: 67%;
	background: rgba(60,43,31,.34);
	transform: rotate(45deg);
	transform-origin: left center;
}

.hc-search-room__mark span {
	position: absolute;
	left: 43%;
	top: 43%;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--hc-honey-gold);
	box-shadow: 0 0 0 6px rgba(185,130,36,.10);
}

/* ---------------------------------------------------------
   Main search console
   --------------------------------------------------------- */

.hc-search-console {
	max-width: 1180px;
	margin: 0 auto clamp(38px, 5vw, 66px);
	padding: 28px 0 0;
	border-top: 1px solid var(--hc-search-line);
}

.hc-search-console > label {
	display: block;
	margin: 0 0 8px;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-search-console__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.hc-search-console input[type="search"] {
	width: 100%;
	min-height: 58px;
	margin: 0;
	padding: 12px 17px;
	border: 1px solid rgba(60,43,31,.19);
	border-radius: 4px;
	background: rgba(255,253,247,.95);
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.6vw, 1.25rem);
	color: var(--hc-walnut-ink);
}

.hc-search-console input[type="search"]:focus {
	outline: 3px solid rgba(185,130,36,.10);
	border-color: rgba(60,43,31,.42);
}

.hc-search-console button {
	min-height: 58px;
	padding: 0 22px;
	border: 1px solid var(--hc-museum-ink);
	border-radius: 4px;
	background: var(--hc-museum-ink);
	color: #fff;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	cursor: pointer;
}

/* ---------------------------------------------------------
   Empty-search starting doors
   --------------------------------------------------------- */

.hc-search-start {
	max-width: 1260px;
	margin: 0 auto;
}

.hc-search-start__heading {
	margin-bottom: 16px;
}

.hc-search-start__heading h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.8vw, 3.8rem);
	line-height: .92;
	letter-spacing: -.045em;
}

.hc-search-start__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.hc-search-start-card {
	min-height: 190px;
	display: flex;
	flex-direction: column;
	padding: 19px 18px 17px;
	border: 1px solid var(--hc-search-line);
	border-top-width: 4px;
	background: rgba(255,253,247,.72);
	text-decoration: none;
}

.hc-search-start-card--honey { border-top-color: var(--hc-honey-gold); }
.hc-search-start-card--producers { border-top-color: var(--hc-field-green); }
.hc-search-start-card--stories { border-top-color: var(--hc-cartographer-blue); }
.hc-search-start-card--places { border-top-color: var(--hc-attention); }

.hc-search-start-card > span {
	font-size: .51rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-search-start-card > strong {
	margin-top: 18px;
	font-family: var(--hc-serif);
	font-size: clamp(1.3rem, 2vw, 1.85rem);
	line-height: .95;
	letter-spacing: -.035em;
	color: var(--hc-museum-ink);
}

.hc-search-start-card > em {
	margin-top: auto;
	padding-top: 18px;
	font-size: .65rem;
	line-height: 1.4;
	font-style: normal;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   Search results architecture
   --------------------------------------------------------- */

.hc-search-results {
	max-width: 1260px;
	margin: 0 auto;
}

.hc-search-results__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--hc-search-line);
}

.hc-search-results__header h2 {
	max-width: 17ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 4vw, 4.15rem);
	line-height: .9;
	letter-spacing: -.05em;
	text-wrap: balance;
}

.hc-search-results__header > p {
	max-width: 500px;
	margin: 0 0 3px;
	font-family: var(--hc-serif);
	font-size: .9rem;
	line-height: 1.48;
	color: var(--hc-faded-ink);
}

.hc-search-scope-rail {
	display: flex;
	gap: 7px;
	overflow-x: auto;
	padding: 2px 0 10px;
	margin-bottom: 18px;
	scrollbar-width: none;
}

.hc-search-scope-rail::-webkit-scrollbar {
	display: none;
}

.hc-search-scope-rail a {
	flex: 0 0 auto;
	min-width: 108px;
	min-height: 44px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 10px;
	border: 1px solid var(--hc-search-line);
	background: rgba(255,253,247,.72);
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

.hc-search-scope-rail a span {
	font-family: var(--hc-serif);
	font-size: .78rem;
}

.hc-search-scope-rail a strong {
	display: inline-grid;
	place-items: center;
	min-width: 23px;
	min-height: 23px;
	border-radius: 999px;
	background: rgba(60,43,31,.06);
	font-size: .54rem;
}

.hc-search-scope-rail a.is-active {
	border-color: rgba(60,43,31,.38);
	box-shadow: inset 0 -3px 0 var(--hc-museum-ink);
}

/* Each room keeps a small visual accent without fragmenting Search. */
.hc-search-group {
	margin-bottom: clamp(42px, 6vw, 78px);
}

.hc-search-group__header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 20px;
	margin-bottom: 11px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--hc-search-line);
}

.hc-search-group__eyebrow {
	margin: 0 0 5px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.hc-search-group--places .hc-search-group__eyebrow { color: var(--hc-attention); }
.hc-search-group--stories .hc-search-group__eyebrow { color: var(--hc-cartographer-blue); }
.hc-search-group--honey .hc-search-group__eyebrow { color: var(--hc-dark-honey); }
.hc-search-group--producers .hc-search-group__eyebrow { color: var(--hc-field-green); }

.hc-search-group__header h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.9rem, 3.4vw, 3.4rem);
	line-height: .92;
	letter-spacing: -.04em;
}

.hc-search-group__header > span {
	padding-bottom: 2px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-search-result-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 11px;
}

.hc-search-result-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(60,43,31,.12);
	border-top-width: 3px;
	background: rgba(255,253,247,.78);
	box-shadow: 0 7px 18px rgba(36,28,22,.045);
	overflow: hidden;
}

.hc-search-result-card--honey { border-top-color: var(--hc-honey-gold); }
.hc-search-result-card--producers { border-top-color: var(--hc-field-green); }
.hc-search-result-card--stories { border-top-color: var(--hc-cartographer-blue); }

.hc-search-result-card__image {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--hc-aged-parchment);
}

.hc-search-result-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hc-search-result-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 16px 16px 15px;
}

.hc-search-result-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	margin-bottom: 7px;
	font-size: .49rem;
	font-weight: 900;
	letter-spacing: .105em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-search-result-card--honey .hc-search-result-card__meta span { color: var(--hc-dark-honey); }
.hc-search-result-card--producers .hc-search-result-card__meta span { color: var(--hc-field-green); }
.hc-search-result-card--stories .hc-search-result-card__meta span { color: var(--hc-cartographer-blue); }

.hc-search-result-card h3 {
	margin: 0 0 8px;
	font-family: var(--hc-serif);
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	line-height: .95;
	letter-spacing: -.035em;
}

.hc-search-result-card h3 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-search-result-card__places {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0 0 8px;
}

.hc-search-result-card__places span {
	padding: 3px 6px;
	border-radius: 999px;
	background: rgba(77,100,115,.07);
	font-size: .51rem;
	font-weight: 800;
	color: var(--hc-cartographer-blue);
}

.hc-search-result-card__teaser {
	margin: 0;
	font-size: .75rem;
	line-height: 1.47;
	color: var(--hc-faded-ink);
}

.hc-search-result-card__enter {
	margin-top: auto;
	padding-top: 14px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

/* Factual places get their own compact Atlas doors. */
.hc-search-place-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.hc-search-place-card {
	min-height: 124px;
	display: flex;
	flex-direction: column;
	padding: 14px 14px 12px;
	border: 1px solid rgba(77,100,115,.16);
	border-top: 3px solid var(--hc-attention);
	background: rgba(255,253,247,.72);
	text-decoration: none;
}

.hc-search-place-card > span {
	font-size: .48rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-search-place-card > strong {
	margin-top: 12px;
	font-family: var(--hc-serif);
	font-size: 1.35rem;
	line-height: .95;
	color: var(--hc-museum-ink);
}

.hc-search-place-card > em {
	margin-top: auto;
	padding-top: 12px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-style: normal;
	color: var(--hc-cartographer-blue);
}

.hc-search-empty {
	max-width: 780px;
	margin: 36px auto 0;
	padding: 38px 28px;
	border: 1px dashed rgba(60,43,31,.25);
	background: rgba(255,253,247,.64);
}

.hc-search-empty h2 {
	margin: 0 0 9px;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 4vw, 3.8rem);
	line-height: .92;
	letter-spacing: -.045em;
}

.hc-search-empty > p:last-child {
	max-width: 630px;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: .92rem;
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

/* ---------------------------------------------------------
   Search responsive
   --------------------------------------------------------- */

@media (max-width: 980px) {
	.hc-search-start__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hc-search-result-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hc-search-place-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.hc-search-room__intro {
		grid-template-columns: 1fr;
	}

	.hc-search-room__mark {
		display: none;
	}

	.hc-search-results__header {
		display: block;
	}

	.hc-search-results__header > p {
		margin-top: 9px;
	}

	.hc-search-place-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.hc-room-search .hc-main {
		padding-top: 5px;
	}

	.hc-search-room {
		padding-top: 2px;
	}

	.hc-search-room__intro {
		margin-bottom: 13px;
		padding: 20px 3px 22px;
		border-top-width: 3px;
		background: transparent;
	}

	.hc-search-room__intro::after {
		top: -3px;
		height: 3px;
	}

	.hc-search-room__eyebrow {
		font-size: .56rem;
		margin-bottom: 6px;
	}

	.hc-search-room__intro h1 {
		font-size: clamp(2.35rem, 12vw, 3.6rem);
		line-height: .88;
	}

	.hc-search-room__intro > div:first-child > p:last-child {
		margin-top: 10px;
		font-size: .9rem;
		line-height: 1.4;
	}

	.hc-search-console {
		margin-bottom: 32px;
		padding-top: 14px;
	}

	.hc-search-console__row {
		grid-template-columns: 1fr auto;
		gap: 6px;
	}

	.hc-search-console input[type="search"] {
		min-height: 49px;
		padding: 9px 11px;
		font-size: .94rem;
	}

	.hc-search-console button {
		min-height: 49px;
		padding: 0 13px;
		font-size: .55rem;
	}

	.hc-search-start__grid,
	.hc-search-result-grid,
	.hc-search-place-grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.hc-search-start-card {
		min-height: 125px;
		padding: 14px 13px 13px;
	}

	.hc-search-start-card > strong {
		margin-top: 10px;
		font-size: 1.45rem;
	}

	.hc-search-start-card > em {
		padding-top: 10px;
	}

	.hc-search-results__header h2 {
		font-size: clamp(1.9rem, 9.5vw, 2.85rem);
	}

	.hc-search-results__header > p {
		font-size: .84rem;
	}

	.hc-search-scope-rail {
		margin-right: -10px;
		padding-right: 10px;
	}

	.hc-search-scope-rail a {
		min-width: 100px;
		min-height: 42px;
	}

	.hc-search-group {
		margin-bottom: 42px;
	}

	.hc-search-group__header h2 {
		font-size: clamp(1.8rem, 8vw, 2.5rem);
	}

	.hc-search-result-card {
		display: grid;
		grid-template-columns: minmax(105px, 34%) minmax(0, 1fr);
		min-height: 160px;
	}

	.hc-search-result-card:not(:has(.hc-search-result-card__image)) {
		display: block;
		min-height: 0;
	}

	.hc-search-result-card__image {
		height: 100%;
		aspect-ratio: auto;
	}

	.hc-search-result-card__body {
		padding: 12px 11px;
	}

	.hc-search-result-card h3 {
		font-size: clamp(1.15rem, 5.6vw, 1.55rem);
	}

	.hc-search-result-card__teaser {
		display: none;
	}

	.hc-search-result-card__places {
		margin-bottom: 2px;
	}

	.hc-search-result-card__enter {
		padding-top: 8px;
	}

	.hc-search-place-card {
		min-height: 102px;
	}
}


/* =========================================================
   Honey Chronicles — Rowan Background Translation v1.0
   Theme version 0.9.1
   ---------------------------------------------------------
   PURPOSE
   Bring the frozen museum architecture onto the quieter,
   editorial surface system established in the Rowan previews.

   This pass changes BACKGROUNDS / SURFACES only.
   It deliberately does not redesign:
   - room architecture
   - typography scale
   - header proportions
   - navigation behavior
   - floating Search / Atlas instruments

   Rowan reference canvas sampled from supplied previews:
   #F3F1EA
   ========================================================= */

:root {
	/* Rowan surface family */
	--hc-rowan-canvas: #F3F1EA;
	--hc-rowan-paper: #FFFDF9;
	--hc-rowan-paper-soft: #F8F7F3;
	--hc-rowan-sage: #E9EFE5;
	--hc-rowan-sage-soft: #F0F3ED;
	--hc-rowan-blue: #EFF3F7;
	--hc-rowan-blue-soft: #F5F7F8;
	--hc-rowan-honey: #FAF4E7;
	--hc-rowan-rust: #F5ECE8;
	--hc-rowan-line: rgba(56, 48, 40, .16);
	--hc-rowan-line-soft: rgba(56, 48, 40, .10);
	--hc-rowan-shadow: 0 8px 22px rgba(36, 28, 22, .045);

	/* Let existing components inherit the quieter museum paper. */
	--hc-museum-paper: var(--hc-rowan-canvas);
	--hc-archive-white: var(--hc-rowan-paper);
}

/* ---------------------------------------------------------
   1. Museum canvas
   --------------------------------------------------------- */

html,
body.hc-public-museum,
body.hc-public-museum .site,
body.hc-public-museum #wrapper,
body.hc-public-museum .wp-site-blocks {
	background: var(--hc-rowan-canvas) !important;
}

/*
 * Remove the older room-level radial glows.
 * Room identity now comes from typography, rules, labels and surfaces,
 * much closer to Rowan's editorial prototypes.
 */
.hc-main,
body.hc-room-honey .hc-main,
body.hc-room-producers .hc-main,
body.hc-room-stories .hc-main,
body.hc-room-atlas .hc-main,
body.hc-room-search .hc-main {
	background: transparent !important;
}

/* ---------------------------------------------------------
   2. Header / shell paper
   --------------------------------------------------------- */

.hc-public-header {
	background: rgba(243, 241, 234, .985) !important;
	border-bottom-color: var(--hc-rowan-line) !important;
	box-shadow: none !important;
}

.hc-public-nav a,
.hc-header-tool,
.hc-header-action {
	background: rgba(255, 253, 249, .70) !important;
	box-shadow: none !important;
}

/* ---------------------------------------------------------
   3. General editorial surfaces
   --------------------------------------------------------- */

.hc-collection-header,
.hc-producer-wing__intro,
.hc-producer-feature,
.hc-producer-record,
.hc-story-evidence-table,
.hc-atlas-room__intro,
.hc-atlas-place-hero,
.hc-search-room__intro {
	box-shadow: none !important;
}

/* Rowan used edges and spacing more than floating-paper shadows. */
.hc-collection-header,
.hc-producer-wing__intro,
.hc-producer-record,
.hc-atlas-place-hero {
	border-color: var(--hc-rowan-line) !important;
}

/* ---------------------------------------------------------
   4. Honey / Collection — warm paper
   --------------------------------------------------------- */

body.hc-room-honey .hc-collection-header {
	background: var(--hc-rowan-honey) !important;
}

body.hc-room-honey .hc-honey-directory-tools {
	background: rgba(255, 253, 249, .82) !important;
	box-shadow: none !important;
}

body.hc-room-honey .hc-honey-directory-tools input,
body.hc-room-honey .hc-honey-directory-tools select {
	background: var(--hc-rowan-paper) !important;
}

body.hc-room-honey .hc-collection-card {
	background: var(--hc-rowan-paper) !important;
	box-shadow: var(--hc-rowan-shadow) !important;
}

body.hc-room-honey .hc-collection-card .hc-card-image {
	background: var(--hc-rowan-honey) !important;
}

/*
 * Individual Honey exhibits keep the physical object visually dominant,
 * while surrounding museum furniture quiets down.
 */
.hc-honey-exhibit,
.hc-honey-passport,
.hc-honey-reference,
.hc-honey-record,
.hc-honey-details {
	background-color: transparent;
}

/* ---------------------------------------------------------
   5. Producers — Rowan sage family
   --------------------------------------------------------- */

body.hc-room-producers .hc-producer-wing__intro {
	background: var(--hc-rowan-sage-soft) !important;
}

body.hc-room-producers .hc-producer-feature {
	background: var(--hc-rowan-sage) !important;
	box-shadow: none !important;
}

body.hc-room-producers .hc-producer-tools {
	background: rgba(255, 253, 249, .76) !important;
	box-shadow: none !important;
}

body.hc-room-producers .hc-producer-tool input,
body.hc-room-producers .hc-producer-tool select {
	background: var(--hc-rowan-paper) !important;
}

body.hc-room-producers .hc-producer-wing-card {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

/* Rowan's Producer discovery used occasional sage doors. */
body.hc-room-producers .hc-producer-wing-card:nth-child(5n + 1),
body.hc-room-producers .hc-producer-wing-card:nth-child(5n + 4) {
	background: var(--hc-rowan-sage) !important;
}

/* Single Producer Exhibit */
body.hc-room-producers .hc-producer-record {
	background: var(--hc-rowan-canvas) !important;
	box-shadow: none !important;
}

body.hc-room-producers .hc-producer-record__visual,
body.hc-room-producers .hc-producer-record__story-grid article,
body.hc-room-producers .hc-producer-record__detail-grid article,
body.hc-room-producers .hc-producer-record__curator-copy,
body.hc-room-producers .hc-producer-record__offerings,
body.hc-room-producers .hc-producer-record__collection-links {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

body.hc-room-producers .hc-producer-record__geography {
	background: var(--hc-rowan-sage) !important;
}

body.hc-room-producers .hc-producer-record__facts {
	background: rgba(233, 239, 229, .58) !important;
}

body.hc-room-producers .hc-producer-record__activity-grid article,
body.hc-room-producers .hc-producer-record__offering-grid article,
body.hc-room-producers .hc-producer-record__honey-grid a {
	background: var(--hc-rowan-sage-soft) !important;
}

/* ---------------------------------------------------------
   6. Stories — Rowan pale blue / archive paper
   --------------------------------------------------------- */

body.hc-room-stories .hc-story-gallery__intro {
	background: transparent !important;
}

body.hc-room-stories .hc-story-evidence-table {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

body.hc-room-stories .hc-story-document-plate,
body.hc-room-stories .hc-story-card__paper {
	background:
		linear-gradient(rgba(255,253,249,.82), rgba(255,253,249,.82)),
		repeating-linear-gradient(
			0deg,
			transparent 0 31px,
			rgba(77,100,115,.08) 31px 32px
		) !important;
}

body.hc-room-stories .hc-story-tools {
	background: transparent !important;
}

body.hc-room-stories .hc-story-tool input,
body.hc-room-stories .hc-story-tool select {
	background: var(--hc-rowan-paper) !important;
}

body.hc-room-stories .hc-story-card {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

/* Research records receive the same pale-blue cue seen in Rowan. */
body.hc-room-stories .hc-story-card.is-research:nth-child(4n + 1),
body.hc-room-stories .hc-story-evidence-table__copy,
body.hc-room-stories .hc-story-exhibit__quick {
	background: var(--hc-rowan-blue) !important;
}

/* Single Story Exhibit */
body.hc-room-stories .hc-story-evidence-file {
	background: transparent !important;
}

body.hc-room-stories .hc-story-evidence-file__section,
body.hc-room-stories .hc-story-evidence-file__sources {
	background: transparent !important;
}

body.hc-room-stories .hc-story-evidence-file__primary {
	background: var(--hc-rowan-blue) !important;
}

body.hc-room-stories .hc-story-neighbor--gallery {
	background: var(--hc-rowan-blue) !important;
}

/* ---------------------------------------------------------
   7. Atlas — pale cartographer surfaces
   --------------------------------------------------------- */

body.hc-room-atlas .hc-atlas-room__intro,
body.hc-room-atlas .hc-atlas-place-hero {
	background: transparent !important;
}

body.hc-room-atlas .hc-atlas-world-index__stats,
body.hc-room-atlas .hc-atlas-place-ledger {
	background: transparent !important;
}

body.hc-room-atlas .hc-atlas-continent-tab,
body.hc-room-atlas .hc-atlas-search-panel input {
	background: var(--hc-rowan-paper) !important;
}

body.hc-room-atlas .hc-atlas-continent-tab.is-active {
	background: var(--hc-rowan-blue) !important;
}

body.hc-room-atlas .hc-atlas-search-panel {
	background: transparent !important;
}

body.hc-room-atlas .hc-atlas-country-card {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

body.hc-room-atlas .hc-atlas-country-card.has-research:nth-child(4n + 2) {
	background: var(--hc-rowan-blue-soft) !important;
}

body.hc-room-atlas .hc-atlas-exhibit-card,
body.hc-room-atlas .hc-atlas-producer-file-card,
body.hc-room-atlas .hc-atlas-connection-panel {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

body.hc-room-atlas .hc-atlas-producer-file-card:nth-child(3n + 1) {
	background: var(--hc-rowan-sage-soft) !important;
}

body.hc-room-atlas .hc-atlas-research-file {
	background: var(--hc-rowan-blue-soft) !important;
}

body.hc-room-atlas .hc-atlas-sparse-file {
	background: rgba(255, 253, 249, .50) !important;
}

/* ---------------------------------------------------------
   8. Search — neutral crossing point with room accents
   --------------------------------------------------------- */

body.hc-room-search .hc-search-room__intro {
	background: transparent !important;
}

body.hc-room-search .hc-search-console input[type="search"] {
	background: var(--hc-rowan-paper) !important;
}

body.hc-room-search .hc-search-start-card,
body.hc-room-search .hc-search-result-card,
body.hc-room-search .hc-search-place-card {
	background: var(--hc-rowan-paper) !important;
	box-shadow: none !important;
}

body.hc-room-search .hc-search-start-card--honey {
	background: var(--hc-rowan-honey) !important;
}

body.hc-room-search .hc-search-start-card--producers {
	background: var(--hc-rowan-sage) !important;
}

body.hc-room-search .hc-search-start-card--stories {
	background: var(--hc-rowan-blue) !important;
}

body.hc-room-search .hc-search-start-card--places {
	background: var(--hc-rowan-rust) !important;
}

body.hc-room-search .hc-search-scope-rail a {
	background: var(--hc-rowan-paper) !important;
}

body.hc-room-search .hc-search-scope-rail a.is-active {
	background: var(--hc-rowan-paper-soft) !important;
}

/* ---------------------------------------------------------
   9. Entrance / Timeline — keep them editorial and flat
   --------------------------------------------------------- */

body.hc-room-entrance .hc-featured-exhibit,
body.hc-room-entrance .hc-discovery-card,
body.hc-room-entrance .hc-entry-window,
body.hc-room-entrance .hc-archive-room {
	box-shadow: none !important;
}

body.hc-room-entrance .hc-discovery-card {
	background: var(--hc-rowan-paper) !important;
}

.hc-chronicle-feed,
.hc-timeline,
.hc-timeline-record,
.hc-timeline-card {
	background-color: transparent;
}

/* ---------------------------------------------------------
   10. Generic WordPress leftovers
   --------------------------------------------------------- */

body.hc-public-museum .entry,
body.hc-public-museum .content-bg,
body.hc-public-museum .site-main > article:not([class*="hc-"]) {
	background: transparent;
}

/* Keep Footer grounded but slightly quieter against Rowan canvas. */
.hc-public-footer,
.site-footer {
	box-shadow: none !important;
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 640px) {
	/*
	 * Flat background is especially important on phones:
	 * no competing radial washes behind already-large typography.
	 */
	html,
	body.hc-public-museum,
	body.hc-public-museum .site,
	body.hc-public-museum #wrapper,
	body.hc-public-museum .wp-site-blocks {
		background: var(--hc-rowan-canvas) !important;
	}

	.hc-public-header {
		background: var(--hc-rowan-canvas) !important;
	}

	body.hc-room-producers .hc-producer-wing-card:nth-child(5n + 1),
	body.hc-room-producers .hc-producer-wing-card:nth-child(5n + 4) {
		background: var(--hc-rowan-paper) !important;
	}

	/* Let the large feature surfaces keep the room tint on phone. */
	body.hc-room-producers .hc-producer-feature {
		background: var(--hc-rowan-sage) !important;
	}

	body.hc-room-stories .hc-story-exhibit__quick {
		background: var(--hc-rowan-blue) !important;
	}
}


/* =========================================================
   Honey Chronicles — Masthead v2.0
   Theme version 0.10.0
   ---------------------------------------------------------
   Goal:
   compress the chrome so the museum gets the stage.

   Desktop:
   Brand | Stories Honey Producers | Search Atlas Timeline

   Mobile:
   compact brand + three instruments on row one,
   room rail on row two.

   No giant nav capsule. No floating instruments.
   ========================================================= */

.hc-masthead-v2 {
	position: relative;
	z-index: 100;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(243, 241, 234, .985) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(56,48,40,.16) !important;
	box-shadow: none !important;
}

/* Four-room museum trim: quiet, not decorative furniture. */
.hc-masthead-v2 .hc-header-topline {
	width: 100%;
	height: 4px !important;
	background:
		linear-gradient(
			90deg,
			var(--hc-cartographer-blue) 0 25%,
			var(--hc-honey-gold) 25% 50%,
			var(--hc-field-green) 50% 75%,
			var(--hc-attention) 75% 100%
		) !important;
}

/* Retire the old marbled divider below the masthead. */
.hc-masthead-v2::after {
	display: none !important;
	content: none !important;
}

.hc-masthead-v2 .hc-public-header__inner {
	position: relative;
	width: min(calc(100% - 40px), 1420px) !important;
	min-height: 76px !important;
	margin: 0 auto !important;
	padding: 10px 0 !important;
	display: grid !important;
	grid-template-columns: minmax(300px, 1fr) auto auto !important;
	grid-template-areas: "brand nav tools" !important;
	gap: clamp(24px, 4vw, 64px) !important;
	align-items: center !important;
}

/* Front Door: the Hallway itself is now the room navigation. Keep only the
   Honey Chronicles identity and the three cross-museum instruments here. */
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner {
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas: "brand tools" !important;
	gap: 18px !important;
}

/* ---------------------------------------------------------
   Brand
   --------------------------------------------------------- */

.hc-masthead-v2 .hc-public-brand {
	grid-area: brand;
	min-width: 0;
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: 12px;
	text-decoration: none;
	color: var(--hc-museum-ink) !important;
}

.hc-masthead-v2 .hc-public-seal {
	position: static !important;
	inset: auto !important;
	flex: 0 0 auto;
	width: 50px !important;
	height: 50px !important;
	margin: 0 !important;
	display: block;
	transform: none !important;
	filter: none !important;
}

.hc-masthead-v2 .hc-public-seal img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.hc-masthead-v2 .hc-public-branding {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.hc-masthead-v2 .hc-public-title__main {
	margin: 0 !important;
	font-family: var(--hc-serif);
	font-size: clamp(1.72rem, 2.1vw, 2.35rem) !important;
	font-weight: 700;
	line-height: .92 !important;
	letter-spacing: -.045em !important;
	text-transform: none !important;
	white-space: nowrap !important;
	color: var(--hc-museum-ink);
}

.hc-masthead-v2 .hc-public-title__sub,
.hc-masthead-v2 body.hc-room-entrance .hc-public-title__sub {
	margin: 2px 0 0 !important;
	padding: 0 !important;
	font-family: var(--hc-sans);
	font-size: .51rem !important;
	font-weight: 900;
	line-height: 1 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase;
	color: var(--hc-field-green) !important;
	text-align: left !important;
}

/* Old masthead tagline / Scout furniture are retired in v2. */
.hc-masthead-v2 .hc-public-tagline,
.hc-masthead-v2 .hc-public-scout,
.hc-masthead-v2 .hc-public-briefing {
	display: none !important;
}

/* ---------------------------------------------------------
   Room navigation
   --------------------------------------------------------- */

.hc-masthead-v2 .hc-public-nav {
	grid-area: nav;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: nowrap !important;
	gap: clamp(18px, 2.1vw, 32px) !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hc-masthead-v2 .hc-public-nav a {
	--hc-nav-accent: var(--hc-walnut-ink);

	position: relative;
	min-width: 0 !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 7px 1px 9px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	font-family: var(--hc-sans);
	font-size: .69rem !important;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .01em !important;
	text-transform: none !important;
	text-decoration: none;
	white-space: nowrap;
	color: var(--hc-museum-ink) !important;
	transform: none !important;
}

.hc-masthead-v2 .hc-public-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1px !important;
	width: 100% !important;
	height: 2px !important;
	margin: 0 auto;
	border-radius: 0;
	background: var(--hc-nav-accent);
	opacity: .82;
	transform: scaleX(.72);
	transform-origin: center;
	transition: transform .16s ease, opacity .16s ease;
}

.hc-masthead-v2 .hc-public-nav a:hover::after,
.hc-masthead-v2 .hc-public-nav a:focus-visible::after,
.hc-masthead-v2 .hc-public-nav a.is-active::after,
.hc-masthead-v2 .hc-public-nav a[aria-current="page"]::after {
	transform: scaleX(1);
	opacity: 1;
}

.hc-masthead-v2 .hc-public-nav a.is-active,
.hc-masthead-v2 .hc-public-nav a[aria-current="page"] {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--hc-museum-ink) !important;
}

.hc-masthead-v2 .hc-nav-stories {
	--hc-nav-accent: var(--hc-cartographer-blue) !important;
}

.hc-masthead-v2 .hc-nav-honey {
	--hc-nav-accent: var(--hc-honey-gold) !important;
}

.hc-masthead-v2 .hc-nav-producers {
	--hc-nav-accent: var(--hc-field-green) !important;
}

.hc-masthead-v2 .hc-public-nav__icon {
	width: 15px;
	height: 15px;
	display: inline-grid;
	place-items: center;
	color: var(--hc-nav-accent);
}

.hc-masthead-v2 .hc-public-nav__icon svg {
	width: 15px;
	height: 15px;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* ---------------------------------------------------------
   The three museum instruments
   Search · Atlas · Timeline
   --------------------------------------------------------- */

.hc-masthead-v2 .hc-public-tools {
	grid-area: tools;
	position: static !important;
	inset: auto !important;
	z-index: auto !important;
	width: auto !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 7px !important;
}

.hc-masthead-v2 .hc-public-tool {
	position: relative;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-grid !important;
	place-items: center;
	border: 1px solid rgba(56,48,40,.16) !important;
	border-radius: 999px !important;
	background: rgba(255,253,249,.68) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	text-decoration: none;
	color: var(--hc-museum-ink) !important;
	transform: none !important;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.hc-masthead-v2 .hc-public-tool::before {
	content: none !important;
	display: none !important;
	background: none !important;
}

.hc-masthead-v2 .hc-public-tool svg {
	width: 20px;
	height: 20px;
	display: block;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.65;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.hc-masthead-v2 .hc-public-tool:hover,
.hc-masthead-v2 .hc-public-tool:focus-visible {
	border-color: rgba(56,48,40,.34) !important;
	background: var(--hc-rowan-paper) !important;
	outline: none;
}

.hc-masthead-v2 .hc-tool-search:hover,
.hc-masthead-v2 .hc-tool-search:focus-visible,
.hc-masthead-v2 .hc-tool-search.is-active {
	color: var(--hc-walnut-ink) !important;
}

.hc-masthead-v2 .hc-tool-atlas:hover,
.hc-masthead-v2 .hc-tool-atlas:focus-visible,
.hc-masthead-v2 .hc-tool-atlas.is-active {
	border-color: rgba(77,100,115,.38) !important;
	color: var(--hc-cartographer-blue) !important;
}

.hc-masthead-v2 .hc-tool-timeline:hover,
.hc-masthead-v2 .hc-tool-timeline:focus-visible {
	border-color: rgba(122,61,51,.34) !important;
	color: var(--hc-attention) !important;
}

/* The masthead now ends at the divider. Content can begin immediately. */
.hc-masthead-v2 + .hc-main,
.hc-masthead-v2 ~ .hc-main {
	padding-top: clamp(14px, 2.1vw, 28px);
}

/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (max-width: 980px) {
	.hc-masthead-v2 .hc-public-header__inner {
		width: min(calc(100% - 28px), 1420px) !important;
		grid-template-columns: minmax(260px, 1fr) auto !important;
		grid-template-areas:
			"brand tools"
			"nav nav" !important;
		gap: 2px 24px !important;
		padding: 9px 0 8px !important;
	}

	.hc-masthead-v2 .hc-public-nav {
		justify-self: end !important;
		padding-top: 2px !important;
	}

	.hc-masthead-v2 .hc-public-title__main {
		font-size: 1.75rem !important;
	}

	.hc-masthead-v2 .hc-public-seal {
		width: 46px !important;
		height: 46px !important;
	}
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 640px) {
	.hc-masthead-v2 .hc-header-topline {
		height: 3px !important;
	}

	.hc-masthead-v2 .hc-public-header__inner {
		width: calc(100% - 20px) !important;
		min-height: 0 !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand tools"
			"nav nav" !important;
		gap: 6px 10px !important;
		padding: 8px 0 7px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner {
		grid-template-areas: "brand tools" !important;
		gap: 10px !important;
		padding-bottom: 8px !important;
	}

	.hc-masthead-v2 .hc-public-brand {
		gap: 8px;
	}

	.hc-masthead-v2 .hc-public-seal {
		width: 40px !important;
		height: 40px !important;
	}

	.hc-masthead-v2 .hc-public-title__main {
		font-size: clamp(1.24rem, 6.3vw, 1.55rem) !important;
		line-height: .94 !important;
		white-space: nowrap !important;
	}

	.hc-masthead-v2 .hc-public-title__sub {
		margin-top: 2px !important;
		font-size: .42rem !important;
		letter-spacing: .16em !important;
	}

	.hc-masthead-v2 .hc-public-tools {
		gap: 5px !important;
	}

	.hc-masthead-v2 .hc-public-tool {
		width: 34px !important;
		height: 34px !important;
		min-width: 34px !important;
	}

	.hc-masthead-v2 .hc-public-tool svg {
		width: 18px;
		height: 18px;
	}

	.hc-masthead-v2 .hc-public-nav {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		justify-self: stretch !important;
		gap: 12px !important;
		padding-top: 1px !important;
	}

	.hc-masthead-v2 .hc-public-nav a {
		min-height: 31px !important;
		padding: 5px 2px 7px !important;
		gap: 5px !important;
		font-size: .61rem !important;
	}

	.hc-masthead-v2 .hc-public-nav__icon,
	.hc-masthead-v2 .hc-public-nav__icon svg {
		width: 13px;
		height: 13px;
	}

	.hc-masthead-v2 + .hc-main,
	.hc-masthead-v2 ~ .hc-main {
		padding-top: 10px !important;
	}
}

/* Very narrow phones: preserve all three instruments; trim only brand scale. */
@media (max-width: 370px) {
	.hc-masthead-v2 .hc-public-header__inner {
		width: calc(100% - 14px) !important;
		gap: 5px 6px !important;
	}

	.hc-masthead-v2 .hc-public-seal {
		width: 36px !important;
		height: 36px !important;
	}

	.hc-masthead-v2 .hc-public-title__main {
		font-size: 1.15rem !important;
	}

	.hc-masthead-v2 .hc-public-title__sub {
		font-size: .38rem !important;
	}

	.hc-masthead-v2 .hc-public-tool {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
	}
}


/* =========================================================
   Entrance copy removal v1.0.1
   ---------------------------------------------------------
   The entrance windows now speak for themselves.
   Remove the redundant "Choose a way in" introduction while
   preserving the window counter and desktop arrow controls.
   ========================================================= */

.hc-entrance-windows__intro {
	justify-content: flex-end !important;
	margin-bottom: 10px !important;
}

.hc-entrance-windows__navigation {
	margin-left: auto;
}

@media (max-width: 860px) {
	.hc-entrance-windows__intro {
		min-height: 22px;
		margin-bottom: 7px !important;
	}
}


/* =========================================================
   Honey Chronicles — Entrance Room Details v1.0
   Theme version 0.11.0
   ---------------------------------------------------------
   Entrance Windows = poster / tease.
   These three records = slower, richer invitation.

   Stories · Honey · Producers
   ========================================================= */

.hc-entrance-room-details {
	width: min(100%, 1180px);
	margin: clamp(18px, 2.8vw, 34px) auto clamp(42px, 5.5vw, 72px);
	display: grid;
	gap: 14px;
}

.hc-entrance-detail-card {
	--hc-detail-accent: var(--hc-walnut-ink);
	--hc-detail-surface: var(--hc-rowan-paper);

	min-height: 250px;
	display: grid;
	grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr);
	border: 1px solid rgba(56,48,40,.15);
	border-top: 3px solid var(--hc-detail-accent);
	background: var(--hc-detail-surface);
	box-shadow: none;
	overflow: hidden;
}

.hc-entrance-detail-card--stories {
	--hc-detail-accent: var(--hc-cartographer-blue);
	--hc-detail-surface: var(--hc-rowan-blue-soft);
}

.hc-entrance-detail-card--honey {
	--hc-detail-accent: var(--hc-honey-gold);
	--hc-detail-surface: var(--hc-rowan-honey);
}

.hc-entrance-detail-card--producers {
	--hc-detail-accent: var(--hc-field-green);
	--hc-detail-surface: var(--hc-rowan-sage-soft);
}

.hc-entrance-detail-card.is-reversed {
	grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
}

.hc-entrance-detail-card.is-reversed .hc-entrance-detail-card__visual {
	order: 2;
}

.hc-entrance-detail-card.is-reversed .hc-entrance-detail-card__copy {
	order: 1;
}

.hc-entrance-detail-card__visual {
	position: relative;
	display: block;
	min-height: 250px;
	background: rgba(239,226,197,.42);
	overflow: hidden;
}

.hc-entrance-detail-card__visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 250px;
	object-fit: cover;
	transition: transform var(--hc-motion-normal) var(--hc-ease);
}

.hc-entrance-detail-card:hover .hc-entrance-detail-card__visual img {
	transform: scale(1.015);
}

.hc-entrance-detail-card__placeholder {
	position: absolute;
	inset: 0;
	display: grid;
	align-content: end;
	gap: 5px;
	padding: 26px;
	background:
		linear-gradient(145deg, rgba(255,253,249,.65), rgba(220,235,239,.48));
}

.hc-entrance-detail-card__placeholder small {
	font-size: .52rem;
	font-weight: 900;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--hc-detail-accent);
}

.hc-entrance-detail-card__placeholder strong {
	max-width: 10ch;
	font-family: var(--hc-serif);
	font-size: 2rem;
	line-height: .92;
	color: var(--hc-museum-ink);
}

.hc-entrance-detail-card__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(25px, 4vw, 48px);
}

.hc-entrance-detail-card__kicker {
	margin: 0 0 8px;
	font-size: .54rem;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--hc-detail-accent);
}

.hc-entrance-detail-card h2 {
	max-width: 17ch;
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2rem, 3.6vw, 3.6rem);
	line-height: .91;
	letter-spacing: -.047em;
	text-wrap: balance;
}

.hc-entrance-detail-card h2 a {
	color: var(--hc-museum-ink) !important;
	text-decoration: none;
}

.hc-entrance-detail-card__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}

.hc-entrance-detail-card__facts span {
	padding: 5px 8px 4px;
	border: 1px solid color-mix(in srgb, var(--hc-detail-accent) 22%, transparent);
	border-radius: 999px;
	background: rgba(255,253,249,.54);
	font-size: .53rem;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--hc-walnut-ink);
}

.hc-entrance-detail-card__summary {
	max-width: 66ch;
	margin: 15px 0 0;
	font-family: var(--hc-serif);
	font-size: .91rem;
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-entrance-detail-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 11px 16px;
	margin-top: 18px;
}

.hc-entrance-detail-card__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 13px 7px;
	border: 1px solid color-mix(in srgb, var(--hc-detail-accent) 34%, transparent);
	background: rgba(255,253,249,.72);
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-detail-accent) !important;
}

.hc-entrance-detail-card__room-link {
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

/*
 * The Timeline anchor now lives AFTER these three detail records.
 * This preserves the poster → detail → Chronicle reading order while
 * allowing the masthead Timeline instrument to bypass the cards.
 */
.hc-entrance-room-details + .hc-chronicle-anchor {
	display: block;
	height: 1px;
	scroll-margin-top: 88px;
}

@media (max-width: 900px) {
	.hc-entrance-detail-card,
	.hc-entrance-detail-card.is-reversed {
		grid-template-columns: minmax(230px, .82fr) minmax(0, 1.18fr);
	}

	.hc-entrance-detail-card.is-reversed .hc-entrance-detail-card__visual {
		order: 0;
	}

	.hc-entrance-detail-card.is-reversed .hc-entrance-detail-card__copy {
		order: 0;
	}
}

@media (max-width: 640px) {
	.hc-entrance-room-details {
		margin-top: 14px;
		margin-bottom: 38px;
		gap: 10px;
	}

	.hc-entrance-detail-card,
	.hc-entrance-detail-card.is-reversed {
		min-height: 0;
		grid-template-columns: 1fr;
		border-top-width: 3px;
	}

	.hc-entrance-detail-card__visual,
	.hc-entrance-detail-card__visual img {
		min-height: 220px;
	}

	.hc-entrance-detail-card__visual {
		aspect-ratio: 16 / 10;
	}

	.hc-entrance-detail-card__copy {
		padding: 18px 16px 19px;
	}

	.hc-entrance-detail-card h2 {
		font-size: clamp(1.8rem, 9.4vw, 2.7rem);
	}

	.hc-entrance-detail-card__summary {
		margin-top: 11px;
		font-size: .86rem;
		line-height: 1.46;
	}

	.hc-entrance-detail-card__actions {
		margin-top: 14px;
	}

	.hc-entrance-detail-card__room-link {
		margin-left: 1px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-entrance-detail-card__visual img {
		transition: none;
	}
}


/* =========================================================
   Story Gallery — remove redundant top rule v1.0.1
   ---------------------------------------------------------
   The compact masthead now supplies enough structure.
   Do not draw an additional horizontal rule above the
   Story Gallery entrance.
   ========================================================= */

body.hc-room-stories .hc-story-gallery__intro {
	border-top: 0 !important;
}


/* =========================================================
   Honey Chronicles — Room Intro Consistency v1.0
   Theme version 0.11.2
   ---------------------------------------------------------
   Collection / Producers / Stories now share one room-intro
   grammar without becoming identical rooms:

   - same max width
   - same rounded museum frame
   - same inset keyline
   - same broad padding / vertical weight
   - same headline scale
   - room-specific tint and symbol remain distinct
   ========================================================= */

/* Shared museum-room frame. */
body.hc-room-honey .hc-collection-header,
body.hc-room-producers .hc-producer-wing__intro,
body.hc-room-stories .hc-story-gallery__intro {
	position: relative;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: clamp(26px, 4vw, 48px) !important;
	padding: clamp(28px, 4.2vw, 62px) clamp(24px, 5vw, 72px) !important;
	border: 1px solid var(--hc-rowan-line) !important;
	border-radius: 28px !important;
	box-shadow: none !important;
	overflow: hidden;
}

/* Keep the inner museum keyline consistent. */
body.hc-room-honey .hc-collection-header::before,
body.hc-room-producers .hc-producer-wing__intro::before {
	inset: 11px !important;
	border-radius: 20px !important;
}

/*
 * Stories previously used a flat editorial strip.
 * Give it the same framed-room grammar as Honey and Producers.
 */
body.hc-room-stories .hc-story-gallery__intro {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 270px) !important;
	gap: clamp(24px, 5vw, 72px) !important;
	align-items: center !important;
	background: var(--hc-rowan-blue-soft) !important;
}

/* Story's inset keyline is its own pseudo-element because the original
 * intro did not use one. */
body.hc-room-stories .hc-story-gallery__intro::before {
	content: "";
	position: absolute;
	inset: 11px;
	border: 1px solid rgba(77,100,115,.14);
	border-radius: 20px;
	pointer-events: none;
	z-index: 0;
}

body.hc-room-stories .hc-story-gallery__intro-copy,
body.hc-room-stories .hc-story-gallery__mark {
	position: relative;
	z-index: 2;
}

/* Room-specific paper tints remain deliberately different. */
body.hc-room-honey .hc-collection-header {
	background: var(--hc-rowan-honey) !important;
}

body.hc-room-producers .hc-producer-wing__intro {
	background: var(--hc-rowan-sage-soft) !important;
}

body.hc-room-stories .hc-story-gallery__intro {
	background: var(--hc-rowan-blue-soft) !important;
}

/* Bring the three room headlines into the same scale family. */
body.hc-room-honey .hc-collection-header h1,
body.hc-room-producers .hc-producer-wing__intro h1,
body.hc-room-stories .hc-story-gallery__intro h1 {
	max-width: 13.5ch !important;
	font-size: clamp(2.7rem, 5.7vw, 6rem) !important;
	line-height: .86 !important;
	letter-spacing: -.058em !important;
}

/* Supporting copy should occupy roughly the same visual measure. */
body.hc-room-honey .hc-collection-header > p:last-child,
body.hc-room-producers .hc-producer-wing__intro-copy > p:last-child,
body.hc-room-stories .hc-story-gallery__intro-copy > p:last-child {
	max-width: 670px !important;
	margin-top: 17px !important;
	font-size: clamp(1rem, 1.25vw, 1.18rem) !important;
	line-height: 1.55 !important;
}

/*
 * Preserve the Story room's evidence-document personality,
 * but soften it so it behaves like the Honey / Producer marks.
 */
body.hc-room-stories .hc-story-gallery__mark {
	width: min(100%, 210px) !important;
	aspect-ratio: 1.18 / 1 !important;
	justify-self: center !important;
	border: 1px solid rgba(77,100,115,.18) !important;
	border-radius: 4px !important;
	background: rgba(255,253,249,.74) !important;
	box-shadow: 8px 8px 0 rgba(77,100,115,.055) !important;
}

/* Story room eyebrow joins the room-specific color family. */
body.hc-room-stories .hc-story-gallery__eyebrow {
	color: var(--hc-cartographer-blue) !important;
}

/* Mobile: all three room introductions collapse with the same spacing. */
@media (max-width: 640px) {
	body.hc-room-honey .hc-collection-header,
	body.hc-room-producers .hc-producer-wing__intro,
	body.hc-room-stories .hc-story-gallery__intro {
		margin-bottom: 18px !important;
		padding: 22px 16px 24px !important;
		border-radius: 22px !important;
	}

	body.hc-room-honey .hc-collection-header::before,
	body.hc-room-producers .hc-producer-wing__intro::before,
	body.hc-room-stories .hc-story-gallery__intro::before {
		inset: 8px !important;
		border-radius: 15px !important;
	}

	body.hc-room-stories .hc-story-gallery__intro {
		grid-template-columns: 1fr !important;
	}

	body.hc-room-stories .hc-story-gallery__mark {
		display: none !important;
	}

	body.hc-room-honey .hc-collection-header h1,
	body.hc-room-producers .hc-producer-wing__intro h1,
	body.hc-room-stories .hc-story-gallery__intro h1 {
		font-size: clamp(2.35rem, 11.8vw, 3.55rem) !important;
	}
}


/* =========================================================
   Story section heading citations v1.0
   Theme version 0.11.3
   ---------------------------------------------------------
   Repeated citation-only heading lines are now merged into
   the large H2 above them.

   Citation markers intentionally KEEP their existing small size.
   ========================================================= */

.hc-story-exhibit__prose h2 > .hc-research-citations {
	display: inline-flex;
	margin-left: 8px;
	vertical-align: .32em;
	transform: none;
}

.hc-story-exhibit__prose h2 > .hc-research-citations a {
	/* Keep the existing citation-chip scale; do not inherit H2 size. */
	font-family: var(--hc-sans);
	font-size: .54rem;
	line-height: 1;
	letter-spacing: 0;
}


/* =========================================================
   Honey Chronicles v0.12.0 — Front Door Hallway
   Stable magazine-cover arrival + four room swipe rails.
   Stories · Collection · Producers · Recipes
   ========================================================= */

body.home:not(.paged) .hc-archive-room,
body.hc-room-entrance:not(.paged) .hc-archive-room {
	max-width: 1320px;
}

.hc-front-door {
	--hc-cover-accent: var(--hc-cartographer-blue);
	width: min(100%, 1320px);
	margin: 0 auto;
}

.hc-front-cover {
	--hc-cover-accent: var(--hc-cartographer-blue);
	--hc-cover-title-size: clamp(3rem, 7.3vw, 7.2rem);
	--hc-cover-title-leading: .84;
	position: relative;
	min-height: clamp(460px, 66vw, 760px);
	margin: 0 auto clamp(52px, 7vw, 96px);
	border: 1px solid rgba(60,43,31,.20);
	border-radius: clamp(22px, 3vw, 34px);
	background: var(--hc-walnut-ink);
	box-shadow: 0 24px 64px rgba(36,28,22,.16);
	overflow: hidden;
	isolation: isolate;
}

.hc-front-cover--collection { --hc-cover-accent: var(--hc-honey-gold); }
.hc-front-cover--producers { --hc-cover-accent: var(--hc-field-green); }
.hc-front-cover--recipes { --hc-cover-accent: var(--hc-attention); }

/* Magazine-style responsive art direction: short cover lines can shout;
   longer editorial headlines step down before they collide with the cover. */
.hc-front-cover--title-medium {
	--hc-cover-title-size: clamp(2.8rem, 6.2vw, 6.2rem);
	--hc-cover-title-leading: .86;
}

.hc-front-cover--title-long {
	--hc-cover-title-size: clamp(2.45rem, 5.15vw, 5.1rem);
	--hc-cover-title-leading: .89;
}

.hc-front-cover::after {
	content: "";
	position: absolute;
	inset: 13px;
	z-index: 4;
	border: 1px solid rgba(255,253,247,.28);
	border-radius: calc(clamp(22px, 3vw, 34px) - 10px);
	pointer-events: none;
}

.hc-front-cover__media,
.hc-front-cover__media img,
.hc-front-cover__placeholder,
.hc-front-cover__veil {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hc-front-cover__media {
	display: block;
	z-index: 0;
	background: linear-gradient(145deg, var(--hc-walnut-ink), var(--hc-museum-ink));
}

.hc-front-cover__media img {
	object-fit: cover;
	object-position: center;
}

.hc-front-cover__placeholder {
	background:
		radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--hc-cover-accent) 55%, transparent), transparent 30rem),
		linear-gradient(145deg, var(--hc-walnut-ink), var(--hc-museum-ink));
}

.hc-front-cover__veil {
	background:
		linear-gradient(180deg, rgba(18,14,10,.08) 0%, rgba(18,14,10,.08) 38%, rgba(18,14,10,.82) 100%),
		linear-gradient(90deg, rgba(18,14,10,.42), transparent 65%);
}

.hc-front-cover__copy {
	position: absolute;
	z-index: 5;
	left: clamp(24px, 5vw, 72px);
	right: clamp(24px, 5vw, 72px);
	bottom: clamp(48px, 7vw, 88px);
	max-width: min(760px, 80%);
	color: #fff;
	text-shadow: 0 2px 16px rgba(18,14,10,.48);
}

.hc-front-cover__eyebrow {
	margin: 0 0 12px;
	font-size: clamp(.63rem, 1vw, .78rem);
	font-weight: 900;
	letter-spacing: .16em;
	line-height: 1.2;
	text-transform: uppercase;
	color: rgba(255,255,255,.88);
}

.hc-front-cover__copy h1,
.hc-front-cover__empty h1 {
	margin: 0;
	max-width: 12ch;
	font-family: var(--hc-serif);
	font-size: var(--hc-cover-title-size);
	line-height: var(--hc-cover-title-leading);
	letter-spacing: -.055em;
	text-wrap: balance;
	color: #fff;
}

.hc-front-cover__copy h1 a {
	color: #fff !important;
	text-decoration: none;
}

.hc-front-cover__copy > p:not(.hc-front-cover__eyebrow) {
	max-width: 62ch;
	margin: 18px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1rem, 1.7vw, 1.28rem);
	line-height: 1.45;
	color: rgba(255,255,255,.90);
}

.hc-front-cover__enter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	padding: 10px 13px 9px;
	border: 1px solid rgba(255,255,255,.38);
	border-radius: 999px;
	background: rgba(18,14,10,.24);
	backdrop-filter: blur(7px);
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff !important;
}

.hc-front-cover__enter:hover,
.hc-front-cover__enter:focus-visible {
	background: rgba(255,255,255,.15);
	color: #fff !important;
}

.hc-front-cover__room-key {
	position: absolute;
	z-index: 6;
	top: clamp(22px, 3vw, 34px);
	right: clamp(22px, 3vw, 34px);
	display: flex;
	gap: 8px;
}

.hc-front-cover__room-key span {
	width: 12px;
	height: 12px;
	border-radius: 999px;
	text-indent: -9999px;
	box-shadow: 0 0 0 2px rgba(255,255,255,.42);
}

.hc-front-cover__room-key .is-stories { background: var(--hc-cartographer-blue); }
.hc-front-cover__room-key .is-collection { background: var(--hc-honey-gold); }
.hc-front-cover__room-key .is-producers { background: var(--hc-field-green); }
.hc-front-cover__room-key .is-recipes { background: var(--hc-attention); }

.hc-front-cover__empty {
	position: relative;
	z-index: 3;
	display: grid;
	align-content: end;
	min-height: inherit;
	padding: clamp(34px, 6vw, 76px);
	background:
		radial-gradient(circle at 70% 18%, rgba(185,130,36,.36), transparent 24rem),
		linear-gradient(145deg, var(--hc-walnut-ink), var(--hc-museum-ink));
}

.hc-hallway {
	display: grid;
	gap: clamp(64px, 9vw, 116px);
}

.hc-hallway-room {
	--hc-room-accent: var(--hc-cartographer-blue);
	position: relative;
	padding-top: clamp(20px, 3vw, 32px);
	border-top: 6px solid var(--hc-room-accent);
}

.hc-hallway-room--stories { --hc-room-accent: var(--hc-cartographer-blue); }
.hc-hallway-room--collection { --hc-room-accent: var(--hc-honey-gold); }
.hc-hallway-room--producers { --hc-room-accent: var(--hc-field-green); }
.hc-hallway-room--recipes { --hc-room-accent: var(--hc-attention); }

.hc-hallway-room::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: min(260px, 38%);
	height: 34px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--hc-room-accent) 12%, transparent), transparent);
	pointer-events: none;
}

.hc-hallway-room__header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 22px;
	margin-bottom: 18px;
}

.hc-hallway-room__number {
	margin: 0 0 5px;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--hc-room-accent);
}

.hc-hallway-room__header h2 {
	margin: 0;
	font-family: var(--hc-serif);
	font-size: clamp(2.5rem, 6vw, 5.6rem);
	line-height: .84;
	letter-spacing: -.052em;
	color: var(--hc-museum-ink);
}

.hc-hallway-room__question {
	margin: 8px 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(.95rem, 1.45vw, 1.15rem);
	font-style: italic;
	color: var(--hc-faded-ink);
}

.hc-hallway-room__enter {
	flex: 0 0 auto;
	padding: 9px 12px 8px;
	border-bottom: 2px solid var(--hc-room-accent);
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-walnut-ink) !important;
}

.hc-hallway-room__rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: clamp(270px, 31vw, 410px);
	gap: clamp(12px, 1.5vw, 20px);
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 0 14px;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: 0;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.hc-hallway-room__rail::-webkit-scrollbar { display: none; }

.hc-hallway-room__rail:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--hc-room-accent) 58%, transparent);
	outline-offset: 5px;
	border-radius: 16px;
}

.hc-hallway-card {
	min-width: 0;
	scroll-snap-align: start;
}

.hc-hallway-card__link {
	position: relative;
	display: block;
	min-height: clamp(340px, 38vw, 480px);
	border: 1px solid rgba(60,43,31,.18);
	border-radius: clamp(18px, 2vw, 26px);
	background: var(--hc-walnut-ink);
	box-shadow: 0 14px 34px rgba(36,28,22,.12);
	overflow: hidden;
	isolation: isolate;
	text-decoration: none;
	color: #fff !important;
}

.hc-hallway-card__media,
.hc-hallway-card__media img,
.hc-hallway-card__shade,
.hc-hallway-card__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.hc-hallway-card__media img {
	object-fit: cover;
	object-position: center;
	transition: transform 420ms ease;
}

.hc-hallway-card__shade {
	background: linear-gradient(180deg, rgba(18,14,10,.04) 22%, rgba(18,14,10,.20) 54%, rgba(18,14,10,.90) 100%);
}

.hc-hallway-card__placeholder {
	display: grid;
	place-content: end start;
	gap: 3px;
	padding: 28px;
	background:
		radial-gradient(circle at 70% 18%, color-mix(in srgb, var(--hc-room-accent) 58%, transparent), transparent 17rem),
		linear-gradient(145deg, var(--hc-walnut-ink), var(--hc-museum-ink));
	color: rgba(255,255,255,.88);
}

.hc-hallway-card__placeholder b { font-family: var(--hc-serif); font-size: 2rem; }
.hc-hallway-card__placeholder i { font-style: normal; font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }

.hc-hallway-card__copy {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 7px;
	padding: clamp(20px, 2.3vw, 30px);
	text-shadow: 0 2px 13px rgba(18,14,10,.5);
}

.hc-hallway-card__copy small {
	justify-self: start;
	padding: 5px 8px 4px;
	border: 1px solid rgba(255,255,255,.30);
	border-radius: 999px;
	background: color-mix(in srgb, var(--hc-room-accent) 62%, rgba(18,14,10,.40));
	font-size: .58rem;
	font-weight: 900;
	letter-spacing: .13em;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}

.hc-hallway-card__copy strong {
	max-width: 15ch;
	font-family: var(--hc-serif);
	font-size: clamp(1.7rem, 2.6vw, 2.75rem);
	line-height: .92;
	letter-spacing: -.04em;
	text-wrap: balance;
	color: #fff;
}

.hc-hallway-card__copy em {
	display: -webkit-box;
	max-width: 48ch;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-family: var(--hc-serif);
	font-size: .88rem;
	font-style: normal;
	line-height: 1.34;
	color: rgba(255,255,255,.86);
}

.hc-hallway-card__link:hover .hc-hallway-card__media img,
.hc-hallway-card__link:focus-visible .hc-hallway-card__media img {
	transform: scale(1.035);
}

.hc-hallway-card__link:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--hc-room-accent) 65%, white);
	outline-offset: 3px;
}

.hc-hallway-room__swipe {
	margin: 2px 0 0;
	font-size: .59rem;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
	color: var(--hc-pencil-gray);
}

.hc-hallway-room__swipe span {
	margin-right: 5px;
	color: var(--hc-room-accent);
}

.hc-hallway-room__empty {
	display: grid;
	gap: 6px;
	min-height: 180px;
	place-content: center;
	padding: 28px;
	border: 1px dashed color-mix(in srgb, var(--hc-room-accent) 52%, transparent);
	border-radius: 20px;
	background: color-mix(in srgb, var(--hc-room-accent) 7%, var(--hc-archive-white));
	text-align: center;
	text-decoration: none;
}

.hc-hallway-room__empty strong {
	font-family: var(--hc-serif);
	font-size: 1.65rem;
	color: var(--hc-museum-ink);
}

.hc-hallway-room__empty span { color: var(--hc-room-accent); font-weight: 800; }

/* The existing Chronicle remains below Room 04 for the first Dev pass so the
   current Timeline instrument still has a valid destination. */
.hc-chronicle-anchor--after-hallway {
	margin-top: clamp(68px, 9vw, 118px);
}

@media (max-width: 860px) {
	.hc-front-cover {
		min-height: min(116vw, 680px);
		margin-bottom: 64px;
	}

	.hc-front-cover__copy {
		max-width: 88%;
	}

	.hc-front-cover__copy > p:not(.hc-front-cover__eyebrow) {
		max-width: 46ch;
	}

	.hc-hallway {
		gap: 72px;
	}

	.hc-hallway-room__rail {
		grid-auto-columns: min(78vw, 390px);
		margin-right: calc(-1 * clamp(14px, 3vw, 24px));
		padding-right: clamp(14px, 3vw, 24px);
	}

	.hc-hallway-card__link {
		min-height: min(104vw, 460px);
	}
}

@media (max-width: 560px) {
	body.home:not(.paged) .hc-main,
	body.hc-room-entrance:not(.paged) .hc-main {
		padding-top: 10px;
	}

	.hc-front-cover {
		/* 0.12.2: preserve the magazine-cover arrival while deliberately
		   revealing the beginning of Room 01 in the first phone viewport. */
		min-height: clamp(410px, 108vw, 500px);
		margin-left: -2px;
		margin-right: -2px;
		margin-bottom: 30px;
		border-radius: 24px;
		--hc-cover-title-size: clamp(2.75rem, 14vw, 4.45rem);
		--hc-cover-title-leading: .84;
	}

	.hc-front-cover--title-medium {
		--hc-cover-title-size: clamp(2.35rem, 11.2vw, 3.65rem);
		--hc-cover-title-leading: .87;
	}

	.hc-front-cover--title-long {
		--hc-cover-title-size: clamp(2.05rem, 9.4vw, 3.1rem);
		--hc-cover-title-leading: .91;
	}

	.hc-front-cover::after {
		inset: 9px;
		border-radius: 16px;
	}

	.hc-front-cover__copy {
		left: 22px;
		right: 22px;
		bottom: 34px;
		max-width: none;
	}

	.hc-front-cover__copy h1,
	.hc-front-cover__empty h1 {
		font-size: var(--hc-cover-title-size);
		line-height: var(--hc-cover-title-leading);
	}

	.hc-front-cover__copy > p:not(.hc-front-cover__eyebrow) {
		display: none;
	}

	.hc-front-cover__enter {
		margin-top: 16px;
		font-size: .61rem;
	}

	.hc-front-cover__room-key {
		top: 20px;
		right: 20px;
		gap: 7px;
	}

	.hc-front-cover__room-key span {
		width: 10px;
		height: 10px;
	}

	.hc-hallway {
		gap: 64px;
	}

	.hc-hallway-room {
		padding-top: 17px;
		border-top-width: 5px;
	}

	.hc-hallway-room__header {
		align-items: flex-start;
		margin-bottom: 14px;
	}

	.hc-hallway-room__header h2 {
		font-size: clamp(2.55rem, 14vw, 4rem);
	}

	.hc-hallway-room__question {
		max-width: 24ch;
		font-size: .93rem;
	}

	.hc-hallway-room__enter {
		max-width: 94px;
		padding: 6px 0;
		font-size: .56rem;
		line-height: 1.25;
		text-align: right;
	}

	.hc-hallway-room__rail {
		grid-auto-columns: 82vw;
		gap: 11px;
		margin-right: -10px;
		padding-right: 10px;
	}

	.hc-hallway-card__link {
		min-height: min(112vw, 430px);
		border-radius: 20px;
	}

	.hc-hallway-card__copy {
		padding: 22px;
	}

	.hc-hallway-card__copy strong {
		font-size: clamp(1.75rem, 9.2vw, 2.55rem);
	}

	.hc-hallway-card__copy em {
		font-size: .83rem;
	}

	.hc-hallway-room__swipe {
		font-size: .55rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-hallway-card__media img {
		transition: none;
	}
}


/* =========================================================
   Front Door choreography — v0.12.2
   - Room nav is intentionally absent from the entrance masthead.
   - Cover height is tuned so Room 01 begins inside the first phone viewport.
   - Cover typography scales editorially by headline length.
   Search · Atlas · Timeline remain stable museum instruments.
   ========================================================= */


/* =========================================================
   Timeline gets its own room — v0.12.1
   The Front Door now ends with the four Hallway rooms.
   ========================================================= */
body.hc-room-timeline .hc-main {
	background:
		linear-gradient(180deg, rgba(77,100,115,.035), transparent 22rem),
		var(--hc-museum-paper);
}

body.hc-room-timeline .hc-chronicle {
	margin-top: clamp(34px, 5vw, 76px);
}

body.hc-room-timeline .hc-chronicle__eyebrow {
	color: var(--hc-cartographer-blue);
}

body.hc-room-timeline .hc-public-tool.hc-tool-timeline.is-active {
	border-color: rgba(77,100,115,.42);
	box-shadow:
		inset 0 0 0 1px rgba(77,100,115,.18),
		0 5px 16px rgba(36,28,22,.08);
}

/* =========================================================
   Front Door Hallway motion — v0.12.5
   ---------------------------------------------------------
   The Hallway is now a progressive-enhanced slider system:
   - native finger scrolling remains the primary mobile input
   - each card stops cleanly at the next peek
   - desktop receives quiet previous / next controls
   - the first visible room gives one restrained motion cue
   - the teaching hint retires after real interaction
   There is deliberately NO autoplay and NO looping.
   ========================================================= */

.hc-hallway-card {
	scroll-snap-stop: always;
}

.hc-hallway-room__actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 12px;
}

.hc-hallway-room__browse {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.hc-hallway-room__step {
	appearance: none;
	-webkit-appearance: none;
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--hc-room-accent) 38%, rgba(60,43,31,.14));
	border-radius: 999px;
	background: color-mix(in srgb, var(--hc-room-accent) 7%, var(--hc-archive-white));
	box-shadow: 0 3px 10px rgba(36,28,22,.055);
	font: inherit;
	font-size: 1rem;
	line-height: 1;
	color: var(--hc-walnut-ink);
	cursor: pointer;
	transition:
		transform 160ms ease,
		border-color 160ms ease,
		background-color 160ms ease,
		opacity 160ms ease;
}

.hc-hallway-room__step:disabled {
	opacity: .26;
	cursor: default;
}

.hc-hallway-room__step:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--hc-room-accent) 72%, black);
	outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
	.hc-hallway-room__step:not(:disabled):hover {
		transform: translateY(-1px);
		border-color: color-mix(in srgb, var(--hc-room-accent) 70%, rgba(60,43,31,.18));
		background: color-mix(in srgb, var(--hc-room-accent) 13%, var(--hc-archive-white));
	}
}

/* A learned gesture should stop asking to be taught. */
.hc-hallway-room__swipe {
	max-height: 2rem;
	overflow: hidden;
	transition:
		opacity 220ms ease,
		max-height 220ms ease,
		margin 220ms ease;
}

.hc-hallway-room.is-interacted .hc-hallway-room__swipe {
	max-height: 0;
	margin-top: 0;
	opacity: 0;
}

/*
 * 0.12.5 teaching motion. JavaScript now moves the rail's real scroll position
 * so the visitor sees an unmistakable sample of the exact gesture available.
 * Scroll snap is suspended only during that one demonstration.
 */
.hc-hallway-room__rail.is-demoing {
	scroll-snap-type: none;
	scroll-behavior: auto;
}

@media (max-width: 860px) {
	/* Thumb swipe owns mobile. Desktop-style buttons would only add clutter. */
	.hc-hallway-room__browse {
		display: none;
	}

	.hc-hallway-room__actions {
		gap: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hc-hallway-room__step,
	.hc-hallway-room__swipe {
		transition: none;
	}

	.hc-hallway-room__rail.is-demoing {
		scroll-snap-type: x mandatory;
	}
}


/* =========================================================
   Front Door Hallway scrollport fix — v0.12.6
   ---------------------------------------------------------
   0.12.5 exposed a real CSS sizing bug: the Hallway room is a grid item,
   and its automatic min-content width was allowed to grow to the width of
   the entire horizontal card track. Visually the next card peeked in, but
   the rail itself was not necessarily a smaller scrollport — so there was
   nothing for a finger swipe (or the motion cue) to scroll.

   These constraints make the room stay the width of the Hallway and force
   the card track to overflow INSIDE the rail, where native horizontal touch
   scrolling and scroll-snap can actually work.
   ========================================================= */
.hc-front-door,
.hc-hallway,
.hc-hallway-room,
.hc-hallway-room__header,
.hc-hallway-room__rail {
	min-width: 0;
}

.hc-front-door,
.hc-hallway,
.hc-hallway-room {
	width: 100%;
	max-width: 100%;
}

.hc-hallway-room__header > * {
	min-width: 0;
}

.hc-hallway-room__rail {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	/* Keep both axes available to normal touch gesture arbitration. The rail
	   owns horizontal overflow; the page continues to own vertical travel. */
	touch-action: pan-x pan-y;
}

.hc-hallway-card {
	min-width: 0;
	max-width: 100%;
}


/* =========================================================
   Front Door adaptive masthead — v0.12.7
   ---------------------------------------------------------
   The arrival belongs to the Cover: brand + room table of contents + tools
   sit on the image itself. After the visitor begins traveling, the masthead
   condenses into a compact persistent tools rail.
   ========================================================= */
body.hc-room-entrance:not(.paged) .hc-masthead-v2 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 220;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	pointer-events: none;
}

body.hc-public-museum.hc-room-entrance.admin-bar:not(.paged) .hc-masthead-v2 {
	top: 32px;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-header-topline {
	opacity: 0;
	transform: scaleX(.9);
	transform-origin: center;
	transition: opacity .22s ease, transform .22s ease;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner {
	pointer-events: auto;
	width: min(calc(100% - 28px), 1320px) !important;
	margin-top: clamp(8px, 1.4vw, 14px) !important;
	padding: clamp(9px, 1.15vw, 14px) clamp(12px, 1.2vw, 18px) !important;
	grid-template-columns: minmax(220px, 1fr) auto auto !important;
	grid-template-areas:
		"brand tools tools"
		"nav nav nav" !important;
	gap: 9px 16px !important;
	align-items: center !important;
	border-radius: 24px !important;
	border: 1px solid rgba(255,255,255,.08) !important;
	background:
		linear-gradient(180deg, rgba(25,18,13,.50), rgba(25,18,13,.18) 76%, rgba(25,18,13,.04));
	box-shadow: none !important;
	backdrop-filter: blur(2px);
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-brand,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool {
	color: #fff !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-brand {
	align-items: flex-start;
	gap: 10px;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-seal {
	width: 46px !important;
	height: 46px !important;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,.22));
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-branding {
	gap: 3px;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main {
	font-size: clamp(1.55rem, 2.05vw, 2.2rem) !important;
	text-shadow: 0 2px 18px rgba(0,0,0,.28);
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__sub {
	color: rgba(255,255,255,.8) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav {
	justify-content: flex-start !important;
	gap: clamp(12px, 1.65vw, 24px) !important;
	padding-top: 2px !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a {
	min-height: 26px !important;
	padding: 2px 1px 5px !important;
	font-size: .7rem !important;
	text-shadow: 0 1px 10px rgba(0,0,0,.22);
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-nav-recipes {
	--hc-nav-accent: var(--hc-attention) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool {
	border-color: rgba(255,255,255,.18) !important;
	background: rgba(255,255,255,.10) !important;
	backdrop-filter: blur(8px);
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 + .hc-main,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 ~ .hc-main {
	padding-top: 0 !important;
}

body.hc-room-entrance:not(.paged) .hc-front-door {
	padding-top: 0;
}

body.hc-room-entrance:not(.paged) .hc-front-cover {
	margin-top: 0;
	min-height: clamp(370px, 54vw, 610px);
	border-radius: 0 0 32px 32px;
	overflow: hidden;
}

body.hc-room-entrance:not(.paged) .hc-front-cover::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(17,12,9,.82) 0%, rgba(17,12,9,.28) 22%, rgba(17,12,9,0) 44%);
	z-index: 1;
	pointer-events: none;
}

body.hc-room-entrance:not(.paged) .hc-front-cover__media,
body.hc-room-entrance:not(.paged) .hc-front-cover__copy,
body.hc-room-entrance:not(.paged) .hc-front-cover__room-key {
	position: relative;
	z-index: 2;
}

body.hc-room-entrance:not(.paged) .hc-front-cover__room-key {
	display: none;
}

body.hc-room-entrance:not(.paged) .hc-front-cover__copy {
	top: clamp(108px, 13vw, 148px);
	bottom: clamp(22px, 4vw, 42px);
	max-width: min(720px, 72%);
}

body.hc-room-entrance:not(.paged) .hc-front-cover__copy > p:not(.hc-front-cover__eyebrow) {
	max-width: 46ch;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-header-topline {
	opacity: 1;
	transform: scaleX(1);
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
	width: min(calc(100% - 28px), 780px) !important;
	margin-top: 6px !important;
	padding: 5px 10px !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas: "brand tools" !important;
	gap: 10px !important;
	border: 1px solid rgba(56,48,40,.08) !important;
	border-radius: 999px !important;
	background: rgba(248,243,231,.82) !important;
	box-shadow: 0 5px 14px rgba(36,28,22,.06) !important;
	backdrop-filter: blur(10px);
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-brand,
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main,
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
	color: var(--hc-museum-ink) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-brand {
	align-items: center;
	gap: 8px;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-seal {
	width: 26px !important;
	height: 26px !important;
	filter: none;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main {
	font-size: clamp(.96rem, 1.65vw, 1.08rem) !important;
	text-shadow: none;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__sub,
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav {
	display: none !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	border-color: rgba(56,48,40,.10) !important;
	background: rgba(255,255,255,.68) !important;
}

@media (max-width: 860px) {
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner {
		width: calc(100% - 16px) !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand tools"
			"nav nav" !important;
		gap: 8px 10px !important;
		padding: 8px 10px 10px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a {
		justify-content: flex-start !important;
		font-size: .5rem !important;
		min-height: 28px !important;
		padding: 3px 0 7px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover {
		border-radius: 0 0 24px 24px;
		min-height: clamp(365px, 94vw, 472px);
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover__copy {
		top: 96px;
		bottom: 22px;
		max-width: 88%;
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover__copy h1,
	body.hc-room-entrance:not(.paged) .hc-front-cover__empty h1 {
		font-size: clamp(2.25rem, 10.6vw, 3.55rem);
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover__copy > p:not(.hc-front-cover__eyebrow) {
		display: none;
	}
}

@media (max-width: 640px) {
	body.hc-public-museum.hc-room-entrance.admin-bar:not(.paged) .hc-masthead-v2 {
		top: 46px;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner {
		width: calc(100% - 14px) !important;
		margin-top: 8px !important;
		padding: 8px 10px 10px !important;
		border-radius: 18px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main {
		font-size: clamp(1.18rem, 5.6vw, 1.46rem) !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__sub {
		font-size: .34rem !important;
		letter-spacing: .14em !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-seal {
		width: 32px !important;
		height: 32px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav {
		gap: 8px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a {
		gap: 4px !important;
		font-size: .5rem !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav__icon,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav__icon svg {
		width: 12px;
		height: 12px;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
		width: calc(100% - 14px) !important;
		padding: 5px 9px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main {
		font-size: .98rem !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
		width: 26px !important;
		height: 26px !important;
		min-width: 26px !important;
	}
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-brand,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool,
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav {
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, padding .2s ease, gap .2s ease, width .2s ease, opacity .18s ease, transform .18s ease;
}


/* =========================================================
   Masthead density pass — v0.12.15
   ---------------------------------------------------------
   Bigger identity and controls inside essentially the same footprint.
   The floating Front Door state remains the same masthead, not a second
   compact header: geometry stays stable and only material/context changes.
   ========================================================= */

/* Site-wide: reclaim padding before adding visual weight. */
.hc-masthead-v2 .hc-public-header__inner {
	min-height: 68px !important;
	padding: 4px 0 !important;
	gap: clamp(20px, 3vw, 48px) !important;
}

.hc-masthead-v2 .hc-public-brand {
	gap: 10px !important;
}

.hc-masthead-v2 .hc-public-seal {
	width: 56px !important;
	height: 56px !important;
}

.hc-masthead-v2 .hc-public-branding {
	gap: 1px !important;
}

.hc-masthead-v2 .hc-public-title__main {
	font-size: clamp(1.92rem, 2.25vw, 2.55rem) !important;
	line-height: .88 !important;
}

.hc-masthead-v2 .hc-public-title__sub {
	margin-top: 1px !important;
	font-size: .49rem !important;
}

.hc-masthead-v2 .hc-public-nav {
	gap: clamp(18px, 1.9vw, 28px) !important;
}

.hc-masthead-v2 .hc-public-nav a {
	min-height: 34px !important;
	padding: 5px 1px 7px !important;
	gap: 6px !important;
	font-size: .75rem !important;
}

.hc-masthead-v2 .hc-public-nav__icon,
.hc-masthead-v2 .hc-public-nav__icon svg {
	width: 16px !important;
	height: 16px !important;
}

.hc-masthead-v2 .hc-public-tools {
	gap: 6px !important;
}

.hc-masthead-v2 .hc-public-tool {
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
}

.hc-masthead-v2 .hc-public-tool svg {
	width: 21px !important;
	height: 21px !important;
}

/* Front Door arrival: same footprint, larger identity, less empty padding. */
body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner {
	width: min(calc(100% - 28px), 1320px) !important;
	margin-top: clamp(8px, 1vw, 12px) !important;
	padding: 7px 13px 8px !important;
	grid-template-columns: minmax(260px, 1fr) auto !important;
	grid-template-areas:
		"brand tools"
		"nav nav" !important;
	gap: 2px 14px !important;
	border-radius: 20px !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-brand {
	align-items: center !important;
	gap: 9px !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-seal {
	width: 58px !important;
	height: 58px !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main {
	font-size: clamp(2rem, 2.55vw, 2.72rem) !important;
	line-height: .86 !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__sub {
	margin-top: 2px !important;
	font-size: .49rem !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav {
	gap: clamp(16px, 1.8vw, 28px) !important;
	padding-top: 0 !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a {
	min-height: 25px !important;
	padding: 1px 1px 5px !important;
	font-size: .75rem !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool {
	width: 43px !important;
	height: 43px !important;
	min-width: 43px !important;
}

/* Front Door floating state: same object, nearly identical geometry. */
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-header-topline {
	opacity: 0 !important;
	transform: scaleX(.9) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
	width: min(calc(100% - 28px), 1320px) !important;
	margin-top: clamp(7px, .9vw, 10px) !important;
	padding: 6px 13px 7px !important;
	grid-template-columns: minmax(260px, 1fr) auto !important;
	grid-template-areas:
		"brand tools"
		"nav nav" !important;
	gap: 1px 14px !important;
	border: 1px solid rgba(255,255,255,.09) !important;
	border-radius: 20px !important;
	background: rgba(25,18,13,.88) !important;
	box-shadow: 0 6px 18px rgba(17,12,9,.10) !important;
	backdrop-filter: blur(10px) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-brand,
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main,
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
	color: #fff !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-brand {
	align-items: center !important;
	gap: 9px !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-seal {
	width: 56px !important;
	height: 56px !important;
	filter: drop-shadow(0 2px 7px rgba(0,0,0,.18)) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main {
	font-size: clamp(1.94rem, 2.45vw, 2.62rem) !important;
	line-height: .86 !important;
	text-shadow: 0 2px 14px rgba(0,0,0,.22) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__sub {
	display: block !important;
	margin-top: 2px !important;
	font-size: .47rem !important;
	color: rgba(255,255,255,.74) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav {
	display: flex !important;
	justify-content: flex-start !important;
	gap: clamp(16px, 1.8vw, 28px) !important;
	padding-top: 0 !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav a {
	min-height: 24px !important;
	padding: 1px 1px 5px !important;
	font-size: .73rem !important;
	text-shadow: 0 1px 8px rgba(0,0,0,.18) !important;
}

body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
	width: 41px !important;
	height: 41px !important;
	min-width: 41px !important;
	border-color: rgba(255,255,255,.18) !important;
	background: rgba(255,255,255,.10) !important;
}

/* Tablet: preserve the same identity density without growing the bar. */
@media (max-width: 980px) {
	.hc-masthead-v2 .hc-public-header__inner {
		padding: 4px 0 5px !important;
	}

	.hc-masthead-v2 .hc-public-seal {
		width: 52px !important;
		height: 52px !important;
	}

	.hc-masthead-v2 .hc-public-title__main {
		font-size: 1.95rem !important;
	}
}

@media (max-width: 860px) {
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
		width: calc(100% - 16px) !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand tools"
			"nav nav" !important;
		gap: 2px 8px !important;
		padding: 7px 9px 8px !important;
		border-radius: 18px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 8px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav a {
		justify-content: flex-start !important;
		font-size: .56rem !important;
		min-height: 23px !important;
		padding: 1px 0 5px !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v2 .hc-public-header__inner {
		padding: 5px 0 6px !important;
		gap: 3px 8px !important;
	}

	.hc-masthead-v2 .hc-public-seal {
		width: 44px !important;
		height: 44px !important;
	}

	.hc-masthead-v2 .hc-public-title__main {
		font-size: clamp(1.42rem, 6.5vw, 1.72rem) !important;
	}

	.hc-masthead-v2 .hc-public-tool {
		width: 37px !important;
		height: 37px !important;
		min-width: 37px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
		width: calc(100% - 14px) !important;
		margin-top: 7px !important;
		padding: 6px 8px 7px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-seal {
		width: 39px !important;
		height: 39px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main {
		font-size: clamp(1.42rem, 6.7vw, 1.72rem) !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__sub,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__sub {
		font-size: .34rem !important;
		letter-spacing: .13em !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
		width: 35px !important;
		height: 35px !important;
		min-width: 35px !important;
	}

	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-nav a {
		font-size: .52rem !important;
	}
}


/* =========================================================
   Honey Chronicles v0.12.16 — Cover Hook
   The cover is a hook, not an article preview: headline only.
   Keep the image visible and let the linked headline do the work.
   ========================================================= */
body.hc-room-entrance:not(.paged) .hc-front-cover__eyebrow,
body.hc-room-entrance:not(.paged) .hc-front-cover__copy > p:not(.hc-front-cover__eyebrow),
body.hc-room-entrance:not(.paged) .hc-front-cover__enter {
	display: none !important;
}

/* About 15% quieter than the previous cover headline. */
body.hc-room-entrance:not(.paged) .hc-front-cover {
	--hc-cover-title-size: clamp(2.55rem, 6.2vw, 6.12rem);
}

body.hc-room-entrance:not(.paged) .hc-front-cover--title-medium {
	--hc-cover-title-size: clamp(2.38rem, 5.27vw, 5.27rem);
}

body.hc-room-entrance:not(.paged) .hc-front-cover--title-long {
	--hc-cover-title-size: clamp(2.08rem, 4.38vw, 4.34rem);
}

body.hc-room-entrance:not(.paged) .hc-front-cover__copy h1,
body.hc-room-entrance:not(.paged) .hc-front-cover__empty h1 {
	font-size: var(--hc-cover-title-size) !important;
}

@media (max-width: 860px) {
	body.hc-room-entrance:not(.paged) .hc-front-cover {
		--hc-cover-title-size: clamp(1.91rem, 9vw, 3.02rem);
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover--title-medium {
		--hc-cover-title-size: clamp(1.78rem, 8.1vw, 2.85rem);
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover--title-long {
		--hc-cover-title-size: clamp(1.65rem, 7.3vw, 2.55rem);
	}
}


/* =========================================================
   Honey Chronicles v0.12.17 — Cover Image Return
   The featured artwork is the magic. Keep the headline as the hook,
   but restore the image as the full-bleed visual field beneath it.
   ========================================================= */
body.hc-room-entrance:not(.paged) .hc-front-cover__media {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

body.hc-room-entrance:not(.paged) .hc-front-cover__media img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* Protect the navigation/headline, but stop burying the art. */
body.hc-room-entrance:not(.paged) .hc-front-cover__veil {
	background:
		linear-gradient(180deg, rgba(18,14,10,.05) 0%, rgba(18,14,10,.03) 46%, rgba(18,14,10,.55) 100%),
		linear-gradient(90deg, rgba(18,14,10,.58) 0%, rgba(18,14,10,.26) 40%, rgba(18,14,10,.03) 72%, transparent 100%) !important;
}

body.hc-room-entrance:not(.paged) .hc-front-cover::before {
	background: linear-gradient(180deg, rgba(17,12,9,.70) 0%, rgba(17,12,9,.18) 24%, rgba(17,12,9,0) 42%) !important;
}

body.hc-room-entrance:not(.paged) .hc-front-cover__copy {
	position: absolute !important;
	z-index: 5 !important;
}

@media (max-width: 860px) {
	body.hc-room-entrance:not(.paged) .hc-front-cover__media img {
		object-position: 55% center !important;
	}

	body.hc-room-entrance:not(.paged) .hc-front-cover__veil {
		background:
			linear-gradient(180deg, rgba(18,14,10,.04) 0%, rgba(18,14,10,.02) 42%, rgba(18,14,10,.50) 100%),
			linear-gradient(90deg, rgba(18,14,10,.62) 0%, rgba(18,14,10,.34) 56%, rgba(18,14,10,.06) 86%, transparent 100%) !important;
	}
}


/* =========================================================
   Honey Chronicles v0.12.18 — Mobile Tool Trio Guard
   ---------------------------------------------------------
   The larger masthead identity must never consume the three
   museum instruments on phones. Reserve their geometry first,
   then let the brand scale inside the remaining space.
   ========================================================= */
@media (max-width: 640px) {
	.hc-masthead-v2 .hc-public-header__inner,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
		grid-template-columns: minmax(0, 1fr) 107px !important;
		column-gap: 6px !important;
	}

	.hc-masthead-v2 .hc-public-brand,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-brand,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-brand {
		min-width: 0 !important;
		max-width: 100% !important;
		gap: 7px !important;
	}

	.hc-masthead-v2 .hc-public-branding {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.hc-masthead-v2 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tools {
		width: 107px !important;
		min-width: 107px !important;
		gap: 4px !important;
		justify-content: flex-end !important;
		position: relative !important;
		z-index: 8 !important;
	}

	.hc-masthead-v2 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
		width: 33px !important;
		height: 33px !important;
		min-width: 33px !important;
		flex: 0 0 33px !important;
	}

	.hc-masthead-v2 .hc-public-tool svg {
		width: 17px !important;
		height: 17px !important;
	}

	.hc-masthead-v2 .hc-public-title__main,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main {
		font-size: clamp(1.28rem, 5.9vw, 1.52rem) !important;
		letter-spacing: -.05em !important;
		white-space: nowrap !important;
	}
}

@media (max-width: 390px) {
	.hc-masthead-v2 .hc-public-header__inner,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-header__inner,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-header__inner {
		grid-template-columns: minmax(0, 1fr) 99px !important;
		column-gap: 5px !important;
	}

	.hc-masthead-v2 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tools {
		width: 99px !important;
		min-width: 99px !important;
		gap: 3px !important;
	}

	.hc-masthead-v2 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-tool {
		width: 31px !important;
		height: 31px !important;
		min-width: 31px !important;
		flex-basis: 31px !important;
	}

	.hc-masthead-v2 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-seal {
		width: 36px !important;
		height: 36px !important;
	}

	.hc-masthead-v2 .hc-public-title__main,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2 .hc-public-title__main,
	body.hc-room-entrance:not(.paged) .hc-masthead-v2.is-condensed .hc-public-title__main {
		font-size: clamp(1.18rem, 5.7vw, 1.38rem) !important;
	}
}


/* =========================================================
   Honey Chronicles v0.12.19 — Independent Masthead Copies
   ---------------------------------------------------------
   The approved Front Door masthead is now the baseline for every major
   destination. Each destination is rendered from its own literal template
   copy so Stories, Collection, Producers, Recipes, Search, Atlas, and
   Timeline can be art-directed independently later.

   Interior copies remain the same size while scrolling. Their context changes;
   their identity does not.
   ========================================================= */

/* Interior masthead copies: same dark object, persistent rather than fixed. */
.hc-masthead-copy:not(.is-front-door) {
	position: sticky !important;
	top: 0 !important;
	z-index: 220 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.admin-bar .hc-masthead-copy:not(.is-front-door) {
	top: 32px !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-header-topline {
	opacity: 0 !important;
	height: 0 !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner {
	width: min(calc(100% - 28px), 1320px) !important;
	min-height: 0 !important;
	margin: clamp(8px, 1vw, 12px) auto 0 !important;
	padding: 7px 13px 8px !important;
	display: grid !important;
	grid-template-columns: minmax(260px, 1fr) auto !important;
	grid-template-areas:
		"brand tools"
		"nav nav" !important;
	gap: 2px 14px !important;
	align-items: center !important;
	border: 1px solid rgba(255,255,255,.09) !important;
	border-radius: 20px !important;
	background: rgba(25,18,13,.88) !important;
	box-shadow: 0 6px 18px rgba(17,12,9,.10) !important;
	backdrop-filter: blur(10px) !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-brand,
.hc-masthead-copy:not(.is-front-door) .hc-public-title__main,
.hc-masthead-copy:not(.is-front-door) .hc-public-nav a,
.hc-masthead-copy:not(.is-front-door) .hc-public-tool {
	color: #fff !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-brand {
	align-items: center !important;
	gap: 9px !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-seal {
	width: 58px !important;
	height: 58px !important;
	filter: drop-shadow(0 2px 7px rgba(0,0,0,.18)) !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-title__main {
	font-size: clamp(2rem, 2.55vw, 2.72rem) !important;
	line-height: .86 !important;
	text-shadow: 0 2px 14px rgba(0,0,0,.22) !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-title__sub {
	display: block !important;
	margin-top: 2px !important;
	font-size: .49rem !important;
	color: rgba(255,255,255,.74) !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-nav {
	width: auto !important;
	display: flex !important;
	justify-content: flex-start !important;
	justify-self: start !important;
	gap: clamp(16px, 1.8vw, 28px) !important;
	padding-top: 0 !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-nav a {
	min-height: 25px !important;
	padding: 1px 1px 5px !important;
	font-size: .75rem !important;
	text-shadow: 0 1px 8px rgba(0,0,0,.18) !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-tool {
	width: 43px !important;
	height: 43px !important;
	min-width: 43px !important;
	border-color: rgba(255,255,255,.18) !important;
	background: rgba(255,255,255,.10) !important;
	color: #fff !important;
	backdrop-filter: blur(8px) !important;
}

.hc-masthead-copy:not(.is-front-door) .hc-public-tool:hover,
.hc-masthead-copy:not(.is-front-door) .hc-public-tool:focus-visible,
.hc-masthead-copy:not(.is-front-door) .hc-public-tool.is-active {
	background: rgba(255,255,255,.16) !important;
	border-color: rgba(255,255,255,.30) !important;
}

/* Give interior content the breathing room that the floating object needs. */
.hc-masthead-copy:not(.is-front-door) + .hc-main,
.hc-masthead-copy:not(.is-front-door) ~ .hc-main {
	padding-top: clamp(12px, 1.8vw, 24px) !important;
}

/* Independent customization hooks — intentionally identical today. */
.hc-masthead-copy--stories    { --hc-masthead-surface: var(--hc-cartographer-blue); }
.hc-masthead-copy--collection { --hc-masthead-surface: var(--hc-honey-gold); }
.hc-masthead-copy--producers  { --hc-masthead-surface: var(--hc-field-green); }
.hc-masthead-copy--recipes    { --hc-masthead-surface: var(--hc-attention); }
.hc-masthead-copy--search     { --hc-masthead-surface: var(--hc-walnut-ink); }
.hc-masthead-copy--atlas      { --hc-masthead-surface: var(--hc-cartographer-blue); }
.hc-masthead-copy--timeline   { --hc-masthead-surface: var(--hc-attention); }

@media (max-width: 860px) {
	.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner {
		width: calc(100% - 16px) !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		grid-template-areas:
			"brand tools"
			"nav nav" !important;
		gap: 2px 8px !important;
		padding: 7px 9px 8px !important;
		border-radius: 18px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-nav {
		width: 100% !important;
		display: grid !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		gap: 8px !important;
		justify-self: stretch !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-nav a {
		justify-content: flex-start !important;
		font-size: .56rem !important;
		min-height: 23px !important;
		padding: 1px 0 5px !important;
	}
}

@media (max-width: 782px) {
	body.admin-bar .hc-masthead-copy:not(.is-front-door) {
		top: 46px !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner {
		width: calc(100% - 14px) !important;
		margin-top: 7px !important;
		padding: 6px 8px 7px !important;
		grid-template-columns: minmax(0, 1fr) 107px !important;
		column-gap: 6px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-brand {
		min-width: 0 !important;
		max-width: 100% !important;
		gap: 7px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-seal {
		width: 39px !important;
		height: 39px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-title__main {
		font-size: clamp(1.28rem, 5.9vw, 1.52rem) !important;
		letter-spacing: -.05em !important;
		white-space: nowrap !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-title__sub {
		font-size: .34rem !important;
		letter-spacing: .13em !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-tools {
		width: 107px !important;
		min-width: 107px !important;
		gap: 4px !important;
		justify-content: flex-end !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-tool {
		width: 33px !important;
		height: 33px !important;
		min-width: 33px !important;
		flex: 0 0 33px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-tool svg {
		width: 17px !important;
		height: 17px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-nav a {
		font-size: .52rem !important;
	}
}

@media (max-width: 390px) {
	.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner {
		grid-template-columns: minmax(0, 1fr) 99px !important;
		column-gap: 5px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-tools {
		width: 99px !important;
		min-width: 99px !important;
		gap: 3px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-tool {
		width: 31px !important;
		height: 31px !important;
		min-width: 31px !important;
		flex-basis: 31px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-seal {
		width: 36px !important;
		height: 36px !important;
	}

	.hc-masthead-copy:not(.is-front-door) .hc-public-title__main {
		font-size: clamp(1.18rem, 5.7vw, 1.38rem) !important;
	}
}

/* =========================================================
   Honey Chronicles v0.12.22 — Museum Masthead Signage System
   ---------------------------------------------------------
   Same navigation grammar, far more meaning.

   - Seal = the only Home control.
   - Honey Chronicles = compositional publisher mark, never navigation.
   - Current room/instrument = strongest wayfinding signal.
   - Four Rooms retain one visual language; three Tools retain another.
   - Each independent masthead gets its own atmosphere while preserving the
     same chassis, button positions, and learned behavior.
   ========================================================= */

.hc-masthead-v3 {
	--hc-masthead-accent: var(--hc-honey-gold);
	--hc-masthead-accent-soft: rgba(185,130,36,.24);
	--hc-masthead-pattern: none;
}

.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	width: min(calc(100% - 28px), 1320px) !important;
	min-height: 102px !important;
	margin: clamp(8px, 1vw, 12px) auto 0 !important;
	padding: 8px 13px 9px !important;
	display: grid !important;
	grid-template-columns: 66px minmax(300px, 1fr) auto !important;
	grid-template-areas:
		"home identity tools"
		"nav nav nav" !important;
	grid-template-rows: 58px 27px !important;
	gap: 0 12px !important;
	align-items: center !important;
	border-radius: 21px !important;
	border: 1px solid rgba(255,255,255,.10) !important;
	background:
		var(--hc-masthead-pattern),
		linear-gradient(115deg, rgba(22,16,12,.94), rgba(31,23,18,.90) 56%, rgba(22,16,12,.92)) !important;
	box-shadow: 0 7px 22px rgba(18,13,10,.12) !important;
	backdrop-filter: blur(10px) !important;
}

/* A room/instrument-specific color edge turns the header into signage without
   adding another breadcrumb or another line of UI. */
.hc-masthead-v3 .hc-masthead-stage::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	z-index: 5;
	background: linear-gradient(90deg, var(--hc-masthead-accent), transparent 72%);
	pointer-events: none;
}

/* The wordmark is scenery, not a button. It can be large, cropped, overlapped,
   and still quietly identify the publisher. */
.hc-masthead-v3 .hc-masthead-wordmark {
	position: absolute;
	z-index: 0;
	left: 78px;
	top: -7px;
	max-width: calc(100% - 235px);
	font-family: var(--hc-serif);
	font-size: clamp(2.45rem, 4.35vw, 4.8rem);
	font-weight: 700;
	line-height: .88;
	letter-spacing: -.065em;
	white-space: nowrap;
	color: rgba(255,255,255,.105);
	text-shadow: none;
	pointer-events: none;
	user-select: none;
}

.hc-masthead-v3 .hc-masthead-home {
	grid-area: home;
	position: relative;
	z-index: 4;
	width: 58px;
	height: 58px;
	display: grid;
	place-items: center;
	align-self: center;
	justify-self: start;
	border-radius: 50%;
	text-decoration: none;
	outline-offset: 4px;
}

.hc-masthead-v3 .hc-masthead-home:hover,
.hc-masthead-v3 .hc-masthead-home:focus-visible {
	transform: translateY(-1px);
}

.hc-masthead-v3 .hc-masthead-home:focus-visible {
	outline: 2px solid rgba(255,255,255,.88);
}

.hc-masthead-v3 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
	width: 56px !important;
	height: 56px !important;
	filter: drop-shadow(0 2px 9px rgba(0,0,0,.20)) !important;
}

.hc-masthead-v3 .hc-masthead-identity {
	grid-area: identity;
	position: relative;
	z-index: 3;
	min-width: 0;
	align-self: center;
	display: grid;
	grid-template-columns: auto minmax(0, auto) 1fr;
	align-items: baseline;
	column-gap: 10px;
	row-gap: 0;
	color: #fff;
}

.hc-masthead-v3 .hc-masthead-identity__type {
	grid-column: 1 / -1;
	margin: 0 0 -2px;
	font-family: var(--hc-sans);
	font-size: .48rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .21em;
	text-transform: uppercase;
	color: var(--hc-masthead-accent);
	white-space: nowrap;
}

.hc-masthead-v3 .hc-masthead-identity__name {
	font-family: var(--hc-serif);
	font-size: clamp(1.95rem, 2.75vw, 3rem);
	font-weight: 700;
	line-height: .9;
	letter-spacing: -.055em;
	white-space: nowrap;
	text-shadow: 0 2px 14px rgba(0,0,0,.22);
}

.hc-masthead-v3 .hc-masthead-identity__note {
	align-self: end;
	padding-bottom: 3px;
	font-family: var(--hc-sans);
	font-size: clamp(.58rem, .72vw, .72rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255,255,255,.62);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
	grid-area: tools !important;
	position: relative !important;
	z-index: 4 !important;
	align-self: center !important;
	justify-self: end !important;
	width: auto !important;
	min-width: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 7px !important;
}

.hc-masthead-v3 .hc-public-tool,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tool,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tool {
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	flex: 0 0 42px !important;
	color: rgba(255,255,255,.92) !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	background: rgba(255,255,255,.075) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.015) !important;
	backdrop-filter: blur(8px) !important;
}

.hc-masthead-v3 .hc-public-tool:hover,
.hc-masthead-v3 .hc-public-tool:focus-visible,
.hc-masthead-v3 .hc-public-tool.is-active {
	color: #fff !important;
	border-color: color-mix(in srgb, var(--hc-masthead-accent) 72%, white 28%) !important;
	background: color-mix(in srgb, var(--hc-masthead-accent) 26%, transparent) !important;
	transform: translateY(-1px);
}

.hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
	grid-area: nav !important;
	position: relative !important;
	z-index: 4 !important;
	width: 100% !important;
	align-self: end !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
	padding: 0 2px !important;
}

.hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
	position: relative;
	min-width: 0;
	min-height: 26px !important;
	padding: 3px 5px 5px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	border-radius: 8px 8px 4px 4px;
	font-size: .69rem !important;
	font-weight: 800 !important;
	letter-spacing: .055em !important;
	text-transform: uppercase;
	color: rgba(255,255,255,.68) !important;
	text-shadow: none !important;
	transition: color .16s ease, background .16s ease, transform .16s ease;
}

.hc-masthead-v3 .hc-public-nav a::after {
	left: 8px !important;
	right: 8px !important;
	bottom: 1px !important;
	height: 2px !important;
	border-radius: 999px;
	background: var(--hc-nav-accent, var(--hc-masthead-accent)) !important;
}

.hc-masthead-v3 .hc-public-nav a:hover,
.hc-masthead-v3 .hc-public-nav a:focus-visible {
	color: #fff !important;
	background: rgba(255,255,255,.05);
}

.hc-masthead-v3 .hc-public-nav a.is-active,
.hc-masthead-v3 .hc-public-nav a[aria-current="page"] {
	color: #fff !important;
	background: linear-gradient(180deg, color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 15%, transparent), transparent);
}

.hc-masthead-v3 .hc-public-nav__icon {
	width: 16px !important;
	height: 16px !important;
	opacity: .8;
}

.hc-masthead-v3 .hc-public-nav__icon svg {
	width: 16px !important;
	height: 16px !important;
}

/* Per-surface identity. These are intentionally atmospheric rather than
   different navigation systems: the visitor learns one chassis once. */
.hc-masthead-copy--entrance {
	--hc-masthead-accent: var(--hc-honey-gold);
	--hc-masthead-pattern:
		radial-gradient(circle at 78% 22%, rgba(185,130,36,.13), transparent 27%);
}

.hc-masthead-copy--stories {
	--hc-masthead-accent: #7F9DB0;
	--hc-masthead-pattern:
		repeating-linear-gradient(90deg, rgba(127,157,176,.065) 0 1px, transparent 1px 68px),
		linear-gradient(90deg, rgba(77,100,115,.11), transparent 46%);
}

.hc-masthead-copy--collection {
	--hc-masthead-accent: #D7A74D;
	--hc-masthead-pattern:
		radial-gradient(circle at 75% 16%, rgba(215,167,77,.10) 0 2px, transparent 2px 12px),
		linear-gradient(90deg, rgba(185,130,36,.10), transparent 42%);
}

.hc-masthead-copy--producers {
	--hc-masthead-accent: #88A078;
	--hc-masthead-pattern:
		radial-gradient(circle at 82% 26%, rgba(136,160,120,.12) 0 1.5px, transparent 1.5px 10px),
		linear-gradient(90deg, rgba(79,106,69,.11), transparent 44%);
}

.hc-masthead-copy--recipes {
	--hc-masthead-accent: #B96B5F;
	--hc-masthead-pattern:
		repeating-linear-gradient(90deg, transparent 0 32px, rgba(185,107,95,.07) 32px 33px),
		linear-gradient(90deg, rgba(122,61,51,.12), transparent 48%);
}

.hc-masthead-copy--search {
	--hc-masthead-accent: #B8A99D;
	--hc-masthead-pattern:
		radial-gradient(circle at 78% 48%, transparent 0 34px, rgba(184,169,157,.10) 35px 37px, transparent 38px),
		linear-gradient(90deg, rgba(102,88,74,.08), transparent 45%);
}

.hc-masthead-copy--atlas {
	--hc-masthead-accent: #82A0B2;
	--hc-masthead-pattern:
		repeating-linear-gradient(0deg, rgba(130,160,178,.055) 0 1px, transparent 1px 22px),
		repeating-linear-gradient(90deg, rgba(130,160,178,.055) 0 1px, transparent 1px 22px),
		linear-gradient(90deg, rgba(77,100,115,.10), transparent 50%);
}

.hc-masthead-copy--timeline {
	--hc-masthead-accent: #C17A68;
	--hc-masthead-pattern:
		repeating-linear-gradient(90deg, transparent 0 48px, rgba(193,122,104,.10) 48px 49px),
		linear-gradient(90deg, rgba(122,61,51,.10), transparent 52%);
}

/* The floating Front Door masthead keeps the same identity and geometry.
   Scrolling only gives it a little more material presence. */
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
	width: min(calc(100% - 28px), 1320px) !important;
	min-height: 102px !important;
	margin-top: 8px !important;
	padding: 8px 13px 9px !important;
	grid-template-columns: 66px minmax(300px, 1fr) auto !important;
	grid-template-areas:
		"home identity tools"
		"nav nav nav" !important;
	grid-template-rows: 58px 27px !important;
	gap: 0 12px !important;
	border-radius: 21px !important;
	background:
		var(--hc-masthead-pattern),
		linear-gradient(115deg, rgba(22,16,12,.94), rgba(31,23,18,.92) 56%, rgba(22,16,12,.94)) !important;
	box-shadow: 0 7px 22px rgba(18,13,10,.12) !important;
}

/* Interior pages use the same art-directed object. */
.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage {
	width: min(calc(100% - 28px), 1320px) !important;
	min-height: 102px !important;
	margin-top: clamp(8px, 1vw, 12px) !important;
	padding: 8px 13px 9px !important;
	grid-template-columns: 66px minmax(300px, 1fr) auto !important;
	grid-template-areas:
		"home identity tools"
		"nav nav nav" !important;
	grid-template-rows: 58px 27px !important;
	gap: 0 12px !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
		width: calc(100% - 16px) !important;
		min-height: 94px !important;
		margin-top: 7px !important;
		padding: 7px 9px 8px !important;
		grid-template-columns: 50px minmax(0,1fr) auto !important;
		grid-template-rows: 54px 25px !important;
		gap: 0 7px !important;
		border-radius: 18px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark {
		left: 58px;
		top: -2px;
		max-width: calc(100% - 180px);
		font-size: clamp(2.1rem, 8vw, 3rem);
		opacity: .95;
		color: rgba(255,255,255,.075);
	}

	.hc-masthead-v3 .hc-masthead-home {
		width: 46px;
		height: 46px;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 45px !important;
		height: 45px !important;
	}

	.hc-masthead-v3 .hc-masthead-identity {
		grid-template-columns: auto 1fr;
		column-gap: 7px;
	}

	.hc-masthead-v3 .hc-masthead-identity__type {
		font-size: .41rem;
		letter-spacing: .17em;
	}

	.hc-masthead-v3 .hc-masthead-identity__name {
		font-size: clamp(1.5rem, 5.2vw, 2rem);
	}

	.hc-masthead-v3 .hc-masthead-identity__note {
		font-size: .52rem;
		letter-spacing: .055em;
	}

	.hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
		gap: 5px !important;
	}

	.hc-masthead-v3 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tool {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		flex-basis: 36px !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		gap: 5px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 24px !important;
		padding: 2px 2px 4px !important;
		font-size: .56rem !important;
		gap: 4px !important;
	}

	.hc-masthead-v3 .hc-public-nav__icon,
	.hc-masthead-v3 .hc-public-nav__icon svg {
		width: 14px !important;
		height: 14px !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
		width: calc(100% - 12px) !important;
		min-height: 88px !important;
		padding: 6px 7px 7px !important;
		grid-template-columns: 44px minmax(0, 1fr) 101px !important;
		grid-template-rows: 50px 23px !important;
		column-gap: 5px !important;
		border-radius: 16px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark {
		left: 48px;
		top: 0;
		max-width: calc(100% - 148px);
		font-size: clamp(1.75rem, 9vw, 2.35rem);
		letter-spacing: -.075em;
		color: rgba(255,255,255,.07);
	}

	.hc-masthead-v3 .hc-masthead-home {
		width: 40px;
		height: 40px;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 39px !important;
		height: 39px !important;
	}

	.hc-masthead-v3 .hc-masthead-identity {
		grid-template-columns: 1fr;
		align-content: center;
		row-gap: 0;
	}

	.hc-masthead-v3 .hc-masthead-identity__type {
		grid-column: 1;
		font-size: .34rem;
		letter-spacing: .15em;
		margin-bottom: 0;
	}

	.hc-masthead-v3 .hc-masthead-identity__name {
		font-size: clamp(1.26rem, 6vw, 1.62rem);
		line-height: .92;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.hc-masthead-v3 .hc-masthead-identity__note {
		display: none;
	}

	.hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
		width: 101px !important;
		min-width: 101px !important;
		gap: 4px !important;
	}

	.hc-masthead-v3 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tool {
		width: 31px !important;
		height: 31px !important;
		min-width: 31px !important;
		flex-basis: 31px !important;
	}

	.hc-masthead-v3 .hc-public-tool svg {
		width: 16px !important;
		height: 16px !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		gap: 3px !important;
		padding-inline: 0 !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 22px !important;
		padding: 1px 1px 4px !important;
		font-size: .48rem !important;
		letter-spacing: .035em !important;
		gap: 3px !important;
	}

	.hc-masthead-v3 .hc-public-nav__icon,
	.hc-masthead-v3 .hc-public-nav__icon svg {
		width: 12px !important;
		height: 12px !important;
	}
}

@media (max-width: 390px) {
	.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
		grid-template-columns: 41px minmax(0, 1fr) 95px !important;
		column-gap: 4px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark {
		left: 44px;
		max-width: calc(100% - 140px);
		font-size: 1.74rem;
	}

	.hc-masthead-v3 .hc-masthead-identity__name {
		font-size: clamp(1.12rem, 5.8vw, 1.42rem);
	}

	.hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
		width: 95px !important;
		min-width: 95px !important;
		gap: 2px !important;
	}

	.hc-masthead-v3 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tool,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tool {
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
		flex-basis: 30px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		font-size: .44rem !important;
	}
}


/* =========================================================
   Publisher / place hierarchy — v0.12.23
   ---------------------------------------------------------
   The 0.12.22 experiment proved that the masthead can carry
   room identity, but the Front Door accidentally introduced a
   second headline ("A Living Archive") that competed with the
   Cover story. This pass restores the hierarchy:

   - the seal is the Home control;
   - Honey Chronicles is publisher atmosphere, never a button;
   - on the Front Door, the Cover story is the topic;
   - on interior surfaces, the current Room/Instrument is the
     dominant "you are here" signal;
   - the seven navigation destinations keep their two learned
     visual languages without adding more UI.
   ========================================================= */

/* Publisher wordmark: present, cropped and atmospheric rather than headline. */
.hc-masthead-v3 .hc-masthead-wordmark {
	left: 82px;
	top: -10px;
	font-size: clamp(2.75rem, 4vw, 4.35rem);
	letter-spacing: -.07em;
	color: rgba(255,255,255,.085);
}

/* Interior destination is intentionally stronger than the publisher wordmark. */
.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
	font-size: clamp(2.35rem, 3.35vw, 3.65rem);
	line-height: .82;
	letter-spacing: -.065em;
}

.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__type {
	margin-bottom: 0;
}

.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__note {
	padding-bottom: 2px;
	font-size: clamp(.55rem, .68vw, .69rem);
	color: rgba(255,255,255,.54);
}

/* Front Door: no second headline inside the masthead. The Cover below is the topic. */
.hc-masthead-copy--entrance .hc-masthead-stage {
	grid-template-columns: 66px minmax(300px, 1fr) auto !important;
}

.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 76px;
	top: -15px;
	max-width: calc(100% - 230px);
	font-size: clamp(3.2rem, 5vw, 5.6rem);
	line-height: .84;
	color: rgba(255,255,255,.105);
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
	align-self: end;
	display: flex;
	align-items: baseline;
	gap: 11px;
	padding: 0 0 5px 2px;
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__type {
	margin: 0;
	font-size: .46rem;
	letter-spacing: .22em;
	color: var(--hc-masthead-accent);
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__note {
	padding: 0;
	font-size: .58rem;
	letter-spacing: .08em;
	color: rgba(255,255,255,.46);
}

/* Navigation works as exit signage; current location owns the strongest accent. */
.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-public-nav a:not(.is-active):not([aria-current="page"]) {
	color: rgba(255,255,255,.54) !important;
}

.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-public-nav a.is-active,
.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-public-nav a[aria-current="page"] {
	color: #fff !important;
	font-weight: 900 !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-masthead-wordmark {
		left: 57px;
		top: -6px;
		font-size: clamp(2rem, 7.4vw, 2.75rem);
		color: rgba(255,255,255,.075);
	}

	.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
		font-size: clamp(1.75rem, 5.8vw, 2.25rem);
		line-height: .84;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 56px;
		top: -9px;
		font-size: clamp(2.6rem, 9vw, 3.8rem);
		color: rgba(255,255,255,.09);
	}

	.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
		padding-bottom: 6px;
		gap: 8px;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-masthead-wordmark {
		left: 47px;
		top: -3px;
		max-width: calc(100% - 146px);
		font-size: clamp(1.72rem, 8vw, 2.2rem);
		color: rgba(255,255,255,.065);
	}

	.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
		font-size: clamp(1.45rem, 6.4vw, 1.88rem);
		line-height: .84;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 46px;
		top: -5px;
		max-width: calc(100% - 145px);
		font-size: clamp(2rem, 9.6vw, 2.75rem);
		color: rgba(255,255,255,.08);
	}

	.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
		display: flex;
		align-items: center;
		padding: 0 0 4px 1px;
		min-width: 0;
	}

	.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__type {
		font-size: .33rem;
		letter-spacing: .17em;
		white-space: nowrap;
	}

	.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__note {
		display: none;
	}
}


/* =========================================================
   Publisher visibility + inset navigation buttons — v0.12.24
   ---------------------------------------------------------
   Keep the publisher wordmark large and atmospheric, but let it
   read more clearly. Turn the room links into shallow inset buttons
   that use the masthead art instead of sitting as thin labels.
   ========================================================= */

/* Bigger publisher presence without becoming a second headline. */
.hc-masthead-v3 .hc-masthead-wordmark {
	color: rgba(255,255,255,.16) !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.03), 0 8px 26px rgba(0,0,0,.20);
}

.hc-masthead-copy--entrance .hc-masthead-wordmark {
	color: rgba(255,255,255,.19) !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.04), 0 10px 30px rgba(0,0,0,.22);
}

/* The nav becomes a row of inset plates living inside the lower band. */
.hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
	align-self: end !important;
	padding: 0 2px 4px !important;
	gap: 10px !important;
}

.hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
	min-height: 30px !important;
	padding: 6px 10px 8px !important;
	border: 1px solid rgba(255,255,255,.07) !important;
	border-radius: 12px 12px 7px 7px !important;
	background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.12) !important;
	backdrop-filter: blur(8px) saturate(115%) !important;
	color: rgba(255,255,255,.82) !important;
}

.hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a::after {
	left: 10px !important;
	right: 10px !important;
	bottom: 4px !important;
	height: 3px !important;
	opacity: .9 !important;
}

.hc-masthead-v3 .hc-public-nav a:hover,
.hc-masthead-v3 .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:focus-visible {
	color: #fff !important;
	background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05)) !important;
	border-color: rgba(255,255,255,.14) !important;
	transform: translateY(-1px) !important;
}

.hc-masthead-v3 .hc-public-nav a.is-active,
.hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a[aria-current="page"] {
	color: #fff !important;
	border-color: color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 38%, rgba(255,255,255,.14)) !important;
	background: linear-gradient(180deg,
		color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 28%, rgba(255,255,255,.06)),
		rgba(255,255,255,.04)
	) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 20px rgba(0,0,0,.14) !important;
}

.hc-masthead-v3 .hc-public-nav__icon {
	opacity: .9 !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-masthead-wordmark {
		color: rgba(255,255,255,.13) !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		color: rgba(255,255,255,.15) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		gap: 7px !important;
		padding-bottom: 3px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 28px !important;
		padding: 5px 7px 7px !important;
		border-radius: 10px 10px 6px 6px !important;
		font-size: .58rem !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-masthead-wordmark {
		color: rgba(255,255,255,.11) !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		color: rgba(255,255,255,.12) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		gap: 4px !important;
		padding: 0 0 2px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 24px !important;
		padding: 3px 3px 5px !important;
		border-radius: 8px 8px 5px 5px !important;
		font-size: .47rem !important;
		letter-spacing: .03em !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 4px 12px rgba(0,0,0,.10) !important;
	}

	.hc-masthead-v3 .hc-public-nav a::after,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a::after,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a::after {
		left: 6px !important;
		right: 6px !important;
		bottom: 3px !important;
		height: 2px !important;
	}
}


/* =========================================================
   Mockup alignment pass — v0.12.25
   ---------------------------------------------------------
   Lean harder into the user's mockup direction:
   - giant visible publisher wordmark in the background
   - room links as clearer inset buttons inside the lower band
   - small archive label, logo remains the home control
   ========================================================= */

.hc-masthead-copy--entrance .hc-masthead-wordmark,
.hc-masthead-v3 .hc-masthead-wordmark {
	text-transform: uppercase !important;
	font-weight: 900 !important;
	letter-spacing: -.04em !important;
}

.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 70px !important;
	top: -8px !important;
	max-width: calc(100% - 205px) !important;
	font-size: clamp(4.4rem, 8.5vw, 8.2rem) !important;
	line-height: .78 !important;
	color: rgba(255,255,255,.24) !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.03), 0 12px 34px rgba(0,0,0,.22) !important;
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	padding: 4px 0 0 2px !important;
	align-self: start !important;
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__type {
	margin: 0 !important;
	padding-top: 2px !important;
	font-size: .53rem !important;
	letter-spacing: .28em !important;
	color: var(--hc-honey-gold) !important;
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__note {
	font-size: .56rem !important;
	letter-spacing: .12em !important;
	color: rgba(255,255,255,.56) !important;
}

/* Stronger inset room buttons that use the masthead art as material. */
.hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
	gap: 10px !important;
	padding: 0 0 2px !important;
}

.hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
	justify-content: flex-start !important;
	padding: 5px 12px 8px !important;
	min-height: 31px !important;
	border-radius: 10px !important;
	border: 1px solid color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 55%, rgba(255,255,255,.08)) !important;
	background: linear-gradient(180deg, rgba(18,12,9,.46), rgba(40,28,21,.28)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.05),
		inset 0 0 0 1px rgba(255,255,255,.02),
		0 6px 18px rgba(0,0,0,.12) !important;
	color: rgba(255,255,255,.9) !important;
}

.hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a::after {
	left: 10px !important;
	right: 10px !important;
	bottom: 4px !important;
	height: 3px !important;
	opacity: .95 !important;
}

.hc-masthead-v3 .hc-public-nav a:hover,
.hc-masthead-v3 .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:focus-visible {
	background: linear-gradient(180deg,
		color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 18%, rgba(18,12,9,.58)),
		rgba(40,28,21,.28)
	) !important;
	border-color: color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 75%, rgba(255,255,255,.12)) !important;
}

.hc-masthead-v3 .hc-public-nav a.is-active,
.hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a[aria-current="page"] {
	background: linear-gradient(180deg,
		color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 20%, rgba(26,17,12,.64)),
		rgba(48,34,24,.30)
	) !important;
	border-color: color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 82%, rgba(255,255,255,.16)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.06),
		inset 0 0 0 1px color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 28%, transparent),
		0 8px 20px rgba(0,0,0,.15) !important;
}

.hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
	gap: 8px !important;
}

.hc-masthead-v3 .hc-public-tool,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tool,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tool {
	background: rgba(46,34,27,.48) !important;
	border-color: rgba(255,255,255,.18) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 6px 16px rgba(0,0,0,.12) !important;
}

@media (max-width: 860px) {
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 58px !important;
		top: -4px !important;
		max-width: calc(100% - 170px) !important;
		font-size: clamp(3.1rem, 12vw, 5rem) !important;
		color: rgba(255,255,255,.21) !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__note {
		display: none !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		gap: 6px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		padding: 5px 8px 7px !important;
		font-size: .6rem !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 49px !important;
		top: -1px !important;
		max-width: calc(100% - 126px) !important;
		font-size: clamp(2.55rem, 14vw, 3.7rem) !important;
		color: rgba(255,255,255,.18) !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__type {
		font-size: .38rem !important;
		letter-spacing: .22em !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		gap: 4px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		padding: 4px 5px 6px !important;
		min-height: 26px !important;
		font-size: .49rem !important;
		letter-spacing: .02em !important;
		gap: 4px !important;
	}

	.hc-masthead-v3 .hc-public-nav a::after,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a::after,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a::after {
		left: 7px !important;
		right: 7px !important;
		bottom: 3px !important;
		height: 2px !important;
	}
}


/* =========================================================
   Transparent publisher asset — v0.12.26
   ---------------------------------------------------------
   Use the supplied Honey Chronicles transparent wordmark as an
   actual background/scenery layer. The seal remains the Home link;
   Rooms and Tools float independently over the publisher mark.
   ========================================================= */

.hc-masthead-v3 .hc-masthead-wordmark,
.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 82px !important;
	top: 2px !important;
	width: min(calc(100% - 230px), 1040px) !important;
	height: 74px !important;
	max-width: none !important;
	margin: 0 !important;
	background-image: url('assets/branding/hc-wordmark-white.png') !important;
	background-repeat: no-repeat !important;
	background-position: left top !important;
	background-size: contain !important;
	opacity: .30 !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999px !important;
	text-shadow: none !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

/* Front Door can carry the publisher a little louder because the cover image
   itself supplies the subject and keeps the wordmark from becoming the topic. */
.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 78px !important;
	top: 0 !important;
	width: min(calc(100% - 220px), 1100px) !important;
	height: 78px !important;
	opacity: .34 !important;
}

/* Keep the little publisher descriptor, but stop repeating the four room names
   beside the four room buttons. */
.hc-masthead-copy--entrance .hc-masthead-identity--entrance .hc-masthead-identity__note {
	display: none !important;
}

/* Let the Rooms sit visibly on top of the wordmark, like cover furniture. */
.hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
	z-index: 8 !important;
}

.hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
	background: rgba(30,22,17,.70) !important;
	backdrop-filter: blur(5px) saturate(110%) !important;
}

.hc-masthead-v3 .hc-public-nav a.is-active,
.hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a[aria-current="page"] {
	background: color-mix(in srgb, var(--hc-nav-accent, var(--hc-masthead-accent)) 16%, rgba(30,22,17,.78)) !important;
}

/* Tools also float independently over the publisher art. */
.hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
	z-index: 9 !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 58px !important;
		top: 5px !important;
		width: calc(100% - 176px) !important;
		height: 58px !important;
		opacity: .25 !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		opacity: .29 !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 49px !important;
		top: 7px !important;
		width: calc(100% - 157px) !important;
		height: 43px !important;
		opacity: .22 !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		opacity: .26 !important;
	}
}


/* =========================================================
   True publisher overlay — v0.12.27
   ---------------------------------------------------------
   The room buttons are no longer a polite second row beneath the
   publisher. They sit directly over the transparent HONEY CHRONICLES
   artwork, matching the cover-masthead mockup more closely.
   ========================================================= */

/* One layered composition: the stage keeps its footprint, but navigation
   becomes positioned cover furniture instead of reserving another row. */
.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
	position: relative !important;
	min-height: 102px !important;
	grid-template-columns: 66px minmax(0, 1fr) auto !important;
	grid-template-areas: "home identity tools" !important;
	grid-template-rows: 1fr !important;
	padding: 8px 13px 9px !important;
	overflow: hidden !important;
}

/* Let the publisher artwork occupy nearly the entire masthead height so the
   buttons physically cross the lower strokes of the letters. */
.hc-masthead-v3 .hc-masthead-wordmark,
.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 82px !important;
	top: -2px !important;
	width: min(calc(100% - 225px), 1120px) !important;
	height: 96px !important;
	background-position: left center !important;
	background-size: contain !important;
	opacity: .34 !important;
}

.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 80px !important;
	width: min(calc(100% - 220px), 1160px) !important;
	height: 98px !important;
	opacity: .37 !important;
}

/* Home seal and instruments float over the artwork independently. */
.hc-masthead-v3 .hc-masthead-home {
	position: absolute !important;
	left: 13px !important;
	top: 13px !important;
	z-index: 12 !important;
}

.hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
	position: absolute !important;
	right: 13px !important;
	top: 13px !important;
	z-index: 12 !important;
}

/* The room identity becomes a compact overprint. The active room button below
   carries the strongest location signal; this line adds context without
   competing with the publisher art. */
.hc-masthead-v3 .hc-masthead-identity {
	position: absolute !important;
	left: 86px !important;
	top: 11px !important;
	z-index: 10 !important;
	max-width: calc(100% - 285px) !important;
	grid-template-columns: auto auto minmax(0, 1fr) !important;
	column-gap: 8px !important;
	align-items: baseline !important;
}

.hc-masthead-v3 .hc-masthead-identity__type {
	grid-column: 1 !important;
	margin: 0 !important;
	font-size: .42rem !important;
	letter-spacing: .18em !important;
}

.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
	grid-column: 2 !important;
	font-size: clamp(1.42rem, 2.1vw, 2rem) !important;
	line-height: .9 !important;
	letter-spacing: -.05em !important;
}

.hc-masthead-v3 .hc-masthead-identity__note {
	grid-column: 3 !important;
	padding: 0 !important;
	font-size: .52rem !important;
	color: rgba(255,255,255,.55) !important;
}

.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
	position: absolute !important;
	left: 86px !important;
	top: 14px !important;
	z-index: 10 !important;
	padding: 0 !important;
}

/* THIS is the key change: the four smaller buttons literally float across the
   lower portion of the HONEY CHRONICLES image. */
.hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
	position: absolute !important;
	left: 82px !important;
	right: 205px !important;
	bottom: 8px !important;
	z-index: 14 !important;
	width: auto !important;
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 8px !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Return to the smaller button scale from the mockup. */
.hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
	min-height: 25px !important;
	padding: 3px 8px 6px !important;
	gap: 5px !important;
	border-radius: 7px !important;
	font-size: .59rem !important;
	letter-spacing: .02em !important;
	background: rgba(23,17,13,.76) !important;
	backdrop-filter: blur(5px) saturate(110%) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 11px rgba(0,0,0,.13) !important;
}

.hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a::after {
	left: 7px !important;
	right: 7px !important;
	bottom: 3px !important;
	height: 2px !important;
}

.hc-masthead-v3 .hc-public-nav__icon,
.hc-masthead-v3 .hc-public-nav__icon svg {
	width: 13px !important;
	height: 13px !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
		min-height: 96px !important;
		padding: 6px 8px 7px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 58px !important;
		top: 1px !important;
		width: calc(100% - 166px) !important;
		height: 76px !important;
		opacity: .30 !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		opacity: .33 !important;
	}

	.hc-masthead-v3 .hc-masthead-home {
		left: 9px !important;
		top: 10px !important;
	}

	.hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-tools,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-tools {
		right: 9px !important;
		top: 10px !important;
	}

	.hc-masthead-v3 .hc-masthead-identity,
	.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
		left: 62px !important;
		top: 9px !important;
		max-width: calc(100% - 178px) !important;
	}

	.hc-masthead-v3 .hc-masthead-identity__note {
		display: none !important;
	}

	.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
		font-size: clamp(1.24rem, 4.2vw, 1.58rem) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 10px !important;
		right: 10px !important;
		bottom: 7px !important;
		gap: 5px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 24px !important;
		padding: 3px 5px 5px !important;
		font-size: .52rem !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-header__inner.hc-masthead-stage,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-header__inner.hc-masthead-stage {
		min-height: 101px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 61px !important;
		top: 3px !important;
		width: calc(100% - 166px) !important;
		height: 68px !important;
		opacity: .27 !important;
	}

	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		opacity: .30 !important;
	}

	.hc-masthead-v3 .hc-masthead-home {
		left: 9px !important;
		top: 10px !important;
		width: 42px !important;
		height: 42px !important;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 41px !important;
		height: 41px !important;
	}

	.hc-masthead-v3 .hc-masthead-identity,
	.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
		left: 64px !important;
		top: 9px !important;
		max-width: calc(100% - 176px) !important;
	}

	.hc-masthead-v3 .hc-masthead-identity__type {
		font-size: .32rem !important;
		letter-spacing: .15em !important;
	}

	.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
		font-size: clamp(1.08rem, 5vw, 1.42rem) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 8px !important;
		right: 8px !important;
		bottom: 7px !important;
		gap: 4px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 24px !important;
		padding: 3px 4px 5px !important;
		font-size: .47rem !important;
		gap: 3px !important;
	}

	.hc-masthead-v3 .hc-public-nav__icon,
	.hc-masthead-v3 .hc-public-nav__icon svg {
		width: 12px !important;
		height: 12px !important;
	}
}

/* =========================================================
   Logo enlargement + tighter button lockup — v0.12.28
   ---------------------------------------------------------
   Make the seal materially larger, push the room buttons to the right so
   the logo can breathe, and remove the tiny hover drift so the navigation
   feels pinned in place.
   ========================================================= */

/* Bigger seal/home control. */
.hc-masthead-v3 .hc-masthead-home {
	width: 84px !important;
	height: 84px !important;
}

.hc-masthead-v3 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
	width: 72px !important;
	height: 72px !important;
}

/* Keep the wordmark stage, but leave more room on the left for the bigger seal. */
.hc-masthead-v3 .hc-masthead-wordmark,
.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 104px !important;
	width: min(calc(100% - 247px), 1120px) !important;
}

.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 102px !important;
	width: min(calc(100% - 242px), 1160px) !important;
}

/* Quiet room identity; move it slightly right so the seal owns more space. */
.hc-masthead-v3 .hc-masthead-identity,
.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
	left: 110px !important;
	max-width: calc(100% - 305px) !important;
}

/* Push the buttons right so the enlarged logo gets to breathe. */
.hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
	left: 116px !important;
	right: 192px !important;
	gap: 7px !important;
}

/* Tighter, steadier buttons. */
.hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
	min-height: 24px !important;
	padding: 2px 7px 5px !important;
	gap: 4px !important;
	border-radius: 7px !important;
	font-size: .58rem !important;
	line-height: 1 !important;
	transform: none !important;
	transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, opacity .16s ease !important;
}

.hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a::after,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a::after {
	left: 7px !important;
	right: 7px !important;
	bottom: 3px !important;
}

.hc-masthead-v3 .hc-public-nav a:hover,
.hc-masthead-v3 .hc-public-nav a:focus-visible,
.hc-masthead-v3 .hc-public-nav a.is-active,
.hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a[aria-current="page"] {
	transform: none !important;
	padding: 2px 7px 5px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 4px 11px rgba(0,0,0,.13) !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-masthead-home {
		width: 68px !important;
		height: 68px !important;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 56px !important;
		height: 56px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 84px !important;
		width: calc(100% - 188px) !important;
	}

	.hc-masthead-v3 .hc-masthead-identity,
	.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
		left: 90px !important;
		max-width: calc(100% - 202px) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 74px !important;
		right: 10px !important;
		gap: 4px !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-masthead-home {
		width: 62px !important;
		height: 62px !important;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 51px !important;
		height: 51px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 74px !important;
		width: calc(100% - 168px) !important;
		height: 66px !important;
	}

	.hc-masthead-v3 .hc-masthead-identity,
	.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
		left: 81px !important;
		max-width: calc(100% - 176px) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 66px !important;
		right: 8px !important;
		bottom: 8px !important;
		gap: 4px !important;
	}
	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		min-height: 24px !important;
		padding: 2px 5px 5px !important;
		font-size: .47rem !important;
		gap: 3px !important;
	}
}

/* =========================================================
   Mockup lock-in — v0.12.29
   ---------------------------------------------------------
   Final geometry correction toward the supplied mockup:
   - let the seal own the left edge;
   - start the compact room buttons immediately after the seal;
   - keep the buttons stable and tightly sized;
   - remove the Front Door archive label so the publisher artwork stays clean.
   ========================================================= */

/* Front Door publisher artwork needs no extra label competing with it. */
.hc-masthead-copy--entrance .hc-masthead-identity--entrance {
	display: none !important;
}

/* Make the seal visually substantial enough to act as the permanent Home door. */
.hc-masthead-v3 .hc-masthead-home {
	left: 7px !important;
	top: 3px !important;
	width: 96px !important;
	height: 96px !important;
}

.hc-masthead-v3 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
	width: 88px !important;
	height: 88px !important;
}

/* Publisher art begins just behind the large seal and remains full-width scenery. */
.hc-masthead-v3 .hc-masthead-wordmark,
.hc-masthead-copy--entrance .hc-masthead-wordmark {
	left: 96px !important;
	width: min(calc(100% - 220px), 1180px) !important;
}

/* Interior location marker clears the enlarged seal. */
.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity {
	left: 112px !important;
	max-width: calc(100% - 300px) !important;
}

/* Desktop: compact plaques begin directly beside the seal instead of centering. */
@media (min-width: 861px) {
	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 108px !important;
		right: auto !important;
		bottom: 8px !important;
		width: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 7px !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 92px !important;
		min-height: 23px !important;
		padding: 2px 9px 5px !important;
	}
}

/* Keep all plaque geometry absolutely stable on hover/focus/current state. */
.hc-masthead-v3 .hc-public-nav a,
.hc-masthead-v3 .hc-public-nav a:hover,
.hc-masthead-v3 .hc-public-nav a:focus-visible,
.hc-masthead-v3 .hc-public-nav a.is-active,
.hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a[aria-current="page"],
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:hover,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a:focus-visible,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a.is-active,
body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a[aria-current="page"] {
	transform: none !important;
	margin: 0 !important;
}

@media (max-width: 860px) {
	.hc-masthead-v3 .hc-masthead-home {
		left: 6px !important;
		top: 5px !important;
		width: 76px !important;
		height: 76px !important;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 68px !important;
		height: 68px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 78px !important;
		width: calc(100% - 180px) !important;
	}

	.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity {
		left: 84px !important;
		max-width: calc(100% - 190px) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 78px !important;
		right: 8px !important;
	}
}

@media (max-width: 640px) {
	.hc-masthead-v3 .hc-masthead-home {
		left: 5px !important;
		top: 7px !important;
		width: 68px !important;
		height: 68px !important;
	}

	.hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-seal,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-seal {
		width: 60px !important;
		height: 60px !important;
	}

	.hc-masthead-v3 .hc-masthead-wordmark,
	.hc-masthead-copy--entrance .hc-masthead-wordmark {
		left: 72px !important;
		width: calc(100% - 168px) !important;
	}

	.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity {
		left: 76px !important;
		max-width: calc(100% - 174px) !important;
	}

	.hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: 68px !important;
		right: 7px !important;
		bottom: 8px !important;
	}
}

/* =========================================================
   Recipe Room — v0.12.30
   ---------------------------------------------------------
   A real public home for /recipes/ while the collection grows.
   The room is deliberately useful in an empty state and will begin
   showing recipe records automatically when a Recipe CPT/category exists.
   ========================================================= */

.hc-recipe-room {
	width: min(calc(100% - 40px), 1320px);
	margin: 0 auto;
	padding: clamp(30px, 4vw, 62px) 0 clamp(70px, 8vw, 120px);
}

.hc-recipe-room__intro {
	position: relative;
	min-height: clamp(280px, 32vw, 430px);
	padding: clamp(30px, 5vw, 72px);
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr);
	align-items: center;
	gap: clamp(28px, 5vw, 72px);
	border: 1px solid rgba(122,61,51,.20);
	border-radius: 34px;
	background:
		radial-gradient(circle at 82% 24%, rgba(185,107,95,.14), transparent 30%),
		linear-gradient(135deg, #F8F1EC 0%, #FFFDF9 62%, #F4E7E1 100%);
	overflow: hidden;
}

.hc-recipe-room__intro::after {
	content: "";
	position: absolute;
	inset: 22px;
	border: 1px solid rgba(122,61,51,.10);
	border-radius: 24px;
	pointer-events: none;
}

.hc-recipe-room__intro-copy,
.hc-recipe-room__mark {
	position: relative;
	z-index: 2;
}

.hc-recipe-room__eyebrow,
.hc-recipe-card__eyebrow {
	margin: 0 0 10px;
	font-family: var(--hc-sans);
	font-size: .66rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .19em;
	text-transform: uppercase;
	color: var(--hc-attention);
}

.hc-recipe-room__intro h1,
.hc-recipe-room__opening h2,
.hc-recipe-shelf__header h2,
.hc-recipe-card h3 {
	font-family: var(--hc-serif);
	color: var(--hc-museum-ink);
}

.hc-recipe-room__intro h1 {
	max-width: 12ch;
	margin: 0;
	font-size: clamp(3rem, 6.5vw, 7rem);
	font-weight: 700;
	line-height: .83;
	letter-spacing: -.06em;
}

.hc-recipe-room__intro-copy > p:last-child {
	max-width: 54ch;
	margin: clamp(22px, 3vw, 34px) 0 0;
	font-family: var(--hc-serif);
	font-size: clamp(1.05rem, 1.7vw, 1.45rem);
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-recipe-room__mark {
	justify-self: end;
	width: min(100%, 360px);
	aspect-ratio: 1;
	border-radius: 50%;
	background:
		radial-gradient(circle, transparent 0 27%, rgba(122,61,51,.22) 27.5% 28.5%, transparent 29% 44%, rgba(122,61,51,.13) 44.5% 45.5%, transparent 46%),
		linear-gradient(45deg, transparent 48.7%, rgba(122,61,51,.22) 49% 51%, transparent 51.3%),
		linear-gradient(-45deg, transparent 48.7%, rgba(122,61,51,.16) 49% 51%, transparent 51.3%);
	opacity: .9;
}

.hc-recipe-room__mark::before,
.hc-recipe-room__mark::after,
.hc-recipe-room__mark span {
	content: "";
	position: absolute;
	background: rgba(122,61,51,.20);
}

.hc-recipe-room__mark::before {
	left: 50%; top: 8%; bottom: 8%; width: 1px;
}

.hc-recipe-room__mark::after {
	top: 50%; left: 8%; right: 8%; height: 1px;
}

.hc-recipe-room__opening,
.hc-recipe-shelf {
	margin-top: clamp(28px, 4vw, 54px);
	padding: clamp(28px, 4vw, 54px);
	border: 1px solid var(--hc-rowan-line);
	border-radius: 28px;
	background: var(--hc-rowan-paper);
}

.hc-recipe-room__opening-copy {
	max-width: 760px;
}

.hc-recipe-room__opening h2,
.hc-recipe-shelf__header h2 {
	margin: 0;
	font-size: clamp(2.3rem, 4.5vw, 4.8rem);
	line-height: .9;
	letter-spacing: -.055em;
}

.hc-recipe-room__opening-copy > p:last-child {
	max-width: 62ch;
	margin: 18px 0 0;
	font-size: 1rem;
	line-height: 1.65;
	color: var(--hc-faded-ink);
}

.hc-recipe-room__future {
	margin-top: clamp(28px, 4vw, 48px);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(122,61,51,.18);
	border-bottom: 1px solid rgba(122,61,51,.18);
}

.hc-recipe-room__future > div {
	min-width: 0;
	padding: 22px clamp(16px, 2.5vw, 30px);
	border-right: 1px solid rgba(122,61,51,.14);
}

.hc-recipe-room__future > div:last-child {
	border-right: 0;
}

.hc-recipe-room__future span,
.hc-recipe-room__future strong,
.hc-recipe-room__future small {
	display: block;
}

.hc-recipe-room__future span {
	margin-bottom: 12px;
	font-family: var(--hc-serif);
	font-size: 1.45rem;
	font-weight: 700;
	color: var(--hc-attention);
}

.hc-recipe-room__future strong {
	font-family: var(--hc-serif);
	font-size: 1.35rem;
	line-height: 1.05;
	color: var(--hc-museum-ink);
}

.hc-recipe-room__future small {
	margin-top: 8px;
	font-size: .82rem;
	line-height: 1.5;
	color: var(--hc-faded-ink);
}

.hc-recipe-shelf__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(122,61,51,.16);
}

.hc-recipe-shelf__header > p {
	margin: 0 0 5px;
	font-family: var(--hc-sans);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-faded-ink);
}

.hc-recipe-grid {
	margin-top: 24px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.hc-recipe-card {
	min-width: 0;
	border: 1px solid var(--hc-rowan-line-soft);
	border-radius: 22px;
	background: #FFFDF9;
	overflow: hidden;
}

.hc-recipe-card__image {
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--hc-rowan-rust);
	overflow: hidden;
}

.hc-recipe-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hc-recipe-card__image.is-empty {
	display: grid;
	place-items: center;
	font-family: var(--hc-serif);
	font-size: clamp(2.3rem, 5vw, 4rem);
	font-weight: 700;
	color: rgba(122,61,51,.28);
	text-decoration: none;
}

.hc-recipe-card__copy {
	padding: 22px;
}

.hc-recipe-card h3 {
	margin: 0;
	font-size: clamp(1.6rem, 2.4vw, 2.45rem);
	line-height: .94;
	letter-spacing: -.035em;
}

.hc-recipe-card h3 a,
.hc-recipe-card__enter {
	color: inherit;
	text-decoration: none;
}

.hc-recipe-card__copy > p:not(.hc-recipe-card__eyebrow) {
	margin: 14px 0 0;
	line-height: 1.55;
	color: var(--hc-faded-ink);
}

.hc-recipe-card__enter {
	display: inline-block;
	margin-top: 18px;
	font-family: var(--hc-sans);
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--hc-attention);
}

@media (max-width: 860px) {
	.hc-recipe-room {
		width: min(calc(100% - 24px), 1320px);
		padding-top: 24px;
	}

	.hc-recipe-room__intro {
		min-height: 0;
		grid-template-columns: 1fr;
		padding: 32px 28px 34px;
	}

	.hc-recipe-room__intro h1 {
		max-width: 10ch;
	}

	.hc-recipe-room__mark {
		position: absolute;
		right: -70px;
		bottom: -110px;
		width: 280px;
		opacity: .42;
	}

	.hc-recipe-grid,
	.hc-recipe-room__future {
		grid-template-columns: 1fr;
	}

	.hc-recipe-room__future > div {
		border-right: 0;
		border-bottom: 1px solid rgba(122,61,51,.14);
	}

	.hc-recipe-room__future > div:last-child {
		border-bottom: 0;
	}
}

@media (max-width: 640px) {
	.hc-recipe-room {
		width: calc(100% - 24px);
		padding-top: 20px;
	}

	.hc-recipe-room__intro,
	.hc-recipe-room__opening,
	.hc-recipe-shelf {
		border-radius: 24px;
	}

	.hc-recipe-room__intro {
		padding: 30px 24px 32px;
	}

	.hc-recipe-room__intro::after {
		inset: 12px;
		border-radius: 17px;
	}

	.hc-recipe-room__intro h1 {
		font-size: clamp(2.75rem, 13vw, 4.6rem);
	}

	.hc-recipe-room__intro-copy > p:last-child {
		font-size: 1rem;
	}

	.hc-recipe-room__opening,
	.hc-recipe-shelf {
		padding: 26px 22px;
	}

	.hc-recipe-room__opening h2,
	.hc-recipe-shelf__header h2 {
		font-size: clamp(2.25rem, 11vw, 3.5rem);
	}

	.hc-recipe-shelf__header {
		align-items: flex-start;
		flex-direction: column;
	}
}


/* =========================================================
   Name the place, not the number — v0.12.31
   ---------------------------------------------------------
   Public navigation uses memorable destination names only. Room and
   Instrument numbers may remain useful internally, but visitors should never
   have to translate "Room 01" into "Stories" or remember an ordinal map.
   ========================================================= */
.hc-masthead-v3 .hc-masthead-identity__type,
.hc-hallway-room__number {
	display: none !important;
}

/* With the ordinal removed, let the destination name occupy the orientation
   position cleanly rather than leaving a visual hole. */
.hc-masthead-v3 .hc-masthead-identity {
	align-items: center !important;
}

.hc-masthead-v3:not(.hc-masthead-copy--entrance) .hc-masthead-identity__name {
	grid-column: 1 !important;
}

.hc-masthead-v3 .hc-masthead-identity__note {
	grid-column: 2 !important;
}

/* =========================================================
   Stories interest families — v0.12.32
   ---------------------------------------------------------
   Public editorial filters: Science, History, People & Culture,
   Discovery, Events. Families can overlap. Research remains a
   separate evidence badge rather than another filing category.
   ========================================================= */

.hc-story-family-filter {
	max-width: 1240px;
	margin: 0 auto clamp(24px, 3.8vw, 46px);
	padding: 12px 0 13px;
	border-top: 1px solid rgba(60,43,31,.16);
	border-bottom: 1px solid rgba(60,43,31,.16);
}

.hc-story-family-filter__label {
	display: block;
	margin: 0 0 8px;
	font-size: .55rem;
	font-weight: 900;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--hc-story-accent);
}

.hc-story-family-filter__rail {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
}

.hc-story-family-filter button {
	appearance: none;
	min-height: 34px;
	padding: 7px 12px 8px;
	border: 1px solid rgba(77,100,115,.17);
	border-radius: 999px;
	background: rgba(255,253,247,.72);
	box-shadow: none;
	font-family: var(--hc-sans);
	font-size: .66rem;
	font-weight: 850;
	line-height: 1;
	letter-spacing: .025em;
	color: var(--hc-faded-ink);
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.hc-story-family-filter button:hover,
.hc-story-family-filter button:focus-visible {
	border-color: rgba(77,100,115,.42);
	background: rgba(255,253,247,.96);
	color: var(--hc-museum-ink);
	outline: none;
}

.hc-story-family-filter button.is-active {
	border-color: rgba(77,100,115,.56);
	background: rgba(77,100,115,.10);
	box-shadow: inset 0 -2px 0 var(--hc-cartographer-blue);
	color: var(--hc-museum-ink);
}

.hc-story-family-filter button[data-story-family-filter="history"].is-active {
	border-color: rgba(122,76,23,.48);
	background: rgba(185,130,36,.10);
	box-shadow: inset 0 -2px 0 var(--hc-honey-gold);
}

.hc-story-family-filter button[data-story-family-filter="people-culture"].is-active {
	border-color: rgba(79,106,69,.46);
	background: rgba(79,106,69,.10);
	box-shadow: inset 0 -2px 0 var(--hc-field-green);
}

.hc-story-family-filter button[data-story-family-filter="events"].is-active {
	border-color: rgba(122,61,51,.44);
	background: rgba(122,61,51,.08);
	box-shadow: inset 0 -2px 0 var(--hc-attention);
}

.hc-story-family-filter button[data-story-family-filter="discovery"].is-active {
	border-color: rgba(102,88,74,.40);
	background: rgba(102,88,74,.075);
	box-shadow: inset 0 -2px 0 var(--hc-walnut-ink);
}

.hc-story-family-filter__note {
	margin: 9px 0 0;
	font-size: .68rem;
	line-height: 1.4;
	color: var(--hc-pencil-gray);
}

.hc-story-research-badge {
	display: inline-flex;
	align-items: center;
	min-height: 19px;
	padding: 3px 7px 2px;
	border: 1px solid rgba(77,100,115,.35);
	border-radius: 999px;
	background: rgba(77,100,115,.08);
	font-family: var(--hc-sans);
	font-size: .48rem;
	font-weight: 900;
	line-height: 1;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hc-cartographer-blue);
	white-space: nowrap;
}

.hc-story-evidence-table__labels {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 9px;
}

.hc-story-evidence-table__labels .hc-story-evidence-table__kind {
	margin: 0;
}

.hc-story-card__meta {
	justify-content: flex-start;
}

.hc-story-card__meta time {
	margin-left: auto;
}

.hc-story-family-empty {
	margin: 18px 0 0;
	padding: clamp(28px, 4vw, 48px);
	text-align: center;
	border: 1px dashed rgba(77,100,115,.28);
	background: rgba(255,253,247,.60);
}

.hc-story-family-empty h2 {
	margin: 0 0 8px;
	font-family: var(--hc-serif);
	font-size: clamp(1.8rem, 3vw, 3rem);
	line-height: .92;
	letter-spacing: -.04em;
}

.hc-story-family-empty > p:last-child {
	margin: 0;
	color: var(--hc-faded-ink);
}

@media (max-width: 640px) {
	.hc-story-family-filter {
		margin-bottom: 22px;
		padding: 10px 0 11px;
		overflow: hidden;
	}

	.hc-story-family-filter__rail {
		overflow-x: auto;
		overflow-y: hidden;
		padding: 1px 2px 5px 0;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.hc-story-family-filter__rail::-webkit-scrollbar {
		display: none;
	}

	.hc-story-family-filter button {
		flex: 0 0 auto;
		min-height: 32px;
		padding: 7px 11px;
		font-size: .62rem;
		scroll-snap-align: start;
	}

	.hc-story-family-filter__note {
		font-size: .64rem;
	}

	.hc-story-card__meta {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.hc-story-card__meta time {
		width: 100%;
		margin: 2px 0 0;
	}
}

/* Research is now a badge, not the card's family color. */
.hc-story-card.is-research .hc-story-card__kind {
	color: var(--hc-story-accent);
}


/* =========================================================
   Stories front page: show, don't explain — v0.12.33
   ---------------------------------------------------------
   Visitors have already entered Stories. Remove the explanatory
   "What survived?" foyer and let the interest filter hand them
   directly to the visual featured Story.
   ========================================================= */
body.hc-room-stories .hc-story-gallery--front-page {
	padding-top: clamp(12px, 1.8vw, 24px) !important;
}

body.hc-room-stories .hc-story-gallery--front-page .hc-story-family-filter {
	margin-top: 0 !important;
	margin-bottom: clamp(18px, 2.5vw, 30px) !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

/* The first Story is now the first major graphic statement in the room. */
body.hc-room-stories .hc-story-gallery--front-page .hc-story-evidence-table {
	margin-top: 0 !important;
}

@media (max-width: 640px) {
	body.hc-room-stories .hc-story-gallery--front-page {
		padding-top: 8px !important;
	}

	body.hc-room-stories .hc-story-gallery--front-page .hc-story-family-filter {
		margin-bottom: 14px !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}
}


/* =========================================================
   Stories utility transition — v0.12.34
   ---------------------------------------------------------
   Remove the editorial "Follow a clue" interstitial. The featured story
   now hands directly to the Evidence Desk controls.
   ========================================================= */
.hc-story-record-room {
    margin-top: 22px !important;
}

@media (max-width: 640px) {
    .hc-story-record-room {
        margin-top: 18px !important;
    }
}


/* =========================================================
   Permanent desktop navigation position — v0.12.36
   ---------------------------------------------------------
   Learned navigation belongs in one place. On desktop, the four Room
   plaques always occupy the lower-right zone of the masthead, matching
   the Front Door. Current destination changes styling, never position.
   Phone/tablet geometry is intentionally left alone.
   ========================================================= */
@media (min-width: 861px) {
	.hc-masthead-v3 .hc-public-nav,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: auto !important;
		right: 12px !important;
		bottom: 8px !important;
		width: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 7px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 92px !important;
		min-height: 23px !important;
		margin: 0 !important;
		padding: 2px 9px 5px !important;
		transform: none !important;
	}
}


/* =========================================================
   Desktop nav breakpoint correction — v0.12.37
   ---------------------------------------------------------
   The previous right-edge lock only activated at 861px. Narrow desktop
   browser windows (including the real dev viewport) therefore fell back to
   the tablet/full-width nav geometry. Treat 700px+ as the desktop masthead
   layout; phone portrait CSS widths remain below this threshold.
   ========================================================= */
@media (min-width: 700px) {
	.hc-masthead-v3 .hc-public-nav,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav {
		left: auto !important;
		right: 12px !important;
		bottom: 8px !important;
		width: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 7px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.hc-masthead-v3 .hc-public-nav a,
	.hc-masthead-v3.hc-masthead-copy:not(.is-front-door) .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3 .hc-public-nav a,
	body.hc-room-entrance:not(.paged) .hc-masthead-v3.is-condensed .hc-public-nav a {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 92px !important;
		min-height: 23px !important;
		margin: 0 !important;
		padding: 2px 9px 5px !important;
		transform: none !important;
	}
}


/* =========================================================
   Stories filter cleanup + working Research view — v0.12.38
   ---------------------------------------------------------
   Remove unnecessary framing and make Research a real cross-cutting view.
   ========================================================= */
body.hc-room-stories .hc-story-gallery--front-page .hc-story-family-filter {
	border-top: 0 !important;
	padding-top: 0 !important;
}

.hc-story-research-badge--filter {
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.hc-story-research-badge--filter:hover,
.hc-story-research-badge--filter:focus-visible,
.hc-story-research-badge--filter.is-active {
	border-color: rgba(77,100,115,.66);
	background: rgba(77,100,115,.14);
	color: var(--hc-museum-ink);
	box-shadow: inset 0 -2px 0 var(--hc-cartographer-blue);
	outline: none;
}

@media (max-width: 640px) {
	body.hc-room-stories .hc-story-gallery--front-page .hc-story-family-filter {
		padding-top: 0 !important;
	}
}


/* =========================================================
   Single Story breadcrumb cleanup — v0.12.39
   ---------------------------------------------------------
   Remove the orphaned return strip and top rule. Put the useful
   Stories link directly into the Story metadata row.
   ========================================================= */

.hc-story-exhibit__return {
	display: none !important;
}

.hc-story-exhibit__hero {
	border-top: 0 !important;
	padding-top: clamp(8px, 1.4vw, 18px) !important;
}

.hc-story-exhibit__section-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: var(--hc-sans);
	font-size: .56rem;
	font-weight: 900;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--hc-story-record-accent) !important;
}

.hc-story-exhibit__section-link::after {
	content: "→";
	font-size: .72em;
	letter-spacing: 0;
	opacity: .72;
}

.hc-story-exhibit__section-link:hover,
.hc-story-exhibit__section-link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 640px) {
	.hc-story-exhibit__hero {
		padding-top: 8px !important;
	}
}