/*
 * Travel Experience Museum — brand-aligned (orange #FBAD18, blue #00B2DB).
 * Layout patterns inspired by the museum prototype; tokens from client standards.
 */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
	--brand-orange: #fbad18;
	--brand-blue: #00b2dc;
	--bg-deep: #0a0e12;
	--bg-card: #111920;
	--bg-surface: #1a222c;
	--accent: var(--brand-blue);
	--accent-warm: var(--brand-orange);
	--text-primary: #f0f3f5;
	--text-muted: #9aa8b5;
	--text-dim: #6b7785;
	--border: rgba(0, 178, 220, 0.2);
	--glow: 0 0 40px rgba(0, 178, 220, 0.15);
	--font-display: "Audiowide", cursive;
	--font-body: "Inter", system-ui, sans-serif;
	--nav-height: 72px;
	/* Offset for logged-in WP admin bar (see body.admin-bar below). */
	--wp-admin-bar: 0px;
	--transition: cubic-bezier(0.16, 1, 0.3, 1);

	/* Museum brand tokens — burnished accents, hairlines, ornaments.
	 * Derived from existing brand orange so they read as one family. */
	--brand-gold: #d8a657;
	--hairline: rgba(216, 166, 87, 0.35);
	--hairline-strong: rgba(216, 166, 87, 0.6);
	--ink: rgba(240, 243, 245, 0.08);
	--vignette: radial-gradient(ellipse 90% 60% at 50% -10%, rgba(0, 178, 220, 0.06), transparent 55%),
		radial-gradient(ellipse 80% 50% at 100% 110%, rgba(251, 173, 24, 0.05), transparent 60%);
}

/* Match core admin bar heights so fixed nav/layout sit below the toolbar. wp-admin.css */
body.admin-bar {
	--wp-admin-bar: 32px;
}
@media screen and (max-width: 782px) {
	body.admin-bar {
		--wp-admin-bar: 46px;
	}
}

html { scroll-behavior: smooth; font-size: 16px; }

body {
	font-family: var(--font-body);
	background: var(--bg-deep);
	color: var(--text-primary);
	line-height: 1.6;
	overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--brand-orange); }

img { max-width: 100%; height: auto; display: block; }

button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
}

.skip-link:focus {
	clip: auto !important;
	clip-path: none;
	height: auto; width: auto; margin: 0;
	padding: 0.5rem 1rem;
	background: var(--brand-orange);
	color: #000;
	z-index: 100000;
	top: 0; left: 0;
	position: fixed;
}

/* Nav */
.nav {
	position: fixed;
	top: var(--wp-admin-bar); left: 0; right: 0;
	height: var(--nav-height);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 clamp(1rem, 4vw, 3rem);
	background: rgba(10, 14, 18, 0.85);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid var(--border);
	transition: background 0.3s;
}
.nav.scrolled { background: rgba(10, 14, 18, 0.96); }

.nav-brand .custom-logo-wrap img,
.nav-brand .custom-logo-link img,
.footer-logo-wrap .custom-logo-link img {
	max-height: 44px;
	width: auto;
}

.nav-logo {
	font-family: var(--font-display);
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
}

.logo-icon {
	width: 36px; height: 36px;
	background: linear-gradient(135deg, var(--brand-blue), var(--brand-orange));
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}

.nav-center {
	display: flex;
	align-items: center;
	list-style: none;
	gap: 0.35rem;
	margin: 0; padding: 0;
}
.nav-center > li { position: relative; }

.nav-item > a,
.nav-item > button.nav-dropdown-toggle,
.nav-center .menu-item > a {
	padding: 0.5rem 1rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--text-muted);
	text-decoration: none;
	transition: color 0.2s;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	white-space: nowrap;
	background: transparent;
	border: none;
}

/* Hover: color only (no underline / background) */
.nav-item > a:hover,
.nav-item > button.nav-dropdown-toggle:hover,
.nav-center > .menu-item > a:hover {
	color: var(--text-primary);
}

/* Current page / section (WP menus + fallback nav) */
.nav-item.nav-item--current > a,
.nav-item.nav-item--current > button.nav-dropdown-toggle,
.nav-center > .menu-item.current-menu-item > a,
.nav-center > .menu-item.current-menu-ancestor > a,
.nav-center .sub-menu .menu-item.current-menu-item > a,
.nav-center .menu-item > a[aria-current="page"],
.nav-dropdown a[aria-current="page"] {
	color: var(--text-primary);
	text-decoration: underline;
	text-underline-offset: 0.22em;
	text-decoration-thickness: 1px;
}

.nav-dropdown-toggle .dropdown-arrow { transition: transform 0.25s; }

.nav-item--has-dropdown { position: relative; }

/* WordPress menu submenus (when using Primary menu location) */
.nav-center .sub-menu,
.nav-dropdown {
	position: absolute;
	top: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%) translateY(6px);
	min-width: 220px;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 0.5rem 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s var(--transition);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
	pointer-events: none;
	z-index: 1001;
	list-style: none;
	margin: 0;
}
.nav-center li:hover > .sub-menu,
.nav-center li:focus-within > .sub-menu,
.nav-item--has-dropdown:hover .nav-dropdown,
.nav-item--has-dropdown.is-open .nav-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
	pointer-events: auto;
}
.nav-center .sub-menu a,
.nav-dropdown a {
	display: block;
	padding: 0.55rem 1.2rem;
	font-size: 0.85rem;
	color: var(--text-muted);
	text-transform: none;
	letter-spacing: 0;
	text-decoration: none;
	transition: color 0.2s;
}
.nav-center .sub-menu a:hover,
.nav-dropdown a:hover {
	color: var(--text-primary);
}
.nav-dropdown hr {
	border: none;
	border-top: 1px solid var(--border);
	margin: 0.35rem 0.8rem;
}

.nav-right { display: flex; align-items: center; gap: 0.85rem; flex-shrink: 0; }

/* Polylang: compact flag + language dropdown */
.lang-switcher {
	position: relative;
	z-index: 1003;
}
.lang-switcher__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.35rem 0.5rem 0.35rem 0.35rem;
	background: var(--bg-surface);
	border: 1px solid var(--border);
	border-radius: 8px;
	color: var(--text-muted);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.lang-switcher__toggle:hover { color: var(--text-primary); border-color: rgba(0, 178, 220, 0.45); }
.lang-switcher.is-open .lang-switcher__toggle {
	color: var(--text-primary);
	border-color: var(--brand-blue);
	box-shadow: 0 0 0 1px rgba(0, 178, 220, 0.25);
}
.lang-switcher__current {
	display: flex;
	align-items: center;
	line-height: 0;
}
.lang-switcher__current img {
	display: block;
	width: 22px;
	height: auto;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}
.lang-switcher__caret {
	flex-shrink: 0;
	opacity: 0.75;
	transition: transform 0.25s var(--transition);
}
.lang-switcher.is-open .lang-switcher__caret { transform: rotate(180deg); }
.lang-switcher__dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 11rem;
	margin: 0;
	padding: 0.4rem 0;
	list-style: none;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 12px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
