@font-face{font-family:'Archivo';src:url('fonts/Archivo.ttf') format('truetype');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'Literata';src:url('fonts/Literata.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:'Literata';src:url('fonts/LiterataItalic.ttf') format('truetype');font-weight:200 900;font-style:italic;font-display:swap}
:root{--ink:#16181D;--muted:#4E535C;--paper:#FFFFFF;--rule:#D9DCE1;--gold:#E0B04A;--rss:#1D3F73;--plot:#A63F22;--door:#0E5C5A;--night:#121418;--display:'Archivo','Arial Narrow',Arial,sans-serif;--text:'Literata',Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.65}
img{max-width:100%;height:auto;display:block}
a{color:var(--rss);text-underline-offset:.18em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem}
.skip:focus{left:1rem}
.wrap{width:min(68rem,100% - 2.5rem);margin-inline:auto}
.measure{max-width:38rem}
header.site{border-bottom:1px solid var(--rule)}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.1rem;flex-wrap:wrap}
.brand{font-family:var(--display);font-weight:800;font-stretch:88%;font-size:1.15rem;color:var(--ink);text-decoration:none}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem;flex-wrap:wrap}
nav a{font-family:var(--display);font-weight:600;color:var(--muted);text-decoration:none;font-size:.98rem}
nav a:hover,nav a[aria-current=page]{color:var(--ink);text-decoration:underline}
h1,h2,h3{font-family:var(--display);font-stretch:82%;line-height:1.05;margin:0 0 .6em;color:var(--ink)}
h1{font-size:clamp(2.6rem,7vw,5rem);font-weight:900}
h2{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:800}
h3{font-size:1.35rem;font-weight:800;font-stretch:88%}
p{margin:0 0 1.1em}
.lede{font-size:1.25rem;line-height:1.55;color:var(--muted);max-width:36rem}
section{padding-block:clamp(3rem,7vw,5.5rem)}
.hero{padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,3.5rem)}
.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,2.2rem);align-items:start;margin-top:2.5rem}
.book{display:block;text-decoration:none;color:var(--ink)}
.book .cover{aspect-ratio:550/850;width:100%;object-fit:cover;box-shadow:0 1px 0 rgba(0,0,0,.08),0 18px 30px -18px rgba(0,0,0,.45);transition:transform .25s ease}
.book:hover .cover{transform:translateY(-6px)}
.book .meta{margin-top:1rem}
.book .title{font-family:var(--display);font-weight:800;font-stretch:85%;font-size:1.3rem;line-height:1.1;display:block}
.book .status{font-size:.95rem;color:var(--muted)}
.ph{background:var(--night);color:#fff;display:flex;flex-direction:column;overflow:hidden}
.ph .band{padding:.6rem .9rem;font-family:var(--display);font-weight:700;font-size:.8rem}
.ph .t{padding:1rem .9rem;font-family:var(--display);font-weight:900;font-stretch:78%;font-size:clamp(1.4rem,3.2vw,2.3rem);line-height:.92;color:var(--gold)}
.ph .who{margin-top:auto;padding:.9rem;font-family:var(--display);font-weight:700;font-size:.8rem}
.plot .band{background:var(--plot)} .door .band{background:var(--door)}
.split{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}
.steps div{border-top:6px solid var(--gold);padding-top:.9rem}
.steps div:nth-child(1){border-color:#8C7340}.steps div:nth-child(2){border-color:#B8913F}
.steps h3{margin-bottom:.35em}
.band-rss{background:var(--rss);color:#fff}
.band-rss h2{color:#fff}
.band-rss p{color:#E6EAF2}
.band-plot{background:var(--plot);color:#fff}.band-door{background:var(--door);color:#fff}
.band-plot h2,.band-door h2{color:#fff}.band-plot p,.band-plot li,.band-door p,.band-door li{color:#F4EFEA}
.steps.many div{border-color:var(--gold)}.steps.plot div{border-color:var(--plot)}.steps.door div{border-color:var(--door)}.steps.rss div{border-color:var(--rss)}
.excerpt p{font-size:1.15rem}.excerpt .big{font-family:var(--display);font-weight:800;font-stretch:85%;font-size:clamp(1.6rem,3.4vw,2.2rem);line-height:1.15}
.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}
.more a{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:center;text-decoration:none;color:var(--ink);border:1px solid var(--rule);padding:1rem}
.more a:hover{border-color:var(--ink)}
.more strong{font-family:var(--display);font-weight:800;font-stretch:88%;font-size:1.15rem;display:block}
@media (max-width:760px){.more{grid-template-columns:1fr}}
.feature{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.feature img{box-shadow:0 24px 40px -20px rgba(0,0,0,.6)}
.kicker{font-family:var(--display);font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem}
.band-plot .kicker{color:var(--gold)}
.band-plot h2.big{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:.95}
.band-plot .lede{color:#F4EFEA}
.book.first .title::after{content:"First to launch";display:inline-block;margin-left:.5rem;padding:.1rem .45rem;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--plot);color:#fff;vertical-align:middle}
@media (max-width:760px){.feature{grid-template-columns:1fr}.feature .cover-wrap{max-width:16rem}}
.tag{font-family:var(--display);font-weight:800;font-stretch:88%;font-size:clamp(1.4rem,3vw,2rem);line-height:1.15;color:var(--gold);margin:0 0 .8rem}
ul.learn{padding-left:1.1rem;margin:0 0 1.2em}
ul.learn li{margin-bottom:.4em}
.note{border-left:4px solid var(--gold);padding:.2rem 0 .2rem 1rem;color:var(--muted)}
.author{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.btn{display:inline-block;font-family:var(--display);font-weight:700;background:var(--ink);color:#fff;text-decoration:none;padding:.75rem 1.2rem;border-radius:2px}
.btn:hover{background:var(--rss);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:var(--gold);color:var(--ink)}
footer.site{border-top:1px solid var(--rule);padding-block:2rem;color:var(--muted);font-size:.95rem}
footer.site .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media (max-width:760px){.shelf{grid-template-columns:1fr 1fr}.shelf .book:first-child{grid-column:1/-1;max-width:20rem}.split,.author{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.cover-wrap{max-width:18rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}