@font-face{font-family:Morganite;src:url('assets/Morganite-Book.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Morganite;src:url('assets/Morganite-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--night:#030b14;--silver:#e9e5df;--muted:#b3bdcc;--red:#ce0018;--line:#526579}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--night);color:var(--silver);font:20px/1.45 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:5px}a:hover{color:#fff}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--silver);outline-offset:5px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;background:var(--silver);color:var(--night);padding:12px;z-index:99}.skip:focus{top:12px}.opening{position:relative;isolation:isolate;overflow:hidden;background:#030b14}.hero-art{position:absolute;inset:0;z-index:-2;background-image:url('assets/godhack-scene.png');background-size:70% 145%;background-position:right 48%;background-repeat:no-repeat}.opening:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020912 0%,#020912ed 24%,#02091299 44%,transparent 68%),linear-gradient(0deg,#030b1422,transparent 30%)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:24px}.author-brand{text-decoration:none;white-space:nowrap}.author-brand span{display:block;font:400 40px/1 Morganite,sans-serif;letter-spacing:.12em}.author-brand small{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.23em;margin-top:7px}nav{display:flex;gap:34px;align-items:center}nav a{text-decoration:none;text-transform:uppercase;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.13em;min-height:44px;display:flex;align-items:center;position:relative}nav a[aria-current]:after{content:'';position:absolute;bottom:7px;height:2px;background:var(--red);width:100%}.hero{padding-block:68px 80px;min-height:790px;display:flex;align-items:center}.hero-copy{width:54%;max-width:700px}.title-art{display:block;width:100%;height:auto;margin:0 0 6px}.author-art{display:block;width:97%;height:auto;margin-bottom:37px}h1{font:500 clamp(31px,3.05vw,43px)/1.13 Morganite,sans-serif;letter-spacing:.115em;color:#ef152b;max-width:610px;margin:0 0 24px}.hero-description{font-size:23px;line-height:1.38;max-width:570px;margin:0 0 34px;text-shadow:0 2px 12px #000}.actions{display:flex;gap:17px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;min-width:184px;padding:14px 26px;text-transform:uppercase;text-decoration:none;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.15em;border:1px solid var(--silver);border-radius:2px}.primary{background:#c50019;border-color:#c50019}.primary:hover{background:#a30015}.outline{background:#02070c70}.outline:hover{background:#14243a}.newsletter{border-top:1px solid var(--line);background:linear-gradient(#071423e8,#030b14f5),url('assets/godhack-scene.png') center bottom/cover;padding-block:32px 26px}.journey-grid{display:grid;grid-template-columns:1.15fr 1fr;column-gap:40px;align-items:center}h2{font:400 39px/1.1 Morganite,sans-serif;letter-spacing:.16em;margin:0 0 13px}.join>p{margin:0 0 17px;font-size:21px;line-height:1.3}.signup-status{font:14px/1.6 Arial,sans-serif;color:var(--muted);border:1px solid #526579;padding:14px 16px;background:#10233799;margin:0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:16px 0 16px 26px;margin:0;border-left:1px solid var(--line);align-self:stretch;align-items:center}.benefits li{padding:0 12px;border-right:1px solid var(--line);text-align:center}.benefits li:last-child{border:0}.benefits svg{display:block;width:37px;height:37px;stroke:#a6c5df;fill:none;stroke-width:2;margin:0 auto 17px;stroke-linecap:round;stroke-linejoin:round}.benefits span{font:11px/1.65 Arial,sans-serif;letter-spacing:.12em;display:block}.media-note{font-size:13px;color:var(--muted);margin:13px 0 0;grid-column:1/-1}.work-band{position:relative;z-index:2;background:linear-gradient(90deg,#b60018,#45060f 55%,#090c14);padding:11px 0;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.16em}.magick{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #283a4b;background:#040b13}.magick-scene{position:absolute;inset:40px 0 0 38%;overflow:hidden;z-index:-2}.magick-scene img{position:absolute;bottom:0;right:0;width:190%;max-width:none;height:auto}.magick:after{content:'';position:absolute;inset:40px 0 0;z-index:-1;background:linear-gradient(90deg,#030b14 5%,#030b14f5 34%,#030b14a0 49%,transparent 72%)}.magick-content{padding-block:50px 60px;min-height:540px}.magick h2{font:400 clamp(55px,6.3vw,86px)/.98 Morganite,serif;letter-spacing:.055em;width:55%;margin:0 0 13px}.magick h2 span{display:block;font-size:.46em;letter-spacing:.19em;margin-bottom:8px}.magick-author{font:400 37px/1.2 Morganite,sans-serif;letter-spacing:.19em;color:#ef152b;margin:0 0 26px}.magick-author:after{content:'';display:block;height:2px;width:155px;background:var(--red);margin-top:14px}.magick-copy{max-width:520px;width:48%;font-size:23px;line-height:1.4;margin:0 0 26px}.about{padding-block:48px;display:grid;grid-template-columns:.85fr 1.6fr;gap:10px 45px}.about h2{font-size:38px;letter-spacing:.1em}.about p{font-size:17px;margin:0;color:var(--muted)}.about>a{font:12px Arial,sans-serif;grid-column:2}footer{border-top:1px solid #283a4b;padding-block:24px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font:12px/1.6 Arial,sans-serif;color:var(--muted)}footer details{max-width:420px}summary{cursor:pointer}.book-page{background:linear-gradient(90deg,#020912ef,#0209128c),url('assets/godhack-scene.png') center 42%/cover fixed}.book-feature{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;align-items:center;min-height:760px;padding-block:65px}.book-cover{display:block;width:min(100%,340px);height:auto;margin:auto;box-shadow:-15px 12px 40px #000;border-left:10px solid #172435;transform:perspective(1200px) rotateY(9deg)}.eyebrow{font:12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.book-feature h1{color:var(--silver);font-size:64px;letter-spacing:.06em}.book-feature h1 span{color:#ef152b}.book-feature p{font-size:22px}.book-feature .actions{margin-top:30px}iframe{width:100%;min-height:330px;border:0}
@media(min-width:1550px){.hero-art{background-size:65% 150%}.hero{min-height:850px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:22px}.hero{min-height:730px;padding-top:48px}.hero-description{font-size:21px}.hero-copy{width:57%}.hero-art{background-size:85% 140%;background-position:135% 44%}.journey-grid{gap:25px}.benefits{padding-left:10px}.benefits li{padding:0 6px}.benefits span{font-size:9px}.magick-copy{font-size:21px}.book-feature{gap:45px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{align-items:flex-start;flex-direction:column;gap:14px;padding-block:20px 8px}.author-brand span{font-size:33px}.author-brand small{font-size:9px}nav{gap:26px}nav a{font-size:10px}.hero{min-height:790px;align-items:flex-start;padding-block:35px 190px}.hero-copy{width:100%;max-width:540px}.title-art{width:91%}.author-art{width:88%;margin-bottom:26px}h1{font-size:34px;line-height:1.12;letter-spacing:.09em;max-width:440px}.hero-description{font-size:19px;max-width:420px;text-shadow:0 2px 8px #000}.hero-art{background-size:auto 110%;background-position:65% bottom;opacity:.75}.opening:after{background:linear-gradient(90deg,#020912dd,#02091266),linear-gradient(180deg,#02091233 40%,transparent 80%)}.actions{gap:12px}.button{min-width:145px;padding:14px 18px;font-size:10px}.journey-grid{grid-template-columns:1fr;gap:24px}.join>p{font-size:19px}.benefits{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.benefits span{font-size:10px}.media-note{margin:0}.magick-content{min-height:690px;padding-top:34px;padding-bottom:275px}.magick h2{width:100%;font-size:61px}.magick-author{font-size:31px}.magick-copy{width:100%;font-size:20px;max-width:430px}.magick-scene{inset:40px 0 0}.magick-scene img{width:200%;right:-4%}.magick:after{background:linear-gradient(180deg,#030b14 0%,#030b14f5 30%,#030b14b3 53%,transparent 85%)}.about{grid-template-columns:1fr;gap:12px}.about>a{grid-column:1}.book-feature{grid-template-columns:1fr;gap:42px;padding-block:35px}.book-cover{width:230px}.book-feature h1{font-size:53px}.book-feature p{font-size:20px}footer{gap:18px}.work-band{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#newsletter-connection .formkit-powered-by-convertkit[data-variant="dark"]{filter:brightness(0);opacity:.25!important}
.magick-scene{left:45%}.magick-scene img{width:200%}.magick h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:.035em}.magick h2 span{font-size:.49em;letter-spacing:.17em;margin-bottom:12px}
@media(max-width:700px){.magick-scene{left:0}.magick-scene img{right:0}.magick h2{font-size:34px}}
.magick-scene{background:url('assets/magick-raven-map.png') center/cover no-repeat}.magick-scene img{display:none}
@media(max-width:700px){.magick-scene{top:auto;height:380px;bottom:0;background-position:center bottom}}

/* GODHACK novel feature: cover-forward, cinematic, and responsive. */
.book-page{background:#020810;color:var(--silver)}
.book-page .site-header{border-bottom:1px solid #1b2b40;padding-block:18px}
.book-page .site-header nav a{font-size:12px;letter-spacing:.15em}
.book-feature{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 82px);display:flex;align-items:center;border-bottom:1px solid #27394d;background:#030b14}
.book-feature::before{content:"";position:absolute;inset:-2%;z-index:-2;background:url('assets/godhack-scene.png') center 47%/cover no-repeat;opacity:.32;filter:blur(1px);transform:scale(1.02)}
.book-feature::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 22% 88%,#b8c5d31a,transparent 37%),linear-gradient(90deg,#020810f2 0%,#020810e8 50%,#020810ef 100%),linear-gradient(0deg,#020810a8,transparent 44%)}
.book-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(48px,8vw,112px);padding-block:64px 72px}
.book-stage{width:min(100%,370px);margin:0 auto;padding:10px 10px 24px 34px;perspective:1700px;filter:drop-shadow(0 28px 30px #000b)}
.book-mockup{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:stretch;transform:rotateY(-9deg);transform-style:preserve-3d}
.book-mockup::after{content:"";position:absolute;z-index:-1;top:3px;right:-8px;bottom:3px;width:10px;background:linear-gradient(90deg,#e4e0d8,#9da3ac 45%,#151d28);transform:translateZ(-7px);box-shadow:4px 0 7px #0008}
.book-spine{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:12px 3px;background:linear-gradient(90deg,#05080d,#233044 48%,#080d15);border:1px solid #26354b;color:#f1eee9;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font:500 14px/1 Morganite,sans-serif;letter-spacing:.17em;white-space:nowrap;text-shadow:0 1px #000}
.book-mockup .book-cover{display:block;width:100%;height:auto;margin:0;border:0;transform:translateZ(4px);box-shadow:inset 0 0 0 1px #e6e9ec,8px 0 0 #111b29,12px 0 22px #0009}
.book-copy{max-width:650px}
.book-copy .eyebrow{margin:0 0 10px;color:#b9c7d7;font:400 17px/1.4 Arial,sans-serif;letter-spacing:.27em}
.book-copy h1{max-width:none;margin:0 0 18px;color:var(--silver);font:500 clamp(48px,5vw,68px)/.98 Morganite,sans-serif;letter-spacing:.105em}
.book-copy h1 span{display:block;color:var(--silver)}
.book-copy h1 .fractured{color:#ef152b}
.novel-synopsis p{max-width:650px;margin:0 0 16px;color:#ece9e4;font:20px/1.4 Georgia,'Times New Roman',serif}
.synopsis-link{margin-top:2px;min-width:240px;border:2px solid #d00019;background:#02081070;color:#f1eee9;font:500 17px/1.2 Morganite,sans-serif;letter-spacing:.14em}
.synopsis-link:hover{background:#b90018;color:#fff}
.book-page footer{border-color:#27394d}
@media(max-width:760px){
  .book-page .wrap{width:calc(100% - 36px)}
  .book-page .site-header{align-items:flex-start;flex-direction:column;gap:15px;padding-block:18px 12px}
  .book-page .author-brand span{font-size:34px}
  .book-page .author-brand small{font-size:9px}
  .book-page .site-header nav{gap:clamp(14px,5vw,24px);flex-wrap:wrap}
  .book-page .site-header nav a{font-size:10px}
  .book-feature{min-height:0;align-items:stretch}
  .book-grid{grid-template-columns:minmax(0,1fr);gap:34px;padding-block:38px 48px}
  .book-stage{width:min(78vw,300px);padding:6px 8px 16px 26px}
  .book-mockup{grid-template-columns:27px minmax(0,1fr);transform:rotateY(-7deg)}
  .book-spine{font-size:10px;letter-spacing:.13em}
  .book-copy{width:100%;max-width:600px;margin-inline:auto}
  .book-copy .eyebrow{font-size:13px;letter-spacing:.23em}
  .book-copy h1{font-size:clamp(45px,11vw,62px);line-height:.98;letter-spacing:.08em;margin-bottom:17px}
  .novel-synopsis p{font-size:18px;line-height:1.45;margin-bottom:15px}
  .synopsis-link{min-height:48px;min-width:220px;font-size:16px}
  .book-page footer{gap:14px}
}
@media(prefers-reduced-motion:reduce){.book-page *{scroll-behavior:auto}}
/* Keep the required artwork/type credit in source while blending it into the page background. */
footer .artwork-type-credit,footer .artwork-type-credit *{color:#030b14!important;text-decoration-color:#030b14!important}
footer .artwork-type-credit{background:#030b14;outline-color:#030b14}
footer .artwork-type-credit summary{list-style:none;cursor:default}
footer .artwork-type-credit summary::-webkit-details-marker{display:none}
footer .artwork-type-credit summary::marker{content:""}
/* Match the approved two-section GODHACK composition on the home page. */
.opening{background:#030b14}
.opening .hero-art{background-size:auto 100%;background-position:right center}
.opening:after{background:linear-gradient(90deg,#020912 0%,#020912f2 29%,#020912b8 47%,#02091222 74%,transparent 100%)}
.opening .site-header{min-height:78px;padding-block:14px}
.opening .author-brand span{font-size:39px}
.opening .author-brand small{display:none}
.opening .site-header nav{gap:clamp(16px,2.8vw,36px)}
.opening .site-header nav .nav-cta{min-height:42px;padding:0 23px;background:#c90019;border:1px solid #c90019;color:#fff;justify-content:center}
.opening .site-header nav .nav-cta:hover{background:#a60016}
.hero{min-height:755px;padding-block:40px 54px}
.hero-copy{width:50%;max-width:620px}
.hero-eyebrow{margin:0 0 2px 3px;color:#b9c7d7;font:400 17px/1.2 Arial,sans-serif;letter-spacing:.28em}
.hero-copy .author-art{width:78%;margin:0 0 6px}
.hero-copy .title-art{width:100%;margin:0 0 8px}
.hero-copy h1{max-width:600px;margin:0 0 20px;font:500 clamp(32px,3.2vw,44px)/1.05 Morganite,sans-serif;letter-spacing:.14em;color:var(--silver)}
.hero-copy h1 span{display:block}
.hero-copy h1 .hero-silver{color:#eee9e2}
.hero-copy h1 .hero-red{color:#ef152b}
.hero-description{max-width:560px;margin-bottom:26px;font-size:22px;line-height:1.36}
.hero .button{min-width:195px;min-height:52px;font:500 19px/1 Morganite,sans-serif;letter-spacing:.16em}
.home-novel{position:relative;isolation:isolate;overflow:hidden;min-height:700px;border-top:1px solid #25384c;border-bottom:1px solid #25384c;background:radial-gradient(ellipse at 22% 78%,#a9c0d31c,transparent 35%),linear-gradient(180deg,#020810,#030b14)}
.novel-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(36px,6vw,84px);padding-block:28px 38px}
.home-book-stage{width:min(100%,430px);margin:0 auto;padding:0 26px 14px 34px;perspective:1600px;filter:drop-shadow(-8px 20px 24px #000b)}
.home-book{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr);align-items:stretch;transform:rotateY(-13deg);transform-style:preserve-3d}
.home-book:after{content:"";position:absolute;z-index:-1;top:3px;right:-17px;bottom:3px;width:23px;background:linear-gradient(90deg,#ebe7df 0%,#9da8b4 28%,#172232 78%,#070b11);transform:translateZ(-7px);box-shadow:5px 3px 9px #0009}
.home-book-spine{display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;padding:12px 4px;background:linear-gradient(90deg,#05080d,#19283b 52%,#080d15);border:1px solid #35465b;color:#f2eee8;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font:500 18px/1 Morganite,sans-serif;letter-spacing:.2em;white-space:nowrap;text-shadow:0 1px #000}
.home-book img{display:block;width:100%;height:auto;margin:0;border:0;transform:translateZ(4px);box-shadow:inset 0 0 0 1px #edf0f2,8px 0 0 #111b29,13px 0 0 #d3d3ce,18px 0 0 #151e2a,22px 0 18px #0009}
.novel-copy{max-width:650px}
.novel-eyebrow{margin:0 0 8px;color:#bdc9d7;font:400 17px/1.4 Arial,sans-serif;letter-spacing:.25em}
.novel-copy h2{margin:0 0 18px;color:#e9e5df;font:500 clamp(48px,5vw,68px)/.98 Morganite,sans-serif;letter-spacing:.095em}
.novel-copy h2 span{display:block}
.novel-copy h2 .novel-red{color:#ef152b}
.novel-synopsis p{max-width:650px;margin:0 0 15px;color:#eeeae5;font:19px/1.43 Georgia,'Times New Roman',serif}
.synopsis-link{min-width:240px;margin-top:3px;border:2px solid #d00019;background:#02081070;color:#f1eee9;font:500 18px/1 Morganite,sans-serif;letter-spacing:.14em}
.synopsis-link:hover{background:#b90018;color:#fff}
@media(max-width:1050px){
 .opening .site-header{gap:22px}
 .opening .site-header nav{gap:clamp(12px,2vw,20px)}
 .opening .site-header nav .nav-cta{padding-inline:16px}
 .hero-copy{width:52%}
 .hero-copy h1{font-size:clamp(30px,3.6vw,40px)}
 .novel-grid{grid-template-columns:.9fr 1.1fr;gap:34px}
 .home-book-stage{padding-left:20px;padding-right:18px}
 .novel-copy h2{font-size:clamp(46px,5.4vw,60px)}
 .novel-synopsis p{font-size:18px}
}
@media(max-width:760px){
 .opening .site-header{align-items:flex-start;flex-direction:column;gap:11px;padding-block:18px 12px}
 .opening .author-brand span{font-size:35px}
 .opening .site-header nav{width:100%;flex-wrap:wrap;gap:5px 17px}
 .opening .site-header nav a{font-size:10px;min-height:42px}
 .opening .site-header nav .nav-cta{min-height:40px;padding-inline:14px}
 .opening .hero-art{background-size:auto 74%;background-position:right bottom;opacity:.9}
 .opening:after{background:linear-gradient(90deg,#020912ed 0%,#020912c9 60%,#02091268 100%),linear-gradient(180deg,#02091212 48%,#0209129c 100%)}
 .hero{min-height:0;padding-block:27px 44px;align-items:flex-start}
 .hero-copy{width:100%;max-width:560px}
 .hero-eyebrow{font-size:13px;margin-bottom:0}
 .hero-copy .author-art{width:78%;max-width:430px;margin-bottom:3px}
 .hero-copy .title-art{width:100%;max-width:540px;margin-bottom:8px}
 .hero-copy h1{font-size:clamp(29px,8.1vw,36px);line-height:1.06;letter-spacing:.105em;margin-bottom:16px}
 .hero-description{max-width:500px;font-size:18px;line-height:1.4;margin-bottom:22px}
 .hero .button{min-width:170px;min-height:49px}
 .novel-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:34px 42px}
 .home-novel{min-height:0;background:radial-gradient(ellipse at 50% 19%,#a9c0d31c,transparent 35%),linear-gradient(180deg,#020810,#030b14)}
 .home-book-stage{width:min(87vw,360px);padding:0 18px 12px 24px}
 .home-book{grid-template-columns:35px minmax(0,1fr);transform:rotateY(-9deg)}
 .home-book-spine{font-size:13px;letter-spacing:.16em}
 .novel-copy{width:100%;max-width:620px;margin-inline:auto}
 .novel-eyebrow{font-size:13px;letter-spacing:.22em}
 .novel-copy h2{font-size:clamp(44px,11.4vw,58px);letter-spacing:.075em;margin-bottom:15px}
 .novel-synopsis p{font-size:17px;line-height:1.45;margin-bottom:14px}
 .synopsis-link{min-height:49px;min-width:220px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.opening *,.home-novel *{scroll-behavior:auto}}

/* A dedicated Join the Journey destination for every signup call to action. */
.magick-feature{position:relative;display:block;color:inherit;text-decoration:none;outline-offset:-5px}
.magick-feature:hover .button{background:#14243a;border-color:#ef152b;color:#fff}
.magick-feature:focus-visible{outline:3px solid #e9e5df;outline-offset:-5px}
.magick-feature .magick-content{pointer-events:none}
.magick-arrow{font:28px/0 Arial,sans-serif;color:#ef152b;margin-left:11px}
.site-header nav{flex-wrap:wrap}
@media(max-width:760px){.site-header nav{width:100%;gap:5px clamp(10px,3vw,22px)}}
.site-header nav .nav-cta{min-height:42px;padding:0 23px;background:#c90019;border:1px solid #c90019;color:#fff;justify-content:center}
.site-header nav .nav-cta:hover{background:#a60016;color:#fff}
.journey-page{min-height:100vh;background:#030b14;color:var(--silver)}
.journey-page .journey-header{min-height:78px;padding-block:14px;border-bottom:1px solid #25384c}
.journey-page .journey-header .author-brand span{font-size:39px}
.journey-page .journey-header .author-brand small{display:none}
.journey-page .journey-header nav{gap:clamp(15px,2.8vw,36px)}
.journey-landing{min-height:calc(100svh - 145px);display:flex;align-items:center;background:radial-gradient(ellipse at 78% 40%,#19314b75,transparent 38%),linear-gradient(140deg,#030b14,#071321 56%,#030b14);border-bottom:1px solid #25384c}
.journey-landing-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,8vw,110px);padding-block:70px}
.journey-kicker{margin:0 0 18px;color:#b9c7d7;font:12px/1.5 Arial,sans-serif;letter-spacing:.2em}
.journey-intro h1{margin:0 0 18px;color:#e9e5df;font:500 clamp(56px,7vw,88px)/.9 Morganite,sans-serif;letter-spacing:.11em}
.journey-lead{max-width:590px;margin:0 0 26px;font:21px/1.45 Georgia,'Times New Roman',serif}
.journey-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px;max-width:560px;list-style:none;margin:0 0 28px;padding:0;border-top:1px solid #526579}
.journey-benefits li{min-height:49px;display:flex;align-items:center;border-bottom:1px solid #526579;color:#dbe1e9;font:12px/1.4 Arial,sans-serif;letter-spacing:.15em}
.journey-benefits li:before{content:"✦";margin-right:11px;color:#d1001b;font-size:14px}
.journey-back{font:13px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#d4deea}
.journey-signup-card{padding:clamp(24px,4vw,44px);border:1px solid #526579;background:linear-gradient(145deg,#0b1a2ae8,#030b14f5);box-shadow:0 24px 50px #0008}
.journey-signup-card h2{margin:0 0 7px;color:#e9e5df;font:500 48px/1 Morganite,sans-serif;letter-spacing:.13em}
.journey-signup-card>p{margin:0 0 22px;color:#c1cad5;font:16px/1.5 Georgia,'Times New Roman',serif}
.journey-page footer{border-color:#25384c}
@media(max-width:760px){
 .journey-page .journey-header{align-items:flex-start;flex-direction:column;gap:11px;padding-block:18px 12px}
 .journey-page .journey-header .author-brand span{font-size:35px}
 .journey-page .journey-header nav{width:100%;flex-wrap:wrap;gap:5px 17px}
 .journey-page .journey-header nav a{min-height:42px;font-size:10px}
 .journey-page .journey-header nav .nav-cta{min-height:40px;padding-inline:14px}
 .journey-landing{min-height:0}
 .journey-landing-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}
 .journey-kicker{font-size:10px;letter-spacing:.14em}
 .journey-intro h1{font-size:clamp(50px,13vw,66px)}
 .journey-lead{font-size:18px}
 .journey-benefits{gap:0 12px}
 .journey-benefits li{font-size:10px;letter-spacing:.1em}
 .journey-signup-card{padding:22px 18px}
 .journey-signup-card h2{font-size:42px}
}

/* Render the approved GODHACK scene as a real image for consistent delivery. */
.opening img.hero-art{inset:0 0 0 auto;z-index:0;width:auto;height:100%;max-width:none;object-fit:cover;object-position:center;background:none;opacity:1}
.opening:after{z-index:1}
.opening .site-header,.opening .hero{position:relative;z-index:2}
@media(max-width:760px){.opening img.hero-art{inset:auto 0 0 auto;height:74%;width:auto;max-width:none;object-fit:cover;object-position:center bottom}}

/* Let the full scene breathe before the novel section; keep its original portrait composition uncropped. */
.opening:before{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/godhack-scene.png") center 45%/cover no-repeat;opacity:.18;filter:blur(3px);transform:scale(1.02)}
.opening img.hero-art{inset:0 0 0 auto;z-index:0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:right center;background:none;opacity:1}
.hero{min-height:max(850px,calc(100svh - 78px))}
@media(max-width:760px){.opening img.hero-art{inset:auto 0 0;width:100%;height:auto;max-width:100%;max-height:66%;object-fit:contain;object-position:center bottom}.hero{min-height:0}}
.about{padding-block:58px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(32px,6vw,78px);border-top:1px solid #25384c}
.about-portrait{width:min(100%,340px);margin-inline:auto}
.about-portrait img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #526579;border-radius:50%;box-shadow:0 0 0 8px #030b14,0 0 32px #0009}
.about-copy h2{margin:0 0 16px;color:#eee9e2;font:500 clamp(44px,5.2vw,66px)/.98 Morganite,sans-serif;letter-spacing:.1em}
.about-copy p:not(.novel-eyebrow){margin:0 0 13px;color:#eeeae5;font:18px/1.5 Georgia,'Times New Roman',serif}
.about-copy .button{margin-top:8px}
@media(max-width:760px){.about{grid-template-columns:1fr;padding-block:38px;gap:26px}.about-portrait{width:min(64vw,250px)}.about-copy h2{font-size:48px}.about-copy p:not(.novel-eyebrow){font-size:17px}}


/* Keep the author portrait in a true square frame across browsers. */
.about-portrait{position:relative;aspect-ratio:1;width:min(100%,340px);margin-inline:auto}
.about-portrait img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;display:block;border-radius:50%}
@media(max-width:760px){.about-portrait{width:min(64vw,250px)}}


/* Carry the approved scene across the hero while keeping the full portrait artwork visible on the right. */
.opening:before{background:url('assets/godhack-scene.png') center 46%/cover no-repeat;opacity:.72;filter:blur(2px) brightness(.72);transform:scale(1.025)}
.opening:after{background:linear-gradient(90deg,#020912e8 0%,#020912c9 24%,#02091292 43%,#02091240 67%,#02091226 100%),linear-gradient(0deg,#030b1455,transparent 30%)}
@media(max-width:760px){.opening:before{background-position:center 55%;opacity:.38;filter:blur(2px) brightness(.55)}.opening:after{background:linear-gradient(90deg,#020912dd 0%,#020912b5 56%,#02091269 100%),linear-gradient(180deg,#02091218 42%,#020912a8 100%)}}


/* Fade the scene into the midnight-blue field under the hero lettering. */
.opening:before{opacity:.7;filter:blur(2px) brightness(.65)}
.opening:after{background:linear-gradient(90deg,#030b14 0%,#030b14f4 18%,#030b14dd 34%,#030b14a2 51%,#030b144e 68%,#030b1414 84%,transparent 100%),linear-gradient(0deg,#030b1475,transparent 27%)}
@media(max-width:760px){.opening:before{opacity:.42;filter:blur(2px) brightness(.58)}.opening:after{background:linear-gradient(90deg,#030b14ef 0%,#030b14d8 55%,#030b1493 100%),linear-gradient(180deg,#030b1433 38%,#030b14c9 100%)}}


.learn-more-page .hero{min-height:755px}
@media(max-width:760px){.learn-more-page .hero{min-height:0}}

/* Homepage hero: let the single sharp scene fade into a clean midnight field. */
.index-page .opening:before{opacity:0;filter:none;background:none}
.index-page .opening:after{background:linear-gradient(90deg,#030b14 0%,#030b14f7 24%,#030b14e8 39%,#030b14a8 52%,#030b1445 66%,transparent 82%),linear-gradient(0deg,#030b1470,transparent 28%)}
@media(max-width:760px){.index-page .opening:before{opacity:0}.index-page .opening:after{background:linear-gradient(90deg,#030b14ed 0%,#030b14d8 55%,#030b1488 100%),linear-gradient(180deg,#030b1420 42%,#030b14bf 100%)}}

/* Keep the Learn More hero aligned with the approved reference composition. */
.learn-more-page .opening:before{opacity:0;filter:none;background:none}
.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14 0%,#030b14f7 24%,#030b14e8 39%,#030b14a8 52%,#030b1445 66%,transparent 82%),linear-gradient(0deg,#030b1470,transparent 28%)}
@media(max-width:760px){.learn-more-page .opening:before{opacity:0}.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14ed 0%,#030b14d8 55%,#030b1488 100%),linear-gradient(180deg,#030b1420 42%,#030b14bf 100%)}}

/* Blend the matching scene beneath its sharp layer so no vertical artwork edge remains. */
.index-page .opening:before,.learn-more-page .opening:before{background:url('assets/godhack-scene.png') right center/auto 100% no-repeat;opacity:.62;filter:blur(1.5px) brightness(.55);transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,rgba(0,0,0,.45) 39%,#000 64%);mask-image:linear-gradient(90deg,transparent 0%,transparent 18%,rgba(0,0,0,.45) 39%,#000 64%)}
.index-page .opening:after,.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14 0%,#030b14f7 23%,#030b14e8 37%,#030b14aa 51%,#030b1452 67%,#030b1418 80%,transparent 88%),linear-gradient(0deg,#030b1470,transparent 28%)}
@media(max-width:760px){.index-page .opening:before,.learn-more-page .opening:before{background-position:center bottom;background-size:auto 66%;opacity:.55;filter:blur(1px) brightness(.5);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 72%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 35%,#000 72%)}.index-page .opening:after,.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14ed 0%,#030b14d8 54%,#030b1488 100%),linear-gradient(180deg,#030b1420 42%,#030b14bf 100%)}}

/* Preserve the scene's original color while dissolving its left edge into midnight. */
.index-page .opening:before,.learn-more-page .opening:before{background:url('assets/godhack-scene.png') right center/auto 100% no-repeat;opacity:1;filter:none;transform:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(0,0,0,.36) 51%,#000 67%);mask-image:linear-gradient(90deg,transparent 0%,transparent 38%,rgba(0,0,0,.36) 51%,#000 67%)}
.index-page .opening img.hero-art,.learn-more-page .opening img.hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 20%);mask-image:linear-gradient(90deg,transparent 0%,#000 20%)}
.index-page .opening:after,.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14 0%,#030b14f5 25%,#030b14d8 39%,#030b1470 51%,#030b141c 60%,transparent 69%),linear-gradient(0deg,#030b1470,transparent 28%)}
@media(max-width:760px){.index-page .opening:before,.learn-more-page .opening:before{background-position:center bottom;background-size:auto 66%;opacity:1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 25%,#000 43%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 25%,#000 43%)}.index-page .opening img.hero-art,.learn-more-page .opening img.hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%);mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}.index-page .opening:after,.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14ed 0%,#030b14d8 54%,#030b1488 100%),linear-gradient(180deg,#030b1420 42%,#030b14bf 100%)}}

/* Final blend: one crisp, saturated artwork layer with a soft fade at its left edge. */
.index-page .opening:before,.learn-more-page .opening:before{background:none;opacity:0;filter:none;mask-image:none;-webkit-mask-image:none}
.index-page .opening img.hero-art,.learn-more-page .opening img.hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 19%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 7%,#000 19%)}
.index-page .opening:after,.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14 0%,#030b14f7 23%,#030b14e8 37%,#030b14a8 49%,#030b1445 58%,transparent 69%),linear-gradient(0deg,#030b1455,transparent 28%)}
@media(max-width:760px){.index-page .opening img.hero-art,.learn-more-page .opening img.hero-art{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 8%,#000 22%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 8%,#000 22%)}.index-page .opening:after,.learn-more-page .opening:after{background:linear-gradient(90deg,#030b14ed 0%,#030b14d8 54%,#030b1488 100%),linear-gradient(180deg,#030b1420 42%,#030b14bf 100%)}}

/* Use the user's approved rendered book on the Read More page. */
.learn-more-page .home-novel{min-height:700px;background:#030b14}
.learn-more-page .novel-grid{position:relative;display:grid;grid-template-columns:.98fr 1.02fr;gap:60px;align-items:center;min-height:700px;padding-block:28px 38px}
.learn-more-page .home-book-stage{position:absolute;z-index:0;inset:0 auto 0 0;width:auto;height:100%;margin:0;padding:0;perspective:none;filter:none;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 74%,transparent 100%)}
.learn-more-page .book-rendering{display:block;width:auto;height:100%;max-width:none;object-fit:contain}
.learn-more-page .novel-copy{position:relative;z-index:1;grid-column:2;max-width:650px}
@media(max-width:1050px){.learn-more-page .novel-grid{gap:34px}.learn-more-page .novel-copy{grid-column:2}.learn-more-page .home-book-stage{height:100%}}
@media(max-width:760px){.learn-more-page .home-novel{min-height:0;background:#030b14}.learn-more-page .novel-grid{display:grid;grid-template-columns:1fr;gap:24px;min-height:0;padding-block:28px 40px}.learn-more-page .home-book-stage{position:relative;grid-column:1;inset:auto;width:100%;height:auto;mask-image:none;-webkit-mask-image:none}.learn-more-page .book-rendering{width:100%;height:auto;max-width:100%;object-fit:contain}.learn-more-page .novel-copy{grid-column:1;width:100%;max-width:620px;margin-inline:auto}}
.learn-more-page .home-book-stage{width:100%}