.lang-switcher__dropdown[hidden] { display: none !important; }
.lang-switcher__dropdown:not([hidden]) { display: block; }
.lang-switcher__dropdown .lang-switcher__option {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.55rem 1rem;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: var(--text-muted);
	transition: background 0.15s, color 0.15s;
}
.lang-switcher__dropdown .lang-switcher__option:hover { color: var(--text-primary); background: rgba(0, 178, 220, 0.08); }
.lang-switcher__dropdown .lang-switcher__option.is-current {
	color: var(--text-primary);
	background: rgba(0, 178, 220, 0.1);
}
.lang-switcher__opt-flag {
	display: flex;
	line-height: 0;
	flex-shrink: 0;
}
.lang-switcher__opt-flag img {
	display: block;
	width: 20px;
	height: auto;
	border-radius: 3px;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.lang-switcher__opt-name { white-space: nowrap; }

.btn-tickets {
	padding: 0.5rem 1.2rem;
	background: linear-gradient(135deg, var(--brand-blue), #0090b0);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0, 178, 220, 0.35);
	transition: transform 0.2s, box-shadow 0.2s;
}
.btn-tickets:hover { transform: translateY(-2px); color: #fff; box-shadow: 0 6px 24px rgba(251, 173, 24, 0.25); }
.nav-item--mobile-ticket { display: none; }

.nav-hamburger {
	display: none;
	flex-direction: column;
	gap: 5px;
	z-index: 1002;
}
.nav-hamburger span { width: 22px; height: 2px; background: var(--text-primary); }

@media (max-width: 960px) {
	.nav-hamburger { display: flex; }
	.nav-center {
		position: fixed;
		top: var(--wp-admin-bar); right: -100%;
		width: 86%;
		max-width: 380px;
		height: calc(100vh - var(--wp-admin-bar));
		height: calc(100dvh - var(--wp-admin-bar));
		flex-direction: column;
		align-items: flex-start;
		background: var(--bg-card);
		padding: 5rem 1.5rem 2rem;
		gap: 0;
		transition: right 0.45s var(--transition);
		border-left: 1px solid var(--border);
		overflow-y: auto;
	}
	.nav-center.open { right: 0; }
	.nav-item { width: 100%; }
	.nav-item > a,
	.nav-item > button.nav-dropdown-toggle { width: 100%; padding: 0.75rem 0; font-size: 0.95rem; }
	.nav-dropdown {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		background: transparent;
		padding-left: 0.5rem;
		pointer-events: auto;
		display: none;
	}
	.nav-item--has-dropdown.is-open .nav-dropdown { display: block; }
	.nav-center .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		background: transparent;
		padding-left: 0.75rem;
		display: none;
	}
	.nav-center li.menu-item-has-children.is-open > .sub-menu { display: block; }
	.nav-right .btn-tickets { display: none; }
	.nav-item--mobile-ticket {
		display: block;
		margin-top: auto;
		padding-top: 1.25rem;
	}
	.nav-item--mobile-ticket .btn-tickets {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 0.85rem 1.2rem;
		background: linear-gradient(135deg, var(--brand-blue), #0090b0);
		color: #fff;
		font-size: 0.72rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		border-radius: 6px;
		box-shadow: 0 4px 16px rgba(0, 178, 220, 0.35);
	}
}

/* Hero */
.hero {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.hero-video-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.hero-video-bg img,
.hero-video-bg .hero-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
}
.hero-video-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(10, 14, 18, 0.35) 0%, rgba(10, 14, 18, 0.2) 45%, rgba(10, 14, 18, 0.9) 100%);
	z-index: 1;
}
.hero-pattern {
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 0.35;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%2300b2dc' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	pointer-events: none;
}

.hero-content {
	position: relative;
	text-align: center;
	max-width: 900px;
	padding: 0 1.5rem;
	z-index: 2;
}

.hero-badge {
	display: inline-block;
	padding: 0.35rem 1rem;
	background: rgba(251, 173, 24, 0.12);
	border: 1px solid rgba(251, 173, 24, 0.35);
	border-radius: 30px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--brand-orange);
	margin-bottom: 1rem;
}

.hero h1 {
	font-family: var(--font-display);
	font-size: clamp(2rem, 5vw, 4rem);
	line-height: 1.1;
	margin-bottom: 1rem;
	background: linear-gradient(135deg, var(--text-primary) 30%, var(--brand-orange));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.hero p {
	font-size: clamp(0.95rem, 1.4vw, 1.1rem);
	color: var(--text-muted);
	max-width: 560px;
	margin: 0 auto 1.75rem;
}

.hero-buttons { display: flex; gap: 0.85rem; justify-content: center; flex-wrap: wrap; }

.btn-action {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.65rem 1.35rem;
	font-size: 0.8rem;
	font-weight: 600;
	border-radius: 6px;
	transition: all 0.25s;
}
.btn-action.primary {
	background: linear-gradient(135deg, var(--brand-blue), #0088a8);
	color: #fff;
	box-shadow: 0 4px 18px rgba(0, 178, 220, 0.35);
}
.btn-action.primary:hover { transform: translateY(-2px); color: #fff; }
.btn-action.outline {
	border: 1px solid var(--border);
	color: var(--text-primary);
}
.btn-action.outline:hover { border-color: var(--brand-orange); color: var(--brand-orange); }
.btn-action.secondary {
	background: var(--brand-orange);
	color: #111;
}
.btn-action.secondary:hover { filter: brightness(1.08); color: #111; }

.hero-scroll {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	color: var(--text-dim);
	font-size: 0.62rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	z-index: 2;
}
.scroll-line { width: 1px; height: 32px; background: linear-gradient(to bottom, var(--brand-blue), transparent); }

/* Sections */
.section {
	padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 4vw, 3rem);
	max-width: 1200px;
	margin: 0 auto;
}
.section--tight-top { padding-top: 1rem; }
.section--flush-y { padding-top: 0; padding-bottom: 0; }
.section-full { padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 4vw, 3rem); }
.section--border-top { border-top: 1px solid var(--border); }
.section--border-y {
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
	background: var(--bg-card);
}

.section-label {
	font-size: 0.7rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--brand-blue);
	margin-bottom: 0.6rem;
	font-weight: 600;
}

.section-title {
	font-family: var(--font-display);
	font-size: clamp(1.6rem, 3.2vw, 2.6rem);
	line-height: 1.15;
	margin-bottom: 0.6rem;
}

.section-desc {
	color: var(--text-muted);
	font-size: 0.95rem;
	line-height: 1.7;
	max-width: 640px;
}
.section-desc.center { margin-left: auto; margin-right: auto; text-align: center; }
.text-center { text-align: center; }

.page-header {
	padding-top: calc(var(--nav-height) + 3rem);
	padding-bottom: 2rem;
	padding-left: clamp(1.25rem, 4vw, 3rem);
	padding-right: clamp(1.25rem, 4vw, 3rem);
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.page-header--simple { padding-top: calc(var(--nav-height) + 2.5rem); }

/* Exhibit cards */
.exhibits-grid { margin-top: 2.5rem; }

.exhibit-card {
	position: relative;
	border-radius: 14px;
	background: var(--bg-card);
	border: 1px solid var(--border);
	transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
	margin-bottom: 3rem;
	overflow: hidden;
}
.exhibit-card:hover {
	border-color: rgba(0, 178, 220, 0.35);
	box-shadow: var(--glow);
	transform: translateY(-2px);
}

.exhibit-card-link {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: center;
	padding: 1.25rem;
	color: inherit;
}
.exhibit-card--flip .exhibit-card-link { direction: rtl; }
.exhibit-card--flip .exhibit-card-link > * { direction: ltr; }

.exhibit-img {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4/3;
	background: var(--bg-surface);
}
.exhibit-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--transition); }
.exhibit-card:hover .exhibit-img img { transform: scale(1.04); }
.exhibit-img-placeholder { display: block; width: 100%; height: 100%; min-height: 200px; background: var(--bg-surface); }

