@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#050d18;--ink:#eceeea;--muted:#939b9e;--line:#ffffff1b;--blue:#42b8ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:6px}a:hover{color:#a9deff}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#111;padding:12px}.skip:focus{top:10px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;z-index:5;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:12px;font:500 18px Georgia,serif;letter-spacing:3px}.brand img{width:34px;height:34px;object-fit:contain;flex-shrink:0}nav{display:flex;gap:36px;font-size:14px}main,footer{position:relative}.hero{height:calc(70svh - 96px);min-height:410px;max-height:650px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.wordmark{width:min(87%,1050px);aspect-ratio:6;position:relative;overflow:hidden;z-index:2;mix-blend-mode:screen}.wordmark img{position:absolute;width:119%;max-width:none;left:-9.5%;top:-109%;height:auto}.hero-actions{display:flex;gap:48px;position:relative;z-index:3;margin-top:42px;font-size:14px}.hero-actions a{border-bottom:1px solid #76889355;padding-bottom:10px}.hero-actions span{margin-left:18px;color:var(--blue)}.scroll-cue{position:absolute;bottom:28px;display:grid;gap:10px;text-align:center;font-size:12px;letter-spacing:3px;color:var(--muted);z-index:3}.scroll-cue span{font-size:22px;color:var(--blue)}.section{max-width:1320px;margin:auto;padding:100px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:42px}.section-heading>p{color:var(--muted);font-size:14px}.eyebrow{font-size:12px;letter-spacing:2.8px;color:var(--muted);margin:0 0 14px}.section-heading h1,.section-heading h2{font:400 clamp(42px,6vw,68px)/1.05 'Cormorant Garamond',Georgia,serif;margin:0}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.book-card{border:1px solid var(--line);background:#0c0e10;transition:border-color .3s,transform .3s}.book-card:hover{border-color:#6cb6de70;transform:translateY(-5px)}.book-art{height:450px;padding:34px 45px;background:radial-gradient(ellipse at 50% 90%,#75634728,transparent 70%);display:flex;justify-content:center;overflow:hidden}.spirits .book-art{background:radial-gradient(ellipse at 50% 80%,#035f913d,transparent 70%)}.book-art img{height:100%;max-width:100%;object-fit:contain;box-shadow:0 16px 34px #000a}.book-description{padding:30px 34px;border-top:1px solid var(--line)}.book-description h2{font:400 36px/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 24px}.text-link{font-size:14px;border-bottom:1px solid #ffffff30;padding-bottom:7px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.series-card{min-height:315px;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column;padding:28px;background:linear-gradient(145deg,#162325,#060a0b)}.series-card.canaanite{background:linear-gradient(145deg,#2d251e,#0c0a08)}.series-card.jonah{background:linear-gradient(145deg,#0c2537,#050b12)}.series-number{font-size:12px;letter-spacing:2px;color:#c4c9c9;z-index:1}.series-card h3{font:400 38px/1.1 'Cormorant Garamond',Georgia,serif;margin:auto 0;z-index:1}.series-card h3 em{font-weight:400;color:#aaa99e}.series-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:2px;z-index:1}.series-bottom b{font-size:23px;font-weight:400}.cover-lines{position:absolute;right:-20%;top:-25%;width:80%;height:150%;border:1px solid #fff1;transform:rotate(30deg);box-shadow:0 0 0 22px #ffffff03,0 0 0 44px #ffffff03,0 0 0 66px #ffffff03;transition:transform .8s}.series-card:hover .cover-lines{transform:rotate(40deg) translateX(-10px)}footer{margin:60px 6% 0;padding:42px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px}#smoke{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#cursor-light{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px;border-radius:50%;background:#effcff;box-shadow:0 0 10px 3px #a3edff,0 0 30px 10px #269effbb,0 0 85px 30px #087cff66,0 0 150px 60px #0064d522;pointer-events:none;z-index:10;opacity:0;transition:opacity .3s}body.light-active #cursor-light{opacity:.9}body.light-active{cursor:none}body.light-active a,body.light-active button{cursor:pointer}@media(max-width:750px){.site-header{height:78px;padding:0 6%}.brand{font-size:14px;letter-spacing:2px}.brand img{width:28px;height:28px}nav{gap:22px}.hero{height:55svh;min-height:330px}.hero-actions{gap:28px;font-size:12px;margin-top:30px}.hero-actions span{margin-left:8px}.section{padding:64px 6%}.section-heading{align-items:start;flex-direction:column;margin-bottom:30px;gap:18px}.section-heading>p{margin:0}.book-grid{gap:24px;grid-template-columns:1fr}.book-art{height:390px;padding:26px}.book-description{padding:24px}.video-grid{grid-template-columns:1fr}.series-card{min-height:260px}.series-card h3{font-size:42px}footer{margin-top:30px;gap:20px;flex-wrap:wrap}.scroll-cue{font-size:12px}.wordmark{width:95%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}#cursor-light{display:none}body.light-active{cursor:auto}}
.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}

