/* Christopher Hannon — The writing room. Progressive enhancement, no external fonts. */
:root{--paper:#f3eee4;--cream:#e6dece;--ink:#292923;--navy:#202b29;--navy2:#243630;--gold:#9d6037;--gold2:#e4bd82;--muted:#67665b;--line:#cfc6b6;--max:1240px}
body[data-atelier]{background:var(--paper);color:var(--ink)}
::selection{background:#dac5a1;color:#202b29}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a65b2a;outline-offset:5px}button,summary{cursor:pointer}html{scroll-padding-top:110px}
.nav{background:#f3eee4f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{height:82px}.nav .brand{color:var(--ink);letter-spacing:.12em;font-size:.73rem}.nav .brand-mark{border:0;border-right:1px solid #b5a891;border-radius:0;padding-right:15px;width:53px;font-size:1.35rem;color:var(--ink)}.nav-links{gap:21px;font-size:.76rem;color:var(--ink)}.nav-links a:hover{color:#9d6037}.nav .nav-cta{border:1px solid #8d8678;border-radius:0;color:var(--ink)!important;padding:10px 14px}.mobile-toggle{color:var(--ink);min-width:44px;min-height:44px}.launch-strip{background:#24332d;color:#f4ead8;font-size:.72rem;letter-spacing:.08em;padding:11px 20px;text-align:center}.launch-strip span:first-child{font-weight:700}.launch-strip span:last-child{margin-left:20px}
.hero{background:var(--paper);color:var(--ink);overflow:hidden}.hero:before{display:none}.hero-grid{min-height:0;padding:68px 0 64px;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.eyebrow,.kicker{color:#7d5337;font-size:.67rem;letter-spacing:.18em}.hero h1{font-size:clamp(4.8rem,8.3vw,8.1rem);line-height:.87;letter-spacing:-.065em;margin:26px 0 32px}.hero h1 em{font-weight:400}.hero-lede{font-family:Georgia,serif;color:var(--ink);font-size:clamp(1.25rem,2.1vw,1.8rem);line-height:1.3;max-width:470px;margin-bottom:20px}.hero-copy{color:var(--muted);font-size:.98rem;max-width:490px;line-height:1.8}.hero .button-row{gap:24px;margin-top:27px}.btn,.reader-sample-button{border-radius:0!important;padding:15px 22px;font-size:.79rem;font-weight:650;line-height:1.5;letter-spacing:.02em}.btn-ink,.btn-primary{background:#26362f;color:#fff5e4;border-color:#26362f}.btn-ink:hover,.btn-primary:hover{background:#3e5044;transform:translateY(-2px)}.btn-outline-ink,.btn-secondary{color:var(--ink);border-color:#969081;background:transparent}.atelier-text-link{font-size:.79rem;border-bottom:1px solid #8e7458;padding:9px 0;display:inline-block}.hero-mini{font-size:.64rem;color:#68665b;line-height:2;max-width:490px;margin-top:26px}.hero-mini a{color:inherit}.hero-photo-wrap{position:relative;max-width:460px;margin-left:auto;width:100%;padding:0;transform:none}.hero-photo-wrap:before{content:'';position:absolute;inset:-16px 16px 40px -16px;border:1px solid #c5b69e;z-index:-1}.hero-photo{border:0;border-radius:0;width:100%;height:auto;max-height:560px;object-fit:cover;box-shadow:none;filter:saturate(.78);aspect-ratio:709/890}.caption{font-size:.62rem;letter-spacing:.08em;color:#6a6456;text-align:left;padding-top:13px}.hero-photo-wrap:after{content:'CH / AUTHOR';position:absolute;right:-26px;top:42%;writing-mode:vertical-rl;font-size:.57rem;letter-spacing:.3em;color:#716854}
.section{padding:85px 0}.section-title{font-size:clamp(2.3rem,4vw,4rem);max-width:850px;line-height:1.08;letter-spacing:-.04em}.section-intro{font-size:1rem;line-height:1.85}.atelier-feature{border-top:1px solid #c7bca9;border-bottom:1px solid #c7bca9;background:#e9e2d4;padding:62px 0}.atelier-feature-grid{display:grid;grid-template-columns:.6fr 1.7fr 1fr;gap:50px;align-items:start}.atelier-side-note{display:flex;flex-direction:column;align-items:flex-start;font-size:.65rem;color:#746a5a;gap:19px}.atelier-folio{font:italic 5.8rem/.9 Georgia,serif;color:#b2a58c}.atelier-feature h2{font-size:clamp(2.4rem,3.6vw,3.5rem);line-height:1.08;letter-spacing:-.04em}.atelier-feature h2 em{color:#67563f}.atelier-feature p{font-size:.9rem;line-height:1.8;max-width:510px}.atelier-note{border-top:2px solid #7f6b4f;padding-top:17px}.atelier-note details{border-bottom:1px solid #c3b79f;padding:16px 0}.atelier-note summary{font:1.05rem/1.5 Georgia,serif;list-style:none;display:flex;justify-content:space-between;gap:10px}.atelier-note summary::-webkit-details-marker{display:none}.atelier-note details[open] summary span{transform:rotate(45deg)}.atelier-note a{font-size:.8rem;text-decoration:underline}.atelier-note p{font-size:.81rem}
.origin-grid{grid-template-columns:1fr 1.2fr;gap:100px}.origin-copy{font:1.12rem/1.9 Georgia,serif}.origin-copy .lead{font-size:1.4rem}.pullquote{border-left:2px solid #9d6037;color:#57472f}.world-band{background:#24332d;color:#f3eee4}.world-band .kicker{color:#d7b98b}.world-band .section-intro{color:#cbc9b9}.world-card{background:transparent;border:0;border-radius:0;box-shadow:none}.world-card img{border-radius:0;transition:filter .35s ease}.world-card:hover img{filter:brightness(1.08)}.world-card figcaption{padding-left:0;padding-right:0;color:#ede6d7}.world-card figcaption span{color:#c2c4b7}.world-band .btn{border-color:#d2c0a2;background:transparent;color:#f7efdd}.section-blue{background:#ded6c6;color:var(--ink)}.section-blue .kicker,.section-blue .section-intro{color:#625641}.timeline{border-color:#c0b39b}.stop{color:#514a3b}.stop strong{color:#292923}.stop:before{background:#946643}.section-rule{border-top:1px solid #c9beaa}.article-card{border-radius:0;box-shadow:none;background:transparent;border:1px solid #cfc4b1;padding:28px;transition:background .2s ease,transform .2s ease}.article-card:hover{background:#e9e0d0;transform:translateY(-3px)}.article-card h3{font-size:1.75rem;line-height:1.12}.article-card a{color:#6c4a2f}.press-feature,.press-launch-feature,.notice,.reader-sample{border-radius:0!important}.press-feature{background:#e8e0d1;border:1px solid #cbbda4;box-shadow:none}.page-hero{background:#e8e0d1;color:var(--ink);padding:57px 0 62px;border-bottom:1px solid #cbbda4}.page-hero:before{display:none}.page-hero h1{font-size:clamp(3rem,6vw,5.8rem);max-width:1050px;line-height:1.02}.page-hero p{color:#625d52;max-width:730px}.breadcrumb,.breadcrumb a{color:#6c6355}.page-main{padding:64px 0}.book-grid{gap:80px;grid-template-columns:.65fr 1.35fr}.book-cover{border-radius:0;box-shadow:18px 22px 0 #ded3c0;max-width:330px;transform:rotate(-2deg);transition:transform .45s ease}.book-cover:hover{transform:rotate(0)}.atelier-books .reader-sample{background:#e8dfcd;border:1px solid #bca88a;padding:28px;margin-top:34px}.reader-sample--light h3,.reader-sample--light p{color:#2e332c}.reader-sample-button{background:#26362f!important;color:white!important}.fact-grid{border-color:#c2b49b}.fact-grid dt{color:#7d5b3f}.fact-grid dd{color:#3e3d32}
.journal-feature{border-bottom:1px solid #cabda6;padding-bottom:35px;gap:60px}.journal-local-feature{border-radius:0;background:transparent;box-shadow:none;border:0;border-bottom:1px solid #c4b79e;padding:35px 0;margin:0}.journal-local-feature h2{font-size:clamp(2rem,3.5vw,3.1rem);max-width:850px}.journal-local-feature p{max-width:710px}.journal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 6px}.journal-filters[hidden],[data-category][hidden]{display:none!important}.journal-filters button{padding:11px 16px;border:1px solid #b6a88f;background:transparent;color:#3d3d32;font:inherit;font-size:.8rem;min-height:44px}.journal-filters button[aria-pressed=true]{background:#26362f;color:#fff2db;border-color:#26362f}.journal-grid{margin-top:27px}.preferred-source{border-radius:0}.longform,.prose{font-family:Georgia,serif;font-size:1.13rem;line-height:1.9}.longform{max-width:740px;margin:auto}.longform h2{font-size:2.3rem;line-height:1.2;margin:46px 0 20px}.longform a{text-decoration:underline;text-underline-offset:4px;color:#83512f}.article-byline{max-width:740px;margin:0 auto 32px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.reading-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:100;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:#a86d3b;transform:scaleX(0);transform-origin:left}.footer{background:#23312b;color:#e1dacb;border-top:1px solid #96836b;padding-top:65px}.footer .brand{color:#eee4d1}.footer .brand-mark{border-radius:0;color:#e4bd82;border-color:#9d8560}.footer a,.footer-copy{color:#d1c9b8}.footer h4{color:#eddbba;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em}.footer-grid{gap:30px}.footer-note{color:#bbb5a5}.footer-note a{color:inherit}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.hero h1{animation:atelier-arrive .7s ease-out both}.hero-photo-wrap{animation:atelier-arrive .9s ease-out both}@keyframes atelier-arrive{from{transform:translateY(16px)}to{transform:translateY(0)}}}
@media(max-width:1240px){.nav-links{background:var(--paper);border-color:#c7bca9;color:var(--ink)}.nav-links a{color:var(--ink);border-color:#d1c8b8}.nav-links a:hover{color:#9d6037}.nav-links.open{max-height:calc(100dvh - 82px);overflow:auto}}
@media(max-width:900px){.hero-grid{gap:32px}.hero h1{font-size:clamp(4.6rem,8.7vw,7rem)}.atelier-feature-grid{grid-template-columns:1.4fr 1fr;gap:36px}.atelier-side-note{display:none}.origin-grid{gap:35px}.book-grid{gap:45px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 38px)}.nav-inner{height:70px}.nav .brand{font-size:.65rem;letter-spacing:.06em}.nav .brand-mark{width:43px;padding-right:10px}.nav-links.open{max-height:calc(100dvh - 70px)}.launch-strip{font-size:.62rem;letter-spacing:.03em}.hero-grid{grid-template-columns:1fr;padding:43px 0 42px;gap:42px}.hero h1{font-size:clamp(4.25rem,15vw,7rem);margin:23px 0 27px}.hero-lede{max-width:330px;font-size:1.55rem}.hero-copy{max-width:520px}.hero .button-row{align-items:flex-start;gap:14px}.hero-photo-wrap{max-width:100%;margin:0;padding:0 15px 0 0}.hero-photo{max-height:510px;object-position:center 26%;aspect-ratio:1/1}.hero-photo-wrap:before{inset:-10px 27px 32px -9px}.hero-photo-wrap:after{right:-4px}.hero-mini{font-size:.63rem}.atelier-feature{padding:42px 0}.atelier-feature-grid{grid-template-columns:1fr;gap:34px}.atelier-feature h2{font-size:2.8rem}.section{padding:50px 0}.origin-grid,.book-grid{grid-template-columns:1fr;gap:40px}.origin-copy{font-size:1.06rem}.section-title{font-size:2.5rem}.page-hero{padding:38px 0 42px}.page-hero h1{font-size:clamp(2.6rem,10vw,4.5rem)}.page-main{padding:38px 0}.book-cover{max-width:240px;margin:0 auto 12px}.book-grid .button-row{flex-direction:column;align-items:stretch}.btn{max-width:100%;text-align:center;white-space:normal}.journal-feature{grid-template-columns:1fr;gap:20px}.journal-local-feature{padding:28px 0}.journal-local-feature h2{font-size:2.1rem}.journal-filters{gap:7px}.journal-filters button{font-size:.72rem;padding:9px 12px}.journal-grid{grid-template-columns:1fr}.longform{font-size:1.08rem}.longform h2{font-size:2rem}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-note{gap:12px}.timeline{overflow-x:auto}.reader-sample{padding:22px!important}.hero .btn{width:auto}.preferred-source{padding:24px}.world-card-wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.book-cover,.article-card:hover,.btn:hover{transform:none}}
/* Reset legacy decorative frame and menu offsets. */
.hero-photo-wrap:after{inset:auto;right:-26px;top:42%;border:0;z-index:1}
.atelier-books .section:has(.press-feature){display:block;padding:30px 0 0}.atelier-books .press-feature{padding:22px 28px}.atelier-books .press-feature h2{font-size:1.6rem}.atelier-books .press-feature p{font-size:.84rem}
@media(max-width:1240px){.nav-links{top:82px}}
@media(max-width:760px){.nav-links{top:70px}.hero-photo-wrap:after{right:-4px}}
.atelier-books .page-hero{padding:38px 0 40px}.atelier-books .page-hero h1{font-size:clamp(2.8rem,4.5vw,4.5rem)}
[hidden]{display:none!important}

.hero .btn span{margin-left:8px}


/* ==========================================================================
   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;
}