.exhibit-tag {
	display: inline-block;
	padding: 0.22rem 0.65rem;
	background: rgba(0, 178, 220, 0.1);
	border: 1px solid rgba(0, 178, 220, 0.25);
	border-radius: 4px;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--brand-blue);
	margin-bottom: 0.6rem;
}

.exhibit-info h3 {
	font-family: var(--font-display);
	font-size: clamp(1.05rem, 2vw, 1.45rem);
	margin-bottom: 0.5rem;
}
.exhibit-info p { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 0.85rem; }
.exhibit-link { font-size: 0.8rem; font-weight: 600; color: var(--brand-orange); }

@media (max-width: 768px) {
	.exhibit-card-link { grid-template-columns: 1fr; gap: 1.25rem; }
	.exhibit-card--flip .exhibit-card-link { direction: ltr; }
}

/* Archive list */
.exhibit-list-card {
	border-radius: 12px;
	background: var(--bg-card);
	border: 1px solid var(--border);
	margin-bottom: 1.25rem;
	transition: all 0.3s;
}
.exhibit-list-card:hover { border-color: rgba(0, 178, 220, 0.35); box-shadow: var(--glow); }

.exhibit-list-card-link {
	display: grid;
	grid-template-columns: minmax(200px, 280px) 1fr;
	gap: 1.75rem;
	align-items: center;
	padding: 1.25rem;
	color: inherit;
}
.exhibit-list-img {
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 16/10;
	background: var(--bg-surface);
}
.exhibit-list-img img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 640px) {
	.exhibit-list-card-link { grid-template-columns: 1fr; }
}

/* Testimonials */
.testimonials-bg {
	background: var(--bg-card);
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.25rem;
	margin-top: 1.75rem;
}
.testimonial-card {
	padding: 1.5rem;
	background: var(--bg-surface);
	border-radius: 12px;
	border: 1px solid var(--border);
}
.testimonial-stars { color: #f59e0b; margin-bottom: 0.6rem; letter-spacing: 2px; font-size: 0.85rem; }
.testimonial-text { color: var(--text-muted); font-size: 0.88rem; font-style: italic; margin-bottom: 0.75rem; }
.testimonial-text p { margin-bottom: 0.5rem; }
.testimonial-author { font-weight: 600; font-size: 0.82rem; }
.testimonial-date { font-size: 0.72rem; color: var(--text-dim); margin-top: 0.2rem; }

/* Reach */
.reach-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: start;
	margin-top: 0;
}

.reach-info__intro {
	margin-bottom: 1.25rem;
}

.reach-info__address {
	margin-bottom: 1rem;
}

.reach-item {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	color: var(--text-muted);
	font-size: 0.88rem;
	margin-bottom: 0.65rem;
}
.reach-item svg { flex-shrink: 0; color: var(--brand-blue); margin-top: 2px; }
.reach-map {
	width: 100%;
	aspect-ratio: 4/3;
	background: var(--bg-surface);
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--border);
}
.reach-map iframe { width: 100%; height: 100%; border: 0; }
.reach-map-placeholder { width: 100%; height: 100%; min-height: 220px; background: linear-gradient(145deg, var(--bg-surface), var(--bg-card)); }

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

/* Detail hero */
.detail-hero {
	position: relative;
	min-height: 45vh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	margin-top: var(--nav-height);
}
.detail-hero-img {
	position: absolute;
	inset: 0;
	background: var(--bg-surface);
}
.detail-hero-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.55; }
.detail-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, var(--bg-deep) 0%, rgba(10, 14, 18, 0.35) 55%, rgba(10, 14, 18, 0.55) 100%);
}
.detail-hero-content {
	position: relative;
	z-index: 2;
	padding: 2rem clamp(1.25rem, 4vw, 3rem) 2.5rem;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}
.detail-hero-content h1 {
	font-family: var(--font-display);
	font-size: clamp(1.6rem, 3.2vw, 2.5rem);
	margin-bottom: 0.45rem;
}
.detail-hero-content p { color: var(--text-muted); max-width: 620px; }

/* Gallery */
.gallery-section { background: var(--bg-card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.gallery-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.65rem;
	margin-top: 1.5rem;
}
.gallery-item {
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	aspect-ratio: 16/10;
	background: var(--bg-surface);
	padding: 0;
	border: none;
	width: 100%;
}
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s var(--transition); }
.gallery-item:hover img { transform: scale(1.05); }

@media (max-width: 768px) {
	.gallery-grid { grid-template-columns: repeat(2, 1fr); }
}

.experience-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 1rem;
}
.exp-card {
	padding: 1.5rem 1rem;
	background: var(--bg-card);
	border-radius: 12px;
	border: 1px solid var(--border);
	text-align: center;
}
.exp-card-icon { font-size: 1.35rem; margin-bottom: 0.5rem; }
.exp-card h4 { font-size: 0.88rem; margin-bottom: 0.25rem; }
.exp-card p { color: var(--text-dim); font-size: 0.78rem; }

