/* Ancient materials, contemporary reading paths. All content remains available without JavaScript. */
.story-path{padding:88px 0;background:#e9e1d1;border-block:1px solid #c8b99e;position:relative;isolation:isolate;overflow:hidden}.story-path:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 5%,#b8864d22,transparent 55%),repeating-linear-gradient(0deg,transparent 0 5px,#52432604 5px 6px);pointer-events:none}.story-path-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:55px}.story-path h2{font:normal clamp(2.7rem,5vw,5.2rem)/1.02 Georgia,serif;letter-spacing:-.055em;margin:12px 0 0;color:#26362f}.story-path-heading>p{font:1.1rem/1.85 Georgia,serif;color:#5f584a;max-width:480px}.story-path-stops{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #9e8a69}.story-path-stops li{position:relative;padding:34px 24px 30px 0;min-width:0}.story-path-stops li+li{padding-left:25px;border-left:1px solid #c6b79d}.path-number{font:italic 3.8rem/1 Georgia,serif;color:#8d704d;display:block;margin-bottom:25px;transition:color .3s ease}.path-status{font:600 .62rem/1.6 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#6d5a3e;display:block;min-height:2.1em}.story-path-stops h3{font:normal 1.7rem/1.15 Georgia,serif;letter-spacing:-.02em;margin:12px 0}.story-path-stops p{font-size:.86rem;line-height:1.8;color:#5b584e}.story-path-stops a{font-size:.76rem;font-weight:650;display:inline-block;border-bottom:1px solid #b59a72;padding:9px 0;color:#334c3d}.story-path-stops li.is-current .path-number{color:#b2612d}.path-next{border-top:1px solid #c6b79d;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.path-next p{font:italic 1rem/1.6 Georgia,serif;max-width:520px}.path-next a{flex-shrink:0}.story-bridge{max-width:1164px;width:calc(100% - 76px);margin:48px auto 72px;padding:36px 0;border-block:1px solid #c6b79d}.story-bridge h2{font:normal clamp(2.1rem,4vw,3.4rem)/1.1 Georgia,serif;letter-spacing:-.035em;margin:12px 0 20px}.story-bridge>p{max-width:760px;line-height:1.8;color:#625b4d}.story-bridge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.story-bridge-grid>a{border:1px solid #c9bba2;padding:25px;display:flex;flex-direction:column;gap:16px;color:#26362f;transition:background .2s ease,transform .2s ease}.story-bridge-grid>a:hover{background:#e4dac7;transform:translateY(-3px)}.story-bridge-grid span{font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:#795d3f}.story-bridge-grid strong{font:normal 1.5rem/1.2 Georgia,serif}.story-bridge-grid small{font-size:.78rem;line-height:1.7}.story-essay{padding:20px 24px 80px}.story-lead{font-size:1.5rem;line-height:1.65}.story-essay p{margin:0 0 24px}.story-essay h2{scroll-margin-top:110px}.article-byline{padding:35px 24px 0;margin-bottom:10px}.essay-next{border-block:1px solid #c6b79d;margin-top:45px;padding:28px 0}.essay-next a{display:block;font:1rem/1.6 system-ui,sans-serif;padding:10px 0}.journal-local-feature:last-child{max-width:1164px;width:calc(100% - 76px);margin:0 auto 60px}.story-path a:focus-visible,.story-bridge a:focus-visible,.essay-next a:focus-visible{outline:3px solid #a65b2a;outline-offset:5px}
@media(max-width:1000px){.story-path-stops{grid-template-columns:repeat(2,1fr)}.story-path-stops li:nth-child(3){padding-left:0;border-left:0;border-top:1px solid #c6b79d}.story-path-stops li:nth-child(4){border-top:1px solid #c6b79d}.path-next{align-items:flex-start;flex-direction:column}.story-path-heading{gap:35px}.story-bridge-grid{gap:12px}}
@media(max-width:650px){.story-path{padding:50px 0}.story-path-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.story-path h2{font-size:3.2rem}.story-path-stops{grid-template-columns:1fr}.story-path-stops li,.story-path-stops li+li{padding:26px 0;border-left:0;border-bottom:1px solid #c6b79d}.story-path-stops li:nth-child(n){border-top:0}.path-number{font-size:2.8rem;margin-bottom:14px}.story-path-stops h3{font-size:1.9rem}.path-next{border-top:0}.path-next a{flex-shrink:1}.story-bridge{width:calc(100% - 38px);margin:30px auto 45px}.story-bridge-grid{grid-template-columns:1fr}.journal-local-feature:last-child{width:calc(100% - 38px)}.story-essay{padding-inline:20px}.story-lead{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.story-path *,.story-bridge *{transition:none!important}.story-bridge-grid>a:hover{transform:none}}


/* ==========================================================================
   v9 UNIFIED OBSIDIAN DARK THEME & MOBILE IMAGE INTEGRITY OVERRIDES
   Eliminates parchment/light mode clashes across all pages while keeping editorial clarity.
   ========================================================================== */
:root {
  --paper: #070b10 !important;
  --cream: #0c131b !important;
  --journey-paper: #080d13 !important;
  --journey-ink: #f2ece1 !important;
  --ink: #f2ece1 !important;
  --muted: #b5b0a4 !important;
  --line: rgba(223, 188, 120, 0.24) !important;
}
html, body, body[data-atelier] {
  background-color: #05070a !important;
  color: #f2ece1 !important;
}
.nav, .site-header {
  background: rgba(5, 7, 10, 0.92) !important;
  border-bottom: 1px solid rgba(223, 188, 120, 0.2) !important;
}
.nav .brand, .nav-links, .nav .nav-cta, .mobile-toggle, .nav .brand-mark {
  color: #f2ece1 !important;
}
.hero, .story-path, .journey-paper, .section, .section.alt, .section-blue, .section-rule, .page-hero {
  background-color: #070b10 !important;
  background-image: radial-gradient(circle at 50% 15%, rgba(26, 42, 56, 0.28), rgba(5, 7, 10, 0.96) 75%) !important;
  color: #f2ece1 !important;
}
.story-path h2, .story-path h3, .story-path p, .story-path-heading > p,
.journey-paper h2, .journey-paper h3, .journey-paper p,
.hero h1, .hero h2, .hero p, .hero-lede, .hero-copy,
.journal-local-feature h2, .journal-local-feature p,
.article-card h3, .article-card p {
  color: #f2ece1 !important;
}
.article-card, .journal-local-feature, .journey-card, .card, .explore-card, .format-card, .world-card, .production-still, .page-directory-card {
  background: rgba(11, 18, 26, 0.88) !important;
  border: 1px solid rgba(223, 188, 120, 0.28) !important;
  color: #f2ece1 !important;
}
.world-card img, .production-still img, .journey-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  opacity: 1 !important;
}
