:root {
  --era-ink: #202522;
  --era-green: #26453b;
  --era-cream: #f4efe5;
  --era-paper: #fbfaf6;
  --era-line: #d9d0bf;
}

/* Full-bleed breakout from the WordPress content container. */
.era-expo {
  position: relative;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 0 !important;
  color: var(--era-ink) !important;
  background: var(--era-paper) !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
  overflow: hidden;
}
.era-expo *, .era-expo *::before, .era-expo *::after { box-sizing: border-box; }
.era-expo main, .era-expo section, .era-expo header, .era-expo footer, .era-expo nav,
.era-expo div, .era-expo figure { max-width: none; }
.era-expo img { display: block; width: 100%; max-width: 100%; height: auto; border: 0; box-shadow: none; }
.era-expo p { margin: 0 0 1.05rem !important; color: inherit !important; }
.era-expo h1, .era-expo h2 {
  margin-top: 0 !important;
  color: inherit !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}
.era-expo h1 { margin-bottom: .32em !important; font-size: clamp(3rem, 6.2vw, 5.8rem) !important; max-width: 11ch !important; }
.era-expo h2 { margin-bottom: .55em !important; font-size: clamp(2rem, 4vw, 3.9rem) !important; }
.era-expo a { box-shadow: none !important; }

.era-inner { width: min(1180px, calc(100% - 56px)) !important; margin: 0 auto !important; }

/* Hero */
.era-hero { position: relative; min-height: 650px; height: min(78vh, 780px); display: flex; align-items: flex-end; color: #fff !important; background: #111; }
.era-hero__image { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; filter: sepia(.12) contrast(1.04); }
.era-hero__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.08) 18%, rgba(0,0,0,.78) 100%); }
.era-hero__content { position: relative; z-index: 2; padding: 72px 0 64px !important; }
.era-hero__subtitle { max-width: 620px; margin-bottom: 1.6rem !important; font-size: clamp(1.15rem, 2vw, 1.55rem) !important; }
.era-kicker { margin-bottom: .7rem !important; text-transform: uppercase !important; letter-spacing: .16em !important; font-size: .76rem !important; font-weight: 800 !important; }

.era-button { display: inline-block; padding: .88rem 1.22rem; border-radius: 999px; background: var(--era-green); color: #fff !important; text-decoration: none !important; font-weight: 750; line-height: 1.2; }
.era-button:hover { opacity: .9; }
.era-button--light { background: #fff; color: var(--era-ink) !important; }

/* Chapter menu: deliberately NOT sticky, to avoid collision with the site's fixed header. */
.era-chapters { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; padding: 18px 28px !important; margin: 0 !important; background: #fff; border-bottom: 1px solid var(--era-line); }
.era-chapters a { color: var(--era-ink) !important; text-decoration: none !important; border: 1px solid var(--era-line); border-radius: 999px; padding: .45rem .78rem; font-size: .84rem; background: #fff; }

/* Sections */
.era-section { padding: clamp(72px, 8vw, 120px) 0 !important; margin: 0 !important; }
.era-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(42px, 6vw, 88px); align-items: center; }
.era-reverse .era-media { order: 2; }
.era-reverse .era-copy { order: 1; }
.era-copy { max-width: 600px !important; }
.era-copy--center { max-width: 780px !important; margin-left: auto !important; margin-right: auto !important; text-align: center; }
.era-number { margin-bottom: .75rem !important; font-family: Georgia, serif !important; font-size: 1rem !important; opacity: .52; letter-spacing: .16em; }
.era-lead { font-family: Georgia, "Times New Roman", serif !important; font-size: clamp(1.2rem, 2vw, 1.62rem) !important; line-height: 1.45 !important; }
.era-bigline { margin-top: 1.35em !important; font-family: Georgia, serif !important; font-size: clamp(1.45rem, 2.7vw, 2.35rem) !important; line-height: 1.22 !important; }
.era-question { margin-top: 1.8rem; padding: 1.05rem 1.15rem; border-left: 4px solid var(--era-green); background: var(--era-cream); }

.era-media img { max-height: 650px; object-fit: cover; }
.era-credit { margin-top: .72rem; color: #666 !important; font-size: .78rem !important; }
.era-credit summary { cursor: pointer; font-weight: 700; }
.era-credit p { margin: .35rem 0 0 !important; font-size: inherit !important; }

.era-section--cream { background: var(--era-cream); }
.era-wide-image { width: min(1040px, calc(100% - 56px)) !important; margin: 38px auto 30px !important; position: relative; }
.era-wide-image img { aspect-ratio: 16/9; object-fit: cover; }
.era-stamp { position: absolute; left: 18px; bottom: 18px; background: rgba(38,69,59,.94); color: #fff; padding: .62rem .88rem; font-weight: 850; letter-spacing: .07em; font-size: .8rem; }
.era-section--cream .era-after-image { max-width: 760px !important; margin: 0 auto !important; }

.era-section--object { background: #fff; }
.era-object-wrap { width: min(680px, calc(100% - 56px)) !important; margin: 0 auto 42px !important; padding: clamp(24px, 5vw, 54px) !important; background: var(--era-cream); }
.era-object-wrap img { max-height: 480px; object-fit: contain; }

.era-section--archive { background: var(--era-green); color: #fff !important; }
.era-archive-card { width: min(900px, calc(100% - 56px)) !important; margin: 0 auto !important; padding: clamp(34px, 6vw, 70px) !important; border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.07); }
.era-archive-card .era-note { color: rgba(255,255,255,.78) !important; }
.era-archive-card .era-button { background: #fff; color: var(--era-green) !important; }

.era-section--dark { background: #1d231f; color: #fff !important; }
.era-section--future { background: var(--era-cream); }
.era-note { font-size: .9rem !important; color: #666 !important; }
.era-footer { padding: 28px !important; background: #fff; border-top: 1px solid var(--era-line); font-size: .8rem !important; color: #686861 !important; text-align: center; }
.era-footer p { margin: .3rem auto !important; max-width: 900px !important; }

@media (max-width: 860px) {
  .era-expo { font-size: 16px !important; }
  .era-inner { width: min(100% - 34px, 1180px) !important; }
  .era-hero { min-height: 520px; height: 68vh; }
  .era-hero__content { padding: 56px 0 46px !important; }
  .era-expo h1 { font-size: clamp(2.7rem, 12vw, 4.4rem) !important; }
  .era-split { grid-template-columns: 1fr; gap: 30px; }
  .era-reverse .era-media, .era-reverse .era-copy { order: initial; }
  .era-copy { max-width: none !important; }
  .era-section { padding: 62px 0 !important; }
  .era-wide-image, .era-object-wrap, .era-archive-card { width: calc(100% - 34px) !important; }
  .era-chapters { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding: 14px 17px !important; scrollbar-width: thin; }
  .era-chapters a { flex: 0 0 auto; }
  .era-wide-image img { aspect-ratio: 4/3; }
  .era-stamp { left: 10px; bottom: 10px; font-size: .7rem; }
}