.exhibit-detail-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr);
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
}
.exhibit-body {
	max-width: 780px;
}
.exhibit-body p {
	color: var(--text-muted);
	font-size: 0.98rem;
	line-height: 1.85;
}
.exhibit-body p + p {
	margin-top: 1rem;
}
.exhibit-info-panel {
	position: sticky;
	top: calc(var(--nav-height) + 1.5rem);
	padding: 1.5rem;
	background: linear-gradient(145deg, rgba(214, 164, 91, 0.1), rgba(255, 255, 255, 0.03));
	border: 1px solid var(--border);
	border-radius: 18px;
}
.exhibit-info-title {
	font-family: var(--font-display);
	font-size: clamp(1.15rem, 2vw, 1.45rem);
	margin: 0.35rem 0 1rem;
}
.exhibit-info-grid {
	grid-template-columns: 1fr;
}
.exhibit-info-card {
	padding: 1rem;
	text-align: left;
	background: rgba(10, 14, 18, 0.38);
}
.exhibit-info-card h3 {
	margin-bottom: 0.35rem;
	color: var(--accent);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.exhibit-info-card p {
	color: var(--text-muted);
	font-size: 0.86rem;
	line-height: 1.6;
}

@media (max-width: 900px) {
	.exhibit-detail-section {
		grid-template-columns: 1fr;
	}
	.exhibit-info-panel {
		position: static;
	}
}

.booking-section { background: var(--bg-card); border-top: 1px solid var(--border); }
.booking-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; max-width: 420px; margin-left: auto; margin-right: auto; }
.booking-card {
	padding: 1.75rem;
	background: var(--bg-surface);
	border-radius: 12px;
	border: 1px solid var(--border);
	text-align: center;
}
.booking-card p { color: var(--text-muted); font-size: 0.88rem; margin: 0.5rem 0 1rem; }

/* FAQ */
.faq-list { margin-top: 1.25rem; }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-question {
	width: 100%;
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	font-size: 0.9rem;
	font-weight: 500;
	text-align: left;
	color: var(--text-primary);
}
.faq-question:hover { color: var(--brand-orange); }
.faq-item.open .faq-question svg { transform: rotate(180deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.45s var(--transition); }
.faq-answer-inner { padding: 0 0 1rem; color: var(--text-muted); font-size: 0.86rem; line-height: 1.65; }
.faq-item.open .faq-answer { max-height: 1200px; }

/* Visit */
.visit-hero {
	margin-top: var(--nav-height);
	position: relative;
	min-height: 38vh;
	overflow: hidden;
}
.visit-hero-bg { position: absolute; inset: 0; background: var(--bg-surface); }
.visit-hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
.visit-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, var(--bg-deep) 8%, rgba(10, 14, 18, 0.35) 55%);
}
.visit-hero-content {
	position: absolute;
	bottom: 2rem;
	left: 0; right: 0;
	padding: 0 clamp(1.25rem, 4vw, 3rem);
	max-width: 1200px;
	margin: 0 auto;
}
.visit-hero-content h1 { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.5rem); }
.visit-hero-content p { color: var(--text-muted); margin-top: 0.35rem; }

.hours-section { background: var(--bg-card); border-top: 1px solid var(--border); }
.hours-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; margin-top: 1.5rem; }
.visit-featured-image {
	margin-top: 2rem;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--border);
	background: var(--bg-surface);
}
.visit-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}
.tem-subheading { font-size: 1rem; margin-bottom: 1rem; color: var(--brand-orange); }
.tem-rich-text { color: var(--text-muted); font-size: 0.9rem; }
.tem-rich-text p { margin-bottom: 0.65rem; }

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

/* Contact */
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; margin-top: 1rem; }
.contact-form { display: flex; flex-direction: column; gap: 1rem; }
.form-group { display: flex; flex-direction: column; gap: 0.3rem; }
.form-group label { font-size: 0.75rem; font-weight: 500; color: var(--text-muted); letter-spacing: 0.04em; }
.form-group input,
.form-group textarea,
.form-group select {
	padding: 0.7rem 0.9rem;
	background: var(--bg-surface);
	border: 1px solid var(--border);
	border-radius: 8px;
	color: var(--text-primary);
	font-family: var(--font-body);
	font-size: 0.88rem;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
	outline: none;
	border-color: var(--brand-blue);
}
.contact-info-card {
	padding: 1.1rem;
	background: var(--bg-card);
	border-radius: 10px;
	border: 1px solid var(--border);
	margin-bottom: 1rem;
}
.contact-info-card h4 { font-size: 0.82rem; margin-bottom: 0.35rem; color: var(--brand-orange); }
.contact-info-card p { color: var(--text-muted); font-size: 0.86rem; }

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

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 580px) {
	.form-row { grid-template-columns: 1fr; }
}

/* Donate */
.donate-hero {
	position: relative;
	padding: calc(var(--nav-height) + 4rem) clamp(1.25rem, 4vw, 3rem) 3rem;
	text-align: center;
	overflow: hidden;
	background: var(--bg-surface);
}
.donate-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(0, 178, 220, 0.12) 0%, transparent 65%);
	pointer-events: none;
}
.donate-hero-inner { position: relative; z-index: 1; max-width: 780px; margin: 0 auto; }
.deadline-badge {
	display: inline-flex;
	padding: 0.35rem 0.95rem;
	background: rgba(251, 173, 24, 0.12);
	border: 1px solid rgba(251, 173, 24, 0.35);
	border-radius: 30px;
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--brand-orange);
	margin-bottom: 1.25rem;
}
.donate-contest {
	background: linear-gradient(135deg, rgba(0, 178, 220, 0.08), rgba(251, 173, 24, 0.06));
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 1.75rem 2rem;
	margin: 2rem auto 0;
	max-width: 780px;
	text-align: left;
}
.donate-form-card {
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 2rem;
	max-width: 780px;
	margin: 0 auto;
}

/* Reviews */
.reviews-hero {
	padding: calc(var(--nav-height) + 3.5rem) clamp(1.25rem, 4vw, 3rem) 2.5rem;
	text-align: center;
	position: relative;
}
.reviews-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 45% at 50% 0%, rgba(0, 178, 220, 0.08) 0%, transparent 70%);
	pointer-events: none;
}
.rating-sources { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; margin-top: 1.5rem; }
.source-badge {
	padding: 0.45rem 1rem;
	border-radius: 30px;
	border: 1px solid var(--border);
	font-size: 0.76rem;
	font-weight: 600;
	color: var(--text-muted);
}
.source-badge .score { color: var(--text-primary); margin-left: 0.25rem; }

.stats-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 1rem;
	margin: 2rem auto 0;
	max-width: 900px;
}
.stat-box {
	text-align: center;
	padding: 1.25rem;
	background: var(--bg-card);
	border-radius: 12px;
	border: 1px solid var(--border);
}
.stat-box .num {
	font-family: var(--font-display);
	font-size: 2rem;
	background: linear-gradient(135deg, var(--text-primary), var(--brand-orange));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.stat-box .lbl { font-size: 0.74rem; color: var(--text-dim); margin-top: 0.25rem; }

.reviews-masonry { columns: 3; gap: 1.25rem; margin-top: 0; }
@media (max-width: 960px) { .reviews-masonry { columns: 2; } }
@media (max-width: 580px) { .reviews-masonry { columns: 1; } }

.review-card {
	break-inside: avoid;
	background: var(--bg-card);
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 1.35rem;
	margin-bottom: 1.25rem;
}
.review-card-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.75rem; }
.reviewer-avatar {
	width: 40px; height: 40px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--brand-blue), var(--brand-orange));
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 0.85rem;
	color: #fff;
}
.reviewer-name { font-weight: 600; font-size: 0.85rem; }
.reviewer-meta { font-size: 0.7rem; color: var(--text-dim); }
.review-stars { color: #f59e0b; font-size: 0.76rem; margin-bottom: 0.5rem; letter-spacing: 2px; }
.review-text { color: var(--text-muted); font-size: 0.85rem; line-height: 1.65; font-style: italic; }
.review-text p { margin-bottom: 0.4rem; }
.review-tag {
	display: inline-block;
	padding: 0.15rem 0.5rem;
	background: rgba(0, 178, 220, 0.1);
	border-radius: 4px;
	font-size: 0.65rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--brand-blue);
	margin-top: 0.6rem;
}
.review-platform { font-size: 0.68rem; color: var(--text-dim); margin-top: 0.45rem; }

