@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{--bg:#101b17;--deep:#0a110e;--panel:#16231d;--ink:#e9e8d9;--muted:#a7b5a6;--gold:#b8a578;--line:#344438}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,select,input{font:inherit}a,button,select{touch-action:manipulation}a:hover{color:#d9c28e}button,a,select{outline-offset:5px}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;letter-spacing:.08em;line-height:1.1;white-space:nowrap}.brand i{font-size:19px;letter-spacing:0}.brand span{display:block;font:9px Arial;letter-spacing:.3em;margin-top:10px;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;font-size:14px}.sibling{border-left:1px solid var(--line);padding-left:30px;color:var(--gold)}.hero{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:760px;align-items:center;padding:60px 7% 70px;gap:7%}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--gold);margin:0 0 24px}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.02;margin:0}h1{font-size:clamp(85px,9vw,145px);letter-spacing:-.045em}h1 span{display:block;font-size:.39em;letter-spacing:-.02em;margin-bottom:5px}.byline{font-size:12px;color:var(--muted);letter-spacing:.08em;margin:23px 0 32px}.intro{font-family:'Cormorant Garamond',Georgia,serif;font-size:32px;line-height:1.18;margin-bottom:20px}.summary{max-width:400px;color:var(--muted);font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:28px 0}.button{display:inline-block;background:#d4d8b6;color:#15231b;padding:13px 23px;font-size:14px;font-weight:600;border:1px solid #d4d8b6}.button:hover{background:#e4e5ce;color:#15231b}.text-link{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:4px}.archive-note{font-size:11px;color:var(--muted);margin-top:30px}.hero-art{position:relative;padding:18px;border:1px solid #526044;transform:rotate(2deg);background:#1b291f;box-shadow:0 25px 60px #0006}.hero-art img{display:block;width:100%;max-height:640px;object-fit:contain;background:#07100b}.art-caption{display:block;text-align:center;font-size:9px;letter-spacing:.22em;padding-top:14px;color:var(--gold)}section:not(.hero){padding:85px 7%}.chapter-section{background:var(--deep);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:42px}h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.025em}.section-heading p:last-child{font-size:14px;color:var(--muted);margin:0}.chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.chapter-card{display:block}.card-art{height:265px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.card-art img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.chapter-card:hover img{transform:scale(1.04)}.chapter-meta{font-size:10px;color:var(--gold);letter-spacing:.15em;margin:20px 0 10px}.chapter-card h3{font-size:29px;line-height:1.1;min-height:64px}.chapter-card .read-label{font-size:12px;color:var(--muted);display:block;padding-top:18px;border-top:1px solid var(--line);margin-top:18px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.prose p{color:var(--muted);margin:0 0 23px;font-size:15px}.prose .lead{font:26px/1.4 'Cormorant Garamond',Georgia,serif;color:var(--ink)}.small-rule{display:block;width:65px;border-top:1px solid var(--gold);margin:34px 0}.signature{font:26px 'Cormorant Garamond',Georgia,serif}.signature small{font:12px 'DM Sans',Arial;color:var(--muted)}details{border-block:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:14px}details p:first-of-type{margin-top:22px}.trailer{background:var(--deep);display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:9%}.trailer iframe{width:100%;aspect-ratio:16/9;border:1px solid var(--line)}.connection{text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#1e2b22,#101b17)}.connection h2{font-size:64px}.connection p:not(.eyebrow){max-width:530px;margin:25px auto;color:var(--muted)}.outline{background:transparent;color:var(--ink);border-color:var(--gold)}.newsletter{text-align:center}.newsletter>p:not(.eyebrow){color:var(--muted);font-size:15px}.signup{max-width:520px;margin:28px auto 0}.signup iframe{max-width:100%}footer{display:flex;justify-content:space-between;gap:25px;padding:35px 5%;border-top:1px solid var(--line);align-items:center}footer p,footer div{font-size:12px;color:var(--muted)}footer div{display:flex;gap:20px}.skip{position:absolute;top:-80px;padding:10px;background:var(--ink);color:var(--deep);z-index:100}.skip:focus{top:0}.resume{display:block;font-size:13px;color:var(--gold)}[hidden]{display:none!important}@media(max-width:900px){header{flex-wrap:wrap}nav{gap:20px;font-size:12px}.hero{min-height:0;gap:6%;padding:45px 5%}.hero-art{padding:10px}.chapter-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.about{gap:6%}.card-art{height:300px}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:22px 6%;gap:20px}.brand{font-size:23px}nav{width:100%;justify-content:space-between;gap:14px;flex-wrap:wrap}.sibling{padding-left:0;border:0}.hero{grid-template-columns:1fr;padding:42px 7% 55px;gap:35px}.hero h1{font-size:100px}.hero-copy .eyebrow{font-size:10px}.hero-art{max-width:390px;margin:auto;transform:rotate(1deg)}.intro{font-size:30px}.actions{gap:18px}.archive-note{font-size:10px}.hero-art img{max-height:none}section:not(.hero){padding:55px 7%}.section-heading{display:block}.section-heading>p{margin-top:20px!important}.chapter-grid{gap:30px 16px}.card-art{height:210px}.chapter-card h3{font-size:25px;min-height:55px}.chapter-meta{font-size:9px}.about,.trailer{grid-template-columns:1fr;gap:30px}.connection h2{font-size:48px}footer{padding:30px 7%;display:block}footer>p{margin:24px 0}h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.signup .formkit-form{margin:auto!important;width:100%!important;max-width:520px!important;border:0!important;background:transparent!important}.signup .formkit-background,.signup .formkit-header,.signup .formkit-subheader{display:none!important}.signup .formkit-input{background:#18251d!important;color:#e9e8d9!important;border:1px solid #53614b!important;border-radius:0!important}.signup .formkit-input::placeholder{color:#a7b5a6!important}.signup .formkit-submit{background:#d4d8b6!important;color:#15231b!important;border-radius:0!important}.signup .formkit-guarantee{color:#a7b5a6!important}.signup .formkit-powered-by-convertkit{filter:invert(1)}

/* Keep the Ko-fi button and open panel above the bottom banner. */
.floatingchat-container-wrap,.floatingchat-container-wrap-mobi,
.floating-chat-kofi-popup-iframe-container,.floating-chat-kofi-popup-iframe-container-mobi{
  translate:0 calc(-1 * var(--support-footer-offset,0px)) !important;
  transition-property:height,width,opacity !important;
}

/* An immersive opening built around the original cosmic Tree of Life. */
.hero-myth{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:790px;display:flex;align-items:center;padding:76px max(7%,calc((100vw - 1500px)/2));background:#070d09;border-bottom:1px solid #65744a}
.hero-myth .hero-visual{position:absolute;inset:0 0 0 36%;z-index:-3;overflow:hidden;background:#101a12}
.hero-myth .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 43%;opacity:.86}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#070e0a 0%,#070e0afa 24%,#070e0ae8 38%,#070e0a55 62%,#070e0a08 83%),linear-gradient(0deg,#070e0af5 0%,transparent 30%,transparent 80%,#070e0a88 100%)}
.hero-myth .hero-copy{width:570px;max-width:58%;padding:0;position:relative}
.hero-myth .eyebrow{display:flex;align-items:center;gap:14px;color:#d4c18d;font-size:11px;letter-spacing:.19em;margin-bottom:30px}
.hero-rule{width:40px;border-top:1px solid #d4c18d;flex-shrink:0}
.hero-myth h1{font-size:clamp(100px,11vw,178px);letter-spacing:-.055em;line-height:.85;text-shadow:0 3px 30px #0006}
.hero-myth h1 span{font-size:.32em;letter-spacing:.015em;line-height:1.15;margin-bottom:16px;font-style:italic;color:#cfd4b9}
.hero-myth .intro{font-size:35px;color:#e1d3a8;margin:35px 0 20px;line-height:1.14}
.hero-myth .summary{max-width:400px;color:#bcc5b6;font-size:15px;line-height:1.8}
.hero-myth .actions{margin:29px 0 22px;gap:25px}
.hero-myth .button{background:#d0c190;border-color:#d0c190;padding:15px 27px}
.hero-myth .button:hover{background:#e3d5ab;border-color:#e3d5ab}
.hero-myth .text-link{color:#e4e4d4}
.hero-credit{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;border-top:1px solid #58644677;margin-top:32px;padding-top:21px;font-size:11px;color:#aab7a3}
.hero-credit p{margin:0}.hero-credit strong{font-weight:500;color:#d9dfcc}.hero-credit>span{font-size:10px;letter-spacing:.06em}
.hero-art-label{position:absolute;right:7%;bottom:46px;border-left:1px solid #c5b383;padding-left:18px;display:flex;flex-direction:column;gap:5px;text-shadow:0 2px 15px #000}
.hero-art-label>span{font-size:9px;letter-spacing:.2em;color:#d4c18d}.hero-art-label strong{font:30px/1.1 'Cormorant Garamond',Georgia,serif;color:#eee9d8;font-weight:400}.hero-art-label small{font-size:10px;color:#bdc7b3}
@media(min-width:1600px){.hero-myth{min-height:850px}.hero-myth .hero-visual{left:40%}.hero-myth .hero-copy{width:630px}}
@media(max-width:900px){.hero-myth{min-height:730px;padding:60px 6%}.hero-myth .hero-copy{max-width:68%}.hero-myth .hero-visual{left:22%}.hero-shade{background:linear-gradient(90deg,#070e0a 0%,#070e0af2 32%,#070e0aaa 55%,#070e0a20 100%),linear-gradient(0deg,#070e0af5,transparent 40%)}.hero-art-label{right:6%;bottom:30px}.hero-myth h1{font-size:120px}}
@media(max-width:600px){.hero-myth{min-height:800px;padding:50px 7% 110px;display:flex}.hero-myth .hero-visual{inset:0 0 0 8%}.hero-myth .hero-visual img{object-position:57% center;opacity:.62}.hero-shade{background:linear-gradient(90deg,#070e0ae8 0%,#070e0acc 44%,#070e0a55 100%),linear-gradient(0deg,#070e0a 0%,transparent 55%,#070e0a66 100%)}.hero-myth .hero-copy{width:100%;max-width:none}.hero-myth .eyebrow{font-size:9px;gap:10px;letter-spacing:.16em;margin-bottom:28px}.hero-rule{width:25px}.hero-myth h1{font-size:clamp(84px,22vw,128px)}.hero-myth h1 span{font-size:.37em}.hero-myth .intro{font-size:32px;margin-top:30px}.hero-myth .summary{max-width:320px;font-size:14px}.hero-myth .actions{gap:22px}.hero-credit{max-width:330px}.hero-art-label{right:auto;left:7%;bottom:28px}.hero-art-label strong{font-size:24px}.hero-art-label small{display:none}}