:root {
  --bg: #090a0c;
  --bg-soft: #101216;
  --panel: #14171c;
  --panel-2: #1a1e24;
  --paper: #f1eee7;
  --paper-soft: #e6e1d6;
  --ink: #17191d;
  --text: #e9e5dc;
  --muted: #aaa69e;
  --gold: #c8a765;
  --gold-light: #e1c98d;
  --line: rgba(255,255,255,.12);
  --dark-line: rgba(17,19,24,.14);
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Inter", Arial, sans-serif;
  --shell: 1240px;
  --header-h: 76px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button { font: inherit; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; background: var(--gold); color: #111; padding: 10px 14px; border-radius: 6px; }
.skip-link:focus { top: 16px; }
.shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.narrow { max-width: 820px; }
.center { text-align: center; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  height: var(--header-h);
  z-index: 100;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.site-header.scrolled { background: rgba(9,10,12,.9); border-color: var(--line); backdrop-filter: blur(18px); }
.header-inner { width: min(calc(100% - 40px), var(--shell)); height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:14px; min-width: 0; }
.brand-mark { width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(225,201,141,.55); color:var(--gold-light); font-family:var(--serif); font-size:28px; line-height:1; }
.brand-copy { display:flex; flex-direction:column; line-height:1.15; min-width:0; }
.brand-copy strong { font-family:var(--serif); font-size:21px; letter-spacing:.02em; }
.brand-copy small { color:var(--muted); font-size:10px; letter-spacing:.13em; text-transform:uppercase; margin-top:4px; }
.primary-nav { display:flex; align-items:center; gap:28px; font-size:13px; letter-spacing:.06em; }
.primary-nav a { color:#d8d4cc; transition:color .2s ease; }
.primary-nav a:hover { color:var(--gold-light); }
.nav-cta { border:1px solid rgba(225,201,141,.5); padding:10px 16px; }
.menu-toggle { display:none; width:42px; height:42px; background:none; border:0; padding:8px; }
.menu-toggle span:not(.sr-only) { display:block; height:1px; background:#fff; margin:6px 0; }

.hero { min-height: 100svh; position:relative; display:flex; align-items:center; overflow:hidden; }
.hero-backdrop { position:absolute; inset:0; background:url("../images/heroes/indexHero.jpg") center/cover no-repeat; transform:scale(1.02); }
.hero-backdrop::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 34%, rgba(205,170,100,.22), transparent 30%); }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg, rgba(5,6,8,.94) 0%, rgba(5,6,8,.72) 43%, rgba(5,6,8,.35) 72%, rgba(5,6,8,.68) 100%), linear-gradient(0deg, rgba(7,8,10,.9) 0%, transparent 38%); }
.hero-content { position:relative; z-index:2; padding-top:90px; max-width:780px; margin-left:max(20px, calc((100vw - var(--shell))/2)); margin-right:auto; }
.eyebrow, .section-label { margin:0 0 14px; color:var(--gold-light); font-size:11px; font-weight:600; letter-spacing:.23em; text-transform:uppercase; }
.eyebrow.dark { color:#80652e; }
.hero h1, .exhibit-hero h1 { font-family:var(--serif); font-size:clamp(64px, 8vw, 118px); line-height:.86; letter-spacing:-.035em; margin:0 0 24px; font-weight:600; }
.hero-subtitle { max-width:690px; font-size:18px; color:#d0ccc3; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; border:1px solid transparent; font-size:13px; font-weight:600; letter-spacing:.05em; transition:transform .2s ease, background .2s ease, color .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--gold); color:#111; }
.button-secondary { border-color:rgba(255,255,255,.34); color:#fff; background:rgba(255,255,255,.03); }
.scroll-cue { position:absolute; z-index:2; left:50%; bottom:24px; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:9px; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#bbb7af; }
.scroll-cue i { width:1px; height:34px; background:linear-gradient(var(--gold), transparent); }

.section { padding:110px 0; }
.section-light { background:var(--paper); color:var(--ink); }
.section h2, .content-section h2 { margin:0; font-family:var(--serif); font-size:clamp(42px,5vw,68px); line-height:1; font-weight:600; letter-spacing:-.025em; }
.lead { font-size:20px; line-height:1.8; color:#4b4d50; margin:28px 0 0; }
.lead.small { font-size:18px; }
.section-heading { margin-bottom:46px; }
.section-heading p { color:var(--muted); max-width:550px; margin:0; }
.split-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; }

.collection-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.collection-card { min-height:310px; border:1px solid var(--line); background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.015)); padding:28px; display:flex; flex-direction:column; justify-content:space-between; transition:transform .25s ease, border-color .25s ease, background .25s ease; }
.collection-card:hover { transform:translateY(-5px); border-color:rgba(225,201,141,.5); }
.featured-card { background:linear-gradient(145deg, rgba(200,167,101,.2), rgba(255,255,255,.03)); }
.card-number { color:var(--gold); font-family:var(--serif); font-size:36px; }
.card-kicker { margin:0 0 8px; color:var(--gold-light); font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.card-content h3 { font-family:var(--serif); font-size:34px; line-height:1; margin:0 0 14px; font-weight:600; }
.card-content p { color:#aaa79f; font-size:14px; line-height:1.65; }
.text-link { display:inline-block; margin-top:8px; color:var(--gold-light); font-size:13px; font-weight:600; }
.is-locked { opacity:.75; }

.timeline-section { background:#0d0f12; }
.timeline { margin-top:54px; display:grid; grid-template-columns:repeat(11,minmax(95px,1fr)); overflow-x:auto; padding-bottom:18px; }
.timeline-item { min-width:95px; border-top:1px solid #3a3d42; padding-top:18px; position:relative; color:#7f8186; }
.timeline-item::before { content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:#3a3d42; }
.timeline-item span, .timeline-item strong { display:block; }
.timeline-item span { font-size:10px; letter-spacing:.15em; }
.timeline-item strong { margin-top:7px; font-family:var(--serif); font-size:18px; font-weight:600; }
.timeline-item.active { color:var(--gold-light); border-top-color:var(--gold); }
.timeline-item.active::before { background:var(--gold); box-shadow:0 0 0 5px rgba(200,167,101,.13); }

.research-feature { display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; }
.source-key { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.source-key span { border:1px solid var(--dark-line); padding:15px 16px; font-size:13px; display:flex; gap:12px; align-items:center; }
.source-key b { color:#8a6b2e; font-size:11px; }
.closing-section { background:radial-gradient(circle at 50% 0%, rgba(200,167,101,.14), transparent 45%); }
.closing-section .lead { color:#aaa69e; }
.closing-section .button { margin-top:25px; }
.site-footer { border-top:1px solid var(--line); padding:34px 0; background:#07080a; }
.footer-inner { display:flex; justify-content:space-between; gap:30px; color:#8d8f94; font-size:12px; }
.footer-inner strong { color:#ddd8ce; font-family:var(--serif); font-size:20px; }
.footer-inner p { margin:4px 0 0; }
.footer-inner a { color:var(--gold-light); }

/* Exhibit */
.exhibit-page { background:#0b0d10; }
.breadcrumb { padding-top:calc(var(--header-h) + 26px); padding-bottom:20px; display:flex; gap:10px; align-items:center; font-size:11px; color:#898c91; letter-spacing:.05em; }
.breadcrumb a:hover { color:var(--gold-light); }
.exhibit-hero { min-height:680px; position:relative; overflow:hidden; display:flex; align-items:flex-end; }
.exhibit-hero-art { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 85%, #243648 0%, #101a24 26%, #07090e 63%, #030407 100%); }
.exhibit-hero-art::before { content:""; position:absolute; left:-10%; right:-10%; bottom:-25%; height:58%; border-radius:50% 50% 0 0; background:radial-gradient(ellipse at 50% 0%, rgba(117,164,193,.58), rgba(14,30,42,.86) 40%, #06090e 74%); filter:blur(2px); }
.exhibit-hero-art::after { content:""; position:absolute; inset:0; background:repeating-radial-gradient(ellipse at 50% 98%, transparent 0 16px, rgba(255,255,255,.025) 17px 18px); opacity:.7; }
.water-glow { position:absolute; left:20%; right:20%; bottom:8%; height:180px; background:radial-gradient(ellipse, rgba(208,228,236,.2), transparent 70%); filter:blur(24px); }
.spirit-light { position:absolute; left:50%; top:12%; width:320px; height:250px; transform:translateX(-50%); background:radial-gradient(ellipse, rgba(255,247,218,.38), rgba(218,190,123,.1) 42%, transparent 72%); filter:blur(12px); }
.exhibit-hero-overlay { position:absolute; inset:0; background:linear-gradient(0deg,#0b0d10 0%,rgba(11,13,16,.2) 45%,rgba(0,0,0,.4) 100%); }
.exhibit-hero-content { position:relative; z-index:2; padding-bottom:80px; }
.exhibit-hero h1 { font-size:clamp(60px,8vw,110px); max-width:900px; }
.exhibit-hero-content > p:last-child { max-width:780px; font-size:19px; color:#c9c7c2; }
.exhibit-intro { padding:55px 0; }
.question-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.question-grid article { border-left:1px solid var(--dark-line); padding-left:22px; }
.question-grid span { color:#85682d; font-size:10px; letter-spacing:.15em; }
.question-grid h2 { font-size:28px; margin:7px 0 10px; }
.question-grid p { margin:0; font-size:14px; color:#55575a; }
.exhibit-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:70px; padding-top:80px; padding-bottom:100px; }
.exhibit-sidebar { position:relative; }
.sidebar-card { position:sticky; top:100px; border:1px solid var(--line); padding:22px; background:#101216; }
.sidebar-title { margin:0 0 16px; color:#c9c4b9; font-family:var(--serif); font-size:22px; }
.sidebar-card nav { display:flex; flex-direction:column; }
.sidebar-card nav a { padding:10px 0; color:#858990; font-size:12px; border-bottom:1px solid rgba(255,255,255,.06); }
.sidebar-card nav a:hover, .sidebar-card nav a.active { color:var(--gold-light); }
.sidebar-exit { display:block; margin-top:22px; color:#d2cec4; font-size:11px; }
.exhibit-content { min-width:0; }
.content-section { padding:10px 0 80px; border-bottom:1px solid var(--line); scroll-margin-top:100px; }
.content-section + .content-section { padding-top:78px; }
.content-section h2 { font-size:clamp(42px,5vw,62px); margin-bottom:26px; }
.content-section p { color:#b9b6af; max-width:820px; }
.dropcap::first-letter { float:left; font-family:var(--serif); font-size:76px; line-height:.78; padding:9px 10px 0 0; color:var(--gold-light); }
.notice { margin-top:30px; border-left:2px solid var(--gold); background:rgba(200,167,101,.08); padding:20px 22px; }
.notice strong { color:var(--gold-light); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.notice p { margin:7px 0 0; font-size:14px; }
.section-title-row { display:flex; justify-content:space-between; gap:30px; align-items:start; }
.source-badge { border:1px solid rgba(200,167,101,.45); color:var(--gold-light); padding:7px 10px; font-size:9px; letter-spacing:.15em; text-transform:uppercase; white-space:nowrap; }
.scripture-block { margin:0; padding:34px; border:1px solid var(--line); background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015)); }
.scripture-block p { margin:0; color:#eeeae2; font-family:var(--serif); font-size:31px; line-height:1.45; }
.scripture-block cite { display:block; margin-top:18px; color:#918d85; font-size:11px; font-style:normal; letter-spacing:.08em; }
.text-observations { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.text-observations article { border:1px solid var(--line); padding:18px; display:flex; flex-direction:column; }
.text-observations b { color:var(--gold-light); font-family:var(--serif); font-size:22px; }
.text-observations span { color:#979a9f; font-size:12px; }
.term-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.term-card { padding:26px; border:1px solid var(--line); background:#111419; }
.hebrew { display:block; color:var(--gold-light); font-size:34px; margin-bottom:13px; }
.term-card h3 { font-family:var(--serif); font-size:28px; margin:0 0 8px; }
.term-card p { margin:0; font-size:13px; }
.creation-diagram { margin-top:35px; min-height:650px; position:relative; overflow:hidden; border:1px solid var(--line); background:radial-gradient(circle at 50% 25%,rgba(200,167,101,.12),transparent 27%),linear-gradient(#10141b,#07101a); display:flex; flex-direction:column; align-items:center; padding:44px 30px 0; }
.diagram-god { color:var(--gold-light); font-family:var(--serif); font-size:42px; }
.diagram-line.vertical { width:1px; height:28px; background:var(--gold); margin:10px 0; }
.diagram-created { border:1px solid rgba(200,167,101,.45); padding:7px 15px; color:#d7d2c7; font-size:11px; letter-spacing:.15em; text-transform:uppercase; }
.diagram-branches { width:72%; display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:54px; position:relative; }
.diagram-branches::before { content:""; position:absolute; left:25%; right:25%; top:-27px; height:1px; background:#6c6049; }
.diagram-branches::after { content:""; position:absolute; left:50%; top:-54px; width:1px; height:28px; background:#6c6049; }
.diagram-node { text-align:center; border:1px solid rgba(255,255,255,.18); padding:16px; font-family:var(--serif); font-size:24px; background:rgba(255,255,255,.03); }
.earth-state { display:flex; gap:8px; margin-top:18px; }
.earth-state span { border:1px solid rgba(255,255,255,.12); padding:7px 11px; color:#8e9399; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.spirit-label { margin-top:42px; z-index:2; color:#efe7cf; font-family:var(--serif); font-size:24px; text-shadow:0 0 25px rgba(225,201,141,.5); }
.waters-layer { width:90%; height:78px; margin-top:16px; display:grid; place-items:center; color:#c8d8e2; border-top:1px solid rgba(174,210,230,.45); background:repeating-radial-gradient(ellipse at center top, rgba(116,168,198,.14) 0 6px, transparent 7px 15px); font-family:var(--serif); font-size:25px; }
.deep-layer { width:100%; flex:1; min-height:125px; display:grid; place-items:center; background:linear-gradient(rgba(5,16,27,.2),#020609); color:#71818c; font-family:var(--serif); font-size:28px; }
.interpretation-list { display:grid; gap:12px; }
.interpretation-list article { display:grid; grid-template-columns:54px 1fr; gap:18px; padding:22px; border:1px solid var(--line); }
.view-number { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(200,167,101,.5); color:var(--gold-light); font-family:var(--serif); font-size:22px; }
.interpretation-list h3, .reference-list h3 { margin:0 0 6px; font-family:var(--serif); font-size:25px; }
.interpretation-list p, .reference-list p { margin:0; font-size:13px; }
.question-list { display:flex; flex-direction:column; border-top:1px solid var(--line); }
.question-list a { display:grid; grid-template-columns:45px 1fr; padding:20px 4px; border-bottom:1px solid var(--line); color:#d8d4cc; transition:padding .2s ease,color .2s ease; }
.question-list a:hover { padding-left:12px; color:var(--gold-light); }
.question-list span { color:#777b82; font-size:10px; padding-top:4px; }
.reference-list { display:grid; gap:12px; }
.reference-list article { display:grid; grid-template-columns:48px 1fr; gap:16px; border:1px solid var(--line); padding:20px; }
.reference-list > article > span { color:var(--gold); font-size:10px; letter-spacing:.12em; }
.exhibit-pagination { display:grid; grid-template-columns:1fr 1fr; margin-top:50px; border:1px solid var(--line); }
.exhibit-pagination a { padding:20px 22px; }
.exhibit-pagination a + a { border-left:1px solid var(--line); text-align:right; }
.exhibit-pagination span { display:block; color:#74777d; font-size:9px; text-transform:uppercase; letter-spacing:.16em; }
.exhibit-pagination strong { display:block; margin-top:5px; color:#d7d2c7; font-family:var(--serif); font-size:22px; }
.exhibit-pagination .disabled { opacity:.55; }

@media (max-width: 980px) {
  .menu-toggle { display:block; }
  .primary-nav { position:fixed; top:var(--header-h); left:0; right:0; padding:22px; background:rgba(9,10,12,.98); border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:none; flex-direction:column; align-items:stretch; gap:0; }
  .primary-nav.open { display:flex; }
  .primary-nav a { padding:13px 4px; }
  .nav-cta { margin-top:10px; text-align:center; }
  .collection-grid { grid-template-columns:1fr 1fr; }
  .research-feature { grid-template-columns:1fr; gap:40px; }
  .exhibit-layout { grid-template-columns:1fr; gap:20px; }
  .exhibit-sidebar { position:sticky; top:76px; z-index:30; background:#0b0d10; padding:10px 0; }
  .sidebar-card { position:static; padding:0; border:0; background:transparent; overflow-x:auto; }
  .sidebar-title, .sidebar-exit { display:none; }
  .sidebar-card nav { flex-direction:row; min-width:max-content; gap:8px; }
  .sidebar-card nav a { border:1px solid var(--line); padding:8px 12px; }
}

@media (max-width: 700px) {
  :root { --header-h: 68px; }
  .shell { width:min(calc(100% - 28px), var(--shell)); }
  .brand-copy small { display:none; }
  .brand-copy strong { font-size:18px; }
  .brand-mark { width:34px; height:34px; font-size:24px; }
  .hero-content { margin-left:14px; padding-right:14px; }
  .hero h1, .exhibit-hero h1 { font-size:clamp(54px,16vw,76px); }
  .hero-subtitle { font-size:16px; }
  .section { padding:78px 0; }
  .split-heading { display:block; }
  .split-heading > p { margin-top:20px; }
  .collection-grid, .question-grid, .term-grid, .text-observations, .source-key { grid-template-columns:1fr; }
  .question-grid article { border-left:0; border-top:1px solid var(--dark-line); padding:18px 0 0; }
  .exhibit-hero { min-height:600px; }
  .exhibit-hero-content { padding-bottom:55px; }
  .exhibit-hero-content > p:last-child { font-size:16px; }
  .exhibit-layout { padding-top:28px; }
  .content-section { padding-bottom:58px; }
  .content-section + .content-section { padding-top:58px; }
  .section-title-row { display:block; }
  .source-badge { display:inline-block; margin-bottom:20px; }
  .scripture-block { padding:24px; }
  .scripture-block p { font-size:25px; }
  .diagram-branches { width:100%; gap:12px; }
  .diagram-node { font-size:20px; padding:12px; }
  .earth-state { flex-wrap:wrap; justify-content:center; }
  .exhibit-pagination { grid-template-columns:1fr; }
  .exhibit-pagination a + a { border-left:0; border-top:1px solid var(--line); text-align:left; }
  .footer-inner { flex-direction:column; }
}

/* =====================================================
   CINEMATIC ENTRANCE HALL — VERSION 1
   ===================================================== */

.site-header {
  background: linear-gradient(180deg, rgba(5, 6, 8, .66), rgba(5, 6, 8, .16));
  border-bottom-color: rgba(225, 201, 141, .13);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.site-header.scrolled {
  background: rgba(7, 8, 10, .82);
  border-color: rgba(225, 201, 141, .22);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.primary-nav a:not(.nav-cta) {
  position: relative;
}

.primary-nav a:not(.nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -8px;
  height: 1px;
  background: var(--gold-light);
  transition: right .28s ease;
}

.primary-nav a:not(.nav-cta):hover::after {
  right: 0;
}

.nav-cta {
  background: rgba(8, 9, 11, .25);
  transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

.nav-cta:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: #111 !important;
  transform: translateY(-2px);
}

.home-hero {
  min-height: 100svh;
  isolation: isolate;
  background: #050608;
}

.home-hero .hero-backdrop {
  z-index: -3;
  background-image: url("../images/heroes/indexHero.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.055);
  filter: saturate(.92) contrast(1.04);
  animation: heroBreathing 18s ease-in-out infinite alternate;
  will-change: transform;
}

.home-hero .hero-backdrop::before {
  content: "";
  position: absolute;
  inset: -8%;
  background:
    radial-gradient(circle at 88% 45%, rgba(255, 210, 116, .34), transparent 22%),
    linear-gradient(115deg, transparent 48%, rgba(255, 211, 121, .08) 68%, transparent 83%);
  mix-blend-mode: screen;
  opacity: .72;
  animation: sunlightDrift 12s ease-in-out infinite alternate;
}

.home-hero .hero-backdrop::after {
  background:
    radial-gradient(circle at 81% 39%, rgba(255, 205, 111, .24), transparent 27%),
    linear-gradient(0deg, rgba(8, 9, 11, .27), transparent 44%);
}

.home-hero .hero-overlay {
  z-index: -2;
  background:
    radial-gradient(
      ellipse at 17% 53%,
      rgba(232, 197, 121, .18) 0%,
      rgba(172, 135, 72, .08) 23%,
      transparent 47%
    ),
    linear-gradient(90deg,
      rgba(3, 4, 6, .58) 0%,
      rgba(3, 4, 6, .65) 24%,
      rgba(3, 4, 6, .48) 51%,
      rgba(3, 4, 6, .17) 79%,
      rgba(3, 4, 6, .27) 100%),
    linear-gradient(0deg,
      rgba(5, 6, 8, .86) 0%,
      rgba(5, 6, 8, .18) 42%,
      rgba(5, 6, 8, .17) 72%,
      rgba(5, 6, 8, .48) 100%);
}

.home-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: auto 0 0;
  height: 24%;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, var(--bg));
}

.home-hero .hero-content {
  width: min(calc(100% - 108px), 820px);
  max-width: none;
  margin-left: max(54px, calc((100vw - var(--shell)) / 2));
  padding-top: calc(var(--header-h) + 72px);
  padding-bottom: 120px;
}

.home-hero .eyebrow {
  margin-bottom: 19px;
  color: #ead59d;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .7);
}

.home-hero h1 {
  display: flex;
  flex-direction: column;
  width: fit-content;
  max-width: 940px;
  margin-bottom: 20px;
  font-size: clamp(76px, 8.9vw, 142px);
  line-height: .78;
  letter-spacing: -.045em;
  color: #f0ede5;
  text-shadow: 0 8px 38px rgba(0, 0, 0, .46);
}

.home-hero h1 span {
  display: block;
}

.hero-gold-line {
  display: block;
  width: 118px;
  height: 1px;
  margin: 30px 0 23px;
  background: linear-gradient(90deg, var(--gold-light), rgba(225, 201, 141, .16));
  transform-origin: left;
}

.home-hero .hero-subtitle {
  max-width: 720px;
  margin: 0;
  color: rgba(239, 235, 226, .84);
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.75;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .78);
}

.hero-disciplines {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 22px;
  margin-top: 20px;
  color: rgba(231, 226, 215, .68);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.hero-disciplines span {
  position: relative;
}

.hero-disciplines span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--gold);
  transform: translateY(-50%);
}

.home-hero .hero-actions {
  margin-top: 31px;
}

.home-hero .button {
  min-height: 52px;
  padding-inline: 25px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
}

.home-hero .button-primary {
  background: linear-gradient(135deg, #d9b76c, #c49d50);
}

.home-hero .button-primary:hover {
  background: #ead090;
}

.home-hero .button-secondary {
  border-color: rgba(255, 255, 255, .42);
  background: rgba(8, 9, 11, .18);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.home-hero .button-secondary:hover {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .7);
}

.collection-card {
  position: relative;
  overflow: hidden;
}

.collection-card::after {
  content: "";
  position: absolute;
  inset: auto -40% -70% 20%;
  height: 150%;
  background: radial-gradient(circle, rgba(225, 201, 141, .12), transparent 63%);
  opacity: 0;
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
}

.collection-card:hover::after {
  opacity: 1;
  transform: translate(-4%, -4%);
}

/* First-load museum-light reveal */
.first-entrance .home-hero::before {
  content: "";
  position: absolute;
  z-index: 20;
  inset: 0;
  pointer-events: none;
  background: #030405;
  animation: museumLightsOn 2.15s cubic-bezier(.55, 0, .2, 1) .12s forwards;
}

.first-entrance .home-hero .hero-backdrop {
  animation:
    firstLandscapeReveal 2.8s cubic-bezier(.22, .7, .18, 1) forwards,
    heroBreathing 18s ease-in-out 2.8s infinite alternate;
}

.first-entrance .home-hero .hero-content > * {
  opacity: 0;
  transform: translateY(18px);
  animation: entranceText 1s ease forwards;
}

.first-entrance .home-hero .hero-content > :nth-child(1) { animation-delay: 1.1s; }
.first-entrance .home-hero .hero-content > :nth-child(2) { animation-delay: 1.22s; }
.first-entrance .home-hero .hero-content > :nth-child(3) { animation-delay: 1.38s; }
.first-entrance .home-hero .hero-content > :nth-child(4) { animation-delay: 1.48s; }
.first-entrance .home-hero .hero-content > :nth-child(5) { animation-delay: 1.58s; }
.first-entrance .home-hero .hero-content > :nth-child(6) { animation-delay: 1.68s; }

.first-entrance .hero-gold-line {
  transform: scaleX(0);
  animation: goldLineDraw .8s ease 1.47s forwards !important;
}

@keyframes museumLightsOn {
  0% { opacity: 1; }
  35% { opacity: .93; }
  100% { opacity: 0; }
}

@keyframes firstLandscapeReveal {
  0% {
    transform: scale(1.11);
    filter: brightness(.22) saturate(.6) contrast(1.08);
  }
  100% {
    transform: scale(1.055);
    filter: brightness(1) saturate(.92) contrast(1.04);
  }
}

@keyframes entranceText {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes goldLineDraw {
  to { transform: scaleX(1); }
}

@keyframes heroBreathing {
  0% { transform: scale(1.055) translate3d(0, 0, 0); }
  100% { transform: scale(1.085) translate3d(-.6%, -.4%, 0); }
}

@keyframes sunlightDrift {
  0% { opacity: .48; transform: translateX(-1.2%); }
  100% { opacity: .82; transform: translateX(1.2%); }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero .hero-backdrop,
  .home-hero .hero-backdrop::before,
  .first-entrance .home-hero::before,
  .first-entrance .home-hero .hero-content > *,
  .first-entrance .hero-gold-line {
    animation: none !important;
  }

  .first-entrance .home-hero .hero-content > * {
    opacity: 1;
    transform: none;
  }

  .first-entrance .hero-gold-line {
    transform: none;
  }
}

@media (max-width: 980px) {
  .site-header {
    background: rgba(7, 8, 10, .72);
  }

  .primary-nav a:not(.nav-cta)::after {
    display: none;
  }

  .home-hero .hero-content {
    width: min(calc(100% - 56px), 760px);
    margin-left: 28px;
  }

  .home-hero .hero-overlay {
    background:
      linear-gradient(90deg, rgba(3, 4, 6, .88), rgba(3, 4, 6, .45) 70%, rgba(3, 4, 6, .3)),
      linear-gradient(0deg, rgba(5, 6, 8, .9), transparent 52%, rgba(5, 6, 8, .5));
  }
}

@media (max-width: 700px) {
  .home-hero {
    min-height: 820px;
    align-items: flex-end;
  }

  .home-hero .hero-backdrop {
    background-position: 64% center;
  }

  .home-hero .hero-overlay {
    background:
      linear-gradient(0deg,
        rgba(3, 4, 6, .96) 0%,
        rgba(3, 4, 6, .78) 42%,
        rgba(3, 4, 6, .28) 78%,
        rgba(3, 4, 6, .52) 100%);
  }

  .home-hero .hero-content {
    width: calc(100% - 28px);
    margin: 0 14px;
    padding-top: 150px;
    padding-bottom: 115px;
  }

  .home-hero h1 {
    font-size: clamp(58px, 18vw, 82px);
    line-height: .82;
  }

  .hero-gold-line {
    margin-top: 25px;
  }

  .hero-disciplines {
    gap: 8px 17px;
    line-height: 1.6;
  }

  .hero-disciplines span:not(:last-child)::after {
    right: -10px;
  }

  .home-hero .hero-actions {
    align-items: stretch;
  }

  .home-hero .button {
    flex: 1 1 190px;
  }
}



/* Dolmen visibility correction */
.home-hero .hero-content {
  text-shadow: 0 4px 28px rgba(0, 0, 0, .78);
}

.home-hero h1 {
  text-shadow:
    0 4px 12px rgba(0, 0, 0, .82),
    0 12px 42px rgba(0, 0, 0, .58);
}

.home-hero .hero-backdrop {
  background-position: 18% center;
}

@media (max-width: 980px) {
  .home-hero .hero-overlay {
    background:
      radial-gradient(
        ellipse at 18% 52%,
        rgba(232, 197, 121, .16),
        transparent 43%
      ),
      linear-gradient(90deg,
        rgba(3, 4, 6, .54),
        rgba(3, 4, 6, .45) 64%,
        rgba(3, 4, 6, .25)),
      linear-gradient(0deg,
        rgba(5, 6, 8, .86),
        transparent 54%,
        rgba(5, 6, 8, .44));
  }
}

@media (max-width: 700px) {
  .home-hero .hero-backdrop {
    background-position: 31% center;
  }

  .home-hero .hero-overlay {
    background:
      radial-gradient(
        ellipse at 27% 34%,
        rgba(232, 197, 121, .13),
        transparent 39%
      ),
      linear-gradient(0deg,
        rgba(3, 4, 6, .95) 0%,
        rgba(3, 4, 6, .69) 39%,
        rgba(3, 4, 6, .22) 75%,
        rgba(3, 4, 6, .44) 100%);
  }
}


/* World Synchronization Timeline homepage entry */
.timeline-entry-actions {
  justify-content: center;
  margin-top: 25px;
}

/* =====================================================
   MUSEUM ENTRANCE — VERSION 8
   ===================================================== */

.museum-entrance-page {
  --entrance-bg: #1f2429;
  --entrance-deep: #171b1f;
  --entrance-panel: #2b3238;
  --entrance-panel-raised: #343c43;
  --entrance-paper: #e8e1d4;
  --entrance-ink: #25282b;
  --entrance-ivory: #f2eadc;
  --entrance-muted: #bab2a7;
  --entrance-gold: #d2b16a;
  --entrance-gold-light: #ead394;
  --entrance-border: rgba(232, 209, 159, .2);

  background:
    radial-gradient(circle at 10% 15%, rgba(210, 174, 100, .065), transparent 25%),
    linear-gradient(180deg, #22282d, var(--entrance-bg));
}

.museum-header {
  background: linear-gradient(180deg, rgba(17, 20, 23, .82), rgba(17, 20, 23, .2));
}

.museum-header.scrolled {
  background: rgba(24, 28, 32, .94);
}

.museum-header-inner {
  max-width: 1460px;
}

.museum-brand .brand-copy strong {
  color: #f0e6d6;
  font-size: 23px;
}

.museum-brand .brand-copy small {
  color: #b8aea0;
}

.museum-nav {
  gap: clamp(15px, 1.55vw, 27px);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.museum-nav a {
  white-space: nowrap;
}

.museum-hero .hero-backdrop {
  background-position: 18% center;
}

.museum-hero .hero-overlay {
  background:
    radial-gradient(ellipse at 15% 52%, rgba(233, 196, 112, .13), transparent 43%),
    linear-gradient(90deg,
      rgba(7, 9, 11, .58) 0%,
      rgba(7, 9, 11, .67) 32%,
      rgba(7, 9, 11, .35) 61%,
      rgba(7, 9, 11, .12) 82%,
      rgba(7, 9, 11, .25) 100%),
    linear-gradient(0deg, rgba(16, 19, 22, .9), transparent 46%, rgba(7, 8, 10, .48));
}

.museum-hero-content {
  width: min(calc(100% - 108px), 920px);
}

.museum-identity {
  margin: 0 0 10px;
  color: var(--entrance-gold-light);
  font-family: var(--serif);
  font-size: clamp(24px, 2.5vw, 36px);
  letter-spacing: .015em;
}

.museum-hero .hero-subtitle {
  max-width: 730px;
  color: rgba(246, 239, 226, .82);
}

/* Museum doors */
.museum-orientation {
  padding: 112px 0 126px;
  color: var(--entrance-ink);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 26%),
    var(--entrance-paper);
}

.museum-orientation-heading,
.entrance-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .6fr);
  gap: 70px;
  align-items: end;
  margin-bottom: 50px;
}

.museum-orientation-heading h2,
.entrance-heading h2,
.museum-overview h2,
.research-wing h2,
.illuminated-wing h2,
.timeline-invitation h2,
.library-wing h2,
.museum-closing h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(44px, 5.7vw, 78px);
  font-weight: 600;
  line-height: .96;
  letter-spacing: -.035em;
}

.museum-orientation-heading > p,
.entrance-heading > p {
  margin: 0;
  color: #5d5a55;
  line-height: 1.75;
}

.museum-door-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.museum-door {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 28px;
  overflow: hidden;
  color: #eee6d8;
  border: 1px solid rgba(229, 208, 162, .25);
  background:
    linear-gradient(145deg, rgba(255,255,255,.035), transparent 48%),
    #2b3238;
  box-shadow: 0 20px 50px rgba(25, 27, 29, .11);
  transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}

.museum-door::before,
.museum-door::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.museum-door::before {
  inset: 12px;
  border: 1px solid rgba(230, 207, 158, .075);
}

.museum-door::after {
  right: -45px;
  bottom: -45px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(215, 178, 92, .09);
  transform: rotate(45deg);
}

.museum-door:hover {
  transform: translateY(-7px);
  border-color: rgba(229, 199, 129, .65);
  background:
    radial-gradient(circle at 20% 10%, rgba(221, 181, 91, .14), transparent 38%),
    #343c43;
  box-shadow: 0 28px 60px rgba(25, 27, 29, .18);
}

.museum-door-primary {
  background:
    radial-gradient(circle at 20% 0%, rgba(225, 183, 89, .2), transparent 45%),
    #313840;
}

.door-number {
  color: #b99755;
  font-size: 10px;
  letter-spacing: .2em;
}

.door-copy {
  margin: auto 0;
}

.door-copy small {
  display: block;
  margin-bottom: 10px;
  color: #baad99;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.door-copy strong {
  display: block;
  color: #f3eadc;
  font-family: var(--serif);
  font-size: clamp(31px, 3vw, 43px);
  font-weight: 600;
  line-height: .95;
}

.door-copy p {
  margin: 16px 0 0;
  color: #bdb5a9;
  font-size: 13px;
  line-height: 1.65;
}

.door-action {
  position: relative;
  z-index: 1;
  padding-top: 18px;
  border-top: 1px solid rgba(231, 210, 165, .12);
  color: #dec481;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .05em;
}

.door-action b {
  float: right;
  font-size: 17px;
  font-weight: 400;
}

/* Shared entrance sections */
.entrance-section {
  padding: 116px 0;
  border-top: 1px solid rgba(233, 211, 167, .11);
}

.museum-overview {
  background:
    radial-gradient(circle at 80% 20%, rgba(206, 169, 91, .09), transparent 30%),
    #252b30;
}

.museum-overview-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 100px;
  align-items: start;
}

.museum-overview-copy {
  padding-top: 10px;
}

.museum-overview-copy p {
  margin: 0;
  color: #cec6ba;
  font-size: 18px;
  line-height: 1.85;
}

.museum-overview-copy p + p {
  margin-top: 25px;
}

.entrance-heading > p {
  color: #b9b1a6;
}

.gallery-wing {
  background: #1f2429;
}

.gallery-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.gallery-preview {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 28px;
  gap: 20px;
  align-items: center;
  min-height: 190px;
  padding: 26px 28px;
  border: 1px solid rgba(231, 208, 160, .16);
  background: linear-gradient(145deg, rgba(255,255,255,.026), transparent), #2a3036;
}

.gallery-preview.gallery-open {
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.gallery-preview.gallery-open:hover {
  transform: translateY(-4px);
  border-color: rgba(231, 201, 132, .55);
  background:
    radial-gradient(circle at 12% 50%, rgba(222, 180, 86, .12), transparent 30%),
    #30373e;
}

.gallery-roman {
  color: #caa85f;
  font-family: var(--serif);
  font-size: 38px;
  text-align: center;
}

.gallery-preview small {
  color: #b9a46f;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.gallery-preview h3 {
  margin: 4px 0 8px;
  color: #eee5d7;
  font-family: var(--serif);
  font-size: 32px;
  line-height: 1;
}

.gallery-preview p {
  margin: 0;
  color: #aaa399;
  font-size: 13px;
  line-height: 1.6;
}

.gallery-preview > b {
  color: #d8b86f;
  font-size: 20px;
  font-weight: 400;
}

.research-wing {
  color: var(--entrance-ink);
  background: #e2dbcf;
}

.research-wing-grid,
.library-grid,
.timeline-invitation-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 90px;
  align-items: center;
}

.research-wing-intro p,
.library-grid > div:first-child p {
  color: #575653;
  font-size: 17px;
}

.research-room-list {
  border-top: 1px solid rgba(35, 38, 41, .18);
}

.research-room-list > * {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 20px 4px;
  color: #343638;
  border-bottom: 1px solid rgba(35, 38, 41, .18);
}

.research-room-list a {
  transition: padding .2s ease, color .2s ease;
}

.research-room-list a:hover {
  padding-left: 12px;
  color: #806222;
}

.research-room-list span,
.research-room-list i {
  color: #927236;
  font-size: 10px;
  font-style: normal;
  letter-spacing: .12em;
}

.research-room-list strong {
  font-family: var(--serif);
  font-size: 23px;
  font-weight: 600;
}

.research-room-list b {
  color: #807b73;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.illuminated-wing {
  background:
    radial-gradient(circle at 15% 25%, rgba(210, 170, 80, .11), transparent 30%),
    #242a30;
}

.illuminated-banner {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 65px;
  align-items: center;
}

.illuminated-banner-copy p:last-child {
  color: #bbb3a7;
  font-size: 17px;
}

.illuminated-placeholder {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 330px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(232, 205, 142, .25);
  background:
    radial-gradient(ellipse at 72% 38%, rgba(232, 191, 99, .25), transparent 29%),
    linear-gradient(115deg, #38434b 0%, #253038 45%, #172027 100%);
}

.illuminated-placeholder::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 30%;
  height: 46%;
  border-top: 1px solid rgba(228, 203, 149, .24);
  border-bottom: 1px solid rgba(228, 203, 149, .12);
  transform: skewX(-12deg);
}

.illuminated-placeholder span,
.illuminated-placeholder strong {
  position: relative;
}

.illuminated-placeholder span {
  color: #d2b36e;
  font-size: 9px;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.illuminated-placeholder strong {
  margin-top: 7px;
  color: #e8dfd1;
  font-family: var(--serif);
  font-size: 27px;
  font-weight: 600;
}

.timeline-invitation {
  background: #1b2025;
}

.timeline-invitation-grid > div > p:last-child {
  color: #b7afa4;
  font-size: 17px;
}

.timeline-door {
  display: flex;
  flex-direction: column;
  min-height: 270px;
  padding: 30px;
  border: 1px solid rgba(229, 203, 145, .26);
  background:
    radial-gradient(circle at 84% 12%, rgba(222, 183, 93, .16), transparent 35%),
    linear-gradient(145deg, #323a42, #262d33);
  transition: transform .25s ease, border-color .25s ease;
}

.timeline-door:hover {
  transform: translateY(-5px);
  border-color: rgba(231, 201, 132, .65);
}

.timeline-door small {
  color: #b69a5f;
  font-size: 9px;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.timeline-door strong {
  margin: auto 0;
  color: #f0e7d9;
  font-family: var(--serif);
  font-size: clamp(36px, 4vw, 55px);
  line-height: .95;
}

.timeline-door span {
  padding-top: 16px;
  border-top: 1px solid rgba(232, 211, 168, .12);
  color: #dbbf79;
  font-size: 11px;
  font-weight: 600;
}

.timeline-door b {
  float: right;
  font-size: 18px;
  font-weight: 400;
}

.library-wing {
  color: var(--entrance-ink);
  background: #ebe5da;
}

.source-category-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.source-category-grid span {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 17px;
  border: 1px solid rgba(40, 42, 44, .14);
  font-size: 13px;
}

.source-category-grid b {
  color: #84672e;
  font-size: 10px;
}

.museum-closing {
  padding: 126px 0;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(213, 174, 86, .15), transparent 44%),
    #20252a;
}

.museum-closing-inner {
  max-width: 850px;
}

.museum-closing p:not(.eyebrow) {
  color: #b9b1a6;
  font-size: 18px;
}

.museum-closing .hero-actions {
  justify-content: center;
}

.museum-footer {
  background: #171b1f;
}

@media (max-width: 1180px) {
  .museum-header-inner {
    width: min(calc(100% - 28px), var(--shell));
  }

  .museum-nav {
    gap: 15px;
    letter-spacing: .06em;
  }

  .museum-door-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 980px) {
  .museum-nav {
    background: rgba(25, 29, 33, .98);
  }

  .museum-nav a {
    padding: 13px 4px;
  }

  .museum-orientation-heading,
  .entrance-heading,
  .museum-overview-grid,
  .research-wing-grid,
  .library-grid,
  .timeline-invitation-grid,
  .illuminated-banner {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .museum-overview-copy {
    padding-top: 0;
  }
}

@media (max-width: 700px) {
  .museum-hero-content {
    width: calc(100% - 28px);
  }

  .museum-identity {
    font-size: 23px;
  }

  .museum-orientation {
    padding: 82px 0 90px;
  }

  .museum-orientation-heading,
  .entrance-heading {
    margin-bottom: 34px;
  }

  .museum-door-grid,
  .gallery-preview-grid,
  .source-category-grid {
    grid-template-columns: 1fr;
  }

  .museum-door {
    min-height: 275px;
  }

  .entrance-section {
    padding: 84px 0;
  }

  .gallery-preview {
    grid-template-columns: 48px minmax(0, 1fr) 22px;
    padding: 22px 18px;
  }

  .research-room-list > * {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .research-room-list b {
    grid-column: 2;
  }

  .illuminated-placeholder {
    min-height: 250px;
  }
}

/* =====================================================
   GALLERY I FRAMEWORK — VERSION 9
   ===================================================== */

.gallery-page {
  --gallery-dawn: #d8b86d;
  --gallery-dawn-light: #efdaa0;
  --gallery-cream: #ece5d8;
  --gallery-ink: #26292c;
  --gallery-slate: #262c31;
  --gallery-slate-light: #343c43;
  --gallery-line: rgba(229, 204, 148, .2);
  background: #22282d;
}

.gallery-header {
  background: linear-gradient(180deg, rgba(18, 21, 24, .86), rgba(18, 21, 24, .18));
}

.gallery-header.scrolled {
  background: rgba(25, 29, 33, .95);
}

.gallery-one-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 92svh;
  overflow: hidden;
  background: #161b1f;
}

.gallery-hero-art,
.gallery-hero-overlay {
  position: absolute;
  inset: 0;
}

.gallery-hero-art {
  background:
    radial-gradient(circle at 72% 28%, rgba(255, 226, 151, .74), transparent 11%),
    radial-gradient(circle at 68% 35%, rgba(231, 187, 92, .28), transparent 27%),
    linear-gradient(180deg, #26333c 0%, #33454e 44%, #8b7656 72%, #282e31 100%);
}

.gallery-hero-art::before {
  content: "";
  position: absolute;
  left: -7%;
  right: -7%;
  bottom: -11%;
  height: 50%;
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(238, 207, 134, .32), transparent 36%),
    linear-gradient(180deg, #33464d, #182126);
  transform: scaleX(1.08);
}

.creation-light {
  position: absolute;
  right: 20%;
  top: 16%;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,239,194,.9), rgba(239,194,101,.18) 40%, transparent 68%);
  filter: blur(2px);
}

.creation-horizon {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 29%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(243, 215, 151, .55), transparent);
}

.creation-orbit {
  position: absolute;
  right: 11%;
  top: 8%;
  border: 1px solid rgba(238, 217, 170, .18);
  border-radius: 50%;
  transform: rotate(-18deg);
}

.orbit-one {
  width: 440px;
  height: 220px;
}

.orbit-two {
  right: 6%;
  top: 2%;
  width: 650px;
  height: 340px;
}

.gallery-hero-overlay {
  background:
    linear-gradient(90deg, rgba(11, 14, 16, .85), rgba(11, 14, 16, .48) 53%, rgba(11, 14, 16, .1)),
    linear-gradient(0deg, rgba(19, 23, 26, .96), transparent 54%);
}

.gallery-hero-content {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 96px), 1320px);
  padding: 170px 0 115px;
}

.gallery-breadcrumb {
  display: flex;
  gap: 9px;
  margin-bottom: 52px;
  color: rgba(237, 229, 216, .58);
  font-size: 11px;
}

.gallery-breadcrumb a:hover {
  color: var(--gallery-dawn-light);
}

.gallery-hero-content h1 {
  max-width: 1000px;
  margin: 0;
  color: #f2e9da;
  font-family: var(--serif);
  font-size: clamp(72px, 10vw, 150px);
  line-height: .79;
  letter-spacing: -.055em;
}

.gallery-deck {
  max-width: 720px;
  margin: 38px 0 0;
  color: rgba(240, 233, 222, .82);
  font-size: clamp(18px, 1.7vw, 23px);
  line-height: 1.65;
}

.gallery-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 22px 52px;
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid rgba(238, 214, 160, .18);
}

.gallery-meta span {
  display: grid;
  gap: 4px;
}

.gallery-meta small {
  color: #bcae97;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gallery-meta strong {
  color: #e8dcc8;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 600;
}

.gallery-scroll-cue {
  position: absolute;
  z-index: 3;
  right: 40px;
  bottom: 35px;
  display: grid;
  justify-items: center;
  gap: 11px;
  color: #d8c495;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gallery-scroll-cue i {
  width: 1px;
  height: 44px;
  background: linear-gradient(#d8c495, transparent);
}

.gallery-orientation {
  padding: 112px 0;
  color: var(--gallery-ink);
  background: var(--gallery-cream);
}

.gallery-orientation-grid,
.gallery-research-grid,
.gallery-sources-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 95px;
  align-items: start;
}

.gallery-orientation-grid h2,
.gallery-section-heading h2,
.gallery-research-grid h2,
.gallery-illuminated-copy h2,
.gallery-sources-grid h2,
.gallery-doorway h2,
.timeline-marker-copy h2 {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(43px, 5.5vw, 75px);
  line-height: .96;
  letter-spacing: -.035em;
}

.gallery-orientation-copy p {
  margin: 0;
  color: #595752;
  font-size: 18px;
  line-height: 1.8;
}

.gallery-orientation-copy p + p {
  margin-top: 22px;
}

.gallery-timeline-marker {
  padding: 72px 0;
  background: #1e2428;
}

.timeline-marker-panel {
  display: grid;
  grid-template-columns: .8fr 1.35fr;
  gap: 50px 80px;
  align-items: center;
  padding: 42px;
  border: 1px solid var(--gallery-line);
  background:
    radial-gradient(circle at 80% 20%, rgba(218, 177, 88, .11), transparent 30%),
    #2b3238;
}

.timeline-marker-copy p:last-child {
  color: #b7afa3;
}

.timeline-marker-visual {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: start;
  position: relative;
}

.timeline-marker-visual::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 8px;
  height: 1px;
  background: rgba(229, 205, 153, .2);
}

.timeline-marker-visual span {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 11px;
  color: #837e75;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
}

.timeline-marker-visual i {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(229, 205, 153, .28);
  border-radius: 50%;
  background: #2b3238;
}

.timeline-marker-visual .active {
  color: #ead291;
}

.timeline-marker-visual .active i {
  border-color: #e4c478;
  background: #cfae61;
  box-shadow: 0 0 24px rgba(220, 178, 82, .24);
}

.timeline-marker-panel > a {
  grid-column: 1 / -1;
  padding-top: 22px;
  border-top: 1px solid rgba(230, 208, 163, .13);
  color: #dec27d;
  font-size: 12px;
}

.timeline-marker-panel > a b {
  float: right;
  font-size: 18px;
  font-weight: 400;
}

.gallery-exhibits {
  padding: 120px 0;
  background: #242a2f;
}

.gallery-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, .65fr);
  gap: 75px;
  align-items: end;
  margin-bottom: 52px;
}

.gallery-section-heading > p {
  margin: 0;
  color: #b5ada2;
  line-height: 1.7;
}

.exhibit-entrance-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.exhibit-entrance {
  position: relative;
  display: grid;
  grid-template-rows: auto 210px 1fr;
  min-height: 500px;
  overflow: hidden;
  border: 1px solid rgba(232, 209, 159, .17);
  background: #2d343b;
}

.exhibit-entrance:last-child {
  grid-column: 1 / -1;
  grid-template-columns: 180px 1.1fr 1fr;
  grid-template-rows: 1fr;
  min-height: 290px;
}

.exhibit-number {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 22px;
  color: rgba(237, 217, 173, .7);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.exhibit-visual {
  position: relative;
  overflow: hidden;
  background: #263038;
}

.exhibit-visual i {
  position: absolute;
  display: block;
}

.creation-visual {
  background:
    radial-gradient(circle at 70% 32%, rgba(249,224,155,.72), transparent 13%),
    linear-gradient(135deg, #31434c, #172126);
}

.creation-visual i:nth-child(1) {
  inset: auto -12% -38% -12%;
  height: 70%;
  border-radius: 50%;
  background: #26393f;
}

.creation-visual i:nth-child(2) {
  left: 12%;
  right: 12%;
  bottom: 34%;
  height: 1px;
  background: rgba(237, 207, 139, .4);
}

.creation-visual i:nth-child(3) {
  right: 16%;
  top: 12%;
  width: 100px;
  height: 100px;
  border: 1px solid rgba(246, 222, 164, .2);
  border-radius: 50%;
}

.firmament-visual {
  background: linear-gradient(180deg, #273e4a 0 46%, #d1ad6f 47% 49%, #27353e 50%);
}

.firmament-visual i:nth-child(1) {
  left: 8%;
  right: 8%;
  top: 19%;
  height: 50%;
  border: 1px solid rgba(229, 212, 178, .25);
  border-radius: 50% 50% 0 0;
}

.firmament-visual i:nth-child(2),
.firmament-visual i:nth-child(3) {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e8d7aa;
  box-shadow: 45px 14px #e8d7aa, 92px -5px #e8d7aa, 145px 24px #e8d7aa;
}

.firmament-visual i:nth-child(2) { left: 18%; top: 20%; }
.firmament-visual i:nth-child(3) { right: 23%; top: 26%; }

.eden-visual {
  background:
    radial-gradient(circle at 65% 18%, rgba(246,215,142,.45), transparent 22%),
    linear-gradient(180deg, #425b4d, #22382f);
}

.eden-visual i:nth-child(1) {
  left: 10%;
  right: 10%;
  bottom: 22%;
  height: 6px;
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, #8bb9ae, transparent);
  transform: rotate(-6deg);
}

.eden-visual i:nth-child(2) {
  left: 47%;
  bottom: 20%;
  width: 9px;
  height: 90px;
  background: #2a2418;
}

.eden-visual i:nth-child(3) {
  left: calc(47% - 38px);
  bottom: 68px;
  width: 86px;
  height: 64px;
  border-radius: 50%;
  background: #758e55;
  box-shadow: -31px 19px #647f49, 35px 20px #6d8850;
}

.tree-visual {
  background:
    radial-gradient(circle at 50% 38%, rgba(228, 188, 91, .28), transparent 28%),
    linear-gradient(180deg, #3d5144, #202d28);
}

.tree-visual i:nth-child(1) {
  left: calc(50% - 6px);
  bottom: 0;
  width: 12px;
  height: 120px;
  background: #3a2c1c;
}

.tree-visual i:nth-child(2) {
  left: calc(50% - 62px);
  bottom: 80px;
  width: 124px;
  height: 96px;
  border-radius: 50%;
  background: #667d48;
}

.tree-visual i:nth-child(3) {
  left: calc(50% - 3px);
  bottom: 91px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7b460;
  box-shadow: -31px -14px #d7b460, 30px -20px #d7b460, 42px 12px #d7b460, -39px 18px #d7b460;
}

.humanity-visual {
  min-height: 100%;
  background:
    radial-gradient(circle at 50% 30%, rgba(239, 204, 130, .22), transparent 28%),
    linear-gradient(160deg, #604f3d, #293237);
}

.humanity-visual i:nth-child(1),
.humanity-visual i:nth-child(2) {
  bottom: 33px;
  width: 42px;
  height: 115px;
  border-radius: 40% 40% 16px 16px;
  background: rgba(23, 26, 27, .75);
}

.humanity-visual i:nth-child(1) { left: 34%; }
.humanity-visual i:nth-child(2) { right: 34%; }

.humanity-visual i:nth-child(3) {
  left: 14%;
  right: 14%;
  bottom: 30px;
  height: 1px;
  background: rgba(236, 209, 151, .25);
}

.exhibit-entrance-copy {
  display: flex;
  flex-direction: column;
  padding: 28px;
}

.exhibit-entrance-copy small {
  color: #baa060;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.exhibit-entrance-copy h3 {
  margin: 10px 0 14px;
  color: #efe6d8;
  font-family: var(--serif);
  font-size: clamp(31px, 3.5vw, 46px);
  line-height: .95;
}

.exhibit-entrance-copy p {
  margin: 0;
  color: #b6aea3;
  line-height: 1.65;
}

.exhibit-entrance-copy > span {
  margin-top: auto;
  padding-top: 22px;
  color: #d2b66f;
  font-size: 11px;
}

.exhibit-entrance-copy > span b {
  float: right;
  font-size: 18px;
  font-weight: 400;
}

.exhibit-open {
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.exhibit-open:hover {
  transform: translateY(-5px);
  border-color: rgba(235, 205, 137, .58);
  background: #343c43;
}

.gallery-research-rooms {
  padding: 112px 0;
  color: var(--gallery-ink);
  background: #e5ded2;
}

.gallery-research-grid > div:first-child > p:last-child {
  color: #5b5955;
  font-size: 17px;
}

.gallery-research-list {
  border-top: 1px solid rgba(35, 38, 41, .16);
}

.gallery-research-list > * {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 21px 4px;
  color: #333638;
  border-bottom: 1px solid rgba(35, 38, 41, .16);
}

.gallery-research-list > a {
  transition: padding .2s ease, color .2s ease;
}

.gallery-research-list > a:hover {
  padding-left: 10px;
  color: #7b5f27;
}

.gallery-research-list span {
  color: #8b6b30;
  font-size: 10px;
}

.gallery-research-list h3 {
  margin: 0 0 3px;
  font-family: var(--serif);
  font-size: 23px;
}

.gallery-research-list p {
  margin: 0;
  color: #66635e;
  font-size: 13px;
}

.gallery-research-list small {
  color: #7d7770;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.gallery-illuminated-preview {
  padding: 112px 0;
  background:
    radial-gradient(circle at 12% 24%, rgba(215, 174, 80, .1), transparent 30%),
    #242a2f;
}

.gallery-illuminated-frame {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 65px;
  align-items: center;
}

.gallery-illuminated-copy p:not(.eyebrow) {
  color: #b9b1a6;
}

.gallery-illuminated-copy a {
  display: inline-block;
  margin-top: 24px;
  color: #d5ba76;
  font-size: 12px;
}

.gallery-art-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 340px;
  padding: 28px;
  border: 1px solid rgba(232, 205, 142, .24);
  background:
    radial-gradient(ellipse at 71% 38%, rgba(235, 195, 105, .25), transparent 28%),
    linear-gradient(115deg, #3c4d55, #26343a 47%, #172126);
}

.gallery-art-placeholder span {
  color: #d0af65;
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.gallery-art-placeholder strong {
  margin-top: 7px;
  color: #e8dfd0;
  font-family: var(--serif);
  font-size: 29px;
}

.gallery-sources {
  padding: 100px 0;
  color: var(--gallery-ink);
  background: #eee8dd;
}

.gallery-source-types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.gallery-source-types span {
  display: flex;
  gap: 14px;
  padding: 17px;
  border: 1px solid rgba(38, 41, 43, .13);
  font-size: 13px;
}

.gallery-source-types b {
  color: #89692d;
  font-size: 10px;
}

.gallery-doorway {
  padding: 115px 0;
  background:
    radial-gradient(circle at 80% 20%, rgba(213, 174, 87, .13), transparent 30%),
    #1d2227;
}

.gallery-doorway-panel {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 70px;
  align-items: center;
  min-height: 340px;
  padding: 48px;
  border: 1px solid rgba(232, 208, 159, .22);
  background:
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 55%),
    #2c3339;
}

.gallery-doorway-panel > div:first-child > span {
  color: #b8a069;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.gallery-doorway-panel p:last-child {
  max-width: 740px;
  color: #b8b0a5;
}

.gallery-doorway-status {
  display: grid;
  place-content: center;
  min-height: 190px;
  border: 1px solid rgba(231, 207, 158, .15);
  text-align: center;
}

.gallery-doorway-status small {
  color: #9d958a;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.gallery-doorway-status strong {
  margin-top: 7px;
  color: #d9bd76;
  font-family: var(--serif);
  font-size: 26px;
}

.gallery-footer {
  background: #171b1f;
}

@media (max-width: 1000px) {
  .gallery-orientation-grid,
  .gallery-research-grid,
  .gallery-sources-grid,
  .gallery-illuminated-frame,
  .timeline-marker-panel,
  .gallery-doorway-panel {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .gallery-section-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .timeline-marker-panel > a {
    grid-column: auto;
  }

  .exhibit-entrance:last-child {
    grid-column: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 210px 1fr;
  }

  .gallery-doorway-status {
    min-height: 120px;
  }
}

@media (max-width: 720px) {
  .gallery-hero-content {
    width: calc(100% - 32px);
    padding-bottom: 95px;
  }

  .gallery-breadcrumb {
    margin-bottom: 38px;
  }

  .gallery-meta {
    gap: 18px 34px;
  }

  .gallery-scroll-cue {
    display: none;
  }

  .gallery-orientation,
  .gallery-exhibits,
  .gallery-research-rooms,
  .gallery-illuminated-preview,
  .gallery-sources,
  .gallery-doorway {
    padding: 82px 0;
  }

  .exhibit-entrance-grid,
  .gallery-source-types {
    grid-template-columns: 1fr;
  }

  .timeline-marker-panel,
  .gallery-doorway-panel {
    padding: 27px 22px;
  }

  .timeline-marker-visual b {
    font-size: 7px;
  }

  .gallery-research-list > * {
    grid-template-columns: 30px 1fr;
  }

  .gallery-research-list small {
    grid-column: 2;
  }
}

/* =====================================================
   Archoseum — MUSEUM EVIDENCE SYSTEM V12
   A shared visual language used across galleries,
   research rooms, the timeline, and the library.
   ===================================================== */

:root {
  --evidence-biblical: #d7b86d;
  --evidence-biblical-rgb: 215, 184, 109;

  --evidence-tradition: #b68458;
  --evidence-tradition-rgb: 182, 132, 88;

  --evidence-architecture: #6e8da5;
  --evidence-architecture-rgb: 110, 141, 165;

  --evidence-civilization: #a36b4c;
  --evidence-civilization-rgb: 163, 107, 76;

  --evidence-migration: #708c69;
  --evidence-migration-rgb: 112, 140, 105;

  --evidence-climate: #7a848c;
  --evidence-climate-rgb: 122, 132, 140;

  --evidence-inferred: #92918d;
  --evidence-inferred-rgb: 146, 145, 141;
}

/* Shared evidence accent utility */
.evidence-biblical { --evidence-accent: var(--evidence-biblical); --evidence-rgb: var(--evidence-biblical-rgb); }
.evidence-tradition { --evidence-accent: var(--evidence-tradition); --evidence-rgb: var(--evidence-tradition-rgb); }
.evidence-architecture { --evidence-accent: var(--evidence-architecture); --evidence-rgb: var(--evidence-architecture-rgb); }
.evidence-civilization { --evidence-accent: var(--evidence-civilization); --evidence-rgb: var(--evidence-civilization-rgb); }
.evidence-migration { --evidence-accent: var(--evidence-migration); --evidence-rgb: var(--evidence-migration-rgb); }
.evidence-climate { --evidence-accent: var(--evidence-climate); --evidence-rgb: var(--evidence-climate-rgb); }
.evidence-inferred { --evidence-accent: var(--evidence-inferred); --evidence-rgb: var(--evidence-inferred-rgb); }

/* Gallery cards receive restrained category strips */
.gallery-preview,
.exhibit-entrance,
.museum-door {
  --card-accent: var(--evidence-biblical);
}

.gallery-preview::before,
.exhibit-entrance::after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--card-accent);
  opacity: .78;
  pointer-events: none;
}

.gallery-preview,
.exhibit-entrance {
  position: relative;
}

.exhibit-entrance:nth-child(1) { --card-accent: var(--evidence-biblical); }
.exhibit-entrance:nth-child(2) { --card-accent: var(--evidence-architecture); }
.exhibit-entrance:nth-child(3) { --card-accent: var(--evidence-migration); }
.exhibit-entrance:nth-child(4) { --card-accent: var(--evidence-biblical); }
.exhibit-entrance:nth-child(5) { --card-accent: var(--evidence-biblical); }

.gallery-preview:nth-child(1) { --card-accent: var(--evidence-biblical); }
.gallery-preview:nth-child(2) { --card-accent: var(--evidence-civilization); }
.gallery-preview:nth-child(3) { --card-accent: var(--evidence-tradition); }
.gallery-preview:nth-child(4) { --card-accent: var(--evidence-climate); }
.gallery-preview:nth-child(5) { --card-accent: var(--evidence-migration); }
.gallery-preview:nth-child(6) { --card-accent: var(--evidence-architecture); }

/* Library categories inherit the museum palette */
.source-category-grid span:nth-child(1),
.gallery-source-types span:nth-child(1) { border-left: 3px solid var(--evidence-biblical); }

.source-category-grid span:nth-child(2),
.gallery-source-types span:nth-child(3) { border-left: 3px solid var(--evidence-tradition); }

.source-category-grid span:nth-child(3) { border-left: 3px solid var(--evidence-architecture); }
.source-category-grid span:nth-child(4),
.gallery-source-types span:nth-child(2) { border-left: 3px solid var(--evidence-biblical); }
.source-category-grid span:nth-child(5) { border-left: 3px solid var(--evidence-architecture); }
.source-category-grid span:nth-child(6),
.gallery-source-types span:nth-child(5),
.gallery-source-types span:nth-child(6) { border-left: 3px solid var(--evidence-inferred); }

.gallery-source-types span:nth-child(4) { border-left: 3px solid var(--evidence-migration); }

/* Small, reusable museum key */
.museum-evidence-key {
  --key-bg: rgba(255,255,255,.025);
}

.museum-evidence-key span {
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .gallery-preview,
  .exhibit-entrance,
  .museum-door {
    transition: none !important;
  }
}

/* =====================================================
   THE CHRONICLE — VERSION 14
   Original museum orientation language for
   Archoseum.
   ===================================================== */

.chronicle-section {
  padding: 78px 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(211, 174, 91, .09), transparent 36%),
    #1b2024;
  border-top: 1px solid rgba(231, 208, 159, .13);
  border-bottom: 1px solid rgba(231, 208, 159, .13);
}

.chronicle-frame {
  position: relative;
  padding: 34px;
  border: 1px solid rgba(229, 204, 148, .28);
  background:
    linear-gradient(135deg, rgba(255,255,255,.022), transparent 38%),
    linear-gradient(180deg, #313840, #262d33);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 25px 65px rgba(0,0,0,.2);
}

.chronicle-frame::before,
.chronicle-frame::after {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  border-color: rgba(224, 190, 112, .46);
  pointer-events: none;
}

.chronicle-frame::before {
  left: 12px;
  top: 12px;
  border-left: 1px solid;
  border-top: 1px solid;
}

.chronicle-frame::after {
  right: 12px;
  bottom: 12px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.chronicle-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 45px;
  align-items: end;
  padding: 8px 10px 28px;
  border-bottom: 1px solid rgba(229, 205, 153, .15);
}

.chronicle-heading h2 {
  margin: 3px 0 0;
  color: #efe6d8;
  font-family: var(--serif);
  font-size: clamp(32px, 4.2vw, 58px);
  line-height: .96;
}

.chronicle-current {
  min-width: 260px;
  padding: 14px 17px;
  border: 1px solid rgba(226, 190, 104, .34);
  background: rgba(215, 184, 109, .07);
}

.chronicle-current span,
.chronicle-copy small,
.chronicle-status,
.chronicle-destinations small {
  display: block;
  color: #bda66f;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.chronicle-current strong {
  display: block;
  margin-top: 5px;
  color: #f1e8d9;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 600;
}

.chronicle-spine {
  position: relative;
  padding: 34px 10px 8px;
}

.chronicle-age {
  position: relative;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 140px;
  gap: 22px;
  align-items: center;
  min-height: 104px;
  padding: 15px 18px;
  color: #d7d0c5;
  border: 1px solid rgba(230, 207, 158, .09);
  background: rgba(255,255,255,.012);
}

.chronicle-age.is-current {
  border-color: rgba(228, 195, 116, .5);
  background:
    radial-gradient(circle at 8% 50%, rgba(219, 179, 87, .14), transparent 22%),
    rgba(215, 184, 109, .035);
  box-shadow:
    inset 4px 0 0 #d7b86d,
    0 12px 30px rgba(0,0,0,.12);
}

.chronicle-age.is-future {
  opacity: .72;
}

.chronicle-age.is-future:hover {
  opacity: 1;
}

.chronicle-seal {
  position: relative;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(225, 193, 119, .45);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(225,193,119,.11), transparent 68%);
  box-shadow: inset 0 0 0 6px rgba(225,193,119,.025);
}

.chronicle-seal::before,
.chronicle-seal::after,
.chronicle-seal i {
  content: "";
  position: absolute;
  display: block;
}

/* Creation seal: central light and horizon */
.seal-creation::before {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #e7c874;
  box-shadow: 0 0 18px rgba(231, 200, 116, .42);
}
.seal-creation::after {
  left: 10px;
  right: 10px;
  bottom: 15px;
  height: 1px;
  background: rgba(231, 200, 116, .55);
}

/* First world seal: tree and ground */
.seal-first-world::before {
  width: 5px;
  height: 25px;
  bottom: 12px;
  background: #9d7851;
}
.seal-first-world::after {
  width: 29px;
  height: 22px;
  top: 11px;
  border-radius: 50%;
  background: #71815c;
}
.seal-first-world i {
  left: 10px;
  right: 10px;
  bottom: 10px;
  height: 1px;
  background: rgba(183, 156, 99, .42);
}

/* Rebellion seal: divided star */
.seal-rebellion::before {
  width: 24px;
  height: 24px;
  border: 1px solid #b68458;
  transform: rotate(45deg);
}
.seal-rebellion::after {
  width: 1px;
  height: 34px;
  background: rgba(182,132,88,.65);
  transform: rotate(38deg);
}

/* Flood seal: ark line over waves */
.seal-flood::before {
  width: 29px;
  height: 9px;
  top: 15px;
  border: 1px solid #9a7754;
  border-top: 0;
  transform: skewX(-16deg);
}
.seal-flood::after {
  left: 9px;
  right: 9px;
  bottom: 15px;
  height: 7px;
  border-top: 1px solid #7a9bad;
  border-bottom: 1px solid #7a9bad;
  border-radius: 50%;
}

/* New world seal: mountain and branching path */
.seal-new-world::before {
  width: 28px;
  height: 18px;
  bottom: 15px;
  border-left: 1px solid #9d8b64;
  border-top: 1px solid #9d8b64;
  transform: rotate(45deg);
}
.seal-new-world::after {
  width: 1px;
  height: 22px;
  bottom: 8px;
  background: #708c69;
}
.seal-new-world i {
  width: 20px;
  height: 1px;
  bottom: 14px;
  background: #708c69;
  transform: rotate(-25deg);
}

.chronicle-copy strong {
  display: block;
  margin: 3px 0 4px;
  color: #eee5d7;
  font-family: var(--serif);
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
}

.chronicle-copy em {
  color: #9e978d;
  font-size: 12px;
  font-style: normal;
}

.chronicle-status {
  justify-self: end;
  color: #8f8981;
}

.chronicle-age.is-current .chronicle-status {
  padding: 7px 10px;
  border: 1px solid rgba(226, 190, 104, .38);
  color: #e7ca84;
  background: rgba(226, 190, 104, .06);
}

.chronicle-link {
  width: 1px;
  height: 22px;
  margin-left: 46px;
  background: linear-gradient(rgba(215,184,109,.5), rgba(215,184,109,.12));
}

.chronicle-branch {
  height: 32px;
}

.chronicle-destinations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.chronicle-destinations a {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 13px;
  align-items: center;
  min-height: 78px;
  padding: 14px;
  border: 1px solid rgba(229, 205, 153, .11);
  background: rgba(255,255,255,.014);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.chronicle-destinations a:hover {
  transform: translateY(-3px);
  border-color: rgba(230, 201, 132, .45);
  background: rgba(255,255,255,.025);
}

.chronicle-destinations strong {
  display: block;
  margin-top: 4px;
  color: #e6ded2;
  font-family: var(--serif);
  font-size: 19px;
}

.chronicle-mini-seal {
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(226, 190, 104, .38);
  border-radius: 50%;
}

.timeline-mini::before,
.research-mini::before,
.library-mini::before {
  content: "";
  position: absolute;
}

.timeline-mini::before {
  left: 6px;
  right: 6px;
  top: 14px;
  height: 1px;
  background: #d7b86d;
  box-shadow: 5px -5px 0 -2px #d7b86d, 10px 3px 0 -2px #d7b86d;
}

.research-mini::before {
  inset: 7px;
  border: 1px solid #6e8da5;
  transform: rotate(45deg);
}

.library-mini::before {
  left: 8px;
  right: 8px;
  top: 6px;
  bottom: 6px;
  border-left: 1px solid #b68458;
  border-right: 1px solid #b68458;
}

/* Compact Chronicle for exhibit pages */
.chronicle-compact {
  padding: 98px 0 34px;
  background: #1b2024;
}

.chronicle-compact .chronicle-frame {
  padding: 24px 28px;
}

.chronicle-compact .chronicle-heading {
  padding-bottom: 18px;
}

.chronicle-compact .chronicle-heading h2 {
  font-size: clamp(28px, 3.5vw, 44px);
}

.chronicle-compact-route {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
  padding: 20px 8px 2px;
  color: #9f988f;
  font-size: 12px;
}

.chronicle-compact-route span {
  color: #b69757;
  font-size: 8px;
}

.chronicle-compact-route strong {
  color: #efd693;
  font-weight: 600;
}

.chronicle-compact-route a:hover {
  color: #efd693;
}

@media (max-width: 900px) {
  .chronicle-heading {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .chronicle-current {
    min-width: 0;
  }

  .chronicle-age {
    grid-template-columns: 64px 1fr;
  }

  .chronicle-status {
    grid-column: 2;
    justify-self: start;
  }

  .chronicle-destinations {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .chronicle-section {
    padding: 58px 0;
  }

  .chronicle-frame {
    padding: 24px 18px;
  }

  .chronicle-age {
    grid-template-columns: 48px 1fr;
    gap: 14px;
    padding: 14px 10px;
  }

  .chronicle-seal {
    width: 42px;
    height: 42px;
  }

  .chronicle-copy strong {
    font-size: 23px;
  }

  .chronicle-copy em {
    font-size: 10px;
  }

  .chronicle-link {
    margin-left: 31px;
  }

  .chronicle-compact {
    padding-top: 82px;
  }
}
/* PERMANENT LIGHT ARCHIVE ENVIRONMENT V64 */
:root,html[data-theme="archive"]{color-scheme:light;--theme-page:#ded8cc;--theme-deep:#cec6b8;--theme-surface:#ece6db;--theme-raised:#f4efe6;--theme-soft:#d8d0c3;--theme-heading:#292c2e;--theme-text:#3c3d3c;--theme-muted:#67645e;--theme-border:rgba(86,72,51,.19);--theme-strong:rgba(86,72,51,.32);--theme-shadow:rgba(64,52,37,.13);--theme-header:rgba(232,225,213,.96)}
html{visibility:visible}body{background-color:var(--theme-page);color:var(--theme-text);transition:background-color .28s ease,color .28s ease}.site-header,.museum-header,.gallery-header{background:var(--theme-header);border-bottom-color:var(--theme-border)}.brand-copy strong,.museum-brand .brand-copy strong{color:var(--theme-heading)}.brand-copy small,.museum-brand .brand-copy small{color:var(--theme-muted)}.primary-nav a,.museum-nav a{color:var(--theme-text)}
.viewing-environment-toggle{display:inline-grid;grid-template-columns:auto auto 34px;gap:7px;align-items:center;min-height:38px;padding:7px 10px;border:1px solid var(--theme-border);border-radius:2px;background:color-mix(in srgb,var(--theme-surface) 88%,transparent);color:var(--theme-text);cursor:pointer}.viewing-environment-label{color:var(--theme-muted);font-size:8px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.viewing-environment-value{color:var(--theme-heading);font-family:var(--serif);font-size:15px;font-weight:600}.viewing-environment-switch{position:relative;width:32px;height:17px;border:1px solid var(--theme-strong);border-radius:999px;background:var(--theme-soft)}.viewing-environment-switch i{position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:#d7b86d;transition:transform .24s ease}html[data-theme="archive"] .viewing-environment-switch i{transform:translateX(15px);background:#8b6b32}
html[data-theme="archive"] .museum-orientation,html[data-theme="archive"] .gallery-orientation,html[data-theme="archive"] .research-wing,html[data-theme="archive"] .library-wing,html[data-theme="archive"] .gallery-research-rooms,html[data-theme="archive"] .gallery-sources{background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 30%),#e6dfd3;color:#303231}
html[data-theme="archive"] .entrance-section,html[data-theme="archive"] .museum-overview,html[data-theme="archive"] .gallery-wing,html[data-theme="archive"] .illuminated-wing,html[data-theme="archive"] .timeline-invitation,html[data-theme="archive"] .museum-closing,html[data-theme="archive"] .gallery-exhibits,html[data-theme="archive"] .gallery-timeline-marker,html[data-theme="archive"] .gallery-illuminated-preview,html[data-theme="archive"] .gallery-doorway,html[data-theme="archive"] .chronicle-section{background:radial-gradient(circle at 10% 0%,rgba(173,133,66,.08),transparent 30%),var(--theme-page);color:var(--theme-text)}
html[data-theme="archive"] .museum-door,html[data-theme="archive"] .gallery-preview,html[data-theme="archive"] .exhibit-entrance,html[data-theme="archive"] .timeline-door,html[data-theme="archive"] .chronicle-frame,html[data-theme="archive"] .chronicle-age,html[data-theme="archive"] .chronicle-destinations a,html[data-theme="archive"] .gallery-doorway-panel,html[data-theme="archive"] .timeline-marker-panel,html[data-theme="archive"] .gallery-art-placeholder,html[data-theme="archive"] .illuminated-placeholder{border-color:var(--theme-border);background:linear-gradient(145deg,rgba(255,255,255,.32),transparent 58%),var(--theme-surface);color:var(--theme-text);box-shadow:0 18px 44px var(--theme-shadow)}
html[data-theme="archive"] .door-copy strong,html[data-theme="archive"] .gallery-preview h3,html[data-theme="archive"] .exhibit-entrance-copy h3,html[data-theme="archive"] .timeline-door strong,html[data-theme="archive"] .chronicle-copy strong,html[data-theme="archive"] .chronicle-current strong,html[data-theme="archive"] .gallery-art-placeholder strong,html[data-theme="archive"] .illuminated-placeholder strong,html[data-theme="archive"] .chronicle-heading h2{color:var(--theme-heading)}html[data-theme="archive"] .door-copy p,html[data-theme="archive"] .gallery-preview p,html[data-theme="archive"] .exhibit-entrance-copy p,html[data-theme="archive"] .museum-overview-copy p,html[data-theme="archive"] .gallery-section-heading>p,html[data-theme="archive"] .chronicle-copy em{color:var(--theme-muted)}
html[data-theme="archive"] .museum-footer,html[data-theme="archive"] .gallery-footer,html[data-theme="archive"] .site-footer{background:#cbc2b4;color:#3d3d3a;border-top-color:var(--theme-border)}html[data-theme="archive"] .museum-hero,html[data-theme="archive"] .gallery-one-hero,html[data-theme="archive"] .exhibit-hero{color-scheme:dark}
@media(max-width:1180px){.viewing-environment-toggle{margin-left:auto}.viewing-environment-label{display:none}}@media(max-width:720px){.viewing-environment-toggle{grid-template-columns:auto 32px;min-height:36px;padding:6px 9px}}@media(prefers-reduced-motion:reduce){body,.viewing-environment-switch i{transition:none!important}}

/* =====================================================
   LIGHT ARCHIVE CALIBRATION — VERSION 16.1
   Keeps the parchment palette while improving readability.
   ===================================================== */

html[data-theme="archive"] {
  --archive-bronze: #8a6a2d;
  --archive-bronze-deep: #745820;
  --archive-muted: #655f57;
  --archive-tertiary: #716b62;
  --archive-shadow: rgba(64, 52, 37, .085);
}

/* Tertiary copy: quietly readable, no longer washed out */
html[data-theme="archive"] .door-copy p,
html[data-theme="archive"] .gallery-preview p,
html[data-theme="archive"] .exhibit-entrance-copy p,
html[data-theme="archive"] .museum-overview-copy p,
html[data-theme="archive"] .timeline-invitation-grid > div > p:last-child,
html[data-theme="archive"] .gallery-section-heading > p,
html[data-theme="archive"] .gallery-illuminated-copy p:not(.eyebrow),
html[data-theme="archive"] .gallery-doorway-panel p:last-child,
html[data-theme="archive"] .chronicle-copy em,
html[data-theme="archive"] .museum-orientation-heading > p,
html[data-theme="archive"] .entrance-heading > p,
html[data-theme="archive"] .research-wing-intro p,
html[data-theme="archive"] .library-grid > div:first-child p,
html[data-theme="archive"] .museum-closing p:not(.eyebrow),
html[data-theme="archive"] .illuminated-banner-copy p:last-child {
  color: var(--archive-muted) !important;
}

/* Eyebrows and small gold labels become archival bronze */
html[data-theme="archive"] .eyebrow,
html[data-theme="archive"] .eyebrow.dark,
html[data-theme="archive"] .door-copy small,
html[data-theme="archive"] .gallery-preview small,
html[data-theme="archive"] .exhibit-entrance-copy small,
html[data-theme="archive"] .chronicle-current span,
html[data-theme="archive"] .chronicle-copy small,
html[data-theme="archive"] .chronicle-status,
html[data-theme="archive"] .chronicle-destinations small,
html[data-theme="archive"] .timeline-door small,
html[data-theme="archive"] .illuminated-placeholder span,
html[data-theme="archive"] .gallery-art-placeholder span,
html[data-theme="archive"] .source-category-grid b,
html[data-theme="archive"] .gallery-source-types b {
  color: var(--archive-bronze) !important;
  font-weight: 600;
}

/* Slightly stronger letterpress treatment for tiny uppercase labels */
html[data-theme="archive"] .eyebrow,
html[data-theme="archive"] .door-copy small,
html[data-theme="archive"] .gallery-preview small,
html[data-theme="archive"] .exhibit-entrance-copy small,
html[data-theme="archive"] .timeline-door small,
html[data-theme="archive"] .illuminated-placeholder span,
html[data-theme="archive"] .gallery-art-placeholder span {
  letter-spacing: .17em;
}

/* Buttons and accents use deeper archival bronze in light mode */
html[data-theme="archive"] .button-primary,
html[data-theme="archive"] .door-action,
html[data-theme="archive"] .gallery-preview > b,
html[data-theme="archive"] .exhibit-entrance-copy > span,
html[data-theme="archive"] .timeline-door span,
html[data-theme="archive"] .chronicle-age.is-current .chronicle-status,
html[data-theme="archive"] .gallery-illuminated-copy a,
html[data-theme="archive"] .timeline-marker-panel > a {
  color: var(--archive-bronze-deep);
}

/* Softer panel shadows so parchment remains dominant */
html[data-theme="archive"] .museum-door,
html[data-theme="archive"] .gallery-preview,
html[data-theme="archive"] .exhibit-entrance,
html[data-theme="archive"] .timeline-door,
html[data-theme="archive"] .chronicle-frame,
html[data-theme="archive"] .chronicle-age,
html[data-theme="archive"] .chronicle-destinations a,
html[data-theme="archive"] .gallery-doorway-panel,
html[data-theme="archive"] .timeline-marker-panel,
html[data-theme="archive"] .gallery-art-placeholder,
html[data-theme="archive"] .illuminated-placeholder {
  box-shadow: 0 14px 34px var(--archive-shadow);
}

/* Preserve stronger hierarchy for large serif headings */
html[data-theme="archive"] h1,
html[data-theme="archive"] h2,
html[data-theme="archive"] h3 {
  text-rendering: optimizeLegibility;
}

/* Improve small footer and metadata copy */
html[data-theme="archive"] .site-footer p,
html[data-theme="archive"] .museum-footer p,
html[data-theme="archive"] .gallery-footer p,
html[data-theme="archive"] .gallery-meta small,
html[data-theme="archive"] .gallery-meta strong,
html[data-theme="archive"] .research-room-list b,
html[data-theme="archive"] .gallery-research-list small {
  color: var(--archive-tertiary);
}

/* =====================================================
   GALLERY I · EXHIBIT I — THE OPENING PASSAGE V17
   ===================================================== */

.opening-passage-page {
  background: var(--theme-page);
}

.opening-threshold {
  position: relative;
  min-height: 720px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: #12191e;
}

.opening-threshold-art,
.opening-threshold-overlay {
  position: absolute;
  inset: 0;
}

.opening-threshold-art {
  background:
    radial-gradient(circle at 72% 24%, rgba(250, 224, 159, .7), transparent 10%),
    radial-gradient(circle at 70% 29%, rgba(235, 193, 104, .23), transparent 24%),
    linear-gradient(180deg, #1c2c35 0%, #273b46 42%, #1b2b33 66%, #10171c 100%);
}

.threshold-deep {
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -18%;
  height: 62%;
  border-radius: 50% 50% 0 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(127, 162, 177, .18), transparent 36%),
    linear-gradient(180deg, #283f49, #111b20);
}

.threshold-waters {
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 26%;
  height: 22%;
  border-top: 1px solid rgba(190, 219, 229, .22);
  border-bottom: 1px solid rgba(190, 219, 229, .09);
  border-radius: 50%;
  transform: skewX(-8deg);
}

.threshold-spirit {
  position: absolute;
  right: 19%;
  top: 21%;
  width: 210px;
  height: 92px;
  border-top: 1px solid rgba(245, 220, 160, .35);
  border-radius: 50%;
  transform: rotate(-10deg);
  filter: drop-shadow(0 0 18px rgba(245, 220, 160, .12));
}

.threshold-light {
  position: absolute;
  right: 17%;
  top: 13%;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 242, 204, .84), rgba(241, 197, 105, .18) 42%, transparent 70%);
}

.opening-threshold-overlay {
  background:
    linear-gradient(90deg, rgba(7, 10, 12, .88), rgba(7, 10, 12, .5) 55%, rgba(7, 10, 12, .12)),
    linear-gradient(0deg, rgba(15, 20, 24, .96), transparent 53%);
}

.opening-threshold-content {
  position: relative;
  z-index: 2;
  width: min(calc(100% - 96px), 1320px);
  padding: 170px 0 92px;
}

.opening-threshold-content h1 {
  max-width: 980px;
  margin: 0;
  color: #f4ead9;
  font-family: var(--serif);
  font-size: clamp(72px, 9vw, 142px);
  line-height: .82;
  letter-spacing: -.055em;
}

.opening-subtitle {
  max-width: 810px;
  margin: 34px 0 0;
  color: rgba(244, 237, 225, .83);
  font-size: clamp(18px, 1.7vw, 23px);
  line-height: 1.65;
}

.opening-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 52px;
  margin-top: 38px;
  padding-top: 22px;
  border-top: 1px solid rgba(236, 214, 167, .18);
}

.opening-meta span {
  display: grid;
  gap: 4px;
}

.opening-meta small {
  color: #bdaf96;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.opening-meta strong {
  color: #eadfce;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 600;
}

.exhibit-curator-note {
  padding: 34px 0;
  background: var(--theme-page);
}

.curator-note-panel {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 34px;
  padding: 24px 28px;
  border: 1px solid var(--theme-border);
  border-left: 4px solid var(--evidence-biblical);
  background: var(--theme-surface);
  box-shadow: 0 14px 34px var(--theme-shadow);
}

.curator-note-panel p {
  margin: 0;
  color: var(--theme-muted);
  line-height: 1.7;
}

.detailed-exhibit-layout {
  padding-top: 70px;
  padding-bottom: 110px;
}

.detailed-exhibit-content {
  min-width: 0;
}

.detailed-exhibit-content .content-section {
  scroll-margin-top: 110px;
  padding: 0 0 72px;
  margin-bottom: 72px;
  border-bottom: 1px solid var(--theme-border);
}

.detailed-exhibit-content .content-section:last-of-type {
  border-bottom: 0;
}

.reading-depth-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 24px;
}

.reading-depth-row span {
  padding: 15px 16px;
  border: 1px solid var(--theme-border);
  background: color-mix(in srgb, var(--theme-surface) 90%, transparent);
  color: var(--theme-muted);
  font-size: 12px;
  line-height: 1.55;
}

.reading-depth-row b {
  display: block;
  margin-bottom: 3px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 17px;
}

.foundational-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 30px;
}

.foundational-grid article {
  position: relative;
  min-height: 190px;
  padding: 26px;
  border: 1px solid var(--theme-border);
  border-left: 3px solid var(--evidence-biblical);
  background: var(--theme-surface);
}

.foundational-grid article > span {
  color: var(--evidence-biblical);
  font-size: 10px;
  letter-spacing: .15em;
}

.foundational-grid h3 {
  margin: 15px 0 8px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 29px;
}

.foundational-grid p {
  margin: 0;
  color: var(--theme-muted);
  line-height: 1.65;
}

.language-table-wrap {
  overflow-x: auto;
  margin-top: 26px;
  border: 1px solid var(--theme-border);
}

.language-table {
  width: 100%;
  min-width: 840px;
  border-collapse: collapse;
  background: var(--theme-surface);
}

.language-table th,
.language-table td {
  padding: 17px 18px;
  border-bottom: 1px solid var(--theme-border);
  text-align: left;
  vertical-align: top;
}

.language-table th {
  color: var(--evidence-biblical);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.language-table td {
  color: var(--theme-text);
  font-size: 13px;
  line-height: 1.55;
}

.language-table td[lang="he"] {
  color: var(--theme-heading);
  font-size: 24px;
  text-align: right;
}

.text-flow {
  display: grid;
  grid-template-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  gap: 12px;
  align-items: stretch;
  margin-top: 30px;
}

.text-flow article {
  min-height: 210px;
  padding: 22px;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
}

.text-flow > span {
  align-self: center;
  color: var(--evidence-biblical);
  text-align: center;
  font-size: 22px;
}

.text-flow small {
  color: var(--evidence-biblical);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.text-flow strong {
  display: block;
  margin-top: 13px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 23px;
  line-height: 1.05;
}

.text-flow p {
  color: var(--theme-muted);
  font-size: 13px;
  line-height: 1.6;
}

.forming-filling-panel {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 44px;
  margin-top: 30px;
  padding: 30px;
  border: 1px solid var(--theme-border);
  background: color-mix(in srgb, var(--theme-surface) 88%, transparent);
}

.forming-filling-panel h3 {
  margin: 5px 0 10px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 35px;
}

.forming-filling-panel p {
  color: var(--theme-muted);
}

.forming-filling-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.forming-filling-grid span {
  padding: 15px;
  border: 1px solid var(--theme-border);
  color: var(--theme-muted);
  font-size: 12px;
}

.forming-filling-grid b {
  display: block;
  margin-bottom: 4px;
  color: var(--evidence-biblical);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 28px;
}

.comparison-grid article {
  padding: 27px;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
}

.comparison-biblical {
  border-left: 4px solid var(--evidence-biblical) !important;
}

.comparison-tradition {
  border-left: 4px solid var(--evidence-tradition) !important;
}

.comparison-grid span {
  color: var(--theme-muted);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.comparison-biblical span {
  color: var(--evidence-biblical);
}

.comparison-tradition span {
  color: var(--evidence-tradition);
}

.comparison-grid h3 {
  margin: 10px 0 16px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 31px;
}

.comparison-grid ul {
  margin: 0;
  padding-left: 19px;
  color: var(--theme-muted);
  line-height: 1.65;
}

.comparison-grid li + li {
  margin-top: 8px;
}

.research-question-list {
  display: grid;
  gap: 10px;
  margin-top: 26px;
}

.research-question-list details {
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
}

.research-question-list summary {
  position: relative;
  padding: 20px 54px 20px 22px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 23px;
  cursor: pointer;
  list-style: none;
}

.research-question-list summary::-webkit-details-marker {
  display: none;
}

.research-question-list summary::after {
  content: "+";
  position: absolute;
  right: 22px;
  top: 17px;
  color: var(--evidence-biblical);
  font-family: var(--serif);
  font-size: 27px;
}

.research-question-list details[open] summary::after {
  content: "−";
}

.research-question-list details p {
  margin: 0;
  padding: 0 22px 22px;
  color: var(--theme-muted);
  line-height: 1.7;
}

.significance-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 28px;
}

.significance-grid article {
  padding: 24px;
  border-top: 3px solid var(--evidence-biblical);
  background: var(--theme-surface);
}

.significance-grid h3 {
  margin: 0 0 8px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 28px;
}

.significance-grid p {
  margin: 0;
  color: var(--theme-muted);
  line-height: 1.65;
}

.opening-plate-placeholder {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: flex-end;
  padding: 34px;
  overflow: hidden;
  border: 1px solid var(--theme-border);
  background:
    radial-gradient(circle at 72% 28%, rgba(242, 207, 126, .26), transparent 22%),
    linear-gradient(145deg, #324650, #202f36 58%, #151e23);
  color-scheme: dark;
}

.opening-plate-placeholder > div:last-child {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.opening-plate-placeholder small {
  color: #d9b968;
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.opening-plate-placeholder strong {
  display: block;
  margin: 8px 0 10px;
  color: #f0e7d8;
  font-family: var(--serif);
  font-size: 35px;
}

.opening-plate-placeholder p {
  color: #c5bdb1;
}

.plate-cosmos {
  position: absolute;
  inset: 0;
}

.plate-cosmos span:nth-child(1) {
  position: absolute;
  right: 12%;
  top: 10%;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(239, 211, 148, .2);
  border-radius: 50%;
}

.plate-cosmos span:nth-child(2) {
  position: absolute;
  right: 4%;
  top: 3%;
  width: 360px;
  height: 210px;
  border: 1px solid rgba(239, 211, 148, .12);
  border-radius: 50%;
  transform: rotate(-18deg);
}

.plate-cosmos span:nth-child(3) {
  position: absolute;
  left: -7%;
  right: -7%;
  bottom: -24%;
  height: 63%;
  border-radius: 50%;
  background: #21363e;
}

.plate-cosmos span:nth-child(4) {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 31%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(238, 208, 139, .44), transparent);
}

.museum-connection-grid,
.detailed-source-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-top: 27px;
}

.museum-connection-grid a,
.detailed-source-list article {
  padding: 24px;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
}

.museum-connection-grid a {
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.museum-connection-grid a:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--evidence-biblical) 50%, var(--theme-border));
  background: var(--theme-raised);
}

.museum-connection-grid span,
.detailed-source-list span {
  color: var(--evidence-biblical);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.detailed-source-list .evidence-tradition span {
  color: var(--evidence-tradition);
}

.detailed-source-list .evidence-inferred span {
  color: var(--evidence-inferred);
}

.museum-connection-grid strong,
.detailed-source-list h3 {
  display: block;
  margin: 9px 0 7px;
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 25px;
  font-weight: 600;
}

.museum-connection-grid p,
.detailed-source-list p,
.source-disclaimer {
  margin: 0;
  color: var(--theme-muted);
  line-height: 1.65;
}

.source-disclaimer {
  margin-top: 22px;
  padding: 18px 20px;
  border-left: 3px solid var(--evidence-inferred);
  background: color-mix(in srgb, var(--theme-surface) 86%, transparent);
}

.exhibit-journey {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 10px;
}

.exhibit-journey > * {
  min-height: 118px;
  padding: 20px;
  border: 1px solid var(--theme-border);
  background: var(--theme-surface);
}

.exhibit-journey span {
  display: block;
  margin-bottom: 8px;
  color: var(--theme-muted);
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.exhibit-journey strong {
  color: var(--theme-heading);
  font-family: var(--serif);
  font-size: 21px;
  line-height: 1.1;
}

.exhibit-journey small {
  display: block;
  margin-top: 7px;
  color: var(--theme-muted);
}

.exhibit-journey a:hover {
  border-color: color-mix(in srgb, var(--evidence-biblical) 50%, var(--theme-border));
}

.exhibit-journey .is-future {
  opacity: .72;
}

/* Light Archive refinements specific to the exhibit */
html[data-theme="archive"] .opening-passage-page {
  background: var(--theme-page);
}

html[data-theme="archive"] .curator-note-panel,
html[data-theme="archive"] .foundational-grid article,
html[data-theme="archive"] .language-table,
html[data-theme="archive"] .text-flow article,
html[data-theme="archive"] .forming-filling-panel,
html[data-theme="archive"] .forming-filling-grid span,
html[data-theme="archive"] .comparison-grid article,
html[data-theme="archive"] .research-question-list details,
html[data-theme="archive"] .significance-grid article,
html[data-theme="archive"] .museum-connection-grid a,
html[data-theme="archive"] .detailed-source-list article,
html[data-theme="archive"] .exhibit-journey > *,
html[data-theme="archive"] .reading-depth-row span {
  background: #eee8de;
  border-color: rgba(86, 72, 51, .18);
  box-shadow: 0 10px 24px rgba(64, 52, 37, .055);
}

html[data-theme="archive"] .detailed-exhibit-content,
html[data-theme="archive"] .detailed-exhibit-content p,
html[data-theme="archive"] .detailed-exhibit-content li,
html[data-theme="archive"] .language-table td {
  color: #4b4944;
}

html[data-theme="archive"] .detailed-exhibit-content h2,
html[data-theme="archive"] .detailed-exhibit-content h3,
html[data-theme="archive"] .language-table td[lang="he"] {
  color: #2e302f;
}

html[data-theme="archive"] .section-label,
html[data-theme="archive"] .language-table th,
html[data-theme="archive"] .museum-connection-grid span,
html[data-theme="archive"] .detailed-source-list span {
  color: #806024;
}

html[data-theme="archive"] .opening-scripture {
  background: #e7dfd2;
  border-color: rgba(126, 92, 37, .25);
}

html[data-theme="archive"] .opening-scripture p {
  color: #343533;
}

@media (max-width: 1050px) {
  .text-flow {
    grid-template-columns: 1fr;
  }

  .text-flow > span {
    transform: rotate(90deg);
  }

  .forming-filling-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 800px) {
  .opening-threshold-content {
    width: calc(100% - 32px);
  }

  .curator-note-panel,
  .reading-depth-row,
  .foundational-grid,
  .comparison-grid,
  .significance-grid,
  .museum-connection-grid,
  .detailed-source-list,
  .exhibit-journey {
    grid-template-columns: 1fr;
  }

  .curator-note-panel {
    gap: 10px;
  }

  .forming-filling-grid {
    grid-template-columns: 1fr;
  }
}
/* ===== EXHIBIT II — SIX DAYS OF CREATION V18 ===== */
.six-days-page{background:var(--theme-page)}
.six-days-threshold{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;background:#11191e}
.six-days-sky,.six-days-overlay{position:absolute;inset:0}
.six-days-sky{background:radial-gradient(circle at 74% 24%,rgba(255,229,159,.82),transparent 9%),radial-gradient(circle at 70% 28%,rgba(230,184,85,.26),transparent 28%),linear-gradient(180deg,#1d3440 0%,#31515d 42%,#84734f 71%,#172329 100%)}
.six-days-light{position:absolute;right:15%;top:11%;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,209,.94),rgba(242,195,94,.22) 42%,transparent 71%)}
.six-days-arc{position:absolute;right:8%;top:7%;border:1px solid rgba(240,218,169,.18);border-radius:50%;transform:rotate(-17deg)}
.arc-a{width:470px;height:240px}.arc-b{right:2%;top:1%;width:700px;height:360px}
.six-days-earth{position:absolute;left:-8%;right:-8%;bottom:-19%;height:56%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,rgba(219,187,112,.2),transparent 37%),linear-gradient(180deg,#3e594e,#16262a)}
.six-days-water{position:absolute;left:0;right:0;bottom:25%;height:16%;border-top:1px solid rgba(185,214,224,.22);border-bottom:1px solid rgba(185,214,224,.08);border-radius:50%}
.six-days-stars{position:absolute;right:12%;top:13%;width:3px;height:3px;border-radius:50%;background:#f7e5b7;box-shadow:-90px 30px #f7e5b7,-150px 75px #f7e5b7,55px 70px #f7e5b7,105px 18px #f7e5b7,145px 100px #f7e5b7,-35px 135px #f7e5b7;opacity:.7}
.six-days-overlay{background:linear-gradient(90deg,rgba(7,10,12,.88),rgba(7,10,12,.48) 55%,rgba(7,10,12,.09)),linear-gradient(0deg,rgba(15,20,24,.97),transparent 54%)}
.six-days-threshold-content{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:175px 0 95px}
.six-days-threshold-content h1{max-width:1080px;margin:0;color:#f4ead9;font-family:var(--serif);font-size:clamp(66px,8.5vw,135px);line-height:.82;letter-spacing:-.055em}
.six-days-kicker{margin:20px 0 0;color:#e3c77f;font-family:var(--serif);font-size:clamp(27px,3vw,42px)}
.six-days-subtitle{max-width:840px;margin:25px 0 0;color:rgba(244,237,225,.83);font-size:clamp(18px,1.65vw,22px);line-height:1.65}

.architecture-wall{margin-top:34px;padding:28px;border:1px solid var(--theme-border);background:var(--theme-surface);box-shadow:0 18px 44px var(--theme-shadow)}
.architecture-wall>header{display:grid;grid-template-columns:100px 1fr 70px 1fr 100px;gap:15px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--theme-border);text-align:center}
.architecture-wall>header span{color:var(--theme-soft);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.architecture-wall>header strong{color:var(--theme-heading);font-family:var(--serif);font-size:24px}
.architecture-wall>header i{height:1px;background:linear-gradient(90deg,transparent,var(--evidence-biblical),transparent)}
.architecture-pair{display:grid;grid-template-columns:1fr 70px 1fr;gap:15px;align-items:stretch;padding:16px 0;border-bottom:1px solid var(--theme-border)}
.architecture-pair:last-child{border-bottom:0}
.architecture-pair article{min-height:170px;padding:22px;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-surface-raised) 72%,transparent)}
.architecture-pair small,.day-heading span{color:var(--evidence-biblical);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.architecture-pair h3{margin:10px 0 8px;color:var(--theme-heading);font-family:var(--serif);font-size:28px}
.architecture-pair p{margin:0;color:var(--theme-muted);line-height:1.6}
.pair-connector{position:relative;display:grid;place-items:center}.pair-connector:before{content:"";width:100%;height:1px;background:var(--theme-border-strong)}
.pair-connector span{position:absolute;width:12px;height:12px;border:2px solid var(--evidence-biblical);background:var(--theme-surface);transform:rotate(45deg)}
.pair-light article{border-left:3px solid #d8b65c}.pair-waters article{border-left:3px solid var(--evidence-architecture)}.pair-land article{border-left:3px solid var(--evidence-migration)}

.day-installation-list{display:grid;gap:22px;margin-top:34px}
.day-installation{display:grid;grid-template-columns:32% 68%;min-height:480px;overflow:hidden;border:1px solid var(--theme-border);background:var(--theme-surface);box-shadow:0 16px 38px var(--theme-shadow)}
.day-installation:nth-child(even){grid-template-columns:68% 32%}.day-installation:nth-child(even) .day-visual{order:2}
.day-visual{position:relative;overflow:hidden;min-height:100%}.day-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.18))}
.day-installation:nth-child(even) .day-visual:after{background:linear-gradient(-90deg,transparent,rgba(0,0,0,.18))}
.day-one .day-visual{background:radial-gradient(circle at 66% 31%,rgba(255,233,170,.88),transparent 14%),linear-gradient(145deg,#293c48,#10171c)}
.day-one .day-visual span{position:absolute;inset:0 50% 0 0;background:rgba(4,7,9,.72)}
.day-one .day-visual i{position:absolute;top:50%;left:8%;right:8%;height:1px;background:rgba(244,216,153,.42)}
.day-two .day-visual{background:linear-gradient(180deg,#294453 0 44%,#d0ae6b 47% 49%,#263b46 52%)}
.day-two .day-visual span{position:absolute;left:8%;right:8%;top:17%;height:55%;border:1px solid rgba(237,220,183,.25);border-radius:50% 50% 0 0}
.day-two .day-visual i{position:absolute;left:0;right:0;top:49%;height:1px;background:rgba(234,204,140,.6)}
.day-three .day-visual{background:radial-gradient(circle at 74% 20%,rgba(246,217,148,.4),transparent 22%),linear-gradient(180deg,#446153,#20372f)}
.day-three .day-visual span{position:absolute;left:-10%;right:-10%;bottom:-8%;height:55%;border-radius:50% 50% 0 0;background:#385543}
.day-three .day-visual i{position:absolute;left:12%;right:12%;bottom:34%;height:6px;border-radius:50%;background:linear-gradient(90deg,transparent,#78a8a2,transparent);transform:rotate(-5deg)}
.day-four .day-visual{background:radial-gradient(circle at 67% 28%,#f5d77d 0 8%,transparent 9%),radial-gradient(circle at 30% 57%,#d9d0ad 0 4%,transparent 5%),linear-gradient(145deg,#1d3041,#0c131a)}
.day-four .day-visual span{position:absolute;width:3px;height:3px;border-radius:50%;background:#f3e2b1;left:22%;top:18%;box-shadow:42px 18px #f3e2b1,80px -5px #f3e2b1,110px 45px #f3e2b1,150px 4px #f3e2b1,180px 60px #f3e2b1}
.day-four .day-visual i{position:absolute;left:8%;right:8%;bottom:22%;height:1px;background:rgba(230,199,127,.35)}
.day-five .day-visual{background:linear-gradient(180deg,#466779 0 48%,#1d4651 49%)}
.day-five .day-visual span{position:absolute;left:18%;top:25%;width:42px;height:15px;border-top:2px solid rgba(231,218,185,.7);border-radius:50%;box-shadow:95px 36px 0 -1px rgba(231,218,185,.6),160px -2px 0 -2px rgba(231,218,185,.7)}
.day-five .day-visual i{position:absolute;left:12%;right:12%;bottom:22%;height:22px;border-top:2px solid rgba(142,190,198,.45);border-bottom:2px solid rgba(142,190,198,.24);border-radius:50%}
.day-six .day-visual{background:radial-gradient(circle at 74% 19%,rgba(242,210,139,.4),transparent 23%),linear-gradient(180deg,#5c6d54,#26392f)}
.day-six .day-visual span,.day-six .day-visual i{position:absolute;bottom:18%;width:44px;height:125px;border-radius:40% 40% 13px 13px;background:rgba(28,31,27,.72)}
.day-six .day-visual span{left:34%}.day-six .day-visual i{right:34%;height:112px}

.day-plaque{padding:34px}.day-heading{display:flex;justify-content:space-between;gap:25px;padding-bottom:13px;border-bottom:1px solid var(--theme-border)}
.day-heading small{color:var(--theme-soft)}.day-plaque h3{margin:23px 0 12px;color:var(--theme-heading);font-family:var(--serif);font-size:clamp(40px,4.3vw,58px);line-height:.92}
.day-plaque blockquote{margin:0 0 22px;padding-left:16px;border-left:2px solid var(--evidence-biblical);color:var(--theme-text);font-family:var(--serif);font-size:20px;font-style:italic;line-height:1.45}
.day-plaque dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0}.day-plaque dl div{padding:13px 14px;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-surface-raised) 68%,transparent)}
.day-plaque dt{color:var(--theme-soft);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.day-plaque dd{margin:4px 0 0;color:var(--theme-text);font-size:12px;line-height:1.5}
.pause-observe{margin-top:19px;padding:15px 17px;border-left:3px solid var(--evidence-biblical);background:color-mix(in srgb,var(--evidence-biblical) 7%,transparent)}
.pause-observe strong{color:var(--evidence-biblical);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.pause-observe p{margin:5px 0 0;color:var(--theme-muted);line-height:1.6}

.pattern-grid,.context-distinction-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.pattern-grid article,.context-distinction-grid article{padding:22px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.pattern-grid article{border-top:3px solid var(--evidence-biblical)}
.pattern-grid span,.context-distinction-grid span{color:var(--theme-soft);font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.pattern-grid strong{display:block;margin:8px 0 6px;color:var(--theme-heading);font-family:var(--serif);font-size:25px}
.pattern-grid p,.context-distinction-grid p{margin:0;color:var(--theme-muted);line-height:1.6}
.memory-statement{margin-top:24px;padding:31px;border:1px solid color-mix(in srgb,var(--evidence-biblical) 45%,var(--theme-border));background:color-mix(in srgb,var(--evidence-biblical) 7%,var(--theme-surface));text-align:center}
.memory-statement small{color:var(--evidence-biblical);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.memory-statement blockquote{max-width:800px;margin:13px auto 0;color:var(--theme-heading);font-family:var(--serif);font-size:clamp(27px,3.5vw,42px);line-height:1.15}

.seventh-day-panel{display:grid;grid-template-columns:180px 1fr;gap:38px;align-items:center;margin-top:28px;padding:32px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.seventh-symbol{display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(215,184,109,.45);border-radius:50%;background:radial-gradient(circle,rgba(215,184,109,.13),transparent 66%)}
.seventh-symbol span{color:var(--evidence-biblical);font-family:var(--serif);font-size:50px}
.seventh-day-panel p,.seventh-day-panel li{color:var(--theme-muted);line-height:1.65}

.context-distinction-grid .evidence-biblical{border-left:4px solid var(--evidence-biblical)}.context-distinction-grid .evidence-tradition{border-left:4px solid var(--evidence-tradition)}
.context-distinction-grid .evidence-biblical span{color:var(--evidence-biblical)}.context-distinction-grid .evidence-tradition span{color:var(--evidence-tradition)}
.context-distinction-grid h3{margin:9px 0;color:var(--theme-heading);font-family:var(--serif);font-size:28px}

.six-days-plate-wall{position:relative;min-height:430px;display:flex;align-items:flex-end;overflow:hidden;padding:34px;border:1px solid var(--theme-border);background:#172329;color-scheme:dark}
.plate-day-strip{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr)}.plate-day-strip span{border-right:1px solid rgba(242,218,164,.11)}
.pday-one{background:linear-gradient(90deg,#0b1014,#d9b968)}.pday-two{background:linear-gradient(180deg,#2f5060 0 46%,#d7b86d 48% 50%,#27404b 52%)}.pday-three{background:linear-gradient(180deg,#526c56,#20352d)}.pday-four{background:radial-gradient(circle at 62% 28%,#eed078 0 7%,transparent 8%),#13212e}.pday-five{background:linear-gradient(180deg,#4b6e82 0 48%,#1d4853 49%)}.pday-six{background:linear-gradient(180deg,#667655,#293b31)}
.plate-day-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,15,17,.86),transparent 62%)}
.plate-wall-copy{position:relative;z-index:2;max-width:700px}.plate-wall-copy small{color:#d7b86d;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.plate-wall-copy strong{display:block;margin:8px 0 10px;color:#f0e7d9;font-family:var(--serif);font-size:35px}.plate-wall-copy p{color:#c7bfb4}
.plate-study-key{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.plate-study-key span{padding:13px;border:1px solid var(--theme-border);color:var(--theme-muted);font-size:11px}.plate-study-key b{margin-right:8px;color:var(--evidence-biblical);font-size:9px}

.next-exhibit-threshold{margin:0 0 40px;padding:45px;border:1px solid var(--theme-border);background:radial-gradient(circle at 85% 15%,rgba(112,140,105,.13),transparent 28%),var(--theme-surface)}
.next-exhibit-threshold h2{margin:5px 0 12px;color:var(--theme-heading);font-family:var(--serif);font-size:clamp(42px,5vw,67px);line-height:.95}.next-exhibit-threshold p{max-width:800px;color:var(--theme-muted);font-size:17px}
.next-exhibit-threshold>span{display:block;margin-top:25px;color:var(--evidence-migration);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.next-exhibit-threshold>strong{display:block;margin-top:5px;color:var(--theme-heading);font-family:var(--serif);font-size:31px}.next-exhibit-threshold>small{color:var(--theme-soft)}

html[data-theme="archive"] .architecture-wall,
html[data-theme="archive"] .architecture-pair article,
html[data-theme="archive"] .day-installation,
html[data-theme="archive"] .day-plaque dl div,
html[data-theme="archive"] .pattern-grid article,
html[data-theme="archive"] .seventh-day-panel,
html[data-theme="archive"] .context-distinction-grid article,
html[data-theme="archive"] .next-exhibit-threshold{background:#eee8de;border-color:rgba(86,72,51,.18);box-shadow:0 10px 25px rgba(64,52,37,.06)}
html[data-theme="archive"] .architecture-wall>header strong,
html[data-theme="archive"] .architecture-pair h3,
html[data-theme="archive"] .day-plaque h3,
html[data-theme="archive"] .pattern-grid strong,
html[data-theme="archive"] .memory-statement blockquote,
html[data-theme="archive"] .context-distinction-grid h3,
html[data-theme="archive"] .next-exhibit-threshold h2,
html[data-theme="archive"] .next-exhibit-threshold>strong{color:#2e302f}
html[data-theme="archive"] .architecture-pair p,
html[data-theme="archive"] .day-plaque dd,
html[data-theme="archive"] .pause-observe p,
html[data-theme="archive"] .pattern-grid p,
html[data-theme="archive"] .seventh-day-panel p,
html[data-theme="archive"] .seventh-day-panel li,
html[data-theme="archive"] .context-distinction-grid p,
html[data-theme="archive"] .next-exhibit-threshold p{color:#514e48}
html[data-theme="archive"] .day-plaque blockquote{color:#353634}
html[data-theme="archive"] .architecture-wall,
html[data-theme="archive"] .pair-connector span{background:#eee8de}
html[data-theme="archive"] .memory-statement{background:#e8dfcf}

@media(max-width:1000px){
.architecture-wall>header{grid-template-columns:1fr 1fr}.architecture-wall>header span,.architecture-wall>header i{display:none}
.architecture-pair{grid-template-columns:1fr}.pair-connector{min-height:28px}.pair-connector:before{width:1px;height:28px}
.day-installation,.day-installation:nth-child(even){grid-template-columns:1fr}.day-installation:nth-child(even) .day-visual{order:0}.day-visual{min-height:270px}
}
@media(max-width:760px){
.six-days-threshold-content{width:calc(100% - 32px)}.day-plaque{padding:24px 20px}.day-plaque dl,.pattern-grid,.context-distinction-grid,.plate-study-key{grid-template-columns:1fr}
.seventh-day-panel{grid-template-columns:1fr}.seventh-symbol{width:110px;height:110px}.next-exhibit-threshold{padding:30px 22px}
}
/* =====================================================
   VERSION 19 — THE GARDEN OF EDEN INITIATIVE
   ===================================================== */
.eden-page{background:var(--theme-page)}
.eden-threshold{position:relative;min-height:780px;display:flex;align-items:flex-end;overflow:hidden;background:#14241f}
.eden-landscape,.eden-overlay{position:absolute;inset:0}
.eden-landscape{background:radial-gradient(circle at 72% 18%,rgba(255,229,155,.82),transparent 10%),linear-gradient(180deg,#496b65 0%,#7e916b 36%,#8d815d 62%,#253a31 100%)}
.eden-sun{position:absolute;right:15%;top:10%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,245,207,.9),rgba(230,188,102,.18) 43%,transparent 72%)}
.eden-mist{position:absolute;left:5%;right:5%;bottom:29%;height:23%;border-radius:50%;background:linear-gradient(180deg,transparent,rgba(229,238,218,.16),transparent);filter:blur(4px)}
.eden-river{position:absolute;left:42%;bottom:-8%;width:20%;height:69%;border-radius:50% 50% 0 0;background:linear-gradient(90deg,rgba(103,161,169,.2),rgba(183,220,218,.63),rgba(89,142,151,.25));transform:perspective(480px) rotateX(57deg)}
.eden-left-bank,.eden-right-bank{position:absolute;bottom:-18%;width:58%;height:57%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#54734d,#20352d)}
.eden-left-bank{left:-19%;transform:rotate(5deg)}.eden-right-bank{right:-19%;transform:rotate(-5deg)}
.eden-tree{position:absolute;bottom:22%;width:32px;height:170px;background:#463b2d;border-radius:45% 45% 10px 10px}
.eden-tree:before{content:"";position:absolute;left:50%;top:-73px;width:150px;height:115px;border-radius:50%;background:radial-gradient(circle,#80965e,#455f43);transform:translateX(-50%)}
.tree-left{left:18%;transform:scale(.82)}.tree-right{right:25%}
.eden-overlay{background:linear-gradient(90deg,rgba(7,12,10,.86),rgba(7,12,10,.43) 58%,rgba(7,12,10,.08)),linear-gradient(0deg,rgba(13,22,18,.96),transparent 55%)}
.eden-threshold-content{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:180px 0 96px}
.eden-threshold-content h1{max-width:1050px;margin:0;color:#f2eadb;font-family:var(--serif);font-size:clamp(72px,9vw,142px);line-height:.82;letter-spacing:-.055em}
.eden-kicker{margin:20px 0 0;color:#d3bb75;font-family:var(--serif);font-size:clamp(28px,3vw,42px)}
.eden-subtitle{max-width:850px;margin:24px 0 0;color:rgba(245,238,226,.84);font-size:clamp(18px,1.65vw,22px);line-height:1.65}

.narrowing-relief{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr 34px 1.2fr;gap:10px;align-items:center;margin-top:30px;padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.narrowing-relief article{min-height:130px;display:grid;align-content:center;padding:18px;border:1px solid var(--theme-border);background:var(--theme-surface-raised);text-align:center}
.narrowing-relief small,.geography-record-grid span,.vocation-grid span,.sacred-parallel-grid span{color:var(--theme-soft);font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.narrowing-relief strong{margin-top:7px;color:var(--theme-heading);font-family:var(--serif);font-size:23px}.narrowing-relief i{color:var(--evidence-migration);text-align:center;font-size:20px}

.researchers-margin{margin-top:24px;padding:20px 22px;border:1px solid var(--theme-border);border-left:4px solid var(--evidence-accent,var(--evidence-inferred));background:color-mix(in srgb,var(--evidence-accent,var(--evidence-inferred)) 7%,var(--theme-surface))}
.researchers-margin>span{color:var(--evidence-accent,var(--evidence-inferred));font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.researchers-margin strong{display:block;margin:8px 0 6px;color:var(--theme-heading);font-family:var(--serif);font-size:24px}.researchers-margin p{margin:0;color:var(--theme-muted);line-height:1.65}
.evidence-key-panel{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 18px}.certainty{padding:8px 10px;border:1px solid var(--theme-border);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.certainty.explicit{border-left:4px solid var(--evidence-biblical)}.certainty.historic{border-left:4px solid var(--evidence-architecture)}.certainty.proposed{border-left:4px solid var(--evidence-tradition)}.certainty.uncertain{border-left:4px dashed var(--evidence-inferred)}

.eden-map-relief{position:relative;min-height:560px;overflow:hidden;border:1px solid var(--theme-border);background:radial-gradient(circle at 50% 15%,rgba(218,188,113,.14),transparent 24%),linear-gradient(180deg,#4c6659,#354f47 44%,#263d37 100%);color-scheme:dark}
.map-highlands{position:absolute;left:14%;right:14%;top:7%;height:170px;background:linear-gradient(180deg,#6b765d,#455b50);clip-path:polygon(0 100%,18% 40%,31% 78%,47% 20%,63% 67%,78% 28%,100% 100%)}
.map-highlands span{position:absolute;left:50%;top:13px;transform:translateX(-50%);color:#ddd1ad;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.map-eden{position:absolute;left:50%;top:24%;transform:translateX(-50%);color:#ead69d;font-family:var(--serif);font-size:34px;letter-spacing:.16em}
.map-garden{position:absolute;left:50%;top:36%;width:150px;height:110px;border:1px solid rgba(232,205,137,.55);border-radius:50%;transform:translateX(-50%);background:rgba(96,131,80,.25);display:grid;place-items:center}
.map-garden span{color:#f0e2b6;font-family:var(--serif);font-size:24px}.map-garden i{position:absolute;bottom:-50px;width:18px;height:55px;background:linear-gradient(#b8d8cf,#6f9da0)}
.map-river-source{position:absolute;left:50%;top:54%;width:20px;height:45px;transform:translateX(-50%);background:linear-gradient(#b8d8cf,#6c9ca0)}
.map-river{position:absolute;height:9px;border-radius:999px;background:linear-gradient(90deg,#84b2b5,#c6e0db);transform-origin:left center}.map-river span{position:absolute;top:-24px;color:#e5ddd0;font-size:11px;white-space:nowrap}
.river-pishon{left:50%;top:64%;width:35%;transform:rotate(154deg)}.river-pishon span{left:45%;transform:rotate(-154deg)}
.river-gihon{left:50%;top:64%;width:32%;transform:rotate(118deg)}.river-gihon span{left:50%;transform:rotate(-118deg)}
.river-tigris{left:50%;top:64%;width:35%;transform:rotate(26deg)}.river-tigris span{left:50%;transform:rotate(-26deg)}
.river-euphrates{left:50%;top:64%;width:38%;transform:rotate(63deg)}.river-euphrates span{left:48%;transform:rotate(-63deg)}
.map-region{position:absolute;padding:7px 9px;border:1px dashed rgba(236,220,184,.34);color:#d4c8ae;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.havilah{left:11%;bottom:18%}.cush{left:28%;bottom:7%}
.map-disclaimer{position:absolute;right:15px;bottom:12px;color:rgba(230,222,208,.65);font-size:9px}

.geography-record-grid,.vocation-grid,.sacred-parallel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}
.geography-record-grid article,.vocation-grid article,.sacred-parallel-grid article{padding:23px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.geography-record-grid article{border-left:4px solid var(--evidence-accent,var(--evidence-inferred))}
.geography-record-grid h3,.vocation-grid h3{margin:9px 0;color:var(--theme-heading);font-family:var(--serif);font-size:26px}
.geography-record-grid p,.vocation-grid p,.sacred-parallel-grid p{margin:0;color:var(--theme-muted);line-height:1.65}

.river-installation{margin-top:28px;padding:30px;border:1px solid var(--theme-border);background:linear-gradient(180deg,var(--theme-surface),color-mix(in srgb,var(--evidence-architecture) 8%,var(--theme-surface)))}
.river-origin{text-align:center}.river-origin small{display:block;color:var(--theme-soft);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.river-origin strong{color:var(--theme-heading);font-family:var(--serif);font-size:36px}
.river-trunk{width:20px;height:100px;margin:12px auto 0;background:linear-gradient(#b4d3cf,#6f9fa2);position:relative}.river-trunk span{position:absolute;left:32px;top:34px;color:var(--theme-muted);font-size:11px;white-space:nowrap}
.river-node{width:22px;height:22px;margin:-2px auto 18px;border:4px solid var(--evidence-architecture);background:var(--theme-surface);transform:rotate(45deg)}
.river-branches{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.river-branches article{padding:19px;border:1px solid var(--theme-border);border-top:4px solid var(--evidence-architecture);background:var(--theme-surface)}
.river-branches span{color:var(--evidence-architecture);font-size:9px}.river-branches h3{margin:7px 0;color:var(--theme-heading);font-family:var(--serif);font-size:27px}.river-branches p{color:var(--theme-muted);font-size:12px;line-height:1.6}.river-branches small{color:var(--theme-soft);font-size:9px}
.museum-note-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.museum-note-row aside{padding:16px;border:1px solid var(--theme-border);background:var(--theme-surface)}.museum-note-row b{display:block;color:var(--evidence-biblical);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.museum-note-row span{display:block;margin-top:5px;color:var(--theme-muted);line-height:1.55}

.tree-court-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.tree-court-grid article{padding:30px;border:1px solid var(--theme-border);background:var(--theme-surface);text-align:center}
.tree-life{border-top:4px solid var(--evidence-migration)!important}.tree-knowledge{border-top:4px solid var(--evidence-tradition)!important}
.tree-symbol{position:relative;width:130px;height:160px;margin:0 auto 20px}.tree-symbol span{position:absolute;left:50%;bottom:0;width:20px;height:85px;background:#5a4632;transform:translateX(-50%)}.tree-symbol i{position:absolute;left:50%;top:0;width:125px;height:110px;border-radius:50%;background:radial-gradient(circle,#889d60,#4a6949);transform:translateX(-50%)}.tree-knowledge .tree-symbol i{background:radial-gradient(circle,#9b7657,#694838)}
.tree-court-grid small{color:var(--theme-soft);font-size:9px;letter-spacing:.13em;text-transform:uppercase}.tree-court-grid h3{margin:10px 0;color:var(--theme-heading);font-family:var(--serif);font-size:36px}.tree-court-grid p{color:var(--theme-muted);line-height:1.65}.tree-links{margin-top:15px;color:var(--theme-soft);font-size:10px}

.marriage-sequence{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 28px 1fr;gap:8px;align-items:center;margin-top:28px}
.marriage-sequence article{min-height:180px;padding:18px;border:1px solid var(--theme-border);background:var(--theme-surface)}.marriage-sequence>i{color:var(--evidence-biblical);text-align:center}
.marriage-sequence span{color:var(--theme-soft);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.marriage-sequence strong{display:block;margin:8px 0;color:var(--theme-heading);font-family:var(--serif);font-size:22px}.marriage-sequence p{margin:0;color:var(--theme-muted);font-size:12px;line-height:1.55}
.sacred-parallel-grid article{border-top:3px solid var(--evidence-inferred)}.sacred-parallel-grid strong{display:block;margin:8px 0;color:var(--theme-heading);font-family:var(--serif);font-size:25px}

.eden-plate-wall{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;padding:34px;border:1px solid var(--theme-border);background:linear-gradient(180deg,#476759,#263c34);color-scheme:dark}
.eden-plate-art{position:absolute;inset:0}.plate-light{position:absolute;right:12%;top:7%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,233,176,.8),transparent 67%)}.plate-mountain{position:absolute;left:8%;right:8%;bottom:30%;height:47%;clip-path:polygon(0 100%,15% 46%,29% 76%,46% 17%,62% 66%,78% 33%,100% 100%);background:#5a705c}.plate-main-river{position:absolute;left:47%;bottom:-8%;width:9%;height:70%;background:linear-gradient(#bdd9d2,#73a3a3);transform:perspective(400px) rotateX(55deg)}.plate-branches{position:absolute;left:50%;bottom:24%;width:280px;height:140px;border-left:2px solid rgba(181,216,211,.65);border-right:2px solid rgba(181,216,211,.65);border-radius:50%;transform:translateX(-50%)}.plate-tree-a,.plate-tree-b{position:absolute;bottom:25%;width:26px;height:130px;background:#4a3d2f}.plate-tree-a{left:34%}.plate-tree-b{right:34%}.plate-tree-a:before,.plate-tree-b:before{content:"";position:absolute;left:50%;top:-55px;width:115px;height:90px;border-radius:50%;background:#6d8658;transform:translateX(-50%)}
.eden-coming-test{background:radial-gradient(circle at 85% 20%,rgba(163,107,76,.12),transparent 25%),var(--theme-surface)}

html[data-theme="archive"] .narrowing-relief,
html[data-theme="archive"] .narrowing-relief article,
html[data-theme="archive"] .researchers-margin,
html[data-theme="archive"] .geography-record-grid article,
html[data-theme="archive"] .river-installation,
html[data-theme="archive"] .river-branches article,
html[data-theme="archive"] .museum-note-row aside,
html[data-theme="archive"] .tree-court-grid article,
html[data-theme="archive"] .vocation-grid article,
html[data-theme="archive"] .marriage-sequence article,
html[data-theme="archive"] .sacred-parallel-grid article{background:#eee8de;border-color:rgba(86,72,51,.18);box-shadow:0 10px 24px rgba(64,52,37,.05)}
html[data-theme="archive"] .narrowing-relief strong,
html[data-theme="archive"] .researchers-margin strong,
html[data-theme="archive"] .geography-record-grid h3,
html[data-theme="archive"] .river-origin strong,
html[data-theme="archive"] .river-branches h3,
html[data-theme="archive"] .tree-court-grid h3,
html[data-theme="archive"] .vocation-grid h3,
html[data-theme="archive"] .marriage-sequence strong,
html[data-theme="archive"] .sacred-parallel-grid strong{color:#2e302f}
html[data-theme="archive"] .narrowing-relief,
html[data-theme="archive"] .river-node{background:#eee8de}

@media(max-width:1080px){.narrowing-relief,.marriage-sequence{grid-template-columns:1fr}.narrowing-relief i,.marriage-sequence>i{transform:rotate(90deg)}.river-branches{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.eden-threshold-content{width:calc(100% - 32px)}.geography-record-grid,.vocation-grid,.sacred-parallel-grid,.tree-court-grid,.museum-note-row,.river-branches{grid-template-columns:1fr}.eden-map-relief{min-height:500px}.map-river span{font-size:9px}}

/* =====================================================
   VERSION 21 — EXHIBIT IV: THE FALL
   ===================================================== */
.fall-page{background:var(--theme-page)}
.fall-threshold{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;background:#241d18}
.fall-landscape,.fall-overlay{position:absolute;inset:0}
.fall-landscape{background:radial-gradient(circle at 72% 19%,rgba(238,190,103,.48),transparent 13%),linear-gradient(180deg,#5b5e49 0%,#746348 42%,#5b4334 71%,#241f1b 100%)}
.fall-light{position:absolute;right:13%;top:8%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,159,.72),rgba(183,117,57,.18) 47%,transparent 71%)}
.fall-tree{position:absolute;right:24%;bottom:25%;width:34px;height:210px;background:#4a3829}.fall-tree:before{content:"";position:absolute;left:50%;top:-96px;width:190px;height:145px;border-radius:50%;background:radial-gradient(circle,#747958,#3d4a39);transform:translateX(-50%)}
.fall-ground{position:absolute;left:-8%;right:-8%;bottom:-18%;height:56%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#625341,#2b2520)}
.fall-figures{position:absolute;left:56%;bottom:22%;width:44px;height:150px;border-radius:45% 45% 12px 12px;background:rgba(32,29,26,.78);box-shadow:58px 7px 0 -3px rgba(32,29,26,.74)}
.fall-gate{position:absolute;right:12%;bottom:22%;width:210px;height:250px;border:1px solid rgba(239,195,100,.32);border-bottom:0;border-radius:50% 50% 0 0;box-shadow:0 0 38px rgba(224,143,66,.13)}
.fall-overlay{background:linear-gradient(90deg,rgba(13,10,8,.9),rgba(13,10,8,.5) 58%,rgba(13,10,8,.12)),linear-gradient(0deg,rgba(28,22,18,.96),transparent 55%)}
.fall-threshold-content{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:180px 0 95px}
.fall-threshold-content h1{margin:0;color:#f1e7d7;font-family:var(--serif);font-size:clamp(82px,10vw,152px);line-height:.8;letter-spacing:-.06em}
.fall-kicker{margin:20px 0 0;color:#c49a58;font-family:var(--serif);font-size:clamp(28px,3vw,42px)}
.fall-subtitle{max-width:850px;margin:24px 0 0;color:rgba(245,235,220,.82);font-size:clamp(18px,1.65vw,22px);line-height:1.65}

.fall-observation-grid,.opened-grid,.hope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}
.fall-observation-grid article,.opened-grid article,.hope-grid article{padding:23px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.fall-observation-grid span,.opened-grid span,.hope-grid span{color:#b67a51;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.fall-observation-grid h3,.opened-grid h3,.hope-grid h3{margin:9px 0;color:var(--theme-heading);font-family:var(--serif);font-size:27px}
.fall-observation-grid p,.opened-grid p,.hope-grid p{margin:0;color:var(--theme-muted);line-height:1.65}

.dialogue-forensics{display:grid;gap:12px;margin-top:28px}
.dialogue-forensics article{padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.dialogue-forensics small{color:var(--theme-soft);font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.dialogue-forensics blockquote{margin:10px 0;padding-left:16px;border-left:3px solid var(--evidence-biblical);color:var(--theme-heading);font-family:var(--serif);font-size:24px;line-height:1.35}
.dialogue-forensics p{margin:0;color:var(--theme-muted)}
.voice-serpent blockquote{border-left-color:#9b6b4b}.voice-woman blockquote{border-left-color:#8b8a63}.voice-serpent.contradiction{border-color:color-mix(in srgb,#9b4b43 55%,var(--theme-border))}

.choice-sequence{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr;gap:8px;align-items:center;margin-top:28px}
.choice-sequence article{min-height:145px;display:grid;align-content:center;padding:18px;border:1px solid var(--theme-border);background:var(--theme-surface);text-align:center}
.choice-sequence span{color:#b67a51;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.choice-sequence strong{margin-top:7px;color:var(--theme-heading);font-family:var(--serif);font-size:23px}.choice-sequence i{color:#b67a51;text-align:center}
.fall-memory{border-color:rgba(166,91,72,.35);background:color-mix(in srgb,#7d473b 8%,var(--theme-surface))}

.walking-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center;margin-top:28px;padding:30px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.walking-question{padding:28px;border:1px solid rgba(183,148,79,.28);text-align:center}.walking-question small{color:var(--theme-soft);font-size:8px;letter-spacing:.13em;text-transform:uppercase}.walking-question blockquote{margin:12px 0 0;color:var(--theme-heading);font-family:var(--serif);font-size:52px}
.walking-copy p,.walking-copy li{color:var(--theme-muted);line-height:1.65}

.judgment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}.judgment-grid article{padding:24px;border:1px solid var(--theme-border);border-left:4px solid #9d6650;background:var(--theme-surface)}.judgment-grid span{color:#b67a51;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.judgment-grid h3{margin:9px 0;color:var(--theme-heading);font-family:var(--serif);font-size:28px}.judgment-grid p{margin:0;color:var(--theme-muted);line-height:1.65}

.expulsion-installation{display:grid;grid-template-columns:42% 58%;min-height:380px;overflow:hidden;border:1px solid var(--theme-border);background:var(--theme-surface)}
.expulsion-garden{position:relative;background:radial-gradient(circle at 68% 35%,rgba(255,222,148,.65),transparent 22%),linear-gradient(180deg,#697052,#3f503d)}
.expulsion-garden span{position:absolute;right:12%;top:12%;width:170px;height:220px;border:1px solid rgba(239,193,97,.45);border-radius:50% 50% 0 0;border-bottom:0}
.expulsion-garden i{position:absolute;right:21%;top:11%;width:6px;height:245px;background:linear-gradient(transparent,#f0b453,transparent);transform:rotate(36deg);box-shadow:0 0 22px rgba(240,140,65,.45)}
.expulsion-copy{display:grid;align-content:center;padding:34px}.expulsion-copy blockquote{margin:0;padding-left:18px;border-left:3px solid #b67a51;color:var(--theme-heading);font-family:var(--serif);font-size:26px;line-height:1.4}.expulsion-copy p{color:var(--theme-muted);line-height:1.65}

.timeline-connections-section{scroll-margin-top:110px}
.timeline-connection-path{display:grid;grid-template-columns:repeat(13,auto);gap:8px;align-items:center;overflow-x:auto;margin-top:28px;padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.timeline-connection-path>a,.timeline-connection-path>div{min-width:145px;padding:16px;border:1px solid var(--theme-border);background:var(--theme-surface-raised)}
.timeline-connection-path i{color:var(--evidence-biblical)}
.timeline-connection-path small{color:var(--theme-soft);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.timeline-connection-path strong{display:block;margin-top:6px;color:var(--theme-heading);font-family:var(--serif);font-size:20px}.timeline-connection-path span{display:block;margin-top:8px;color:#b67a51;font-size:7px;letter-spacing:.12em;text-transform:uppercase}
.timeline-connection-path .is-current{border-color:#b67a51;background:linear-gradient(90deg,rgba(182,122,81,.12),transparent)}.timeline-connection-path .is-future{opacity:.55}
.timeline-meaning{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.timeline-meaning article{padding:20px;border:1px solid var(--theme-border);background:var(--theme-surface)}.timeline-meaning span{color:#b67a51;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.timeline-meaning strong{display:block;margin:7px 0;color:var(--theme-heading);font-family:var(--serif);font-size:24px}.timeline-meaning p{margin:0;color:var(--theme-muted)}

.fall-plate-wall{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;padding:34px;border:1px solid var(--theme-border);background:linear-gradient(180deg,#5c5944,#2d2520);color-scheme:dark}
.fall-plate-art{position:absolute;inset:0}.plate-eden-glow{position:absolute;right:6%;top:5%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,223,147,.72),transparent 68%)}.plate-gate{position:absolute;right:12%;bottom:22%;width:190px;height:230px;border:1px solid rgba(239,193,97,.43);border-bottom:0;border-radius:50% 50% 0 0}.plate-sword{position:absolute;right:23%;bottom:18%;width:5px;height:285px;background:linear-gradient(transparent,#f5aa4e,transparent);transform:rotate(37deg);box-shadow:0 0 22px rgba(244,131,54,.5)}.plate-exiles{position:absolute;left:46%;bottom:16%;width:40px;height:128px;border-radius:40% 40% 12px 12px;background:rgba(29,27,24,.72);box-shadow:52px 7px 0 -3px rgba(29,27,24,.68)}.plate-wilderness{position:absolute;left:-8%;right:-8%;bottom:-23%;height:57%;border-radius:50%;background:#3a3029}
.fall-next-threshold{background:radial-gradient(circle at 86% 17%,rgba(122,79,56,.13),transparent 25%),var(--theme-surface)}

html[data-theme="archive"] .fall-observation-grid article,
html[data-theme="archive"] .opened-grid article,
html[data-theme="archive"] .hope-grid article,
html[data-theme="archive"] .dialogue-forensics article,
html[data-theme="archive"] .choice-sequence article,
html[data-theme="archive"] .walking-panel,
html[data-theme="archive"] .judgment-grid article,
html[data-theme="archive"] .expulsion-installation,
html[data-theme="archive"] .timeline-connection-path,
html[data-theme="archive"] .timeline-connection-path>a,
html[data-theme="archive"] .timeline-connection-path>div,
html[data-theme="archive"] .timeline-meaning article{background:#eee8de;border-color:rgba(86,72,51,.18);box-shadow:0 10px 24px rgba(64,52,37,.05)}
html[data-theme="archive"] .fall-observation-grid h3,
html[data-theme="archive"] .opened-grid h3,
html[data-theme="archive"] .hope-grid h3,
html[data-theme="archive"] .dialogue-forensics blockquote,
html[data-theme="archive"] .choice-sequence strong,
html[data-theme="archive"] .walking-question blockquote,
html[data-theme="archive"] .judgment-grid h3,
html[data-theme="archive"] .expulsion-copy blockquote,
html[data-theme="archive"] .timeline-connection-path strong,
html[data-theme="archive"] .timeline-meaning strong{color:#2e302f}

@media(max-width:1080px){
.choice-sequence{grid-template-columns:1fr}.choice-sequence i{transform:rotate(90deg)}
.timeline-connection-path{grid-template-columns:1fr}.timeline-connection-path i{transform:rotate(90deg)}
}
@media(max-width:800px){
.fall-threshold-content{width:calc(100% - 32px)}
.fall-observation-grid,.opened-grid,.hope-grid,.judgment-grid,.timeline-meaning{grid-template-columns:1fr}
.walking-panel,.expulsion-installation{grid-template-columns:1fr}
.expulsion-garden{min-height:280px}
}
/* ===== VERSION 22 — THE FIRST BROTHERS ===== */
.brothers-threshold{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;background:#2b241c}.brothers-landscape,.brothers-overlay{position:absolute;inset:0}.brothers-landscape{background:radial-gradient(circle at 75% 18%,rgba(244,207,130,.62),transparent 12%),linear-gradient(180deg,#6c745a,#8a7851 42%,#6f5638 70%,#30281f)}.brothers-sun{position:absolute;right:13%;top:8%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,239,190,.84),rgba(213,159,76,.16) 47%,transparent 72%)}.brothers-field{position:absolute;left:-8%;right:-8%;bottom:-18%;height:58%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#7e704a,#3c3022)}.brothers-flock{position:absolute;right:23%;bottom:28%;width:20px;height:11px;border-radius:50%;background:rgba(230,221,190,.7);box-shadow:32px 8px 0 -1px rgba(230,221,190,.66),66px -4px 0 -2px rgba(230,221,190,.62)}.brothers-altars{position:absolute;left:53%;bottom:27%;width:54px;height:25px;background:#54402c;box-shadow:120px 5px 0 -2px #54402c}.brothers-smoke{position:absolute;bottom:31%;width:24px;border-radius:50%;filter:blur(3px)}.smoke-one{left:55%;height:210px;background:linear-gradient(transparent,rgba(219,215,194,.42),transparent)}.smoke-two{left:68%;height:135px;background:linear-gradient(transparent,rgba(109,100,87,.27),transparent)}.brothers-overlay{background:linear-gradient(90deg,rgba(18,13,9,.9),rgba(18,13,9,.48) 58%,rgba(18,13,9,.1)),linear-gradient(0deg,rgba(35,27,20,.96),transparent 55%)}.brothers-threshold-content{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:180px 0 95px}.brothers-threshold-content h1{max-width:1100px;margin:0;color:#f1e7d6;font-family:var(--serif);font-size:clamp(72px,8.6vw,138px);line-height:.82;letter-spacing:-.055em}.brothers-kicker{margin:20px 0 0;color:#cca665;font-family:var(--serif);font-size:clamp(28px,3vw,42px)}.brothers-subtitle{max-width:860px;margin:24px 0 0;color:rgba(245,235,220,.83);font-size:clamp(18px,1.65vw,22px);line-height:1.65}
.outside-eden-grid,.research-standard-board,.mark-standard-grid,.first-city-record{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}.outside-eden-grid article,.research-standard-board article,.mark-standard-grid article,.first-city-record article{padding:23px;border:1px solid var(--theme-border);background:var(--theme-surface)}.outside-eden-grid span,.research-standard-board span,.mark-standard-grid span,.first-city-record span{color:#ad7650;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.outside-eden-grid h3,.research-standard-board h3,.mark-standard-grid h3{margin:9px 0;color:var(--theme-heading);font-family:var(--serif);font-size:27px}.outside-eden-grid p,.research-standard-board p,.mark-standard-grid p,.first-city-record p{margin:0;color:var(--theme-muted);line-height:1.65}
.brothers-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.brothers-comparison article{padding:28px;border:1px solid var(--theme-border);background:var(--theme-surface)}.brother-cain{border-top:4px solid #8b6743!important}.brother-abel{border-top:4px solid #9c9271!important}.brothers-comparison h3{margin:9px 0;color:var(--theme-heading);font-family:var(--serif);font-size:44px}.brothers-comparison p{color:var(--theme-muted);line-height:1.65}.brothers-comparison dl{display:grid;gap:8px}.brothers-comparison dl div{padding:12px;border:1px solid var(--theme-border)}.brothers-comparison dt{color:var(--theme-soft);font-size:8px;text-transform:uppercase}.brothers-comparison dd{margin:4px 0 0;color:var(--theme-text)}
.warning-scripture{margin:28px 0 0;padding:30px;border:1px solid rgba(173,118,80,.38);background:color-mix(in srgb,#7c4f35 8%,var(--theme-surface))}.warning-scripture p{margin:0;color:var(--theme-heading);font-family:var(--serif);font-size:clamp(28px,3.2vw,42px);line-height:1.25}.warning-scripture cite{display:block;margin-top:14px;color:#ad7650}.warning-structure{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;gap:8px;align-items:center;margin-top:16px}.warning-structure article{min-height:180px;padding:18px;border:1px solid var(--theme-border);background:var(--theme-surface)}.warning-structure span{color:#ad7650;font-size:8px;text-transform:uppercase}.warning-structure strong{display:block;margin:8px 0;color:var(--theme-heading);font-family:var(--serif);font-size:23px}.warning-structure p{margin:0;color:var(--theme-muted);font-size:12px}.warning-structure i{color:#ad7650;text-align:center}
.murder-installation,.city-transition{display:grid;grid-template-columns:42% 58%;min-height:380px;overflow:hidden;border:1px solid var(--theme-border);background:var(--theme-surface)}.murder-field{position:relative;background:linear-gradient(180deg,#7a7353,#4b3e2c)}.murder-field span{position:absolute;left:30%;bottom:20%;width:36px;height:118px;border-radius:40% 40% 12px 12px;background:rgba(38,33,27,.72)}.murder-field i{position:absolute;right:22%;bottom:17%;width:105px;height:20px;border-radius:50%;background:rgba(41,34,28,.52);transform:rotate(-8deg)}.murder-copy,.city-copy{display:grid;align-content:center;padding:34px}.murder-copy blockquote{margin:0;color:var(--theme-heading);font-family:var(--serif);font-size:44px}.murder-copy p,.city-copy p,.city-copy li{color:var(--theme-muted);line-height:1.65}.question-parallel{display:grid;gap:8px}.question-parallel span{padding:12px;border:1px solid var(--theme-border);color:var(--theme-muted)}.question-parallel b{color:#ad7650}.blood-ground-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.blood-ground-panel article{padding:20px;border:1px solid var(--theme-border);background:var(--theme-surface)}.blood-ground-panel span{color:#ad7650;font-size:8px;text-transform:uppercase}.blood-ground-panel strong,.first-city-record strong{display:block;margin:7px 0;color:var(--theme-heading);font-family:var(--serif);font-size:24px}.blood-ground-panel p{margin:0;color:var(--theme-muted)}
.museum-assessment{margin-top:20px;padding:27px;border:1px solid rgba(173,118,80,.35);background:color-mix(in srgb,#7c4f35 7%,var(--theme-surface));text-align:center}.museum-assessment small{color:#ad7650;font-size:8px;text-transform:uppercase}.museum-assessment blockquote{max-width:760px;margin:12px auto 0;color:var(--theme-heading);font-family:var(--serif);font-size:31px}.city-silhouette{position:relative;background:linear-gradient(180deg,#70654a,#3b3023)}.city-silhouette span,.city-silhouette i,.city-silhouette b{position:absolute;bottom:0;background:rgba(38,32,25,.78)}.city-silhouette span{left:12%;width:80px;height:125px}.city-silhouette i{left:38%;width:105px;height:175px}.city-silhouette b{right:12%;width:125px;height:145px}
.brothers-plate-wall{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;padding:34px;border:1px solid var(--theme-border);background:linear-gradient(180deg,#756a4d,#352a20);color-scheme:dark}.brothers-plate-art{position:absolute;inset:0}.plate-morning{position:absolute;right:12%;top:7%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,161,.68),transparent 68%)}.plate-field{position:absolute;left:-8%;right:-8%;bottom:-22%;height:58%;border-radius:50%;background:#493a2a}.plate-smoke-a,.plate-smoke-b{position:absolute;bottom:29%;width:28px;border-radius:50%;filter:blur(3px)}.plate-smoke-a{left:34%;height:230px;background:linear-gradient(transparent,rgba(222,215,190,.46),transparent)}.plate-smoke-b{left:60%;height:145px;background:linear-gradient(transparent,rgba(112,102,88,.3),transparent)}.plate-cain{position:absolute;left:48%;bottom:17%;width:42px;height:140px;border-radius:40% 40% 12px 12px;background:rgba(30,27,24,.72)}.brothers-next-threshold{background:radial-gradient(circle at 86% 17%,rgba(122,89,52,.13),transparent 25%),var(--theme-surface)}
html[data-theme="archive"] .outside-eden-grid article,html[data-theme="archive"] .research-standard-board article,html[data-theme="archive"] .mark-standard-grid article,html[data-theme="archive"] .first-city-record article,html[data-theme="archive"] .brothers-comparison article,html[data-theme="archive"] .warning-scripture,html[data-theme="archive"] .warning-structure article,html[data-theme="archive"] .murder-installation,html[data-theme="archive"] .blood-ground-panel article,html[data-theme="archive"] .museum-assessment,html[data-theme="archive"] .city-transition{background:#eee8de;border-color:rgba(86,72,51,.18)}
@media(max-width:1080px){.warning-structure{grid-template-columns:1fr}.warning-structure i{transform:rotate(90deg)}}@media(max-width:800px){.brothers-threshold-content{width:calc(100% - 32px)}.outside-eden-grid,.research-standard-board,.mark-standard-grid,.first-city-record,.brothers-comparison,.blood-ground-panel{grid-template-columns:1fr}.murder-installation,.city-transition{grid-template-columns:1fr}.murder-field,.city-silhouette{min-height:280px}}

/* =====================================================
   VERSION 22.1 — FIRST BROTHERS COLOR & DROP-CAP FIX
   Explicit theme scoping prevents older exhibit rules
   from mixing Museum and Archive presentation.
   ===================================================== */

/* ---------- Shared First Brothers typography ---------- */

.brothers-page .detailed-exhibit-content > .content-section > h2,
.brothers-page .detailed-exhibit-content .section-title-row h2 {
  color: var(--theme-heading);
}

.brothers-page .detailed-exhibit-content > .content-section > p,
.brothers-page .detailed-exhibit-content > .content-section > .dropcap,
.brothers-page .detailed-exhibit-content .content-section p {
  color: var(--theme-muted);
}

.brothers-page .detailed-exhibit-content .dropcap {
  display: flow-root;
  max-width: 930px;
  line-height: 1.72;
}

.brothers-page .detailed-exhibit-content .dropcap::first-letter {
  float: left;
  margin: 7px 15px 0 0;
  padding: 0;
  color: var(--gold-light);
  font-family: var(--serif);
  font-size: 76px;
  line-height: .72;
}

/* ---------- Museum viewing environment ---------- */

html[data-theme="museum"] .brothers-page {
  background: var(--theme-page);
  color: var(--theme-text);
}

html[data-theme="museum"] .brothers-page .detailed-exhibit-content {
  color: var(--theme-text);
}

html[data-theme="museum"] .brothers-page .outside-eden-grid article,
html[data-theme="museum"] .brothers-page .research-standard-board article,
html[data-theme="museum"] .brothers-page .mark-standard-grid article,
html[data-theme="museum"] .brothers-page .first-city-record article,
html[data-theme="museum"] .brothers-page .brothers-comparison article,
html[data-theme="museum"] .brothers-page .warning-structure article,
html[data-theme="museum"] .brothers-page .blood-ground-panel article,
html[data-theme="museum"] .brothers-page .murder-installation,
html[data-theme="museum"] .brothers-page .city-transition,
html[data-theme="museum"] .brothers-page .warning-scripture,
html[data-theme="museum"] .brothers-page .museum-assessment {
  border-color: var(--theme-border);
  background: var(--theme-surface);
  color: var(--theme-text);
  box-shadow: none;
}

html[data-theme="museum"] .brothers-page .outside-eden-grid h3,
html[data-theme="museum"] .brothers-page .research-standard-board h3,
html[data-theme="museum"] .brothers-page .mark-standard-grid h3,
html[data-theme="museum"] .brothers-page .brothers-comparison h3,
html[data-theme="museum"] .brothers-page .warning-scripture p,
html[data-theme="museum"] .brothers-page .warning-structure strong,
html[data-theme="museum"] .brothers-page .murder-copy blockquote,
html[data-theme="museum"] .brothers-page .blood-ground-panel strong,
html[data-theme="museum"] .brothers-page .museum-assessment blockquote,
html[data-theme="museum"] .brothers-page .first-city-record strong {
  color: var(--theme-heading);
}

html[data-theme="museum"] .brothers-page .outside-eden-grid p,
html[data-theme="museum"] .brothers-page .research-standard-board p,
html[data-theme="museum"] .brothers-page .mark-standard-grid p,
html[data-theme="museum"] .brothers-page .brothers-comparison p,
html[data-theme="museum"] .brothers-page .warning-structure p,
html[data-theme="museum"] .brothers-page .murder-copy p,
html[data-theme="museum"] .brothers-page .blood-ground-panel p,
html[data-theme="museum"] .brothers-page .city-copy p,
html[data-theme="museum"] .brothers-page .city-copy li,
html[data-theme="museum"] .brothers-page .first-city-record p {
  color: var(--theme-muted);
}

/* ---------- Archive viewing environment ---------- */

html[data-theme="archive"] .brothers-page {
  background: var(--theme-page);
  color: var(--theme-text);
}

html[data-theme="archive"] .brothers-page .detailed-exhibit-content {
  color: var(--theme-text);
}

html[data-theme="archive"] .brothers-page .detailed-exhibit-content > .content-section > h2,
html[data-theme="archive"] .brothers-page .detailed-exhibit-content .section-title-row h2 {
  color: #2e302f;
}

html[data-theme="archive"] .brothers-page .detailed-exhibit-content > .content-section > p,
html[data-theme="archive"] .brothers-page .detailed-exhibit-content > .content-section > .dropcap,
html[data-theme="archive"] .brothers-page .detailed-exhibit-content .content-section p {
  color: #57534d;
}

html[data-theme="archive"] .brothers-page .outside-eden-grid article,
html[data-theme="archive"] .brothers-page .research-standard-board article,
html[data-theme="archive"] .brothers-page .mark-standard-grid article,
html[data-theme="archive"] .brothers-page .first-city-record article,
html[data-theme="archive"] .brothers-page .brothers-comparison article,
html[data-theme="archive"] .brothers-page .warning-structure article,
html[data-theme="archive"] .brothers-page .blood-ground-panel article,
html[data-theme="archive"] .brothers-page .murder-installation,
html[data-theme="archive"] .brothers-page .city-transition,
html[data-theme="archive"] .brothers-page .warning-scripture,
html[data-theme="archive"] .brothers-page .museum-assessment {
  border-color: rgba(86, 72, 51, .18);
  background: #eee8de;
  color: #3d3d39;
  box-shadow: 0 10px 24px rgba(64, 52, 37, .05);
}

html[data-theme="archive"] .brothers-page .outside-eden-grid h3,
html[data-theme="archive"] .brothers-page .research-standard-board h3,
html[data-theme="archive"] .brothers-page .mark-standard-grid h3,
html[data-theme="archive"] .brothers-page .brothers-comparison h3,
html[data-theme="archive"] .brothers-page .warning-scripture p,
html[data-theme="archive"] .brothers-page .warning-structure strong,
html[data-theme="archive"] .brothers-page .murder-copy blockquote,
html[data-theme="archive"] .brothers-page .blood-ground-panel strong,
html[data-theme="archive"] .brothers-page .museum-assessment blockquote,
html[data-theme="archive"] .brothers-page .first-city-record strong {
  color: #2e302f;
}

html[data-theme="archive"] .brothers-page .outside-eden-grid p,
html[data-theme="archive"] .brothers-page .research-standard-board p,
html[data-theme="archive"] .brothers-page .mark-standard-grid p,
html[data-theme="archive"] .brothers-page .brothers-comparison p,
html[data-theme="archive"] .brothers-page .warning-structure p,
html[data-theme="archive"] .brothers-page .murder-copy p,
html[data-theme="archive"] .brothers-page .blood-ground-panel p,
html[data-theme="archive"] .brothers-page .city-copy p,
html[data-theme="archive"] .brothers-page .city-copy li,
html[data-theme="archive"] .brothers-page .first-city-record p {
  color: #57534d;
}

html[data-theme="archive"] .brothers-page .detailed-exhibit-content .dropcap::first-letter {
  color: #9a6a35;
}
/* ===== VERSION 23 — DAWN OF CIVILIZATION ===== */
.civilization-threshold{position:relative;min-height:720px;display:flex;align-items:flex-end;overflow:hidden;background:#1d211e}
.civilization-scape,.civilization-overlay{position:absolute;inset:0}.civilization-scape{background:radial-gradient(circle at 74% 16%,rgba(255,228,165,.7),transparent 14%),linear-gradient(#68756d 0 39%,#8b7855 40% 58%,#4a4032 59%)}
.civ-valley{position:absolute;left:-10%;right:-10%;bottom:-26%;height:66%;border-radius:50%;background:#596243}.civ-city{position:absolute;right:6%;bottom:24%;width:44%;height:38%;background:#675b48;clip-path:polygon(0 35%,15% 12%,28% 34%,45% 0,62% 31%,80% 10%,100% 36%,100% 100%,0 100%)}.civ-fields{position:absolute;left:5%;bottom:18%;width:47%;height:29%;background:repeating-linear-gradient(6deg,rgba(196,180,106,.34) 0 2px,transparent 2px 28px)}.civ-smoke{position:absolute;right:26%;bottom:49%;width:26px;height:180px;border-radius:50%;background:linear-gradient(transparent,rgba(220,215,198,.3),transparent);filter:blur(4px);animation:civSmoke 9s ease-in-out infinite}.civ-clouds{position:absolute;left:-20%;top:5%;width:140%;height:25%;opacity:.15;background:radial-gradient(ellipse at 22% 50%,white,transparent 33%),radial-gradient(ellipse at 62% 45%,white,transparent 29%);animation:civClouds 55s linear infinite}
.civilization-overlay{background:linear-gradient(90deg,rgba(13,14,12,.9),rgba(13,14,12,.45) 60%,rgba(13,14,12,.08)),linear-gradient(0deg,rgba(28,24,19,.96),transparent 55%)}.civilization-threshold-content{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:170px 0 90px}.civilization-threshold-content h1{max-width:1120px;margin:0;color:#f2eadc;font-family:var(--serif);font-size:clamp(68px,8vw,128px);line-height:.84;letter-spacing:-.055em}.civilization-kicker{margin:20px 0 0;color:#cfaa67;font-family:var(--serif);font-size:clamp(28px,3vw,42px)}.civilization-subtitle{max-width:900px;color:rgba(245,237,222,.82);font-size:20px;line-height:1.65}
.civilization-card-grid,.beauty-violence-grid,.lineage-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.civilization-card-grid article,.beauty-violence-grid article,.lineage-pair article,.fact-conjecture-strip article{padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}.civilization-card-grid h3,.beauty-violence-grid h3,.lineage-pair h3,.fact-conjecture-strip strong{color:var(--theme-heading);font-family:var(--serif);font-size:27px}.civilization-card-grid p,.beauty-violence-grid p,.lineage-pair p{color:var(--theme-muted);line-height:1.65}.civilization-card-grid span,.beauty-violence-grid span,.lineage-pair small,.fact-conjecture-strip small{color:#b68254;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.fact-conjecture-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.fact-conjecture-strip strong{display:block;margin-top:7px}
.occupation-feature{display:grid;grid-template-columns:40% 60%;min-height:320px;border:1px solid var(--theme-border);background:var(--theme-surface);overflow:hidden}.occupation-feature>div:last-child{display:grid;align-content:center;padding:34px}.occupation-feature p{color:var(--theme-muted);line-height:1.7}.occupation-art{position:relative;background:linear-gradient(145deg,#4b4439,#262623)}.pastoral-feature .occupation-art:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-30%;height:70%;border-radius:50%;background:#596242}.pastoral-feature .occupation-art span{position:absolute;right:20%;bottom:26%;width:22px;height:82px;border-radius:40% 40% 9px 9px;background:#4d4135}.pastoral-feature .occupation-art i{position:absolute;right:8%;bottom:25%;width:16px;height:10px;border-radius:50%;background:#ddd4b8;box-shadow:-38px 7px 0 -1px #ddd4b8,-75px -3px 0 -2px #cfc7ac}.music-feature .occupation-art span{position:absolute;left:34%;top:22%;width:34%;height:58%;border:6px solid #ae7d45;border-radius:48% 48% 24% 24%;border-top-width:13px}.music-feature .occupation-art i{position:absolute;left:49%;top:23%;width:2px;height:56%;background:#d1b982;box-shadow:-8px 0 #d1b982,8px 0 #d1b982,16px 0 #d1b982}.forge-feature .occupation-art{background:radial-gradient(circle at 32% 68%,#f4a34e 0 5%,#a64724 12%,transparent 28%),linear-gradient(120deg,#1b1a18,#3b3026)}.forge-feature .occupation-art span{position:absolute;left:12%;bottom:12%;width:35%;height:56%;border-radius:50% 50% 7px 7px;background:#64503b}.forge-feature .occupation-art i{position:absolute;right:20%;bottom:22%;width:25%;height:18%;background:#454441;clip-path:polygon(0 0,100% 20%,75% 48%,68% 100%,31% 100%,25% 44%)}.mini-standard{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mini-standard span{padding:8px 10px;border:1px solid var(--theme-border);color:#b68254;font-size:8px;text-transform:uppercase}
.immersive-invitation{display:grid!important;grid-template-columns:48% 52%;padding:0!important;overflow:hidden;border:1px solid rgba(190,146,79,.34)!important;background:var(--theme-surface)!important}.immersive-preview{position:relative;min-height:470px;background:radial-gradient(circle at 74% 17%,rgba(255,225,159,.76),transparent 15%),linear-gradient(#6b766b 0 40%,#8c7854 41% 59%,#40362c 60%)}.preview-road{position:absolute;left:23%;right:10%;bottom:-15%;height:72%;background:linear-gradient(#8a7b62,#443b31);clip-path:polygon(43% 0,58% 0,100% 100%,0 100%)}.preview-forge{position:absolute;right:8%;bottom:23%;width:44%;height:48%;background:#6b604e;clip-path:polygon(8% 18%,50% 0,92% 18%,100% 100%,0 100%)}.preview-forge:after{content:"";position:absolute;right:30%;bottom:0;width:26%;height:63%;border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 70%,#ffb05e,#a34020 45%,#1a0f0a 75%)}.immersive-invite-copy{display:grid;align-content:center;padding:42px}.immersive-invite-copy h2{font-size:clamp(42px,5vw,70px)!important}.immersive-badges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.immersive-badges span{padding:8px 10px;border:1px solid var(--theme-border);color:#b68254;font-size:8px;text-transform:uppercase}.immersive-actions{display:flex;gap:10px;flex-wrap:wrap}.immersive-actions button{padding:13px 16px;border:1px solid #b68254;background:transparent;color:var(--theme-heading);cursor:pointer}.immersive-actions .enter-reconstruction{background:#b68254;color:#16130f}

/* Integrated immersive wing */
html.reconstruction-open,body.reconstruction-open{overflow:hidden}.reconstruction-wing{position:fixed;inset:0;z-index:5000;visibility:hidden;opacity:0;background:#080909;color:#ede5d8;transition:opacity .4s,visibility 0s linear .4s}.reconstruction-wing.open{visibility:visible;opacity:1;transition-delay:0s}.reconstruction-shell,.reconstruction-stage{position:absolute;inset:0}.reconstruction-topbar{position:absolute;left:16px;right:16px;top:14px;z-index:30;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.reconstruction-id,.reconstruction-controls{pointer-events:auto;background:rgba(15,17,16,.88);border:1px solid rgba(207,170,103,.25);backdrop-filter:blur(12px)}.reconstruction-id{padding:12px 15px}.reconstruction-id small{display:block;color:#cda765;font-size:8px;text-transform:uppercase}.reconstruction-id strong{display:block;font-family:var(--serif);font-size:21px}.reconstruction-controls{display:flex;align-items:center;gap:8px;padding:8px}.reconstruction-controls button{padding:8px 10px;border:1px solid rgba(207,170,103,.25);background:transparent;color:#ede5d8;cursor:pointer}.reconstruction-controls input{width:95px;accent-color:#cda765}.return-exhibit{color:#e7c984!important;border-color:#cda765!important}
.recon-scene{position:absolute;inset:0;visibility:hidden;opacity:0;transform:scale(1.02);transition:opacity .6s,transform 1s,visibility 0s linear .6s}.recon-scene.active{visibility:visible;opacity:1;transform:scale(1);transition-delay:0s}.recon-art{position:absolute;inset:0}.recon-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.44),transparent 34%,transparent 70%,rgba(0,0,0,.3)),linear-gradient(0deg,rgba(0,0,0,.58),transparent 45%)}
.scene-approach,.scene-lane,.scene-lane-back{background:radial-gradient(circle at 74% 16%,rgba(255,228,167,.74),transparent 14%),linear-gradient(#6d796e 0 40%,#897654 41% 58%,#3e352b 59%)}.r-road,.lane-stones,.back-road{position:absolute;left:20%;right:8%;bottom:-18%;height:75%;background:linear-gradient(#897a61,#42392f);clip-path:polygon(43% 0,58% 0,100% 100%,0 100%)}.r-buildings,.lane-forge{position:absolute;right:5%;bottom:23%;width:44%;height:47%;background:#6d6250;clip-path:polygon(8% 18%,50% 0,92% 18%,100% 100%,0 100%)}.lane-door{position:absolute;right:18%;bottom:20%;width:13%;height:38%;border-radius:48% 48% 0 0;background:radial-gradient(circle at 50% 70%,#ffb25d,#a14320 46%,#170f0a 75%)}.back-valley{position:absolute;left:-10%;right:-10%;bottom:-28%;height:62%;border-radius:50%;background:#566043}
.scene-door,.scene-door-back{background:linear-gradient(90deg,#2b251f 0 20%,#5d4e3d 21% 78%,#28231e 79%)}.door-frame,.outside-light{position:absolute;left:30%;right:25%;top:5%;bottom:0;border-radius:48% 48% 0 0;background:#17120e;box-shadow:inset 0 0 0 18px #5f4e3a}.outside-light{background:radial-gradient(circle at 50% 22%,#f8dfad,#8a805d 44%,#494132 78%)}.door-fire{position:absolute;left:42%;bottom:14%;width:25%;height:43%;border-radius:50% 50% 7px 7px;background:radial-gradient(circle at 50% 70%,#ffd083,#ed7131 42%,#43180f 76%)}
.scene-floor,.scene-floor-back,.scene-furnace,.scene-furnace-back{background:radial-gradient(circle at 20% 70%,#ffb35b 0 4%,#b64d25 10%,transparent 26%),linear-gradient(110deg,#171615 0 44%,#392f26 45% 72%,#181716 73%)}.floor-furnace,.close-fire{position:absolute;left:7%;bottom:11%;width:29%;height:54%;border-radius:48% 48% 8px 8px;background:#5f4f3d}.floor-furnace:after,.close-fire:after{content:"";position:absolute;left:24%;right:24%;bottom:12%;height:40%;border-radius:50% 50% 7px 7px;background:radial-gradient(circle,#ffd184,#ed7332 43%,#42180f 77%)}.floor-anvil{position:absolute;left:48%;bottom:21%;width:20%;height:17%;background:#444341;clip-path:polygon(0 0,100% 18%,77% 45%,68% 100%,31% 100%,25% 44%)}.far-door,.deep-door{position:absolute;right:9%;top:18%;width:15%;height:43%;border-radius:48% 48% 0 0;background:radial-gradient(circle at 50% 30%,#ead7ac,#7e7359 45%,#312923 78%)}.casting-bench,.bench-silhouette{position:absolute;right:8%;bottom:17%;width:43%;height:28%;background:#4d4135}.metal-glint{position:absolute;right:23%;bottom:38%;width:85px;height:8px;background:linear-gradient(90deg,transparent,#f4d99b,transparent);transform:rotate(-12deg);animation:metalGlint 13s ease-in-out infinite}
.exploration-point{position:absolute;z-index:12;border:0;background:transparent;cursor:pointer}.exploration-point:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;border:1px solid rgba(231,198,132,.62);border-radius:50%;transform:translate(-50%,-50%);opacity:0}.exploration-point:hover:after,.exploration-point:focus-visible:after{opacity:1}.exploration-point span{position:absolute;left:50%;bottom:calc(50% + 20px);transform:translateX(-50%);white-space:nowrap;padding:7px 9px;background:rgba(13,15,14,.85);color:#e3c27e;font-size:8px;text-transform:uppercase;opacity:0}.exploration-point:hover span,.exploration-point:focus-visible span{opacity:1}.forward{left:34%;right:27%;bottom:0;height:62%}.back{left:0;bottom:0;width:23%;height:100%}.turn{right:0;bottom:0;width:26%;height:100%}.retreat{left:0;bottom:0;width:28%;height:100%}
.recon-kiosk{position:absolute;z-index:14;width:36px;height:54px;border:1px solid #c89c57;border-radius:4px;background:linear-gradient(#8f6a39,#4d3824);color:#f0d59e;cursor:pointer}.kiosk-side{left:8%;bottom:20%}.kiosk-main{right:28%;bottom:22%}.kiosk-furnace{left:34%;bottom:16%}.kiosk-bench{right:15%;bottom:20%}
.museum-guide{position:absolute;left:20px;right:20px;bottom:18px;z-index:25;max-width:920px;margin:auto;padding:16px 18px;background:rgba(14,16,15,.78);border:1px solid rgba(207,170,103,.26);backdrop-filter:blur(13px)}.museum-guide.hidden{opacity:0;pointer-events:none}.museum-guide.collapsed p,.museum-guide.collapsed .guide-heading strong{display:none}.guide-heading{display:flex;align-items:center;gap:9px}.guide-heading small{color:#cda765;font-size:8px;text-transform:uppercase}.guide-heading strong{margin-left:auto;font-family:var(--serif);font-size:19px}.museum-guide p{color:#c4bbad}.guide-footer{display:flex;align-items:center;gap:12px;color:#cda765;font-size:8px;text-transform:uppercase}.journey-dots{display:flex;gap:7px}.journey-dots i{width:8px;height:8px;border:1px solid rgba(205,167,101,.5);border-radius:50%}.journey-dots i.on{background:#cda765}.guide-footer button{margin-left:auto;border:0;background:transparent;color:#cda765;cursor:pointer}
.reconstruction-kiosk{position:absolute;right:20px;top:86px;bottom:20px;z-index:40;width:min(430px,calc(100vw - 40px));padding:28px;background:rgba(17,19,18,.96);border:1px solid rgba(207,170,103,.28);transform:translateX(calc(100% + 40px));transition:.35s;overflow:auto}.reconstruction-kiosk.open{transform:none}.reconstruction-kiosk h2{font-family:var(--serif);font-size:38px}.reconstruction-kiosk p{color:#beb5a8;line-height:1.7}.kiosk-tabs{display:grid;gap:8px;margin:20px 0}.kiosk-tabs button,.kiosk-close{padding:11px;border:1px solid rgba(207,170,103,.24);background:transparent;color:#e9dfd0;text-align:left;cursor:pointer}
.reconstruction-intro{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#24231f,#080909 72%);transition:.55s}.reconstruction-intro.hidden{opacity:0;visibility:hidden}.reconstruction-intro>div{max-width:680px;padding:40px;border:1px solid rgba(207,170,103,.28);background:rgba(18,20,19,.91);text-align:center}.reconstruction-intro h2{font-family:var(--serif);font-size:clamp(48px,7vw,82px)}.reconstruction-intro button{margin:9px 4px;padding:12px 15px;border:1px solid #cda765;background:transparent;color:#dfbf7b;cursor:pointer}.reconstruction-fade{position:absolute;inset:0;z-index:55;pointer-events:none;background:#080909;opacity:0;transition:.28s}.reconstruction-fade.on{opacity:1}
@keyframes civSmoke{50%{transform:translate(8px,-8px);opacity:.65}}@keyframes civClouds{to{transform:translateX(18%)}}@keyframes metalGlint{0%,78%,100%{opacity:0;transform:translateX(-30px) rotate(-12deg)}84%{opacity:1}92%{opacity:0;transform:translateX(55px) rotate(-12deg)}}
@media(max-width:900px){.immersive-invitation,.occupation-feature{grid-template-columns:1fr}.reconstruction-topbar{flex-direction:column}.reconstruction-controls{flex-wrap:wrap}.museum-guide{left:8px;right:8px;bottom:8px}}
@media(max-width:700px){.civilization-threshold-content{width:calc(100% - 32px)}.civilization-card-grid,.beauty-violence-grid,.lineage-pair,.fact-conjecture-strip{grid-template-columns:1fr}.reconstruction-controls input{display:none}.reconstruction-kiosk{top:132px;right:8px;bottom:8px;width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.reconstruction-wing,.recon-scene,.reconstruction-fade,.reconstruction-kiosk,.reconstruction-intro{transition:none!important}}

/* =====================================================
   VERSION 23.1 — EXHIBIT VI READABILITY CORRECTION
   Separate dark-canvas typography from light card text.
   ===================================================== */

/* Main narrative canvas: readable in both viewing modes */
.civilization-page .detailed-exhibit-content > .content-section > .section-label,
.civilization-page .detailed-exhibit-content > .content-section > .section-title-row .section-label {
  color: #a89274;
}

.civilization-page .detailed-exhibit-content > .content-section > h2,
.civilization-page .detailed-exhibit-content > .content-section > .section-title-row h2 {
  color: #e8e0d3;
}

.civilization-page .detailed-exhibit-content > .content-section > p,
.civilization-page .detailed-exhibit-content > .content-section > .dropcap {
  color: #aaa49a;
}

.civilization-page .detailed-exhibit-content > .content-section > .dropcap {
  display: flow-root;
  line-height: 1.72;
}

.civilization-page .detailed-exhibit-content > .content-section > .dropcap::first-letter {
  float: left;
  margin: 7px 15px 0 0;
  padding: 0;
  color: #e0c17e;
  font-family: var(--serif);
  font-size: 76px;
  line-height: .72;
}

/* Keep dark-canvas text readable even when Archive is selected */
html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > h2,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > .section-title-row h2 {
  color: #e8e0d3;
}

html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > p,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > .dropcap {
  color: #aaa49a;
}

html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > .dropcap::first-letter {
  color: #e0c17e;
}

/* Light cards retain dark, high-contrast typography */
html[data-theme="archive"] .civilization-page .civilization-card-grid article,
html[data-theme="archive"] .civilization-page .beauty-violence-grid article,
html[data-theme="archive"] .civilization-page .lineage-pair article,
html[data-theme="archive"] .civilization-page .fact-conjecture-strip article,
html[data-theme="archive"] .civilization-page .occupation-feature,
html[data-theme="archive"] .civilization-page .immersive-invitation {
  background: #e8e1d5 !important;
  border-color: rgba(86, 72, 51, .2) !important;
}

html[data-theme="archive"] .civilization-page .civilization-card-grid h3,
html[data-theme="archive"] .civilization-page .beauty-violence-grid h3,
html[data-theme="archive"] .civilization-page .lineage-pair h3,
html[data-theme="archive"] .civilization-page .fact-conjecture-strip strong,
html[data-theme="archive"] .civilization-page .occupation-feature h3,
html[data-theme="archive"] .civilization-page .immersive-invite-copy h2 {
  color: #30312f;
}

html[data-theme="archive"] .civilization-page .civilization-card-grid p,
html[data-theme="archive"] .civilization-page .beauty-violence-grid p,
html[data-theme="archive"] .civilization-page .lineage-pair p,
html[data-theme="archive"] .civilization-page .occupation-feature p,
html[data-theme="archive"] .civilization-page .immersive-invite-copy > p:not(.section-label) {
  color: #57534d;
}

/* Museum mode cards remain dark and use light typography */
html[data-theme="museum"] .civilization-page .civilization-card-grid article,
html[data-theme="museum"] .civilization-page .beauty-violence-grid article,
html[data-theme="museum"] .civilization-page .lineage-pair article,
html[data-theme="museum"] .civilization-page .fact-conjecture-strip article,
html[data-theme="museum"] .civilization-page .occupation-feature,
html[data-theme="museum"] .civilization-page .immersive-invitation {
  background: var(--theme-surface) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="museum"] .civilization-page .civilization-card-grid h3,
html[data-theme="museum"] .civilization-page .beauty-violence-grid h3,
html[data-theme="museum"] .civilization-page .lineage-pair h3,
html[data-theme="museum"] .civilization-page .fact-conjecture-strip strong,
html[data-theme="museum"] .civilization-page .occupation-feature h3,
html[data-theme="museum"] .civilization-page .immersive-invite-copy h2 {
  color: var(--theme-heading);
}

html[data-theme="museum"] .civilization-page .civilization-card-grid p,
html[data-theme="museum"] .civilization-page .beauty-violence-grid p,
html[data-theme="museum"] .civilization-page .lineage-pair p,
html[data-theme="museum"] .civilization-page .occupation-feature p,
html[data-theme="museum"] .civilization-page .immersive-invite-copy > p:not(.section-label) {
  color: var(--theme-muted);
}

/* =====================================================
   VERSION 23.2 — MODULAR MUSEUM COMPONENT SYSTEM
   Copy-and-place inserts usable in any exhibit.
   ===================================================== */
.museum-insert{margin:22px 0 34px}
.insert-kicker{margin:0;color:#bd8d52!important;font-size:8px!important;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.insert-status{display:inline-flex;align-items:center;padding:7px 9px;border:1px solid;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.biblical-status{border-color:rgba(190,137,69,.48);color:#c79552;background:rgba(151,99,43,.08)}
.evidence-status{border-color:rgba(105,139,154,.5);color:#8fb1bd;background:rgba(73,114,132,.08)}
.reconstruction-status{border-color:rgba(145,124,177,.5);color:#b7a4d1;background:rgba(111,88,145,.08)}
.question-status{border-color:rgba(161,153,129,.48);color:#bdb49d;background:rgba(139,128,96,.08)}
.assessment-status{border-color:rgba(117,151,119,.48);color:#98bb99;background:rgba(81,124,83,.08)}

/* Curator plaque */
.curator-plaque{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px;border:1px solid rgba(190,137,69,.38);background:linear-gradient(135deg,rgba(111,74,34,.16),rgba(25,24,21,.45));box-shadow:inset 0 0 0 1px rgba(236,200,139,.04)}
.curator-plaque .insert-emblem{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(211,166,91,.55);border-radius:50%;color:#d1aa67;font-family:var(--serif);font-size:30px;background:radial-gradient(circle,rgba(190,137,69,.14),transparent 70%)}
.curator-plaque h3{margin:6px 0 8px;color:#e5ddd0;font-family:var(--serif);font-size:28px}.curator-plaque p:last-child{margin:0;color:#aaa49a!important;line-height:1.65}.compact-plaque{padding:20px}

/* Transition panel */
.museum-transition-panel{position:relative;margin:38px 0;padding:34px 34px 32px;border-top:1px solid rgba(190,137,69,.34);border-bottom:1px solid rgba(190,137,69,.34);text-align:center;background:radial-gradient(circle at 50% 50%,rgba(154,103,49,.1),transparent 65%)}
.museum-transition-panel small{color:#b98248;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.museum-transition-panel h3{max-width:800px;margin:9px auto;color:#e7dfd2;font-family:var(--serif);font-size:clamp(29px,3vw,42px);line-height:1.15}.museum-transition-panel p{max-width:720px;margin:10px auto;color:#a8a197;line-height:1.65}.museum-transition-panel span{display:inline-block;margin-top:11px;color:#c39a5c;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.compact-transition{padding:25px 28px}.compact-transition h3{font-size:clamp(25px,2.6vw,34px)}

/* Artifact cases */
.artifact-case{padding:25px;border:1px solid rgba(176,145,98,.3);background:linear-gradient(180deg,rgba(53,49,42,.85),rgba(27,27,25,.92));box-shadow:0 20px 45px rgba(0,0,0,.16)}
.artifact-case-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:19px}.artifact-case-heading h3{margin:5px 0 0;color:#e8e0d3;font-family:var(--serif);font-size:35px}
.artifact-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.artifact-shelf article{position:relative;min-height:280px;padding:19px 15px 17px;border:1px solid rgba(222,201,165,.12);background:linear-gradient(180deg,rgba(225,210,182,.07),rgba(0,0,0,.09));text-align:center}
.artifact-shelf article:after{content:"";position:absolute;left:8%;right:8%;bottom:91px;height:1px;background:linear-gradient(90deg,transparent,rgba(215,183,126,.28),transparent)}
.artifact-object{position:relative;width:112px;height:120px;margin:0 auto 18px;filter:drop-shadow(0 15px 12px rgba(0,0,0,.28))}
.artifact-shelf small{color:#9f8b6e;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.artifact-shelf strong{display:block;margin:6px 0;color:#e2d9ca;font-family:var(--serif);font-size:22px}.artifact-shelf p{margin:0;color:#99938a!important;font-size:11px;line-height:1.55}
.artifact-case-note{margin:18px 0 0!important;padding-top:15px;border-top:1px solid rgba(222,201,165,.1);color:#8f8980!important;font-size:11px!important;font-style:italic;text-align:center}
.featured-artifact-case{border-color:rgba(190,137,69,.44);background:radial-gradient(circle at 12% 80%,rgba(219,94,35,.1),transparent 25%),linear-gradient(180deg,rgba(53,45,37,.9),rgba(25,24,22,.95))}

/* Simple blueprint-like object silhouettes */
.artifact-crook:before{content:"";position:absolute;left:52px;top:5px;width:8px;height:108px;border-radius:8px;background:#80694e;transform:rotate(8deg)}.artifact-crook:after{content:"";position:absolute;left:45px;top:0;width:35px;height:35px;border:7px solid #80694e;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}
.artifact-waterskin:before{content:"";position:absolute;left:27px;top:21px;width:60px;height:82px;border-radius:42% 42% 48% 48%;background:linear-gradient(135deg,#866346,#4f3b2d);transform:rotate(-6deg)}.artifact-waterskin:after{content:"";position:absolute;left:49px;top:4px;width:19px;height:32px;border:5px solid #74543b;border-bottom:0}
.artifact-tentpeg:before{content:"";position:absolute;left:50px;top:4px;width:14px;height:107px;background:linear-gradient(90deg,#806746,#4d3d2d);clip-path:polygon(20% 0,80% 0,100% 85%,50% 100%,0 85%);transform:rotate(12deg)}
.artifact-sling:before{content:"";position:absolute;left:20px;top:18px;width:72px;height:52px;border:5px solid #8b7555;border-top-color:transparent;border-radius:50%}.artifact-sling:after{content:"";position:absolute;left:54px;top:65px;width:5px;height:55px;background:#8b7555;box-shadow:18px -7px 0 -1px #8b7555;transform:rotate(-6deg)}
.artifact-lyre:before{content:"";position:absolute;left:25px;top:9px;width:65px;height:102px;border:8px solid #9b7344;border-top-width:15px;border-radius:45% 45% 18% 18%}.artifact-lyre:after{content:"";position:absolute;left:54px;top:14px;width:2px;height:90px;background:#d0b47f;box-shadow:-10px 0 #d0b47f,10px 0 #d0b47f,20px 0 #d0b47f}
.artifact-pipe:before{content:"";position:absolute;left:50px;top:4px;width:20px;height:108px;border-radius:10px;background:linear-gradient(90deg,#9d8357,#6b583c);transform:rotate(9deg)}.artifact-pipe:after{content:"";position:absolute;left:56px;top:28px;width:6px;height:6px;border-radius:50%;background:#2a2621;box-shadow:0 17px #2a2621,0 34px #2a2621,0 51px #2a2621}
.artifact-peg:before{content:"";position:absolute;left:50px;top:17px;width:13px;height:92px;background:#8a6c45;border-radius:7px}.artifact-peg:after{content:"";position:absolute;left:37px;top:7px;width:39px;height:28px;border-radius:50%;background:#9b794b}
.artifact-frame-drum:before{content:"";position:absolute;left:17px;top:14px;width:82px;height:82px;border:10px solid #825f3d;border-radius:50%;background:radial-gradient(circle,#bda980,#8a7255)}.artifact-frame-drum:after{content:"";position:absolute;left:16px;top:99px;width:85px;height:7px;background:#806241;transform:rotate(-14deg)}
.artifact-crucible:before{content:"";position:absolute;left:24px;top:28px;width:67px;height:70px;background:linear-gradient(#776958,#3f3932);clip-path:polygon(8% 0,92% 0,76% 100%,24% 100%);border-radius:0 0 26px 26px}.artifact-crucible:after{content:"";position:absolute;left:32px;top:20px;width:50px;height:16px;border:5px solid #897865;border-radius:50%}
.artifact-mold:before{content:"";position:absolute;left:19px;top:22px;width:78px;height:80px;border-radius:7px;background:#696258;box-shadow:inset 0 0 0 4px #48443e}.artifact-mold:after{content:"";position:absolute;left:48px;top:38px;width:20px;height:52px;border-radius:8px;background:#292a28}
.artifact-hammer:before{content:"";position:absolute;left:51px;top:27px;width:12px;height:84px;background:#745a3d;transform:rotate(18deg)}.artifact-hammer:after{content:"";position:absolute;left:25px;top:13px;width:70px;height:27px;border-radius:6px;background:linear-gradient(#777673,#454542);transform:rotate(18deg)}
.artifact-chisel:before{content:"";position:absolute;left:52px;top:10px;width:12px;height:105px;background:linear-gradient(#898985,#41423f);clip-path:polygon(15% 0,85% 0,100% 88%,50% 100%,0 88%);transform:rotate(9deg)}

/* Research Spotlight */
.research-spotlight{padding:27px;border:1px solid rgba(107,143,158,.42);background:linear-gradient(135deg,rgba(64,95,108,.13),rgba(26,28,28,.75))}
.research-spotlight-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid rgba(130,165,179,.18)}.research-spotlight h3{margin:6px 0 0;color:#e3e0d7;font-family:var(--serif);font-size:35px}.research-date{text-align:right}.research-date small{display:block;color:#8baebc;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.research-date strong{display:block;margin-top:4px;color:#c1c5c2;font-size:11px}
.research-spotlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}.research-spotlight-grid section{padding:18px;border:1px solid rgba(184,205,211,.11);background:rgba(255,255,255,.025)}.research-spotlight-grid p{margin:12px 0 0!important;color:#aaa8a2!important;font-size:12px!important;line-height:1.6}.research-update-note{margin:17px 0 0!important;color:#8baebc!important;font-size:10px!important;font-style:italic}

/* Quiet entrance panel */
.quiet-entry-panel{padding:35px;text-align:center;border:1px solid rgba(190,137,69,.29);background:radial-gradient(circle at 50% 100%,rgba(117,79,39,.14),transparent 55%)}
.quiet-entry-panel>small{color:#b98248;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.quiet-entry-panel h3{margin:8px 0;color:#e5ddd0;font-family:var(--serif);font-size:45px}.quiet-entry-panel>p{max-width:750px;margin:0 auto;color:#aaa49a!important;line-height:1.7}.quiet-entry-rules{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.quiet-entry-rules span{padding:8px 10px;border:1px solid rgba(190,137,69,.24);color:#b99765;font-size:8px;letter-spacing:.09em;text-transform:uppercase}

/* Direction sign */
.museum-direction-sign{display:grid;grid-template-columns:1fr 1fr 1fr;margin:30px 0;border:1px solid var(--theme-border);background:var(--theme-surface)}
.museum-direction-sign>*{padding:18px;text-decoration:none;text-align:center;border-right:1px solid var(--theme-border)}.museum-direction-sign>*:last-child{border-right:0}.museum-direction-sign small{display:block;color:#9b876d;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.museum-direction-sign strong{display:block;margin-top:5px;color:var(--theme-heading);font-family:var(--serif);font-size:21px}.museum-direction-sign a:hover{background:rgba(190,137,69,.07)}

/* Beyond Horizon */
.museum-beyond-horizon{margin:50px 0 28px;padding:45px;border:1px solid rgba(190,137,69,.3);background:radial-gradient(circle at 85% 20%,rgba(134,88,41,.16),transparent 27%),linear-gradient(135deg,rgba(35,32,27,.94),rgba(20,21,20,.96))}
.museum-beyond-horizon>small{color:#bd8d52;font-size:8px;letter-spacing:.17em;text-transform:uppercase}.museum-beyond-horizon h2{max-width:850px;margin:8px 0 13px;color:#e8dfd1;font-family:var(--serif);font-size:clamp(42px,5vw,70px);line-height:.95}.museum-beyond-horizon>p{max-width:760px;color:#aaa49a;line-height:1.7}.museum-beyond-horizon>div{display:inline-grid;margin-top:18px;padding:15px 18px;border-left:3px solid #b98248;background:rgba(0,0,0,.15)}.museum-beyond-horizon div span,.museum-beyond-horizon div small{color:#a98c64;font-size:7px;letter-spacing:.13em;text-transform:uppercase}.museum-beyond-horizon div strong{margin:4px 0;color:#e5d8c5;font-family:var(--serif);font-size:25px}

/* Revision record */
.museum-revision-record{display:grid;grid-template-columns:42% 58%;gap:28px;margin:28px 0 42px;padding:28px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.museum-revision-record h2{margin:6px 0;color:var(--theme-heading);font-family:var(--serif);font-size:36px}.museum-revision-record p{color:var(--theme-muted);line-height:1.6}.museum-revision-record dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0}.museum-revision-record dl div{padding:14px;border:1px solid var(--theme-border)}.museum-revision-record dt{color:#9b876d;font-size:7px;letter-spacing:.11em;text-transform:uppercase}.museum-revision-record dd{margin:5px 0 0;color:var(--theme-heading);font-size:12px}

/* Archive mode modular components */
html[data-theme="archive"] .curator-plaque,
html[data-theme="archive"] .artifact-case,
html[data-theme="archive"] .research-spotlight,
html[data-theme="archive"] .quiet-entry-panel,
html[data-theme="archive"] .museum-transition-panel,
html[data-theme="archive"] .museum-beyond-horizon{
  background:#e8e1d5;border-color:rgba(86,72,51,.22);box-shadow:none
}
html[data-theme="archive"] .curator-plaque h3,
html[data-theme="archive"] .artifact-case-heading h3,
html[data-theme="archive"] .artifact-shelf strong,
html[data-theme="archive"] .research-spotlight h3,
html[data-theme="archive"] .quiet-entry-panel h3,
html[data-theme="archive"] .museum-transition-panel h3,
html[data-theme="archive"] .museum-beyond-horizon h2,
html[data-theme="archive"] .museum-beyond-horizon div strong{color:#30312f}
html[data-theme="archive"] .curator-plaque p:last-child,
html[data-theme="archive"] .artifact-shelf p,
html[data-theme="archive"] .artifact-case-note,
html[data-theme="archive"] .research-spotlight-grid p,
html[data-theme="archive"] .quiet-entry-panel>p,
html[data-theme="archive"] .museum-transition-panel p,
html[data-theme="archive"] .museum-beyond-horizon>p{color:#57534d!important}
html[data-theme="archive"] .artifact-shelf article,
html[data-theme="archive"] .research-spotlight-grid section{background:rgba(255,255,255,.25);border-color:rgba(86,72,51,.14)}
html[data-theme="archive"] .museum-transition-panel{background:radial-gradient(circle at 50% 50%,rgba(159,113,56,.08),transparent 65%)}

@media(max-width:900px){
.artifact-shelf{grid-template-columns:repeat(2,1fr)}
.research-spotlight-grid{grid-template-columns:1fr}
.museum-revision-record{grid-template-columns:1fr}
}
@media(max-width:650px){
.curator-plaque{grid-template-columns:1fr}.curator-plaque .insert-emblem{width:48px;height:48px}
.artifact-shelf{grid-template-columns:1fr}
.artifact-case-heading,.research-spotlight-header{display:block}.research-date{text-align:left;margin-top:12px}
.museum-direction-sign{grid-template-columns:1fr}.museum-direction-sign>*{border-right:0;border-bottom:1px solid var(--theme-border)}.museum-direction-sign>*:last-child{border-bottom:0}
.museum-revision-record dl{grid-template-columns:1fr}
}

/* =====================================================
   VERSION 23.4 — EXHIBIT VI FULL THEME CORRECTION
   The earlier .exhibit-page rule hard-coded a dark page.
   Exhibit VI now follows the active Museum/Archive theme.
   ===================================================== */

.civilization-page {
  background: var(--theme-page);
  color: var(--theme-text);
}

/* Main Exhibit VI narrative follows the active theme */
.civilization-page .detailed-exhibit-content > .content-section > h2,
.civilization-page .detailed-exhibit-content > .content-section > .section-title-row h2 {
  color: var(--theme-heading);
}

.civilization-page .detailed-exhibit-content > .content-section > p,
.civilization-page .detailed-exhibit-content > .content-section > .dropcap {
  color: var(--theme-muted);
}

.civilization-page .detailed-exhibit-content > .content-section > .section-label,
.civilization-page .detailed-exhibit-content > .content-section > .section-title-row .section-label {
  color: #a47b3d;
}

.civilization-page .detailed-exhibit-content > .content-section > .dropcap::first-letter {
  color: #c69c55;
}

/* Archive mode now changes the entire Exhibit VI canvas */
html[data-theme="archive"] .civilization-page {
  background:
    radial-gradient(circle at 10% 0%, rgba(173,133,66,.055), transparent 28%),
    var(--theme-page);
  color: var(--theme-text);
}

html[data-theme="archive"] .civilization-page .detailed-exhibit-content,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content p,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content li {
  color: #4b4944;
}

html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > h2,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > .section-title-row h2,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content h3 {
  color: #2e302f;
}

html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > p,
html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > .dropcap {
  color: #57534d;
}

html[data-theme="archive"] .civilization-page .detailed-exhibit-content > .content-section > .dropcap::first-letter {
  color: #9a6a35;
}

/* Sidebar and structural surfaces */
html[data-theme="archive"] .civilization-page .sidebar-card,
html[data-theme="archive"] .civilization-page .museum-direction-sign,
html[data-theme="archive"] .civilization-page .museum-revision-record {
  background: #ece6db;
  border-color: rgba(86,72,51,.19);
  color: #3c3d3c;
}

html[data-theme="archive"] .civilization-page .sidebar-card a {
  color: #67645e;
}

html[data-theme="archive"] .civilization-page .sidebar-card a.active,
html[data-theme="archive"] .civilization-page .sidebar-card a:hover {
  color: #806024;
}

/* Museum mode remains the dark presentation */
html[data-theme="museum"] .civilization-page {
  background: var(--theme-page);
  color: var(--theme-text);
}

html[data-theme="museum"] .civilization-page .detailed-exhibit-content > .content-section > h2,
html[data-theme="museum"] .civilization-page .detailed-exhibit-content > .content-section > .section-title-row h2 {
  color: var(--theme-heading);
}

html[data-theme="museum"] .civilization-page .detailed-exhibit-content > .content-section > p,
html[data-theme="museum"] .civilization-page .detailed-exhibit-content > .content-section > .dropcap {
  color: var(--theme-muted);
}

/* =====================================================
   VERSION 23.5 — EXHIBIT VI CLICK-LAYER CORRECTION
   Closed immersive layers are removed from hit testing.
   Decorative artwork can never intercept navigation.
   ===================================================== */

/* Decorative Exhibit VI layers must never capture a click */
.civilization-scape,
.civilization-overlay,
.civilization-scape *,
.immersive-preview,
.immersive-preview *,
.occupation-art,
.occupation-art * {
  pointer-events: none !important;
}

/*
  Safari-safe closed state:
  display:none removes the full-screen fixed reconstruction wing from both
  painting and hit testing. It is restored only after the Enter button adds
  the .open class.
*/
.reconstruction-wing {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.reconstruction-wing.open {
  display: block !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Explicitly restore interaction to controls inside an open reconstruction */
.reconstruction-wing.open button,
.reconstruction-wing.open input,
.reconstruction-wing.open a,
.reconstruction-wing.open [data-go],
.reconstruction-wing.open [data-kiosk] {
  pointer-events: auto;
}

/* Keep the ordinary museum header and navigation above page artwork */
.civilization-page .site-header {
  position: sticky;
  top: 0;
  z-index: 300;
}

.civilization-page .site-header a,
.civilization-page .site-header button,
.civilization-page .primary-nav,
.civilization-page .primary-nav a {
  position: relative;
  z-index: 2;
  pointer-events: auto !important;
}

/* The normal page and footer remain interactive whenever reconstruction is closed */
html:not(.reconstruction-open) .civilization-page main,
html:not(.reconstruction-open) .civilization-page footer {
  pointer-events: auto;
}

/* =====================================================
   VERSION 24 — EXHIBIT VII: THE SONS OF GOD
   Ancient Library + Hall of Giant Research — Witnesses
   ===================================================== */
.sons-of-god-page{background:var(--theme-page);color:var(--theme-text)}
.watchers-threshold{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;background:#11141c}
.watchers-scape,.watchers-overlay{position:absolute;inset:0;pointer-events:none}.watchers-scape{background:radial-gradient(circle at 72% 17%,rgba(196,205,223,.52),transparent 15%),linear-gradient(180deg,#202634 0 42%,#2b2c32 43% 61%,#111419 62%)}
.watchers-moon{position:absolute;right:11%;top:7%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 42% 40%,#e3e5e8,#8c93a2 49%,rgba(86,93,112,.16) 51%,transparent 72%);opacity:.65}
.watchers-ridge{position:absolute;left:-8%;right:-8%;bottom:-28%;height:67%;border-radius:48% 52% 0 0;background:linear-gradient(#282b31,#101216)}
.watchers-city{position:absolute;right:4%;bottom:22%;width:52%;height:43%;background:#25272d;clip-path:polygon(0 38%,9% 20%,19% 38%,29% 9%,39% 33%,48% 1%,60% 35%,72% 13%,82% 37%,92% 19%,100% 40%,100% 100%,0 100%);box-shadow:-43vw 7vh 0 -13vh rgba(30,32,39,.85)}
.watchers-clouds{position:absolute;left:-20%;top:5%;width:140%;height:32%;opacity:.18;background:radial-gradient(ellipse at 22% 50%,#d7dce5,transparent 33%),radial-gradient(ellipse at 58% 45%,#d7dce5,transparent 30%),radial-gradient(ellipse at 88% 55%,#d7dce5,transparent 31%);animation:watchersClouds 58s linear infinite}
.watchers-lightning{position:absolute;left:23%;top:10%;width:2px;height:0;background:#d8e4ff;box-shadow:0 0 16px #b6caff;opacity:0;transform:rotate(18deg);animation:distantLightning 17s ease-in-out infinite}
.watchers-overlay{background:linear-gradient(90deg,rgba(8,10,15,.93),rgba(8,10,15,.54) 61%,rgba(8,10,15,.12)),linear-gradient(0deg,rgba(15,16,21,.96),transparent 58%)}
.watchers-threshold-content{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:180px 0 94px}
.watchers-threshold h1{max-width:1120px;margin:0;color:#ece8e2;font-family:var(--serif);font-size:clamp(72px,9vw,142px);line-height:.82;letter-spacing:-.06em}
.watchers-kicker{margin:22px 0 0;color:#a9b4cd;font-family:var(--serif);font-size:clamp(29px,3vw,44px)}
.watchers-subtitle{max-width:940px;margin-top:24px;color:rgba(230,229,225,.78);font-size:20px;line-height:1.68}

/* Key terms */
.term-vault{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:28px}
.term-vault article{padding:25px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.term-vault small{color:#8999b9;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.term-vault h3{margin:8px 0;color:var(--theme-heading);font-family:var(--serif);font-size:31px}.term-vault p{margin:0;color:var(--theme-muted);line-height:1.65}
.archive-transition{border-color:rgba(126,143,177,.34);background:radial-gradient(circle at 50% 50%,rgba(82,99,137,.12),transparent 65%)}
.archive-transition small,.archive-transition span{color:#91a2c7}

/* Ancient Library */
.ancient-library-section{position:relative}
.library-classification-key{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.library-classification-key span{padding:8px 10px;border:1px solid;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.class-canonical{color:#c69c55;border-color:rgba(198,156,85,.48)}.class-quoted{color:#a9b8dc;border-color:rgba(169,184,220,.48)}.class-mentioned{color:#c1a781;border-color:rgba(193,167,129,.48)}.class-historical{color:#8fb0a8;border-color:rgba(143,176,168,.48)}.class-comparative{color:#b9a6c9;border-color:rgba(185,166,201,.48)}
.ancient-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.library-volume{position:relative;min-height:310px;padding:27px 23px 21px;border:1px solid var(--theme-border);background:linear-gradient(145deg,var(--theme-surface),rgba(30,31,33,.94));overflow:hidden}
.library-volume:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#7e684a}
.quoted-volume:before{background:#7183aa}.mentioned-volume:before{background:#9b7950}.historical-volume:before{background:#5f8b81}.canonical-volume:before{background:#b58a48}
.volume-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--theme-border);border-radius:50%;color:#b9c3d9;font-family:var(--serif);font-size:24px}
.library-volume>small{display:block;margin-top:18px;color:#8999b9;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.library-volume h3{margin:7px 0 10px;color:var(--theme-heading);font-family:var(--serif);font-size:29px}.library-volume p{color:var(--theme-muted);font-size:12px;line-height:1.65}.library-volume footer{position:absolute;left:23px;right:23px;bottom:20px;display:flex;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--theme-border);font-size:8px;text-transform:uppercase}.library-volume footer span{color:#827d75}.library-volume footer strong{color:#a8b7d2}
.library-note{margin-top:18px}

/* Source method */
.source-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:27px}.source-method-grid article{padding:22px;border:1px solid var(--theme-border);background:var(--theme-surface)}.source-method-grid span{color:#7183aa;font-family:var(--serif);font-size:26px}.source-method-grid h3{margin:10px 0;color:var(--theme-heading);font-family:var(--serif);font-size:25px}.source-method-grid p{color:var(--theme-muted);font-size:12px;line-height:1.6}

/* Witness Hall entrance */
.witness-hall-intro{display:grid;grid-template-columns:44% 56%;margin:52px 0 28px;border:1px solid rgba(126,143,177,.35);background:linear-gradient(135deg,rgba(43,49,64,.78),rgba(20,22,28,.95));overflow:hidden}
.witness-hall-architecture{position:relative;min-height:520px;background:radial-gradient(circle at 50% 22%,rgba(170,182,210,.2),transparent 22%),linear-gradient(180deg,#333a4b,#171b24)}
.witness-hall-architecture:before,.witness-hall-architecture:after{content:"";position:absolute;top:10%;bottom:0;width:24%;border:2px solid rgba(190,198,214,.18);border-bottom:0;border-radius:50% 50% 0 0}.witness-hall-architecture:before{left:9%;box-shadow:132px 0 0 -2px rgba(69,78,99,.9),264px 0 0 -2px rgba(69,78,99,.9)}.witness-hall-architecture:after{left:13%;top:18%;width:15%;border-color:rgba(199,166,105,.22);box-shadow:132px 0 0 -2px rgba(53,60,77,.95),264px 0 0 -2px rgba(53,60,77,.95)}
.witness-hall-architecture span{position:absolute;left:12%;right:12%;bottom:0;height:38%;background:repeating-linear-gradient(90deg,rgba(113,99,77,.22) 0 2px,transparent 2px 65px),linear-gradient(#34333a,#1c1d24);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}
.witness-hall-copy{display:grid;align-content:center;padding:43px}.witness-hall-copy h2{margin:7px 0;color:#e7e3dc;font-family:var(--serif);font-size:clamp(50px,6vw,80px);line-height:.88}.witness-hall-subtitle{color:#9eacc9!important;font-family:var(--serif);font-size:27px!important}.witness-hall-copy>p{color:#b4b0aa;line-height:1.72}.witness-hall-copy blockquote{margin:22px 0 0;padding:18px;border-left:3px solid #7183aa;color:#c5c2bc;font-family:var(--serif);font-size:20px;line-height:1.5}

/* Search and filters */
.witness-tools{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:27px 0;padding:18px;border:1px solid var(--theme-border);background:var(--theme-surface)}
.witness-tools label{display:grid;gap:7px;min-width:300px}.witness-tools label span{color:#8999b9;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.witness-tools input{width:100%;padding:11px 12px;border:1px solid var(--theme-border);background:var(--theme-page);color:var(--theme-text)}
.witness-filter-group{display:flex;flex-wrap:wrap;gap:7px}.witness-filter-group button{padding:9px 10px;border:1px solid var(--theme-border);background:transparent;color:var(--theme-muted);cursor:pointer}.witness-filter-group button.active,.witness-filter-group button:hover{border-color:#7183aa;color:#a9b8dc;background:rgba(82,99,137,.1)}

/* Eras and records */
.witness-era{margin:46px 0}.witness-era>header{padding:25px 28px;border-left:4px solid #7183aa;background:linear-gradient(90deg,rgba(73,85,113,.16),transparent)}.witness-era>header small{color:#8999b9;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.witness-era>header h2{margin:7px 0;color:var(--theme-heading);font-family:var(--serif);font-size:45px}.witness-era>header p{margin:0;color:var(--theme-muted)}
.witness-record{display:grid;grid-template-columns:180px 1fr;margin:18px 0;border:1px solid var(--theme-border);background:var(--theme-surface)}
.witness-record[hidden]{display:none!important}.witness-portrait{display:grid;place-items:center;min-height:330px;background:radial-gradient(circle at 50% 33%,rgba(154,169,201,.2),transparent 29%),linear-gradient(145deg,#313846,#171a21);border-right:1px solid var(--theme-border)}.witness-portrait span{display:grid;place-items:center;width:105px;height:105px;border:1px solid rgba(184,194,216,.26);border-radius:50%;color:#a9b8d5;font-family:var(--serif);font-size:35px}
.witness-record-body{padding:25px}.witness-name-row{display:flex;justify-content:space-between;gap:20px}.witness-name-row small{color:#8999b9;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.witness-name-row h3{margin:5px 0 2px;color:var(--theme-heading);font-family:var(--serif);font-size:35px}.witness-name-row p{margin:0;color:var(--theme-muted);font-size:12px}.witness-name-row time{color:#9b927f;font-family:var(--serif);font-size:18px}
.witness-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.witness-tags span{padding:6px 8px;border:1px solid rgba(126,143,177,.28);color:#9cabc8;font-size:7px;letter-spacing:.09em;text-transform:uppercase}
.witness-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.witness-columns section{padding:17px;border:1px solid var(--theme-border);background:rgba(255,255,255,.018)}.witness-columns h4{margin:0 0 8px;color:var(--theme-heading);font-family:var(--serif);font-size:21px}.witness-columns p,.verification-placeholder{color:var(--theme-muted);font-size:12px;line-height:1.6}.verification-placeholder{font-style:italic}
.witness-record footer{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:18px;padding-top:15px;border-top:1px solid var(--theme-border);font-size:8px;text-transform:uppercase}.witness-record footer span{color:#857f75}.witness-record footer strong,.witness-record footer code{color:#9eabc5;background:transparent}
.witness-record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.compact-witness{display:block;margin:0}.compact-witness .witness-portrait{min-height:190px;border-right:0;border-bottom:1px solid var(--theme-border)}.compact-witness .witness-name-row{display:block}.compact-witness .witness-name-row time{display:block;margin-top:8px}.compact-witness .witness-record-body{padding:20px}
.witness-insert-slot{margin:17px 0;padding:20px;border:1px dashed rgba(126,143,177,.38);text-align:center;background:repeating-linear-gradient(135deg,rgba(95,112,148,.035) 0 10px,transparent 10px 20px)}.witness-insert-slot span{display:block;color:#8192b6;font-size:7px;letter-spacing:.14em;text-transform:uppercase}.witness-insert-slot strong{display:block;margin:6px 0;color:var(--theme-heading);font-family:var(--serif);font-size:22px}.witness-insert-slot small{color:var(--theme-muted)}.prominent-slot{padding:29px}
.empty-era-gallery{margin-top:18px;padding:42px;border:1px dashed var(--theme-border);text-align:center}.empty-era-gallery span{color:#8999b9;font-size:8px;text-transform:uppercase}.empty-era-gallery h3{margin:8px 0;color:var(--theme-heading);font-family:var(--serif);font-size:31px}.empty-era-gallery p{color:var(--theme-muted)}

/* Future inserts */
.future-insert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.future-insert-grid article{padding:23px;border:1px solid var(--theme-border);background:var(--theme-surface)}.future-insert-grid small{color:#8999b9;font-size:8px;text-transform:uppercase}.future-insert-grid h3{margin:7px 0;color:var(--theme-heading);font-family:var(--serif);font-size:28px}.future-insert-grid p{color:var(--theme-muted);line-height:1.6}
.witness-document-insert{margin-top:18px;padding:24px;border:1px solid rgba(126,143,177,.4);background:linear-gradient(135deg,rgba(74,87,115,.12),var(--theme-surface))}.witness-document-insert>div{display:inline-block}.witness-document-insert>span{float:right}.witness-document-insert h3{margin:6px 0;color:var(--theme-heading);font-family:var(--serif);font-size:30px}.witness-document-insert>p{clear:both;padding-top:13px;color:var(--theme-muted);line-height:1.65}.witness-document-insert footer{display:flex;gap:10px 18px;padding-top:13px;border-top:1px solid var(--theme-border);font-size:8px;text-transform:uppercase}.witness-document-insert footer span{color:#827d75}.witness-document-insert footer strong{color:#9eabc5}

/* Archive mode */
html[data-theme="archive"] .sons-of-god-page{background:var(--theme-page);color:var(--theme-text)}
html[data-theme="archive"] .library-volume,html[data-theme="archive"] .witness-tools,html[data-theme="archive"] .witness-record,html[data-theme="archive"] .source-method-grid article,html[data-theme="archive"] .term-vault article,html[data-theme="archive"] .future-insert-grid article,html[data-theme="archive"] .witness-document-insert{background:#e9e3d8;border-color:rgba(81,70,53,.18)}
html[data-theme="archive"] .library-volume h3,html[data-theme="archive"] .witness-name-row h3,html[data-theme="archive"] .witness-columns h4,html[data-theme="archive"] .source-method-grid h3,html[data-theme="archive"] .term-vault h3,html[data-theme="archive"] .future-insert-grid h3,html[data-theme="archive"] .witness-document-insert h3,html[data-theme="archive"] .witness-era>header h2{color:#2f302f}
html[data-theme="archive"] .library-volume p,html[data-theme="archive"] .witness-name-row p,html[data-theme="archive"] .witness-columns p,html[data-theme="archive"] .verification-placeholder,html[data-theme="archive"] .source-method-grid p,html[data-theme="archive"] .term-vault p,html[data-theme="archive"] .future-insert-grid p,html[data-theme="archive"] .witness-document-insert>p,html[data-theme="archive"] .witness-era>header p{color:#57534d}
html[data-theme="archive"] .witness-tools input{background:#f5f1e9;color:#333}
html[data-theme="archive"] .witness-hall-intro{background:#ddd7cc}.witness-hall-copy h2{color:#e7e3dc}
html[data-theme="archive"] .witness-hall-copy h2{color:#2f302f}html[data-theme="archive"] .witness-hall-copy>p,html[data-theme="archive"] .witness-hall-copy blockquote{color:#57534d}
html[data-theme="archive"] .witness-record-body{background:#e9e3d8}

/* Responsive */
@media(max-width:1050px){.ancient-library-grid{grid-template-columns:repeat(2,1fr)}.source-method-grid{grid-template-columns:repeat(2,1fr)}.witness-record-grid{grid-template-columns:1fr}.witness-hall-intro{grid-template-columns:1fr}.witness-hall-architecture{min-height:360px}}
@media(max-width:760px){.watchers-threshold-content{width:calc(100% - 34px)}.term-vault,.ancient-library-grid,.source-method-grid,.future-insert-grid{grid-template-columns:1fr}.witness-tools{display:block}.witness-tools label{min-width:0}.witness-filter-group{margin-top:13px}.witness-record{grid-template-columns:1fr}.witness-portrait{min-height:220px;border-right:0;border-bottom:1px solid var(--theme-border)}.witness-name-row{display:block}.witness-name-row time{display:block;margin-top:9px}.witness-columns{grid-template-columns:1fr}.witness-hall-copy{padding:28px}.witness-document-insert>span{float:none;display:inline-flex;margin-top:10px}.witness-document-insert footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.watchers-clouds,.watchers-lightning{animation:none!important}}
@keyframes watchersClouds{to{transform:translateX(18%)}}@keyframes distantLightning{0%,72%,76%,100%{height:0;opacity:0}73%{height:150px;opacity:.7}74%{height:70px;opacity:.2}75%{height:190px;opacity:.45}}

/* =====================================================
   VERSION 25 — SHARED MUSEUM FRAMEWORK
   Research Library · Environment Controls · Languages
   ===================================================== */

/* Utility controls */
.museum-utility-dock{position:fixed;right:18px;bottom:18px;z-index:3600;display:grid;gap:7px}
.museum-utility-button,.research-index-trigger{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(190,151,88,.3);background:rgba(18,20,20,.9);color:#ded6c9;backdrop-filter:blur(11px);cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.museum-utility-button span,.research-index-trigger span{color:#c49a59}.museum-utility-button b,.research-index-trigger b{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.research-index-trigger{position:fixed;right:18px;top:84px;z-index:3600}
.environment-backdrop{position:fixed;inset:0;z-index:3700;display:none;border:0;background:rgba(6,8,8,.36);backdrop-filter:blur(3px)}.environment-backdrop.open{display:block}
.environment-panel{position:fixed;right:18px;top:82px;bottom:18px;z-index:3800;width:min(420px,calc(100vw - 36px));padding:25px;background:rgba(20,22,21,.97);border:1px solid rgba(190,151,88,.31);box-shadow:0 30px 80px rgba(0,0,0,.45);transform:translateX(calc(100% + 35px));transition:.32s;overflow:auto;color:#e7dfd3}.environment-panel.open{transform:none}
.environment-panel-heading{display:flex;justify-content:space-between;gap:15px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.09)}.environment-panel-heading small{color:#bc9153;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.environment-panel-heading h2{margin:5px 0 0;font-family:var(--serif);font-size:37px;font-weight:500}.environment-panel-heading button{border:0;background:transparent;color:#c8bdad;font-size:28px;cursor:pointer}
.environment-range{display:grid;gap:8px;margin:23px 0}.environment-range span{display:flex;justify-content:space-between;color:#cac1b4;font-size:11px}.environment-range output{color:#bd9456}.environment-range input{width:100%;accent-color:#b8894c}
.environment-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:27px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09)}.environment-actions button,.environment-reset{padding:10px 12px;border:1px solid rgba(190,151,88,.3);background:transparent;color:#d5c9b9;cursor:pointer}.environment-actions label{font-size:11px;color:#aaa197}
.environment-check{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:19px 0;padding:15px;border:1px solid rgba(255,255,255,.08);cursor:pointer}.environment-check input{margin-top:5px;accent-color:#b8894c}.environment-check b{display:block;color:#ded5c8;font-family:var(--serif);font-size:19px}.environment-check small{display:block;margin-top:4px;color:#999187;line-height:1.45}
.environment-global-note{margin:24px 0 12px;color:#8f887f;font-size:10px;line-height:1.55}.environment-reset{width:100%}

/* Environment state */
html[data-environment-animation="off"] *,html[data-reading-mode="true"] *{animation-play-state:paused!important}
html[data-environment-lighting="off"] .civilization-overlay,
html[data-environment-lighting="off"] .watchers-overlay{opacity:.45}
html[data-reading-mode="true"] .museum-utility-dock{opacity:.55}
html[data-reading-mode="true"] .watchers-clouds,
html[data-reading-mode="true"] .civ-clouds,
html[data-reading-mode="true"] .civ-smoke{display:none!important}

/* Research Library focus layer */
body.research-index-open{overflow:hidden}.research-index-layer{position:fixed;inset:0;z-index:4500;display:none;padding:60px 24px;background:rgba(8,10,11,.48);backdrop-filter:blur(8px) brightness(.65)}.research-index-layer.open{display:grid;place-items:center}
.research-index-panel{width:min(980px,100%);max-height:88vh;overflow:auto;background:#191c1d;border:1px solid rgba(190,151,88,.32);box-shadow:0 40px 110px rgba(0,0,0,.58);color:#e6ded2}
.research-index-panel>header{display:flex;justify-content:space-between;gap:18px;padding:25px 28px;border-bottom:1px solid rgba(255,255,255,.09)}.research-index-panel header small{color:#b98c50;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.research-index-panel h2{margin:5px 0 0;font-family:var(--serif);font-size:43px}.research-index-panel header button{border:0;background:transparent;color:#c8beb0;font-size:30px;cursor:pointer}
.research-index-search{display:grid;gap:8px;padding:22px 28px}.research-index-search span{color:#999187;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.research-index-search input{padding:15px;border:1px solid rgba(255,255,255,.13);background:#101213;color:#eee;font-size:17px}
.research-index-categories{display:flex;flex-wrap:wrap;gap:7px;padding:0 28px 19px}.research-index-categories button{padding:8px 10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#aaa197;cursor:pointer}.research-index-categories button.active{border-color:#b98c50;color:#d7b97e}
.research-index-results{min-height:220px;padding:0 28px 25px}.index-result{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:16px;border-top:1px solid rgba(255,255,255,.08);text-decoration:none}.index-result>span{color:#a68658;font-size:8px;text-transform:uppercase}.index-result strong{color:#e5ddd1;font-family:var(--serif);font-size:24px}.index-result p{margin:4px 0 0;color:#999187;font-size:11px}.index-result code{color:#8798b9;background:transparent}.index-result:hover{background:rgba(185,140,80,.06)}
.index-welcome{display:grid;place-items:center;min-height:210px;text-align:center;color:#aaa197}.index-welcome strong{font-family:var(--serif);font-size:31px;color:#ded6ca}.research-index-panel>footer{display:flex;justify-content:space-between;gap:15px;padding:18px 28px;border-top:1px solid rgba(255,255,255,.09)}.research-index-panel footer a{color:#c09a61;text-decoration:none}

/* Collections pages */
.collection-page{background:var(--theme-page);color:var(--theme-text)}
.languages-hero,.catalog-hero{position:relative;padding:150px 0 85px;overflow:hidden;background:linear-gradient(135deg,#23282b,#111516)}.languages-hero .shell,.catalog-hero .shell{position:relative;z-index:2}.languages-hero h1,.catalog-hero h1{margin:0;color:#eee7dc;font-family:var(--serif);font-size:clamp(72px,9vw,136px);line-height:.82;letter-spacing:-.055em}.languages-hero p,.catalog-hero p{max-width:860px;color:#b6aea1;font-size:19px;line-height:1.7}.languages-script-wall{position:absolute;right:-3%;top:10%;width:58%;color:rgba(215,194,151,.08);font-family:"Noto Sans Hebrew",sans-serif;font-size:84px;line-height:1.4;direction:rtl}
.language-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.language-hero-actions a,.language-hero-actions button{padding:12px 15px;border:1px solid #b98c50;background:transparent;color:#ddc393;text-decoration:none;cursor:pointer}
.languages-layout{display:grid;grid-template-columns:230px 1fr;gap:35px;padding-top:45px;padding-bottom:70px}.languages-nav{position:sticky;top:90px;align-self:start;display:grid;padding:20px;border:1px solid var(--theme-border);background:var(--theme-surface)}.languages-nav strong{margin-bottom:11px;color:var(--theme-heading);font-family:var(--serif);font-size:21px}.languages-nav a{padding:9px 0;border-top:1px solid var(--theme-border);color:var(--theme-muted);text-decoration:none}
.languages-content h2{color:var(--theme-heading);font-family:var(--serif);font-size:48px}.collection-intro{color:var(--theme-muted);line-height:1.7}.language-card-grid{display:grid;gap:18px}.language-card{padding:28px;border:1px solid var(--theme-border);background:var(--theme-surface)}.language-script{padding:12px 0;color:#c29a5b;font-family:"Noto Sans Hebrew",sans-serif;font-size:72px;text-align:center;border-bottom:1px solid var(--theme-border)}.language-card-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:20px 0}.language-card-heading small{color:#a47a42;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.language-card-heading h3{margin:6px 0 2px;color:var(--theme-heading);font-family:var(--serif);font-size:38px}.language-card-heading p{margin:0;color:var(--theme-muted)}.language-card-heading button{padding:10px 12px;border:1px solid rgba(185,140,80,.4);background:transparent;color:#b98c50;cursor:pointer}.language-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.language-card dl div{padding:15px;border:1px solid var(--theme-border)}.language-card dt{color:#987d59;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.language-card dd{margin:7px 0 0;color:var(--theme-muted);line-height:1.55}.language-related{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--theme-border)}.language-related span{color:#987d59;font-size:8px;text-transform:uppercase}.language-related a{color:#a79880}.language-reserved-section{margin-top:45px}.language-reserved{padding:28px;border:1px dashed var(--theme-border);text-align:center}.language-reserved strong{color:var(--theme-heading);font-family:var(--serif);font-size:27px}.language-reserved p{color:var(--theme-muted)}
.catalog-browser{padding-top:40px;padding-bottom:70px}.catalog-search-panel{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:22px;border:1px solid var(--theme-border);background:var(--theme-surface)}.catalog-search-panel label{display:grid;gap:8px;flex:1}.catalog-search-panel label span{color:#987d59;font-size:8px;text-transform:uppercase}.catalog-search-panel input{padding:14px;border:1px solid var(--theme-border);background:var(--theme-page);color:var(--theme-text);font-size:16px}.catalog-search-panel>div{color:var(--theme-muted);font-size:11px}.catalog-full-results{display:grid;gap:12px;margin-top:18px}.catalog-full-entry{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}.catalog-full-entry small{color:#987d59;font-size:8px;text-transform:uppercase}.catalog-full-entry h2{margin:4px 0;color:var(--theme-heading);font-family:var(--serif);font-size:31px}.catalog-full-entry code{color:#7889aa;background:transparent}.catalog-full-entry>p{color:var(--theme-muted);line-height:1.6}.catalog-entry-links{grid-column:1/-1;padding-top:13px;border-top:1px solid var(--theme-border)}.catalog-entry-links strong{display:block;color:#987d59;font-size:8px;text-transform:uppercase}.catalog-entry-links span{display:block;margin-top:6px;color:var(--theme-muted);font-size:11px}.catalog-full-entry>a{grid-column:1/-1;color:#a88759;text-decoration:none}

/* Focus system */
body.focus-layer-open>main,body.focus-layer-open>.site-header,body.focus-layer-open>.museum-utility-dock,body.focus-layer-open>.research-index-trigger{filter:blur(7px) brightness(.72)}
html[data-focus-effects="off"] body.focus-layer-open>main,
html[data-focus-effects="off"] body.focus-layer-open>.site-header{filter:brightness(.72)}
[data-focus-layer]{position:fixed;inset:0;z-index:4700;display:none;place-items:center;padding:25px;background:rgba(8,10,10,.32)}[data-focus-layer].open{display:grid}

/* Archive collection mode */
html[data-theme="archive"] .environment-panel,html[data-theme="archive"] .research-index-panel{background:#eee8dd;color:#30312f}.languages-page html[data-theme="archive"]{background:#f3eee5}
html[data-theme="archive"] .language-card-heading h3,html[data-theme="archive"] .languages-content h2,html[data-theme="archive"] .catalog-full-entry h2{color:#30312f}
html[data-theme="archive"] .language-card dd,html[data-theme="archive"] .collection-intro,html[data-theme="archive"] .catalog-full-entry>p{color:#57534d}

@media(max-width:800px){
.museum-utility-dock{right:8px;bottom:8px}.museum-utility-button b{display:none}.research-index-trigger{right:8px;top:76px}.research-index-trigger b{display:none}
.languages-layout{grid-template-columns:1fr}.languages-nav{position:relative;top:auto}.language-card dl{grid-template-columns:1fr}.catalog-full-entry{grid-template-columns:1fr}.catalog-entry-links,.catalog-full-entry>a{grid-column:auto}
.index-result{grid-template-columns:1fr}.index-result code{justify-self:start}.research-index-panel>footer{display:grid}
}

/* =====================================================
   VERSION 25.1 — RESEARCH LIBRARY ESCORT & DESTINATIONS
   ===================================================== */
.index-result-card{border-top:1px solid rgba(255,255,255,.08)}
.index-result-summary{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:16px}
.index-result-summary>span{color:#a68658;font-size:8px;text-transform:uppercase}.index-result-summary strong{color:#e5ddd1;font-family:var(--serif);font-size:24px}.index-result-summary p{margin:4px 0 0;color:#999187;font-size:11px}.index-result-summary code{color:#8798b9;background:transparent}
.index-destinations{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 16px 16px}.index-destinations a{display:grid;padding:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018);text-decoration:none}.index-destinations a:hover{border-color:rgba(185,140,80,.4);background:rgba(185,140,80,.06)}.index-destinations small{color:#8c9bb8;font-size:7px;letter-spacing:.09em;text-transform:uppercase}.index-destinations strong{margin:5px 0;color:#d9d1c5;font-family:var(--serif);font-size:18px}.index-destinations span{color:#b58d54;font-size:8px;text-transform:uppercase}
.catalog-location-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.catalog-location-list a{display:grid;padding:13px;border:1px solid var(--theme-border);text-decoration:none}.catalog-location-list small{color:#7889aa;font-size:7px;text-transform:uppercase}.catalog-location-list strong{margin:5px 0;color:var(--theme-heading);font-family:var(--serif);font-size:19px}.catalog-location-list span{color:#a88759;font-size:8px;text-transform:uppercase}
.museum-search-arrival{position:relative;z-index:3;outline:1px solid rgba(213,174,101,.75)!important;box-shadow:0 0 0 8px rgba(195,146,75,.09),0 0 42px rgba(216,170,93,.24)!important;transition:outline-color .7s,box-shadow .7s,background-color .7s;background-color:rgba(185,132,58,.065)!important}
.museum-arrival-plaque{position:fixed;left:50%;top:92px;z-index:4900;display:grid;min-width:245px;padding:12px 16px;border:1px solid rgba(202,158,91,.44);background:rgba(21,22,21,.94);color:#e4dbce;box-shadow:0 18px 48px rgba(0,0,0,.35);backdrop-filter:blur(10px);opacity:0;transform:translate(-50%,-12px);transition:.35s;pointer-events:none;text-align:center}.museum-arrival-plaque.show{opacity:1;transform:translate(-50%,0)}.museum-arrival-plaque small,.museum-arrival-plaque span{color:#b58b50;font-size:7px;letter-spacing:.12em;text-transform:uppercase}.museum-arrival-plaque strong{margin:3px 0;font-family:var(--serif);font-size:21px;font-weight:500}
html[data-theme="archive"] .index-result-summary strong,html[data-theme="archive"] .index-destinations strong{color:#30312f}html[data-theme="archive"] .index-result-summary p{color:#57534d}html[data-theme="archive"] .index-result-card{border-color:rgba(81,70,53,.14)}html[data-theme="archive"] .index-destinations a{border-color:rgba(81,70,53,.15);background:rgba(255,255,255,.2)}
@media(max-width:700px){.index-result-summary{grid-template-columns:1fr}.index-destinations,.catalog-location-list{grid-template-columns:1fr}.museum-arrival-plaque{top:76px;width:calc(100vw - 40px)}}
@media(prefers-reduced-motion:reduce){.museum-arrival-plaque,.museum-search-arrival{transition:none!important}}

/* =====================================================
   VERSION 25.2 — CLICKABLE SEARCH RESULT CORRECTION
   ===================================================== */
.index-result-summary {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.index-result-summary:hover,
.index-result-summary:focus-visible {
  background: rgba(185, 140, 80, .07);
  outline: 1px solid rgba(185, 140, 80, .28);
  outline-offset: -1px;
}

.index-result-summary em {
  display: block;
  margin-top: 7px;
  color: #b58d54;
  font-size: 8px;
  font-style: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-theme="archive"] .index-result-summary:hover,
html[data-theme="archive"] .index-result-summary:focus-visible {
  background: rgba(145, 103, 51, .07);
}

/* =====================================================
   VERSION 25.3 — VISIBLE TIMELINE ARRIVAL CUE
   ===================================================== */
.genealogy-stage.museum-search-arrival {
  outline: 1px solid rgba(218, 176, 101, .7) !important;
  outline-offset: 7px;
  box-shadow:
    0 0 0 12px rgba(191, 139, 66, .08),
    0 0 70px rgba(214, 166, 86, .25) !important;
}

.person-profile.museum-search-arrival {
  border-color: rgba(224, 182, 105, .88) !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(224, 181, 99, .14), transparent 35%),
    var(--theme-surface) !important;
  box-shadow:
    0 0 0 7px rgba(195, 143, 69, .1),
    0 0 42px rgba(218, 171, 92, .32) !important;
}

.family-node.museum-search-arrival,
.patriarch-bar.museum-search-arrival {
  outline: 2px solid rgba(236, 197, 123, .95) !important;
  outline-offset: 4px !important;
  box-shadow:
    0 0 0 8px rgba(211, 160, 79, .13),
    0 0 30px rgba(230, 184, 104, .5) !important;
  filter: brightness(1.22);
}

html[data-theme="archive"] .person-profile.museum-search-arrival {
  background:
    radial-gradient(circle at 50% 12%, rgba(166, 112, 44, .11), transparent 35%),
    #ece6db !important;
}

@media (prefers-reduced-motion: no-preference) {
  .person-profile.museum-search-arrival,
  .family-node.museum-search-arrival,
  .patriarch-bar.museum-search-arrival,
  .genealogy-stage.museum-search-arrival {
    animation: museumArrivalPulse 1.15s ease-in-out 2;
  }
}

@keyframes museumArrivalPulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.16); }
}



html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* =====================================================
   VERSION 26 — MUSEUM-WIDE DESTINATIONS & INDEX EXPANSION
   ===================================================== */
.catalog-destination-note{
  max-width:340px;
  margin:0;
  color:var(--theme-muted);
  font-size:10px;
  line-height:1.5;
}
[data-museum-location]{
  scroll-margin-top:105px;
}
[data-museum-location].museum-search-arrival::before{
  content:attr(data-museum-location);
  position:absolute;
  right:12px;
  top:10px;
  z-index:4;
  padding:5px 8px;
  border:1px solid rgba(211,166,91,.42);
  background:rgba(25,25,23,.88);
  color:#d8b77c;
  font-size:7px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
html[data-theme="archive"] [data-museum-location].museum-search-arrival::before{
  background:rgba(239,232,219,.96);
  color:#815d2d;
}
@media(max-width:700px){
  .catalog-search-panel{display:grid}
  .catalog-destination-note{max-width:none}
}


/* =====================================================
   VERSION 26.1 — SEARCH RELEVANCE AND CATEGORY BROWSING
   ===================================================== */
.index-result-card:first-child .index-result-summary {
  border-left: 3px solid rgba(190, 143, 75, .72);
}

.index-result-card:first-child .index-result-summary em::before {
  content: "Best match · ";
}

.research-index-categories button {
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}

.research-index-categories button.active {
  background: rgba(185, 140, 80, .07);
}

html[data-theme="archive"] .index-result-card:first-child .index-result-summary {
  border-left-color: rgba(145, 103, 51, .68);
}


/* =====================================================
   VERSION 26.2 — COMPLETE ADAM-TO-NOAH CATALOG
   ===================================================== */
.index-result-summary .genealogy-clarifier{
  display:block;
  margin-top:4px;
  color:var(--theme-muted);
  font-size:9px;
}

/* =====================================================
   EXHIBIT VIII — THE DAYS OF NOAH · VERSION 29
   ===================================================== */
.noah-hero{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden;background:#0a0d0f}.noah-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.82) contrast(1.04)}.noah-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.94) 0%,rgba(5,8,10,.76) 37%,rgba(5,8,10,.18) 72%,rgba(5,8,10,.52) 100%),linear-gradient(0deg,rgba(5,8,10,.86),transparent 56%)}.noah-hero-copy{position:relative;z-index:2;width:min(calc(100% - 96px),1320px);padding:180px 0 88px}.noah-hero h1{max-width:950px;margin:0;color:#f0e9dc;font-family:var(--serif);font-size:clamp(70px,9vw,138px);line-height:.84;letter-spacing:-.055em}.noah-hero-kicker{margin:18px 0 0;color:#d5b579;font-family:var(--serif);font-size:clamp(22px,2.3vw,36px);letter-spacing:.08em}.noah-hero-subtitle{max-width:810px;margin:22px 0 0;color:#d8d8d3;font-size:16px;line-height:1.8}.noah-principle-grid,.reference-shelf,.scroll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.noah-principle-grid article,.reference-shelf article,.scroll-grid article{padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}.noah-principle-grid small,.reference-shelf small,.scroll-grid small{color:#b67a51;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.noah-principle-grid h3,.reference-shelf h3,.scroll-grid h3{margin:8px 0;color:var(--theme-heading);font-family:var(--serif);font-size:25px}.noah-principle-grid p,.reference-shelf p,.scroll-grid p{margin:0;color:var(--theme-text);line-height:1.72}.reference-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-reference-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.noah-sequence{display:grid;grid-template-columns:repeat(13,auto);align-items:center;gap:8px;margin-top:26px;padding:20px;border:1px solid var(--theme-border);background:var(--theme-surface);overflow-x:auto}.noah-sequence>div{min-width:150px;padding:15px;border:1px solid var(--theme-border);background:var(--theme-surface-raised)}.noah-sequence span{color:#b67a51;font-size:9px}.noah-sequence strong{display:block;margin:6px 0;color:var(--theme-heading);font-family:var(--serif);font-size:19px}.noah-sequence small{color:var(--theme-soft)}.noah-sequence i{color:#b67a51}.text-observation-panel{margin-top:18px;padding:26px 28px;border-left:3px solid #b67a51;background:linear-gradient(90deg,rgba(182,122,81,.10),transparent)}.text-observation-panel small,.ledger-group h3{color:#b67a51;letter-spacing:.12em;text-transform:uppercase}.text-observation-panel h3{margin:7px 0;font-family:var(--serif);font-size:27px;color:var(--theme-heading)}.reference-ledger{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin-top:26px}.two-column-ledger{grid-template-columns:1fr 1fr}.ledger-group{padding:24px;border:1px solid var(--theme-border);background:var(--theme-surface)}.ledger-group h3{margin:0 0 17px;font-size:10px}.ledger-group p{margin:0;padding:9px 0;border-top:1px solid var(--theme-border);line-height:1.58}.ledger-group p:first-of-type{border-top:0}.ledger-group b{color:var(--theme-heading)}.scroll-grid{grid-template-columns:1fr 1fr}.scroll-grid article:first-child{grid-row:span 2}.cross-reference-matrix{margin-top:25px;border:1px solid var(--theme-border);overflow-x:auto}.cross-reference-matrix>div{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr 1.1fr;min-width:820px}.cross-reference-matrix>div>*{padding:14px 16px;border-right:1px solid var(--theme-border);border-top:1px solid var(--theme-border)}.cross-reference-matrix>div>*:last-child{border-right:0}.cross-reference-matrix .matrix-head>*{border-top:0;background:var(--theme-surface-raised);color:#b67a51;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.cross-reference-matrix strong{color:var(--theme-heading);font-family:var(--serif);font-size:18px}.cross-reference-matrix span{color:var(--theme-text);line-height:1.5}.matrix-note{margin-top:12px;color:var(--theme-soft);font-size:12px;font-style:italic}.evidence-manuscript{border-color:#8c7750!important;color:#aa9266!important}
html[data-theme="archive"] .noah-hero>img{filter:saturate(.45) brightness(.86)}html[data-theme="archive"] .noah-hero-shade{background:linear-gradient(90deg,rgba(239,231,213,.96),rgba(239,231,213,.76) 42%,rgba(239,231,213,.25) 78%),linear-gradient(0deg,rgba(239,231,213,.82),transparent)}html[data-theme="archive"] .noah-hero h1{color:#2a251e}html[data-theme="archive"] .noah-hero-kicker{color:#8e6545}html[data-theme="archive"] .noah-hero-subtitle{color:#3d3932}
@media(max-width:980px){.reference-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-ledger{grid-template-columns:1fr}.noah-hero-copy{width:calc(100% - 48px)}}
@media(max-width:700px){.noah-hero{min-height:680px}.noah-hero-copy{width:calc(100% - 34px);padding:145px 0 64px}.noah-hero h1{font-size:clamp(58px,18vw,88px)}.noah-principle-grid,.reference-shelf,.compact-reference-shelf,.scroll-grid,.two-column-ledger{grid-template-columns:1fr}.scroll-grid article:first-child{grid-row:auto}.noah-sequence{grid-template-columns:1fr}.noah-sequence i{transform:rotate(90deg);text-align:center}}


/* ============================================================
   V54 GLOBAL HEADER SEARCH + BRAND CONSISTENCY
   ============================================================ */
.site-header .museum-brand .brand-copy small,
.site-header .brand-copy small{
  color:#d6a84e !important;
  opacity:1 !important;
  letter-spacing:.16em !important;
}

.global-museum-search{
  position:relative;
  flex:0 0 220px;
  display:flex;
  align-items:center;
  height:38px;
  margin-left:2px;
  border:1px solid rgba(197,151,60,.52);
  background:rgba(11,16,19,.78);
}
.global-museum-search input{
  width:100%;
  height:100%;
  min-width:0;
  padding:0 10px 0 12px;
  border:0;
  outline:0;
  background:transparent;
  color:#e8e1d4;
  font:500 11px/1 Inter,Arial,sans-serif;
}
.global-museum-search input::placeholder{color:#8f8b82}
.global-museum-search button{
  width:38px;
  height:100%;
  flex:0 0 38px;
  border:0;
  border-left:1px solid rgba(197,151,60,.34);
  background:transparent;
  color:#d3a448;
  font:700 17px/1 Georgia,serif;
  cursor:pointer;
}
.global-museum-search:focus-within{
  border-color:#e1b75d;
  box-shadow:0 0 0 2px rgba(213,165,66,.12);
}

@media(max-width:1280px){
  .header-inner{gap:16px}
  .primary-nav{gap:18px}
  .global-museum-search{flex-basis:160px}
}
@media(max-width:1080px){
  .global-museum-search{flex-basis:135px}
}
@media(max-width:980px){
  .global-museum-search{
    flex:0 1 190px;
    margin-left:auto;
    margin-right:4px;
  }
}
@media(max-width:700px){
  .global-museum-search{display:none}
}

/* Page-specific correction: fixed header must not overlap Scriptural Record hero. */
.scriptural-record-page .record-hero{
  padding-top:calc(var(--header-h) + 54px) !important;
}


/* ============================================================
   V57 - HEADER WIDTH + GALLERY I HERO SPACING
   Targeted repair only.
   ============================================================ */

/* Keep the museum identity from collapsing into a narrow vertical stack. */
.site-header .header-inner,
.site-header .museum-header-inner{
  width:min(calc(100% - 36px), 1480px) !important;
  max-width:1480px !important;
  gap:clamp(14px,1.45vw,24px) !important;
}

.site-header .brand,
.site-header .museum-brand{
  flex:0 0 auto !important;
  min-width:260px !important;
  max-width:none !important;
}

.site-header .brand-copy{
  flex:0 0 auto !important;
  min-width:260px !important;
  width:auto !important;
  overflow:visible !important;
}

.site-header .brand-copy strong{
  white-space:nowrap !important;
  overflow:visible !important;
}

.site-header .brand-copy small{
  white-space:nowrap !important;
  overflow:visible !important;
  color:#d6a84e !important;
}

/* Let the center navigation use the available space without crushing the brand. */
.site-header .primary-nav,
.site-header .museum-nav{
  flex:1 1 auto !important;
  justify-content:center !important;
  gap:clamp(14px,1.35vw,24px) !important;
  min-width:0 !important;
}

.site-header .primary-nav a,
.site-header .museum-nav a{
  white-space:nowrap !important;
}

/* Search can contract slightly before the brand is ever allowed to wrap. */
.site-header .global-museum-search{
  flex:0 1 185px !important;
  min-width:150px !important;
  max-width:210px !important;
}

/* Gallery I was using a viewport-height hero aligned to the bottom,
   producing the large dead zone above the title. */
.gallery-one-hero{
  min-height:760px !important;
  height:auto !important;
  align-items:center !important;
  padding-top:var(--header-h) !important;
}

.gallery-one-hero .gallery-hero-content{
  padding:105px 0 82px !important;
}

.gallery-one-hero .gallery-breadcrumb{
  margin-bottom:28px !important;
}

/* Preserve the compact/mobile navigation breakpoint behavior. */
@media(max-width:1180px){
  .site-header .brand,
  .site-header .museum-brand,
  .site-header .brand-copy{
    min-width:225px !important;
  }

  .site-header .global-museum-search{
    flex-basis:150px !important;
    min-width:125px !important;
  }
}

@media(max-width:980px){
  .site-header .brand,
  .site-header .museum-brand,
  .site-header .brand-copy{
    min-width:0 !important;
  }

  .site-header .brand-copy small{
    white-space:normal !important;
  }

  .gallery-one-hero{
    min-height:680px !important;
  }

  .gallery-one-hero .gallery-hero-content{
    padding:92px 0 72px !important;
  }
}


/* ============================================================
   V60 - CANONICAL PUBLIC HEADER
   This is the one authoritative header layout for public pages.
   ============================================================ */

.site-header.canonical-museum-header{
  position:fixed !important;
  inset:0 0 auto !important;
  z-index:1000 !important;
  height:76px !important;
  min-height:76px !important;
  background:rgba(12,17,20,.97) !important;
  border-bottom:1px solid rgba(202,162,80,.24) !important;
  backdrop-filter:blur(14px) !important;
}

.site-header.canonical-museum-header .canonical-header-inner{
  width:min(calc(100% - 32px),1500px) !important;
  max-width:1500px !important;
  height:76px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(12px,1.15vw,20px) !important;
}

.site-header.canonical-museum-header .canonical-brand{
  flex:0 0 260px !important;
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  margin:0 !important;
}

.site-header.canonical-museum-header .canonical-brand .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
  line-height:1.05 !important;
  overflow:visible !important;
}

.site-header.canonical-museum-header .canonical-brand .brand-copy strong{
  display:block !important;
  margin:0 !important;
  color:#f0e8db !important;
  font-family:var(--serif) !important;
  font-size:20px !important;
  font-weight:600 !important;
  line-height:1.05 !important;
  letter-spacing:.015em !important;
  white-space:nowrap !important;
}

.site-header.canonical-museum-header .canonical-brand .brand-copy small{
  display:block !important;
  margin:5px 0 0 !important;
  color:#d6a84e !important;
  font:700 8px/1.05 var(--sans) !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  opacity:1 !important;
}

.site-header.canonical-museum-header .viewing-environment-toggle{
  flex:0 0 auto !important;
  min-width:168px !important;
  margin:0 !important;
}

.site-header.canonical-museum-header .canonical-primary-nav{
  position:static !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(12px,1.15vw,22px) !important;
  background:transparent !important;
  border:0 !important;
  font:600 10px/1 var(--sans) !important;
  letter-spacing:.06em !important;
  text-transform:none !important;
}

.site-header.canonical-museum-header .canonical-primary-nav a{
  display:block !important;
  padding:0 !important;
  color:#d4d0c8 !important;
  white-space:nowrap !important;
}

.site-header.canonical-museum-header .canonical-primary-nav a:hover{
  color:#e7c878 !important;
}

.site-header.canonical-museum-header .canonical-header-search{
  position:relative !important;
  flex:0 1 190px !important;
  width:190px !important;
  min-width:145px !important;
  max-width:200px !important;
  height:38px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  border:1px solid rgba(197,151,60,.52) !important;
  background:rgba(11,16,19,.78) !important;
}

.site-header.canonical-museum-header .canonical-header-search input{
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 10px 0 12px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#e8e1d4 !important;
  font:500 11px/1 var(--sans) !important;
}

.site-header.canonical-museum-header .canonical-header-search input::placeholder{
  color:#8f8b82 !important;
}

.site-header.canonical-museum-header .canonical-header-search button{
  width:38px !important;
  height:100% !important;
  flex:0 0 38px !important;
  border:0 !important;
  border-left:1px solid rgba(197,151,60,.34) !important;
  background:transparent !important;
  color:#d3a448 !important;
  font:700 17px/1 Georgia,serif !important;
  cursor:pointer !important;
}

@media(max-width:1320px){
  .site-header.canonical-museum-header .canonical-header-inner{
    gap:10px !important;
  }

  .site-header.canonical-museum-header .canonical-brand,
  .site-header.canonical-museum-header .canonical-brand .brand-copy{
    flex-basis:220px !important;
    width:220px !important;
    min-width:220px !important;
    max-width:220px !important;
  }

  .site-header.canonical-museum-header .canonical-brand .brand-copy strong{
    font-size:18px !important;
  }

  .site-header.canonical-museum-header .canonical-brand .brand-copy small{
    font-size:7px !important;
    letter-spacing:.11em !important;
  }

  .site-header.canonical-museum-header .viewing-environment-toggle{
    min-width:145px !important;
  }

  .site-header.canonical-museum-header .canonical-primary-nav{
    gap:10px !important;
    font-size:9px !important;
    letter-spacing:.04em !important;
  }

  .site-header.canonical-museum-header .canonical-header-search{
    flex-basis:145px !important;
    width:145px !important;
    min-width:120px !important;
  }
}

@media(max-width:980px){
  .site-header.canonical-museum-header .canonical-brand,
  .site-header.canonical-museum-header .canonical-brand .brand-copy{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .site-header.canonical-museum-header .canonical-brand .brand-copy small{
    white-space:normal !important;
  }

  .site-header.canonical-museum-header .canonical-header-search{
    display:none !important;
  }

  .site-header.canonical-museum-header .canonical-primary-nav{
    position:fixed !important;
    top:76px !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:20px !important;
    background:rgba(9,10,12,.98) !important;
    border-top:1px solid var(--line) !important;
    border-bottom:1px solid var(--line) !important;
  }

  .site-header.canonical-museum-header .canonical-primary-nav.open{
    display:flex !important;
  }

  .site-header.canonical-museum-header .canonical-primary-nav a{
    padding:12px 4px !important;
  }
}


/* =========================================================
   ARCHIVE MODE — SECONDARY COLLECTION NAVIGATION CONTRAST
   Visual-only global fix.
   Does not change positioning, dimensions, links, scrolling,
   sticky behavior, JavaScript hooks, or Museum-mode styling.
   ========================================================= */

html[data-theme="archive"] .m-nav,
html[data-theme="archive"] .aa-jump,
html[data-theme="archive"] .d-jump,
html[data-theme="archive"] .record-nav{
  background:rgba(238,232,221,.98) !important;
  border-color:rgba(111,83,42,.28) !important;
}

html[data-theme="archive"] .m-nav a,
html[data-theme="archive"] .aa-jump a,
html[data-theme="archive"] .d-jump a,
html[data-theme="archive"] .record-nav a{
  color:#514a40 !important;
  border-color:rgba(126,92,37,.34) !important;
  background:rgba(255,255,255,.14);
}

html[data-theme="archive"] .m-nav a:hover,
html[data-theme="archive"] .m-nav a:focus-visible,
html[data-theme="archive"] .aa-jump a:hover,
html[data-theme="archive"] .aa-jump a:focus-visible,
html[data-theme="archive"] .d-jump a:hover,
html[data-theme="archive"] .d-jump a:focus-visible,
html[data-theme="archive"] .record-nav a:hover,
html[data-theme="archive"] .record-nav a:focus-visible{
  color:#745820 !important;
  border-color:#9a7431 !important;
  background:rgba(154,116,49,.08) !important;
}

html[data-theme="archive"] .m-nav a[aria-current="page"],
html[data-theme="archive"] .m-nav a.active,
html[data-theme="archive"] .aa-jump a[aria-current="page"],
html[data-theme="archive"] .aa-jump a.active,
html[data-theme="archive"] .d-jump a[aria-current="page"],
html[data-theme="archive"] .d-jump a.active,
html[data-theme="archive"] .record-nav a[aria-current="page"],
html[data-theme="archive"] .record-nav a.active{
  color:#684d1c !important;
  border-color:#8a6a2d !important;
  background:rgba(138,106,45,.11) !important;
}


/* =========================================================
   ARCHIVE MODE — ANCIENT ARCHITECTURE INTRO READABILITY
   Visual-only correction for live HTML beneath the hero.
   ========================================================= */
html[data-theme="archive"] .aa-intro-copy{
  background:var(--theme-page) !important;
}

html[data-theme="archive"] .aa-intro-copy .aa-welcome,
html[data-theme="archive"] .aa-intro-copy .aa-welcome p,
html[data-theme="archive"] .aa-intro-copy .aa-manifesto,
html[data-theme="archive"] .aa-intro-copy .aa-manifesto p{
  color:#57534d !important;
}

html[data-theme="archive"] .aa-intro-copy strong{
  color:#9a6f28 !important;
}

/* =========================================================
   HWH CANONICAL TOP NAV · FINAL MUSEUM-WIDE STANDARD
   This block intentionally uses !important so legacy page-
   specific header rules cannot alter the top navigation.
   ========================================================= */
.site-header.canonical-museum-header{
  font-family:Inter,Arial,sans-serif !important;
}
.site-header.canonical-museum-header .canonical-header-inner{
  width:min(calc(100% - 40px),1480px) !important;
  max-width:1480px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
.site-header.canonical-museum-header .canonical-primary-nav{
  position:static !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:30px !important;
  background:transparent !important;
  border:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  text-transform:none !important;
}
.site-header.canonical-museum-header .canonical-primary-nav > a{
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  color:#d8d4cc !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:.055em !important;
  text-transform:none !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  opacity:1 !important;
}
.site-header.canonical-museum-header .canonical-primary-nav > a:hover,
.site-header.canonical-museum-header .canonical-primary-nav > a:focus-visible,
.site-header.canonical-museum-header .canonical-primary-nav > a[aria-current="page"]{
  color:#e7c878 !important;
}
.site-header.canonical-museum-header .canonical-primary-nav > a::after{
  display:none !important;
}
.site-header.canonical-museum-header #hwh-global-search-btn{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:0 15px !important;
  border:1px solid rgba(187,145,67,.68) !important;
  border-radius:0 !important;
  background:rgba(20,20,19,.6) !important;
  color:#d8c9a8 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.site-header.canonical-museum-header #hwh-global-search-btn:hover,
.site-header.canonical-museum-header #hwh-global-search-btn:focus-visible{
  border-color:#d4a24a !important;
  color:#f0c96d !important;
  background:#171d1f !important;
}
.site-header.canonical-museum-header #hwh-global-search-btn .hwh-search-icon{
  color:#d0a044 !important;
  font-size:12px !important;
  line-height:1 !important;
}

/* Keep the brand typography identical as part of the same header system. */
.site-header.canonical-museum-header .canonical-brand .brand-copy strong{
  color:#f0e6d6 !important;
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:23px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}
.site-header.canonical-museum-header .canonical-brand .brand-copy small{
  display:block !important;
  margin-top:5px !important;
  color:#d6a84e !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:9px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

/* Same Viewing Environment typography everywhere. */
.site-header.canonical-museum-header .viewing-environment-label{
  font-family:Inter,Arial,sans-serif !important;
  font-size:8px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.site-header.canonical-museum-header .viewing-environment-value{
  font-family:"Cormorant Garamond",Georgia,serif !important;
  font-size:15px !important;
  font-weight:500 !important;
}

/* Tablet: preserve the same type, simply tighten spacing. */
@media (max-width:1180px) and (min-width:901px){
  .site-header.canonical-museum-header .canonical-header-inner{
    gap:16px !important;
  }
  .site-header.canonical-museum-header .canonical-primary-nav{
    gap:18px !important;
    font-size:12px !important;
    letter-spacing:.04em !important;
  }
  .site-header.canonical-museum-header .canonical-primary-nav > a{
    font-size:12px !important;
    letter-spacing:.04em !important;
  }
}

/* Mobile retains the canonical type settings in the vertical menu. */
@media (max-width:900px){
  .site-header.canonical-museum-header .canonical-primary-nav{
    position:fixed !important;
    top:var(--header-h) !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:20px !important;
    background:rgba(9,10,12,.98) !important;
    border-top:1px solid var(--line) !important;
    border-bottom:1px solid var(--line) !important;
  }
  .site-header.canonical-museum-header .canonical-primary-nav.open{
    display:flex !important;
  }
  .site-header.canonical-museum-header .canonical-primary-nav > a{
    padding:12px 4px !important;
    font-size:13px !important;
  }
  .site-header.canonical-museum-header #hwh-global-search-btn{
    margin-top:8px !important;
    align-self:flex-start !important;
  }
}

/* =========================================================
   HWH CANONICAL HEADER HEIGHT + VERTICAL ALIGNMENT FIX
   ========================================================= */
:root{
  --header-h:86px !important;
}
.site-header.canonical-museum-header{
  position:sticky !important;
  inset:0 0 auto 0 !important;
  top:0 !important;
  width:100% !important;
  height:86px !important;
  min-height:86px !important;
  overflow:visible !important;
  display:block !important;
  background:#111211 !important;
  border-bottom:1px solid rgba(225,201,141,.18) !important;
}
.site-header.canonical-museum-header .canonical-header-inner{
  height:86px !important;
  min-height:86px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  align-items:center !important;
}
.site-header.canonical-museum-header .canonical-brand,
.site-header.canonical-museum-header .viewing-environment-toggle,
.site-header.canonical-museum-header .canonical-primary-nav{
  align-self:center !important;
  transform:none !important;
  top:auto !important;
  bottom:auto !important;
}
.site-header.canonical-museum-header .canonical-brand{
  height:auto !important;
  margin:0 !important;
}
.site-header.canonical-museum-header .canonical-brand .brand-copy{
  justify-content:center !important;
  overflow:visible !important;
}
.site-header.canonical-museum-header .viewing-environment-toggle{
  position:relative !important;
  margin:0 !important;
  min-height:48px !important;
  height:48px !important;
  padding:0 13px !important;
  display:flex !important;
  align-items:center !important;
}
.site-header.canonical-museum-header .canonical-primary-nav{
  height:auto !important;
  min-height:0 !important;
}
.site-header.canonical-museum-header #hwh-global-search-btn{
  height:38px !important;
  min-height:38px !important;
}
body{
  scroll-padding-top:96px !important;
}
[id]{
  scroll-margin-top:96px;
}
@media (max-width:900px){
  :root{--header-h:76px !important;}
  .site-header.canonical-museum-header{
    height:76px !important;
    min-height:76px !important;
  }
  .site-header.canonical-museum-header .canonical-header-inner{
    height:76px !important;
    min-height:76px !important;
  }
  .site-header.canonical-museum-header .canonical-primary-nav{
    top:76px !important;
  }
}

/* =========================================================
   ARCHIVE MODE · HIGH-CONTRAST SCRIPTURE READERS
   Keeps the Archive environment light while giving biblical
   text panels a darker, more readable manuscript-reader inset.
   ========================================================= */
html[data-theme="archive"] details.scripture,
html[data-theme="archive"] .kjv-panel{
  background:#514d47 !important;
  border-color:rgba(132,96,39,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),
             0 8px 20px rgba(54,45,34,.10) !important;
}

html[data-theme="archive"] details.scripture summary,
html[data-theme="archive"] .kjv-panel summary{
  color:#f0c86f !important;
  background:#45413c !important;
  border-bottom-color:rgba(214,168,77,.34) !important;
}

html[data-theme="archive"] details.scripture summary::marker,
html[data-theme="archive"] .kjv-panel summary::before{
  color:#f0c86f !important;
  border-color:rgba(232,190,104,.62) !important;
}

html[data-theme="archive"] .scripture-text,
html[data-theme="archive"] .kjv-text{
  background:#5b5650 !important;
  border-top-color:rgba(225,184,96,.28) !important;
}

html[data-theme="archive"] .kjv-verse{
  color:#fff8ec !important;
  text-shadow:0 1px 0 rgba(0,0,0,.18) !important;
  border-bottom-color:rgba(255,244,223,.16) !important;
}

html[data-theme="archive"] .kjv-vnum{
  color:#f2ba42 !important;
  font-weight:700 !important;
}

html[data-theme="archive"] .passage-card{
  background:#f3eee5 !important;
  border-color:rgba(104,82,49,.26) !important;
}

html[data-theme="archive"] .passage-card h3{
  color:#262724 !important;
}

html[data-theme="archive"] .passage-summary{
  color:#55524d !important;
}

html[data-theme="archive"] .passage-card .tag{
  color:#7c6232 !important;
  border-color:rgba(126,92,40,.36) !important;
  background:rgba(176,132,60,.055) !important;
}

/* Days of Noah uses a closely related KJV panel system. */
html[data-theme="archive"] .kjv-panel summary small{
  color:#e4c98b !important;
}

html[data-theme="archive"] .kjv-unavailable{
  background:#eee3cf !important;
  border-left-color:#a7792f !important;
  color:#3e3a34 !important;
}

html[data-theme="archive"] .kjv-unavailable span,
html[data-theme="archive"] .full-text-intro strong{
  color:#805d21 !important;
}

/* =========================================================
   ARCHIVE MODE · SCRIPTURE READER CONTRAST V2
   Darker reader surface + lighter gold for accessibility.
   ========================================================= */
html[data-theme="archive"] details.scripture,
html[data-theme="archive"] .kjv-panel{
  background:#292a28 !important;
  border-color:rgba(207,177,113,.55) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),
             0 8px 22px rgba(35,30,24,.16) !important;
}

html[data-theme="archive"] details.scripture summary,
html[data-theme="archive"] .kjv-panel summary{
  color:#f2d99c !important;
  background:#242522 !important;
  border-bottom-color:rgba(231,210,162,.25) !important;
}

html[data-theme="archive"] details.scripture summary::marker,
html[data-theme="archive"] .kjv-panel summary::before{
  color:#f2d99c !important;
  border-color:rgba(242,217,156,.60) !important;
}

html[data-theme="archive"] .scripture-text,
html[data-theme="archive"] .kjv-text{
  background:#343532 !important;
  border-top-color:rgba(231,210,162,.22) !important;
}

html[data-theme="archive"] .kjv-verse{
  color:#fffaf0 !important;
  text-shadow:none !important;
  border-bottom-color:rgba(255,250,240,.13) !important;
}

html[data-theme="archive"] .kjv-vnum{
  color:#f4d487 !important;
  font-weight:700 !important;
}

html[data-theme="archive"] .passage-card .tag{
  color:#755a2a !important;
  border-color:rgba(117,90,42,.40) !important;
  background:rgba(117,90,42,.055) !important;
}

/* =========================================================
   ARCHIVE MODE · SCRIPTURE READER CONTRAST V3
   Final high-contrast override. Intentionally placed last.
   ========================================================= */
html[data-theme="archive"] body details.scripture,
html[data-theme="archive"] body .passage-card details.scripture,
html[data-theme="archive"] body .kjv-panel,
html[data-theme="archive"] body .passage-card .kjv-panel{
  background:#171918 !important;
  border:1px solid rgba(224,201,151,.42) !important;
  color:#fffdf7 !important;
}

html[data-theme="archive"] body details.scripture > summary,
html[data-theme="archive"] body .passage-card details.scripture > summary,
html[data-theme="archive"] body .kjv-panel > summary{
  background:#202220 !important;
  color:#f6e6bd !important;
  border-bottom:1px solid rgba(224,201,151,.30) !important;
}

html[data-theme="archive"] body details.scripture[open] > summary,
html[data-theme="archive"] body .passage-card details.scripture[open] > summary{
  background:#202220 !important;
}

html[data-theme="archive"] body .scripture-text,
html[data-theme="archive"] body details.scripture .scripture-text,
html[data-theme="archive"] body .kjv-text,
html[data-theme="archive"] body .passage-card .kjv-text{
  background:#171918 !important;
  color:#fffdf7 !important;
}

html[data-theme="archive"] body .kjv-verse,
html[data-theme="archive"] body details.scripture .kjv-verse,
html[data-theme="archive"] body .scripture-text .kjv-verse,
html[data-theme="archive"] body .kjv-text .kjv-verse{
  color:#fffdf7 !important;
  opacity:1 !important;
  text-shadow:none !important;
  border-bottom-color:rgba(255,253,247,.16) !important;
}

html[data-theme="archive"] body .kjv-vnum,
html[data-theme="archive"] body details.scripture .kjv-vnum,
html[data-theme="archive"] body .scripture-text .kjv-vnum{
  color:#f7e3ad !important;
  opacity:1 !important;
  font-weight:700 !important;
}

html[data-theme="archive"] body details.scripture > summary,
html[data-theme="archive"] body details.scripture > summary *,
html[data-theme="archive"] body .kjv-panel > summary,
html[data-theme="archive"] body .kjv-panel > summary *{
  color:#f6e6bd !important;
  opacity:1 !important;
}

html[data-theme="archive"] body details.scripture > summary::marker{
  color:#f6e6bd !important;
}


/* =====================================================
   TEMPORARILY HIDDEN: MUSEUM ENVIRONMENT CONTROLS
   Backup CSS safeguard. Remove/comment this block AND
   restore inject() in js/museum-environment.js to bring
   the Sound + Visual controls back.
   ===================================================== */
.museum-utility-dock,
[data-environment-dock],
.environment-panel,
[data-environment-panel],
.environment-backdrop,
[data-environment-backdrop] {
  display: none !important;
}

/* =====================================================
   AGE I SERIES — ARCHIVE READABILITY PASS V56
   Strengthens small tertiary labels in the light Archive
   environment without changing layout or Museum mode.
   ===================================================== */
html[data-theme="archive"] body.opening-passage-page,
html[data-theme="archive"] body.six-days-page,
html[data-theme="archive"] body.eden-page,
html[data-theme="archive"] body.fall-page,
html[data-theme="archive"] body.brothers-page,
html[data-theme="archive"] body.civilization-page,
html[data-theme="archive"] body.sons-of-god-page,
html[data-theme="archive"] body.days-of-noah-page {
  --age1-tertiary: #6b645b;
  --age1-gold-text: #9a6b1f;
}

/* Six Days: the previously washed-out architecture and day labels */
html[data-theme="archive"] body.six-days-page .architecture-wall > header span,
html[data-theme="archive"] body.six-days-page .day-heading small,
html[data-theme="archive"] body.six-days-page .day-plaque dt,
html[data-theme="archive"] body.six-days-page .pattern-grid span,
html[data-theme="archive"] body.six-days-page .context-distinction-grid span,
html[data-theme="archive"] body.six-days-page .next-exhibit-threshold > small {
  color: var(--age1-tertiary) !important;
  font-weight: 600;
}
html[data-theme="archive"] body.six-days-page .architecture-pair small,
html[data-theme="archive"] body.six-days-page .day-heading span,
html[data-theme="archive"] body.six-days-page .memory-statement small,
html[data-theme="archive"] body.six-days-page .pause-observe strong,
html[data-theme="archive"] body.six-days-page .plate-study-key b {
  color: var(--age1-gold-text) !important;
  font-weight: 700;
}

/* Other Age I exhibits: strengthen small structural labels that used theme-soft */
html[data-theme="archive"] body.eden-page .narrowing-relief small,
html[data-theme="archive"] body.eden-page .geography-record-grid span,
html[data-theme="archive"] body.eden-page .vocation-grid span,
html[data-theme="archive"] body.eden-page .sacred-parallel-grid span,
html[data-theme="archive"] body.eden-page .river-origin small,
html[data-theme="archive"] body.eden-page .river-branches small,
html[data-theme="archive"] body.eden-page .tree-court-grid small,
html[data-theme="archive"] body.eden-page .tree-links,
html[data-theme="archive"] body.eden-page .marriage-sequence span,
html[data-theme="archive"] body.fall-page .dialogue-forensics small,
html[data-theme="archive"] body.fall-page .walking-question small,
html[data-theme="archive"] body.fall-page .timeline-connection-path small,
html[data-theme="archive"] body.brothers-page .brothers-comparison dt,
html[data-theme="archive"] body.days-of-noah-page .noah-sequence small,
html[data-theme="archive"] body.days-of-noah-page .matrix-note {
  color: var(--age1-tertiary) !important;
  font-weight: 600;
}

/* Shared Age I exhibit micro-labels and reading aids */
html[data-theme="archive"] body.opening-passage-page .reading-depth-row span,
html[data-theme="archive"] body.six-days-page .reading-depth-row span,
html[data-theme="archive"] body.eden-page .reading-depth-row span,
html[data-theme="archive"] body.fall-page .reading-depth-row span,
html[data-theme="archive"] body.brothers-page .reading-depth-row span,
html[data-theme="archive"] body.civilization-page .reading-depth-row span,
html[data-theme="archive"] body.sons-of-god-page .reading-depth-row span,
html[data-theme="archive"] body.days-of-noah-page .reading-depth-row span {
  color: #5f5a53 !important;
}

/* =====================================================
   AGE I SERIES — ARCHIVE READABILITY PASS V57
   Second-pass corrections for pale gold/gray text seen
   in the Chronicle route, drop caps, caution labels,
   symbolic numerals, comparison labels, and footer.
   Archive mode only. Museum mode is unchanged.
   ===================================================== */

/* Chronicle breadcrumb / journey route */
html[data-theme="archive"] body.exhibit-page .chronicle-compact-route,
html[data-theme="archive"] body.exhibit-page .chronicle-compact-route a {
  color:#655f57 !important;
  opacity:1 !important;
}
html[data-theme="archive"] body.exhibit-page .chronicle-compact-route span {
  color:#8c6726 !important;
  opacity:1 !important;
}
html[data-theme="archive"] body.exhibit-page .chronicle-compact-route strong {
  color:#9a6b1f !important;
  opacity:1 !important;
}

/* Decorative initial letters must remain decorative, but readable */
html[data-theme="archive"] body.exhibit-page .dropcap::first-letter {
  color:#a17627 !important;
  opacity:1 !important;
}

/* Shared caution / interpretive callout headings */
html[data-theme="archive"] body.exhibit-page .notice strong {
  color:#8b621f !important;
  opacity:1 !important;
  font-weight:700 !important;
}

/* Six Days specific symbolic and architectural labels */
html[data-theme="archive"] body.six-days-page .architecture-wall > header span {
  color:#5a554e !important;
  opacity:1 !important;
  font-weight:700 !important;
}
html[data-theme="archive"] body.six-days-page .architecture-pair small,
html[data-theme="archive"] body.six-days-page .day-heading span,
html[data-theme="archive"] body.six-days-page .pause-observe strong,
html[data-theme="archive"] body.six-days-page .memory-statement small,
html[data-theme="archive"] body.six-days-page .seventh-symbol span,
html[data-theme="archive"] body.six-days-page .plate-study-key b {
  color:#8b621f !important;
  opacity:1 !important;
}
html[data-theme="archive"] body.six-days-page .seventh-symbol {
  border-color:rgba(139,98,31,.42) !important;
}

/* Footer identity and links were still using dark-mode colors */
html[data-theme="archive"] body.exhibit-page .site-footer .footer-inner strong,
html[data-theme="archive"] body.exhibit-page .gallery-footer .footer-inner strong {
  color:#49443d !important;
  opacity:1 !important;
}
html[data-theme="archive"] body.exhibit-page .site-footer .footer-inner p,
html[data-theme="archive"] body.exhibit-page .gallery-footer .footer-inner p {
  color:#625c54 !important;
  opacity:1 !important;
}
html[data-theme="archive"] body.exhibit-page .site-footer .footer-inner a,
html[data-theme="archive"] body.exhibit-page .gallery-footer .footer-inner a {
  color:#765821 !important;
  opacity:1 !important;
}

/* =====================================================
   SITE-WIDE READABILITY CALIBRATION — VERSION 58
   Corrects dark text accidentally inherited inside dark
   hero panels in Archive mode, and low-contrast footer
   identity/text on light Archive footers.
   ===================================================== */

/* -----------------------------------------------------
   DARK HERO PANELS
   These hero panels remain deliberately dark in BOTH
   viewing environments. Their text must therefore stay
   light even when Archive mode changes global heading
   and eyebrow colors.
   ----------------------------------------------------- */
.languages-hero .eyebrow,
.catalog-hero .eyebrow,
html[data-theme="archive"] .languages-hero .eyebrow,
html[data-theme="archive"] .catalog-hero .eyebrow {
  color:#d7b86d !important;
  opacity:1 !important;
}

.languages-hero h2,
.catalog-hero h2,
html[data-theme="archive"] .languages-hero h2,
html[data-theme="archive"] .catalog-hero h2 {
  color:#d5c29a !important;
  opacity:1 !important;
  font-weight:600 !important;
}

/* Keep small supporting text legible against these dark heroes. */
html[data-theme="archive"] .languages-hero p,
html[data-theme="archive"] .catalog-hero p {
  color:#c8c0b4 !important;
  opacity:1 !important;
}

/* -----------------------------------------------------
   ARCHIVE FOOTERS
   Archive footers use a light parchment/stone surface,
   so the original dark-mode cream footer identity was
   too pale. Apply this globally, not only to exhibits.
   ----------------------------------------------------- */
html[data-theme="archive"] .footer-inner,
html[data-theme="archive"] .site-footer .footer-inner,
html[data-theme="archive"] .gallery-footer .footer-inner,
html[data-theme="archive"] .museum-footer .footer-inner {
  color:#5e5952 !important;
  opacity:1 !important;
}

html[data-theme="archive"] .footer-inner strong,
html[data-theme="archive"] .site-footer .footer-inner strong,
html[data-theme="archive"] .gallery-footer .footer-inner strong,
html[data-theme="archive"] .museum-footer .footer-inner strong {
  color:#45413b !important;
  opacity:1 !important;
}

html[data-theme="archive"] .footer-inner p,
html[data-theme="archive"] .site-footer .footer-inner p,
html[data-theme="archive"] .gallery-footer .footer-inner p,
html[data-theme="archive"] .museum-footer .footer-inner p {
  color:#625d55 !important;
  opacity:1 !important;
}

html[data-theme="archive"] .footer-inner a,
html[data-theme="archive"] .site-footer .footer-inner a,
html[data-theme="archive"] .gallery-footer .footer-inner a,
html[data-theme="archive"] .museum-footer .footer-inner a {
  color:#745820 !important;
  opacity:1 !important;
  font-weight:600;
}

/* -----------------------------------------------------
   SHARED ARCHIVE MICRO-LABELS
   Extend the successful Age I contrast treatment to
   comparable small labels on collection/research pages.
   ----------------------------------------------------- */
html[data-theme="archive"] .collection-page .section-label,
html[data-theme="archive"] .collection-page .card-kicker,
html[data-theme="archive"] .collection-page .source-badge,
html[data-theme="archive"] .collection-page .catalog-search-panel label span,
html[data-theme="archive"] .collection-page .catalog-full-entry small,
html[data-theme="archive"] .collection-page .catalog-entry-links strong,
html[data-theme="archive"] .collection-page .language-card-heading small,
html[data-theme="archive"] .collection-page .language-card dt,
html[data-theme="archive"] .collection-page .language-related span {
  color:#7a5c24 !important;
  opacity:1 !important;
  font-weight:600 !important;
}

html[data-theme="archive"] .collection-page .catalog-search-panel > div,
html[data-theme="archive"] .collection-page .catalog-entry-links span,
html[data-theme="archive"] .collection-page .language-card-heading p,
html[data-theme="archive"] .collection-page .language-card dd,
html[data-theme="archive"] .collection-page .language-reserved p {
  color:#5d5851 !important;
  opacity:1 !important;
}

/* Preserve the intended light treatment for labels located
   inside the permanently dark catalog/language heroes. */
html[data-theme="archive"] .collection-page .catalog-hero .eyebrow,
html[data-theme="archive"] .collection-page .languages-hero .eyebrow {
  color:#d7b86d !important;
}


/* =====================================================
   THE CHRONICLE — CURRENT AGE FULL-BAR EMPHASIS v15
   The active gallery is tinted across the entire row.
   ===================================================== */
.chronicle-age.is-current{
  border-color:rgba(224,181,86,.72) !important;
  background:
    linear-gradient(90deg,
      rgba(188,139,48,.20) 0%,
      rgba(188,139,48,.13) 58%,
      rgba(188,139,48,.08) 100%) !important;
  box-shadow:
    inset 5px 0 0 #d7b04f,
    0 12px 30px rgba(0,0,0,.14) !important;
}

.chronicle-age.is-current .chronicle-copy strong{
  color:#f5ead7;
}

.chronicle-age.is-current .chronicle-status{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 11px;
  border:1px solid rgba(224,181,86,.52);
  background:rgba(218,176,76,.10);
  color:#e5bd62;
}

/* Archive / light viewing environment */
html[data-theme="archive"] .chronicle-age.is-current{
  border-color:rgba(154,108,37,.58) !important;
  background:
    linear-gradient(90deg,
      rgba(201,159,78,.26) 0%,
      rgba(201,159,78,.17) 56%,
      rgba(201,159,78,.10) 100%) !important;
  box-shadow:
    inset 5px 0 0 #a97630,
    0 12px 28px rgba(72,56,31,.10) !important;
}

html[data-theme="archive"] .chronicle-age.is-current .chronicle-copy strong{
  color:#292b2b;
}

html[data-theme="archive"] .chronicle-age.is-current .chronicle-status{
  border-color:rgba(139,96,34,.40);
  background:rgba(177,128,45,.12);
  color:#7d5721;
}

html[data-theme="archive"] .chronicle-age.is-current .chronicle-seal{
  background:radial-gradient(circle,rgba(185,138,53,.20),rgba(185,138,53,.05) 68%);
  border-color:rgba(154,108,37,.50);
}


/* =====================================================
   THE CHRONICLE — AGE ICONS v16
   Replaces the generic circles with six subject-specific museum symbols.
   ===================================================== */
.chronicle-seal.age-icon{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  color:rgba(181,137,61,.72);
  position:relative;
}

.chronicle-seal.age-icon::before,
.chronicle-seal.age-icon::after{
  content:"";
  position:absolute;
  left:50%;
  width:34px;
  height:1px;
  transform:translateX(-50%);
  background:currentColor;
  opacity:.32;
}
.chronicle-seal.age-icon::before{top:2px}
.chronicle-seal.age-icon::after{bottom:2px}

.chronicle-seal.age-icon svg{
  width:42px;
  height:42px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Give each Age a subtly different archival-metal tint. */
.chronicle-seal.age-i{color:#b89048}
.chronicle-seal.age-ii{color:#8f7d55}
.chronicle-seal.age-iii{color:#7c8d98}
.chronicle-seal.age-iv{color:#6f8790}
.chronicle-seal.age-v{color:#8c7b50}
.chronicle-seal.age-vi{color:#8a684d}

.chronicle-age.is-current .chronicle-seal.age-icon{
  color:#d3a544 !important;
  filter:drop-shadow(0 3px 8px rgba(142,98,27,.16));
}

html:not([data-theme="archive"]) .chronicle-seal.age-icon{
  color:rgba(214,178,103,.70);
}

html:not([data-theme="archive"]) .chronicle-age.is-current .chronicle-seal.age-icon{
  color:#e4bd63 !important;
}

@media(max-width:700px){
  .chronicle-seal.age-icon{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }
  .chronicle-seal.age-icon svg{
    width:34px;
    height:34px;
  }
}


/* =====================================================
   SIX AGE GALLERIES — HERO VISUAL STANDARD v17
   Bright artwork, very low veil, readable metadata strip.
   ===================================================== */

/* Existing Age gallery artwork is placed directly on the hero so the same
   overlay treatment works regardless of older page-specific pseudo layers. */
.age-gallery-page .gallery-hero{
  background-color:#101719;
}
.age-gallery-page[style],
.age-gallery-page .gallery-hero{
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}



/* Explicit hero paths, relative to /css/styles.css */
body.gallery-one-page.age-gallery-page .gallery-hero{
  background-image:url("../images/heroes/in-the-beginning-hero.jpg") !important;
}
body.gallery-two-page.age-gallery-page .gallery-hero{
  background-image:url("../images/heroes/first-world-hero.jpg") !important;
}
body.gallery-three-page.age-gallery-page .gallery-hero,
body.rebellion-page.age-gallery-page .gallery-hero{
  background-image:url("../images/heroes/the-rebellion-hero.jpg") !important;
}

body.age-gallery-page .gallery-hero.concept-hero#search-the-rebellion{
  background-image:url("../images/heroes/the-rebellion-hero.jpg") !important;
}

/* If an Age page currently has a real hero image, suppress its legacy
   pseudo-element artwork/veil and use this single, very light text veil. */
.age-gallery-page.age-gallery-has-image .gallery-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,
      rgba(5,10,12,.20) 0%,
      rgba(5,10,12,.13) 25%,
      rgba(5,10,12,.06) 43%,
      rgba(5,10,12,.015) 63%,
      rgba(5,10,12,0) 100%) !important;
}

/* Common hero overlay, deliberately subtle. */
.age-gallery-page .gallery-hero .gallery-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(0deg,
      rgba(5,10,12,.13) 0%,
      rgba(5,10,12,.035) 28%,
      transparent 58%) !important;
  pointer-events:none;
}

/* Keep any second legacy dark veil out of the six Age heroes when an image is used. */
.age-gallery-page.age-gallery-has-image .gallery-hero::after{
  display:none !important;
}

.age-gallery-page .gallery-hero-content{
  position:relative;
  z-index:3;
}

/* The artwork remains bright. Only the information band receives a controlled
   dark translucent plate so its smaller labels never disappear into scenery. */
.age-gallery-page .gallery-meta{
  position:relative;
  z-index:4;
  margin-top:28px;
  padding:15px 18px !important;
  background:rgba(8,13,15,.34) !important;
  border-top:1px solid rgba(235,218,184,.18) !important;
  border-bottom:1px solid rgba(235,218,184,.10) !important;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.age-gallery-page .gallery-meta small{
  color:rgba(233,219,190,.72) !important;
}
.age-gallery-page .gallery-meta strong{
  color:#efe8db !important;
}

/* Archive mode keeps the hero photographic, but the metadata plate remains
   neutral and restrained instead of turning into a light paper box. */
html[data-theme="archive"] .age-gallery-page .gallery-meta{
  background:rgba(27,24,20,.28) !important;
  border-color:rgba(255,245,225,.16) !important;
}

/* Pages IV–VI are still concept-gradient heroes in the current site.
   Their existing gradient backgrounds remain untouched until artwork is added. */



/* Permanent light/archive environment: legacy toggle markup must never render. */
.viewing-environment-toggle{display:none!important}

/* === MUSEUM CHRONOLOGY RESTRUCTURE V46 === */
.gallery-handoff-panel,.companion-study-panel{margin:38px 0;padding:34px 0;border-top:1px solid rgba(166,121,42,.35);border-bottom:1px solid rgba(166,121,42,.22)}
.gallery-handoff-panel{padding:32px;max-width:1180px;margin:38px auto;background:#eee7da;border:1px solid rgba(166,121,42,.28)}
.gallery-handoff-panel h2,.companion-study-panel h2{color:#2e302e;margin:.25rem 0 .75rem;font-family:Georgia,serif}
.gallery-handoff-panel p,.companion-study-panel p{color:#555149;line-height:1.7}
.museum-inline-link{display:inline-block;margin-top:10px;color:#865f20;font-weight:700;text-decoration:none}
.companion-study-panel>.shell{max-width:1180px;margin:0 auto;padding:0 28px}
.companion-study-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:22px}
.companion-study-links a{display:block;padding:20px 22px;background:#eee7da;border:1px solid rgba(166,121,42,.30);text-decoration:none;color:#30322f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.companion-study-links a:hover{transform:translateY(-2px);border-color:#a9792a;box-shadow:0 8px 20px rgba(70,56,36,.08)}
.companion-study-links strong{display:block;color:#77551f;font-size:1.05rem;margin-bottom:7px}
.companion-study-links span{display:block;color:#5c5851;line-height:1.55}
/* === END MUSEUM CHRONOLOGY RESTRUCTURE V46 === */