/* Groups */
.groups-hero {
	padding: calc(var(--nav-height) + 3rem) clamp(1.25rem, 4vw, 3rem) 3rem;
	position: relative;
	overflow: hidden;
}
.groups-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 90% 60% at 100% 0%, rgba(0, 178, 220, 0.12) 0%, transparent 55%);
	pointer-events: none;
}
.groups-hero-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2.5rem;
	align-items: center;
	position: relative;
	z-index: 1;
}
.groups-hero h1 {
	font-family: var(--font-display);
	font-size: clamp(1.75rem, 3.5vw, 3rem);
	line-height: 1.1;
	margin-bottom: 0.75rem;
	background: linear-gradient(135deg, var(--text-primary) 45%, var(--brand-orange));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.groups-badges { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.groups-badge {
	padding: 0.3rem 0.75rem;
	border-radius: 30px;
	background: rgba(0, 178, 220, 0.1);
	border: 1px solid rgba(0, 178, 220, 0.22);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--brand-blue);
}
.groups-hero-media {
	position: relative;
	padding: 0.65rem;
	border: 1px solid rgba(216, 166, 87, 0.24);
	border-radius: 22px;
	background: linear-gradient(145deg, rgba(0, 178, 220, 0.08), rgba(251, 173, 24, 0.04));
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}
.groups-hero-media::before,
.groups-hero-media::after {
	content: "";
	position: absolute;
	width: 48px;
	height: 48px;
	border-color: var(--hairline-strong);
	border-style: solid;
	pointer-events: none;
}
.groups-hero-media::before {
	top: -1px;
	left: -1px;
	border-width: 1px 0 0 1px;
	border-top-left-radius: 22px;
}
.groups-hero-media::after {
	right: -1px;
	bottom: -1px;
	border-width: 0 1px 1px 0;
	border-bottom-right-radius: 22px;
}
.groups-hero-media img {
	border-radius: 16px;
	border: 1px solid var(--border);
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.groups-content-shell { padding-top: clamp(2.75rem, 6vw, 5rem); }
.groups-content-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: start;
}
.groups-content-grid--single {
	grid-template-columns: minmax(0, 860px);
	justify-content: center;
}
.groups-packages-panel,
.groups-info-card,
.groups-booking-callout {
	position: relative;
	border: 1px solid var(--border);
	border-radius: 20px;
	overflow: hidden;
}
.groups-packages-panel {
	padding: clamp(1.35rem, 3vw, 2.25rem);
	background:
		linear-gradient(135deg, rgba(0, 178, 220, 0.09), rgba(10, 14, 18, 0) 45%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
		var(--bg-card);
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.26);
}
.groups-packages-panel::before,
.groups-info-card::before,
.groups-booking-callout::before {
	content: "";
	position: absolute;
	top: 0;
	left: 1.25rem;
	right: 1.25rem;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--brand-gold), transparent);
	opacity: 0.85;
}
.groups-packages-panel::after {
	content: "";
	position: absolute;
	right: -70px;
	top: 18%;
	width: 160px;
	height: 160px;
	border: 1px solid rgba(216, 166, 87, 0.16);
	border-radius: 50%;
	pointer-events: none;
}
.groups-packages-panel .section-title {
	max-width: 620px;
	margin-bottom: 1.5rem;
}
.groups-gallery-section .section-title {
	font-size: clamp(1.35rem, 2.4vw, 2rem);
}
.packages-html {
	position: relative;
	z-index: 1;
}
.packages-html h2,
.packages-html h3,
.packages-html h4 {
	color: var(--text-primary);
	font-family: var(--font-display);
	line-height: 1.2;
	margin: 1.5rem 0 0.75rem;
}
.packages-html h2:first-child,
.packages-html h3:first-child,
.packages-html h4:first-child { margin-top: 0; }
.packages-html p { max-width: 70ch; }
.packages-html ul,
.packages-html ol {
	display: grid;
	gap: 0.75rem;
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}
.packages-html li {
	position: relative;
	padding: 0.9rem 1rem 0.9rem 2.7rem;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(0, 178, 220, 0.14);
	border-radius: 14px;
	color: var(--text-muted);
	transition: border-color 0.25s, transform 0.25s, background 0.25s;
}
.packages-html li::before {
	content: "";
	position: absolute;
	left: 1rem;
	top: 1.15rem;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: radial-gradient(circle, var(--brand-orange) 0 35%, rgba(251, 173, 24, 0.18) 36% 100%);
	box-shadow: 0 0 18px rgba(251, 173, 24, 0.22);
}
.packages-html li:hover {
	background: rgba(0, 178, 220, 0.055);
	border-color: rgba(216, 166, 87, 0.32);
	transform: translateY(-1px);
}
.groups-side-panel {
	display: grid;
	gap: 1rem;
	position: sticky;
	top: calc(var(--nav-height) + var(--wp-admin-bar) + 1rem);
}
.groups-info-card,
.groups-booking-callout {
	padding: 1.35rem;
	background:
		radial-gradient(ellipse 80% 70% at 100% 0%, rgba(251, 173, 24, 0.08), transparent 55%),
		var(--bg-card);
}
.groups-booking-callout {
	background:
		linear-gradient(135deg, rgba(251, 173, 24, 0.12), rgba(0, 178, 220, 0.06)),
		var(--bg-surface);
}
.groups-card-kicker {
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--brand-orange);
	margin-bottom: 0.85rem;
}
.groups-info-card .tem-rich-text,
.groups-booking-callout .tem-rich-text { font-size: 0.88rem; }
.groups-info-card ul,
.groups-info-card ol,
.groups-booking-callout ul,
.groups-booking-callout ol { margin: 0.8rem 0 0 1.1rem; }
.groups-booking-callout h3 {
	font-family: var(--font-display);
	font-size: 1.18rem;
	line-height: 1.25;
	margin-bottom: 0.75rem;
}
.groups-booking-callout .btn-action {
	margin-top: 1rem;
	display: inline-flex;
}
.groups-request-section {
	padding-top: 1rem;
	scroll-margin-top: calc(var(--nav-height) + var(--wp-admin-bar) + 1rem);
}

@media (max-width: 860px) {
	.groups-hero-inner,
	.groups-content-grid,
	.groups-content-grid--single { grid-template-columns: 1fr; }
	.groups-side-panel { position: static; }
	.groups-hero-media { max-width: 640px; }
}