/* Bring the first books closer to the opening. */
.section.books{padding-top:44px}@media(max-width:750px){.section.books{padding-top:28px}}
/* The same flame and restrained cursor reflection throughout the site. */
.brand-name{position:relative;display:inline-block;white-space:nowrap}
.brand-reflection{position:absolute;inset:0;pointer-events:none;color:#dbf6ff;text-shadow:0 0 5px #81d7ff,0 0 12px #299be777;opacity:0;mask-image:radial-gradient(ellipse 65px 40px at var(--light-x,50%) var(--light-y,50%),#000 10%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65px 40px at var(--light-x,50%) var(--light-y,50%),#000 10%,transparent 100%);transition:opacity .25s ease}
.wordmark-reflection{position:absolute;inset:0;display:block;pointer-events:none;opacity:0;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 140px 100px at var(--light-x,50%) var(--light-y,50%),#000,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 140px 100px at var(--light-x,50%) var(--light-y,50%),#000,transparent 100%);transition:opacity .3s ease}
.wordmark-reflection img{filter:brightness(1.5) sepia(.5) saturate(2.5) hue-rotate(155deg)}
@media(hover:hover) and (pointer:fine){.brand.is-lit .brand-reflection{opacity:.85}.wordmark.is-lit .wordmark-reflection{opacity:.6}.brand.is-lit>img{filter:drop-shadow(0 0 5px #28baff66)}}
@media(prefers-reduced-motion:reduce){.brand-reflection,.wordmark-reflection{display:none}}
/* Visible reflected light: an icy highlight plus blue bloom around the letters. */
.brand-name{transition:color .18s ease,text-shadow .18s ease}
.brand-reflection{color:#fff;text-shadow:0 0 3px #fff,0 0 9px #a5edff,0 0 20px #36b5ff;mask-image:radial-gradient(ellipse 100px 65px at var(--light-x,50%) var(--light-y,50%),#000 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100px 65px at var(--light-x,50%) var(--light-y,50%),#000 20%,transparent 100%)}
.wordmark-reflection{mask-image:radial-gradient(ellipse 230px 150px at var(--light-x,50%) var(--light-y,50%),#000 25%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 230px 150px at var(--light-x,50%) var(--light-y,50%),#000 25%,transparent 100%)}
.wordmark-reflection img.reflection-bloom{filter:sepia(1) saturate(7) hue-rotate(165deg) brightness(1.5) blur(8px);mix-blend-mode:screen}
.wordmark-reflection img.reflection-shine{filter:brightness(1.9);mix-blend-mode:screen}
.wordmark>img{transition:filter .22s ease}
@media(hover:hover) and (pointer:fine){
 .brand.is-lit .brand-name{color:#b9e5ff;text-shadow:0 0 8px #42baffb3,0 0 20px #168dff80}
 .brand.is-lit .brand-reflection{opacity:1}
 .brand.is-lit>img{filter:drop-shadow(0 0 8px #5fd9ff)}
 .wordmark.is-lit>img{filter:sepia(.7) saturate(3) hue-rotate(165deg)}
 .wordmark.is-lit .wordmark-reflection{opacity:1}
}
@media(prefers-reduced-motion:reduce){.brand.is-lit .brand-name{text-shadow:none;color:inherit}.wordmark.is-lit>img{filter:none}}
/* Leave a dark margin around the cropped wordmark so the bloom fades before the edge. */
.wordmark img{width:110%;left:-5%;top:-101%}
.wordmark-reflection img.reflection-bloom{filter:sepia(1) saturate(7) hue-rotate(165deg) brightness(1.5) blur(clamp(1.5px,.65vw,8px))}

/* Series artwork uses editable HTML titles, with consistent legibility at every size. */
.series-card.has-cover{min-height:370px;background:#060f1d;isolation:isolate}
.series-card.has-cover .series-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease,filter .8s ease}
.series-card.has-cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,9,17,.32),rgba(3,9,17,.02) 30%,rgba(3,9,17,.66) 65%,rgba(3,9,17,.94))}
.series-card.has-cover h3{margin:auto 0 27px;text-shadow:0 2px 20px #000;font-size:40px}
.series-card.has-cover h3 em{color:#b9ddef}
.series-card.canaanite.has-cover h3 em{color:#d4c7a9}
.series-card.has-cover .series-number{color:#f0f5f7;text-shadow:0 1px 8px #000}
.series-card.has-cover:hover .series-art{transform:scale(1.035);filter:brightness(1.12)}
.series-card.has-cover .series-bottom{color:#d3dfe5}
@media(max-width:750px){.series-card.has-cover{min-height:340px}.series-card.has-cover .series-art{object-position:center 42%}}
@media(prefers-reduced-motion:reduce){.series-card.has-cover:hover .series-art{transform:none}}

/* Atmospheric book entries; the original printed covers remain visible. */
.book-card.illustrated{position:relative;isolation:isolate;overflow:hidden;background:#06101c;display:flex;flex-direction:column}
.book-card.illustrated .book-atmosphere{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease,filter .8s ease}
.book-card.illustrated:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#030a1410 10%,#030a1420 40%,#030a14d9 72%,#030a14fa 100%)}
.book-card.illustrated .book-art{height:330px;padding:30px;background:none;justify-content:flex-end;align-items:center;overflow:visible}
.book-card.illustrated .book-art img{height:258px;width:auto;max-width:48%;object-fit:contain;box-shadow:0 14px 34px #000c;transform:rotate(3deg);transition:transform .6s ease}
.book-card.illustrated .book-description{position:relative;border-top:0;padding:16px 32px 32px;margin-top:auto}
.book-card.illustrated .book-description h2{color:#eef4f8;text-shadow:0 2px 18px #000}
.book-card.illustrated .eyebrow{color:#bdd9eb;text-shadow:0 1px 9px #000}
.book-card.psalter.illustrated .eyebrow{color:#d1c8b1}
.book-card.illustrated:hover .book-atmosphere{transform:scale(1.035);filter:brightness(1.12)}
.book-card.illustrated:hover .book-art img{transform:rotate(0deg) translateY(-4px)}
@media(max-width:750px){.book-card.illustrated .book-art{height:295px;padding:24px}.book-card.illustrated .book-art img{height:238px;max-width:48%}.book-card.illustrated .book-description{padding:14px 24px 28px}}
@media(prefers-reduced-motion:reduce){.book-card.illustrated .book-atmosphere,.book-card.illustrated .book-art img{transition:none}.book-card.illustrated:hover .book-atmosphere{transform:none}.book-card.illustrated:hover .book-art img{transform:rotate(3deg)}}

/* Homepage introduction */
.hero-intro{position:relative;z-index:3;max-width:650px;width:84%;margin:24px auto 0;color:#d2dde5;text-align:center;font-size:clamp(14px,1.3vw,16px);line-height:1.8;text-wrap:pretty;text-shadow:0 2px 14px #050d18}
.hero-intro+.hero-actions{margin-top:24px}
.hero:has(.hero-intro){min-height:530px;padding-bottom:72px}
@media(max-width:750px){.hero:has(.hero-intro){height:auto;min-height:460px;padding-top:36px;padding-bottom:92px}.hero-intro{width:86%;margin-top:22px;line-height:1.75}.hero-intro+.hero-actions{margin-top:24px}}

/* Feather the cropped wordmark's lower boundary, including its reflected bloom. */
.wordmark{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.9) 85%,rgba(0,0,0,.5) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,rgba(0,0,0,.9) 85%,rgba(0,0,0,.5) 92%,transparent 100%)}
/* Three-volume collection and trilogy landing page. */
.book-card.illustrated .trilogy-stack{position:relative;display:flex;justify-content:center;align-items:center;gap:0;padding:28px 24px}
.book-card.illustrated .trilogy-stack img{position:relative;width:34%;max-width:34%;height:auto;max-height:270px;object-fit:contain;transform:none;box-shadow:0 12px 30px #000b}
.book-card.illustrated .trilogy-stack img:first-child{transform:rotate(-8deg) translateX(12%);z-index:1}
.book-card.illustrated .trilogy-stack img:nth-child(2){z-index:3;transform:translateY(-10px)}
.book-card.illustrated .trilogy-stack img:last-child{transform:rotate(8deg) translateX(-12%);z-index:2}
.trilogy-hub{max-width:1320px;margin:auto;padding:48px 6% 40px}
.trilogy-heading{padding:40px 0 44px;max-width:760px}
.trilogy-heading h1{font:400 clamp(42px,6vw,70px)/1.1 'Cormorant Garamond',Georgia,serif;margin:0 0 20px}
.trilogy-heading>p:not(.eyebrow){color:#c0cbd2;font-size:16px;max-width:620px;margin-bottom:24px}
.trilogy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.volume-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#17212a,#070e16)}
.volume-art{padding:24px 24px 0;display:flex;justify-content:center}
.volume-art img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;box-shadow:0 12px 28px #0008}
.volume-card .book-description{display:flex;flex-direction:column;flex:1;border:0;padding:28px 24px}
.volume-card .book-description h2{font-size:32px}
.volume-card .text-link{margin-top:auto;align-self:flex-start}
@media(max-width:750px){.trilogy-grid{grid-template-columns:1fr;max-width:480px;margin:auto}.trilogy-hub{padding-top:30px}.trilogy-heading{padding:30px 0}.volume-art{padding:28px 36px 0}}


/* Follow links in the shared footer. */
footer{display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
footer>.footer-socials:last-child{grid-column:3;justify-self:end}
footer>a:last-child:not(.brand){justify-self:end}
.footer-socials{display:flex;align-items:center;gap:24px;color:var(--muted)}
.footer-socials a{white-space:nowrap}
@media(max-width:750px){
  footer{grid-template-columns:1fr auto;gap:14px 20px}
  footer>.footer-socials{grid-column:1/-1;grid-row:2;justify-self:start;flex-wrap:wrap;gap:12px 24px}
  footer>.footer-socials:last-child{grid-column:1/-1;justify-self:start}
}

/* On phones, let the ambient smoke drift behind the content and cover art. */
@media (max-width:750px){
  #smoke{z-index:0}
  .section,.trilogy-hub,.collection-main,footer{position:relative;z-index:1}
}