:root{--ink:#160d16;--wine:#501b39;--rose:#b15c79;--cream:#f6efe9;--gold:#d6ae79;--muted:#cbbdc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.7rem;z-index:20}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff20;position:absolute;z-index:5;width:100%}.name{font-weight:600;letter-spacing:.22em;font-size:.85rem}a{color:inherit;text-decoration:none}nav{display:flex;gap:2rem}nav a{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em}.hero{min-height:100vh;display:grid;grid-template-columns:54% 46%;position:relative;overflow:hidden;background:radial-gradient(circle at 83% 30%,#7f2948 0,transparent 28%),linear-gradient(120deg,#160d16 40%,#341323)}.hero-copy{padding:19vh 6vw 9rem;position:relative;z-index:2}.kicker{font-size:.68rem;font-weight:600;letter-spacing:.28em;color:var(--gold)}h1,h2,h3{font-family:Italiana,serif;font-weight:400}h1{font-size:clamp(4rem,7.2vw,8.2rem);line-height:.88;margin:1.5rem 0 2rem}h1 em{color:var(--rose);font-weight:400}.lede{max-width:560px;color:var(--muted);font-size:1.1rem;line-height:1.7}.button{display:inline-flex;margin-top:2rem;padding:1rem 1.35rem;border:1px solid var(--gold);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase}.button span{margin-left:2rem}.hero-art{align-self:center;justify-self:center;width:min(31vw,430px);aspect-ratio:2/3;border:1px solid #d6ae7960;position:relative;transform:rotate(4deg);box-shadow:0 40px 100px #0008;overflow:hidden;background:linear-gradient(155deg,#2d1424,#100910)}.hero-art:before,.hero-art:after{content:"";position:absolute;inset:-20%;border:1px solid #d6ae7938;transform:rotate(22deg)}.hero-art:after{transform:rotate(-32deg)}.hero-art b{font:20rem/1 Italiana;position:absolute;bottom:-2.4rem;right:-.5rem;color:#f6efe90d}.line{position:absolute;height:1px;background:var(--gold);transform-origin:left}.line.one{width:130%;top:28%;left:-10%;transform:rotate(-25deg)}.line.two{width:120%;top:55%;left:-5%;transform:rotate(18deg)}.line.three{width:100%;top:72%;left:5%;transform:rotate(-48deg)}.series-mark{position:absolute;bottom:2rem;left:6vw;letter-spacing:.2em;font-size:.69rem}.series-mark span{color:var(--muted);margin-left:1rem}.books-section{padding:8rem 5vw;background:var(--cream);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #160d1630;padding-bottom:2rem;margin-bottom:3.5rem}.section-heading h2{font-size:clamp(3rem,6vw,6rem);margin:.4rem 0 0}.section-heading>p{color:#6d5965}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem}.book img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 18px 35px #35132828;background:#ddd}.book>p{font-size:.65rem;letter-spacing:.2em;color:var(--rose);margin:1.4rem 0 .4rem}.book h3{font-size:1.7rem;margin:0 0 .6rem}.book>span{display:block;color:#6d5965;line-height:1.55;font-size:.9rem;min-height:5.6rem}.book a{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--rose);font-size:.82rem;font-weight:600}.about{padding:9rem max(7vw,2rem);text-align:center;background:linear-gradient(135deg,#3b162c,#160d16)}.about h2{font-size:clamp(2.5rem,5vw,5.5rem);max-width:950px;margin:1rem auto 2rem}.about>p:last-child{max-width:640px;color:var(--muted);line-height:1.8;margin:auto}footer{padding:2rem 5vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;font-size:.72rem;letter-spacing:.14em}footer p{margin:0;color:var(--muted)}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding-top:10rem}.hero-art{display:none}.series-mark span{display:block;margin:.5rem 0}.book-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.section-heading>p{margin-bottom:0}}@media(max-width:560px){nav{gap:1rem}.book-grid{grid-template-columns:1fr}.book>span{min-height:0}footer{display:block}footer p{margin-top:.8rem}}
/* Cinematic series artwork. */
.hero{background:linear-gradient(90deg,#160d16f5 0%,#160d16c9 43%,#160d1633 72%),url("assets/hero-v2.png") center/cover no-repeat}
.hero-art{background:linear-gradient(155deg,#2d1424aa,#100910bb);backdrop-filter:blur(2px)}