@media (max-width: 580px) {
	.groups-hero { padding-bottom: 2.25rem; }
	.groups-packages-panel,
	.groups-info-card,
	.groups-booking-callout { border-radius: 16px; }
	.groups-packages-panel { padding: 1.2rem; }
	.packages-html li { padding-right: 0.85rem; }
}

.lead-form {
	background: linear-gradient(135deg, rgba(0, 178, 220, 0.06), rgba(251, 173, 24, 0.04));
	border: 1px solid var(--border);
	border-radius: 18px;
	padding: 2.5rem clamp(1rem, 3vw, 2rem);
	margin-top: 2rem;
}
.lead-form h3 { font-family: var(--font-display); font-size: 1.35rem; margin-bottom: 0.35rem; }
.lead-form > p { color: var(--text-muted); font-size: 0.88rem; margin-bottom: 1.5rem; }

/* Legal */
.tem-legal-content,
.tem-legal-text {
	font-size: 0.92rem;
	color: var(--text-muted);
	line-height: 1.75;
}
.tem-legal-content h2,
.tem-legal-content h3 { color: var(--text-primary); margin: 1.5rem 0 0.75rem; font-family: var(--font-display); font-size: 1.25rem; }
.tem-legal-content p { margin-bottom: 1rem; }
.tem-legal-content ul,
.tem-legal-content ol { margin: 0 0 1rem 1.25rem; }

/* Notices */
.tem-notice {
	padding: 0.85rem 1rem;
	border-radius: 8px;
	margin-bottom: 1.25rem;
	font-size: 0.88rem;
}
.tem-notice--success { background: rgba(34, 197, 94, 0.12); border: 1px solid rgba(34, 197, 94, 0.35); color: #86efac; }
.tem-notice--error { background: rgba(239, 68, 68, 0.12); border: 1px solid rgba(239, 68, 68, 0.35); color: #fca5a5; }

/* Footer */
.footer {
	background: var(--bg-card);
	border-top: 1px solid var(--border);
	padding: 3rem clamp(1.25rem, 4vw, 3rem) 1.25rem;
}
.footer-inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 2rem;
}
.footer-brand p { color: var(--text-dim); font-size: 0.8rem; line-height: 1.65; margin-top: 0.65rem; max-width: 280px; }
.footer-contact {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	margin-top: 0.75rem;
}
.footer-contact a {
	font-size: 0.8rem;
	color: var(--text-dim);
	text-decoration: none;
	transition: color 0.2s;
}
.footer-contact a:hover { color: var(--brand-orange); }
.footer-social { display: flex; gap: 0.5rem; margin-top: 1rem; }
.footer-social a {
	width: 36px; height: 36px;
	border-radius: 8px;
	border: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-dim);
	transition: all 0.25s;
}
.footer-col h4 {
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--text-primary);
	margin-bottom: 0.85rem;
}
.footer-col a {
	display: block;
	padding: 0.2rem 0;
	font-size: 0.8rem;
	color: var(--text-dim);
	text-decoration: none;
	transition: color 0.2s;
}
.footer-col a:hover { color: var(--brand-orange); }
.footer-col--menu .current-menu-item > a:hover,
.footer-col a[aria-current="page"]:hover {
	color: var(--text-primary);
}
.footer-col--menu .current-menu-item > a,
.footer-col a[aria-current="page"] {
	color: var(--text-primary);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

/* WP nav menus output ul/li — align visually with plain anchor columns */
.footer-col--menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-col--menu li {
	margin: 0;
	padding: 0;
}

.footer-bottom {
	max-width: 1200px;
	margin: 2rem auto 0;
	padding-top: 1.25rem;
	border-top: 1px solid var(--border);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	font-size: 0.72rem;
	color: var(--text-dim);
}

@media (max-width: 768px) {
	.footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
	.footer-inner { grid-template-columns: 1fr; }
}

/* Lightbox */
.lightbox {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(10, 14, 18, 0.95);
	display: none;
	align-items: center;
	justify-content: center;
	padding: 2rem;
}
.lightbox.active { display: flex; }
.lightbox img { max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: 12px; }
.lightbox-close {
	position: absolute;
	top: 1.25rem;
	right: 1.5rem;
	width: 44px; height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.35rem;
}
.lightbox-close:hover { background: rgba(255, 255, 255, 0.15); }
.lightbox-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px; height: 46px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.2rem;
}
.lightbox-nav:hover { background: rgba(0, 178, 220, 0.35); }
.lightbox-prev { left: 1rem; }
.lightbox-next { right: 1rem; }

/* Video */
.tem-video-wrap .tem-video-file { width: 100%; max-height: 520px; border-radius: 12px; }
.tem-video-wrap .wp-block-embed,
.tem-video-wrap iframe {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	display: block;
	border-radius: 12px;
}

/* Entry content */
.entry-content { color: var(--text-muted); font-size: 0.95rem; line-height: 1.75; }
.entry-content > * + * { margin-top: 1rem; }
.entry-content h2,
.entry-content h3 { color: var(--text-primary); font-family: var(--font-display); margin-top: 1.75rem; }
.entry-content a { color: var(--brand-orange); text-decoration: underline; }
.entry-content a:hover { color: var(--brand-blue); }

/* Pagination */
.navigation.pagination {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin: 2rem 0;
}
.navigation.pagination a,
.navigation.pagination span {
	padding: 0.4rem 0.75rem;
	border: 1px solid var(--border);
	border-radius: 6px;
	font-size: 0.85rem;
	color: var(--text-muted);
}
.navigation.pagination .current { background: rgba(0, 178, 220, 0.15); color: var(--text-primary); border-color: var(--brand-blue); }

/* ────────────────────────────────────────────────────────────────────
 * Museum brand — curatorial polish overlaid on the existing system.
 * Soft atmospheric vignette, exhibition-placard corner brackets on
 * exhibit cards, refined quote glyph for testimonials, brass-shine on
 * primary CTAs, refined hero badge, scroll-reveal hook.
 * All additive — original tokens, layouts and colors are preserved.
 * ──────────────────────────────────────────────────────────────────── */

/* Atmospheric layer: a soft vignette behind the dark backdrop so the
 * page reads like a gallery wall rather than flat UI. Single, cheap
 * gradient — no full-viewport blend modes (those caused hover repaint
 * jank in earlier revisions). */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: var(--vignette);
}
/* Page sections sit above the vignette without disturbing originally
 * `fixed` elements (.nav, .lightbox keep their own stacking). */
.hero,
.section,
.section-full,
.page-header,
.detail-hero,
.visit-hero,
.donate-hero,
.groups-hero,
.reviews-hero,
.footer {
	position: relative;
	z-index: 1;
}

/* ── Hero refinements ────────────────────────────────────────────────
 * Add subtle corner frame brackets on the hero content (museum mat
 * board feel) and refine the badge into a small enamel plaque. */
.hero-content {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
.hero-content::before,
.hero-content::after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	border: 1px solid var(--hairline-strong);
	opacity: 0.85;
	pointer-events: none;
}
.hero-content::before {
	top: 0;
	left: 50%;
	transform: translateX(calc(-50% - 200px));
	border-right: none;
	border-bottom: none;
}
.hero-content::after {
	bottom: 0;
	left: 50%;
	transform: translateX(calc(-50% + 200px));
	border-left: none;
	border-top: none;
}
@media (max-width: 640px) {
	.hero-content::before { transform: translateX(calc(-50% - 130px)); }
	.hero-content::after { transform: translateX(calc(-50% + 130px)); }
}

.hero-badge {
	position: relative;
	background: linear-gradient(180deg, rgba(251, 173, 24, 0.18), rgba(251, 173, 24, 0.08));
	border: 1px solid rgba(216, 166, 87, 0.55);
	box-shadow: 0 0 0 1px rgba(10, 14, 18, 0.4) inset,
		0 8px 20px rgba(251, 173, 24, 0.08);
	padding-left: 1.6rem;
	padding-right: 1rem;
	font-variant: small-caps;
	letter-spacing: 0.18em;
}
.hero-badge::before {
	content: "";
	position: absolute;
	left: 0.7rem;
	top: 50%;
	width: 6px;
	height: 6px;
	background: var(--brand-orange);
	transform: translateY(-50%) rotate(45deg);
	box-shadow: 0 0 0 3px rgba(251, 173, 24, 0.18);
}

/* Refined scroll cue — terminator dot like a compass tick. */
.hero-scroll .scroll-line {
	position: relative;
	height: 40px;
	background: linear-gradient(to bottom, var(--brand-blue), transparent);
}
.hero-scroll .scroll-line::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -3px;
	width: 5px;
	height: 5px;
	background: var(--brand-blue);
	border-radius: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 12px rgba(0, 178, 220, 0.6);
	animation: temPulse 2.6s ease-in-out infinite;
}
@keyframes temPulse {
	0%, 100% { opacity: 0.65; transform: translateX(-50%) scale(1); }
	50%      { opacity: 1; transform: translateX(-50%) scale(1.25); }
}

/* ── Exhibit cards: exhibition-placard corner brackets ──────────────
 * On hover, four small burnished-gold brackets appear at the corners
 * of the image — the way museum prints are mounted on a mat. */
.exhibit-img::before,
.exhibit-img::after,
.exhibit-card .exhibit-img > .corner-bl,
.exhibit-card .exhibit-img > .corner-br { pointer-events: none; }
.exhibit-img::before,
.exhibit-img::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border: 1.5px solid var(--brand-gold);
	opacity: 0;
	transition: opacity 0.35s var(--transition), transform 0.35s var(--transition);
	z-index: 2;
}
.exhibit-img::before {
	top: 8px; left: 8px;
	border-right: none; border-bottom: none;
	transform: translate(-4px, -4px);
}
.exhibit-img::after {
	bottom: 8px; right: 8px;
	border-left: none; border-top: none;
	transform: translate(4px, 4px);
}
.exhibit-card:hover .exhibit-img::before,
.exhibit-card:hover .exhibit-img::after {
	opacity: 0.95;
	transform: translate(0, 0);
}

/* Tag pill: small leading dot so it reads like a museum-room marker. */
.exhibit-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}
.exhibit-tag::before {
	content: "";
	width: 5px;
	height: 5px;
	background: var(--brand-blue);
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(0, 178, 220, 0.7);
}

/* The "Explore exhibit →" link gets an animated underline + arrow slide. */
.exhibit-link {
	position: relative;
	display: inline-block;
	padding-bottom: 2px;
}
.exhibit-link::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right, var(--brand-orange), var(--brand-gold), transparent);
	transform-origin: left;
	transform: scaleX(0.25);
	transition: transform 0.4s var(--transition);
}
.exhibit-card:hover .exhibit-link::after { transform: scaleX(1); }

/* ── Buttons: subtle museum-brass shimmer on hover for primary CTAs ── */
.btn-action.primary,
.btn-action.secondary,
.btn-tickets {
	position: relative;
	overflow: hidden;
}
.btn-action.primary::after,
.btn-action.secondary::after,
.btn-tickets::after {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	width: 60%;
	height: 100%;
	background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.22), transparent);
	transform: skewX(-20deg);
	transition: left 0.8s var(--transition);
	pointer-events: none;
}
.btn-action.primary:hover::after,
.btn-action.secondary:hover::after,
.btn-tickets:hover::after { left: 130%; }

.btn-action.outline {
	border: 1px solid var(--hairline-strong);
	letter-spacing: 0.08em;
}
.btn-action.outline:hover {
	border-color: var(--brand-gold);
	color: var(--brand-gold);
	background: rgba(216, 166, 87, 0.05);
}

/* ── Testimonials: large decorative quote glyph + gold rule ────────── */
.testimonial-card { position: relative; overflow: hidden; }
.testimonial-card::before {
	content: "\201C"; /* big curly quote */
	position: absolute;
	top: -1.25rem;
	right: 0.9rem;
	font-family: var(--font-display);
	font-size: 5.5rem;
	line-height: 1;
	color: var(--brand-gold);
	opacity: 0.18;
	pointer-events: none;
}
.testimonial-card::after {
	content: "";
	position: absolute;
	left: 1.5rem;
	bottom: 1.1rem;
	width: 28px;
	height: 1px;
	background: linear-gradient(to right, var(--brand-gold), transparent);
}
.testimonial-author { letter-spacing: 0.04em; }

/* ── Reach map: hint of cartography (corner tick marks) ──────────── */
.reach-map { position: relative; }
.reach-map::before,
.reach-map::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid var(--hairline-strong);
	pointer-events: none;
	z-index: 2;
}
.reach-map::before {
	top: -1px; left: -1px;
	border-right: none; border-bottom: none;
}
.reach-map::after {
	bottom: -1px; right: -1px;
	border-left: none; border-top: none;
}

/* ── Stat boxes: refined numerals with a hairline under the number ── */
.stat-box .num { position: relative; display: inline-block; padding-bottom: 0.35rem; }
.stat-box .num::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 0;
	width: 28px; height: 1px;
	background: var(--hairline-strong);
	transform: translateX(-50%);
}

/* ── Review cards (reviews page): small leading quote like a curator
 *    pull-quote, gold avatar ring. */
.review-card { position: relative; }
.review-card::before {
	content: "\201C";
	position: absolute;
	top: 0.4rem;
	right: 0.9rem;
	font-family: var(--font-display);
	font-size: 3.2rem;
	line-height: 1;
	color: var(--brand-gold);
	opacity: 0.16;
	pointer-events: none;
}
.reviewer-avatar {
	box-shadow: 0 0 0 1px rgba(216, 166, 87, 0.6),
		0 0 0 4px rgba(10, 14, 18, 0.9);
}

/* ── Detail hero: top-right "EST." plate ornament — curator marker. */
.detail-hero-content { position: relative; }
.detail-hero-content::before {
	content: "";
	position: absolute;
	top: -0.5rem;
	left: clamp(1.25rem, 4vw, 3rem);
	width: 56px;
	height: 1px;
	background: linear-gradient(to right, var(--brand-gold), transparent);
}

/* ── Footer accents ──────────────────────────────────────────────── */
.footer-social a:hover {
	border-color: var(--brand-gold);
	color: var(--brand-gold);
	background: rgba(216, 166, 87, 0.06);
}

/* ── Nav: subtle bottom hairline + a refined logo-icon ring ───────── */
.nav { border-bottom-color: rgba(216, 166, 87, 0.18); }
.nav.scrolled { border-bottom-color: rgba(216, 166, 87, 0.28); }
.logo-icon {
	box-shadow: 0 0 0 1px rgba(216, 166, 87, 0.45),
		0 8px 24px rgba(0, 178, 220, 0.18);
}

/* ── Lead form / donate form: gold hairline above the heading ─────── */
.lead-form,
.donate-form-card { position: relative; }
.lead-form::before,
.donate-form-card::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--brand-gold), transparent);
}

/* ── Faded scroll-reveal: opt-in via [data-reveal] attributes. JS sets
 *    .is-visible when the element scrolls into view. */
[data-reveal] {
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.7s var(--transition), transform 0.7s var(--transition);
	will-change: opacity, transform;
}
[data-reveal].is-visible {
	opacity: 1;
	transform: none;
}

/* ── Respect users who prefer reduced motion ──────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.hero-scroll .scroll-line::after { animation: none; }
	.btn-action.primary::after,
	.btn-action.secondary::after,
	.btn-tickets::after { transition: none; }
	[data-reveal] { opacity: 1; transform: none; transition: none; }
}

/* ════════════════════════════════════════════════════════════════════
 * TOP-LEVEL REMIX — same system, different room.
 * Tweaks the global atmosphere (background, ambient light, page rhythm)
 * without touching component-level styles. Strictly additive and cheap:
 * no blend modes, no SVG noise, no full-viewport animation.
 * To revert: delete everything below this banner.
 * ════════════════════════════════════════════════════════════════════ */

:root {
	/* Slightly warmer, less neutral base — like a dimly lit gallery hall
	 * rather than a flat dark panel. */
	--bg-deep: #0b1117;
	--bg-card: #131c25;
	--bg-surface: #1c2731;

	/* Two soft "spotlights" — warm top-center (skylight), cool bottom-
	 * right (wall wash). Replaces the previous vignette. */
	--vignette:
		radial-gradient(ellipse 70% 45% at 50% 0%, rgba(251, 173, 24, 0.085), transparent 60%),
		radial-gradient(ellipse 60% 50% at 85% 100%, rgba(0, 178, 220, 0.06), transparent 65%),
		radial-gradient(ellipse 55% 45% at 15% 90%, rgba(216, 166, 87, 0.045), transparent 65%);

	/* Page rhythm tokens — a touch more generous than the originals so
	 * each section reads like its own room. */
	--section-py: clamp(4.5rem, 9vw, 8rem);
	--section-px: clamp(1.25rem, 4vw, 3rem);
	--container-max: 1180px;
}

/* Body gets a faint top-to-bottom tonal shift on top of --bg-deep so the
 * page itself feels lit from above. The fixed vignette layer (already
 * in main.css via body::before) sits over this. */
body {
	background:
		linear-gradient(180deg, #0d141c 0%, var(--bg-deep) 38%, #080c11 100%)
		fixed;
}

/* Ultra-subtle architectural grid — invisible up close, gives long
 * scrolls a sense of place. Single fixed layer, GPU-cheap. */
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(to right, rgba(216, 166, 87, 0.035) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(0, 178, 220, 0.025) 1px, transparent 1px);
	background-size: 96px 96px, 96px 96px;
	mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 85%);
	-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 85%);
	opacity: 0.55;
}

/* Section rhythm — more breathing room and a tighter ideal measure. */
.section,
.section-full {
	padding: var(--section-py) var(--section-px);
}
.section { max-width: var(--container-max); }
.section--tight-top { padding-top: clamp(1rem, 2vw, 1.75rem); }
.section--flush-y { padding-top: 0; padding-bottom: 0; }

/* Horizon hairline at the top of each major section — strata between
 * gallery rooms. Skip on sections that already define their own border. */
.section:not(.section--border-top):not(.section--border-y):not(.section--flush-y)::before,
.section-full:not(.section--border-top):not(.section--border-y):not(.section--flush-y)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(560px, 60%);
	height: 1px;
	background: linear-gradient(to right, transparent, rgba(216, 166, 87, 0.28), transparent);
	pointer-events: none;
}

/* Section title gets a touch more presence and tracking. */
.section-title { letter-spacing: 0.01em; }
.section-label { letter-spacing: 0.22em; }

/* Hero — slightly tighter measure, more vertical breath, and a soft
 * warm top-light so the headline reads as if spotlit. */
.hero-content {
	max-width: 820px;
	padding-top: clamp(2rem, 5vw, 3.5rem);
	padding-bottom: clamp(2rem, 5vw, 3.5rem);
}
.hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background: radial-gradient(ellipse 55% 35% at 50% 18%, rgba(251, 173, 24, 0.10), transparent 70%);
}

/* Page-header pages (visit, donate, etc.) — match the new rhythm. */
.page-header {
	padding-top: calc(var(--nav-height) + clamp(3rem, 6vw, 5rem));
	padding-bottom: clamp(2rem, 4vw, 3rem);
}

/* Footer sits on a softly lifted plate so it parts from the page wash. */
.footer {
	background: linear-gradient(180deg, rgba(13, 20, 28, 0) 0%, rgba(8, 12, 17, 0.7) 100%);
}

/* Keep first-page sections clear of the fixed mobile nav and WP admin bar. */
:root {
	--fixed-nav-offset: calc(var(--wp-admin-bar) + var(--nav-height));
}

.page-header {
	padding-top: calc(var(--fixed-nav-offset) + clamp(3rem, 6vw, 5rem));
}

.detail-hero,
.visit-hero {
	margin-top: var(--fixed-nav-offset);
}

.donate-hero {
	padding-top: calc(var(--fixed-nav-offset) + 4rem);
}

.reviews-hero {
	padding-top: calc(var(--fixed-nav-offset) + 3.5rem);
}

.groups-hero {
	padding-top: calc(var(--fixed-nav-offset) + 3rem);
}

@media (max-width: 960px) {
	.hero {
		min-height: calc(100dvh + var(--wp-admin-bar));
		padding-top: var(--fixed-nav-offset);
	}

	.hero-content {
		padding-top: clamp(1.25rem, 5vw, 2.5rem);
	}

	.visit-hero {
		min-height: auto;
	}

	.visit-hero-content {
		position: relative;
		bottom: auto;
		padding-top: clamp(3rem, 12vw, 5rem);
		padding-bottom: clamp(2.5rem, 10vw, 4rem);
	}
}