@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#141216;--panel:#201c22;--paper:#f2e9db;--muted:#c1b7ba;--gold:#d9b984;--line:#443940;--red:#743341}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:27px 6%;border-bottom:1px solid var(--line)}.brand{text-decoration:none;letter-spacing:.15em;font:500 1.65rem 'Cormorant Garamond',Georgia,serif;white-space:nowrap}.brand span{display:block;font:500 .7rem Manrope,Arial,sans-serif;letter-spacing:.27em;margin-top:6px;color:var(--gold)}nav{display:flex;gap:2rem;flex-wrap:wrap}nav a{font-size:.875rem;text-decoration:none}nav a:hover,.text-link:hover{color:var(--gold)}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:100px 0 120px 12%;position:relative;z-index:1}.eyebrow{font-size:.78rem;letter-spacing:.18em;font-weight:600;color:var(--gold);margin:0 0 24px}h1,h2,h3,.hook{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.06;margin:0}h1{font-size:clamp(4rem,7vw,7.4rem);letter-spacing:-.035em}h1 em{color:var(--gold);font-weight:400}.intro{font-size:1.12rem;color:var(--muted);margin:28px 0 32px}.button{display:inline-block;padding:14px 25px;background:var(--gold);color:#20161a;font-size:.875rem;font-weight:700;text-decoration:none;border:1px solid var(--gold);transition:background .2s,transform .2s}.button:hover{background:#efcea0;transform:translateY(-2px)}.hero-note{color:var(--muted);font-size:.8rem;margin-top:20px}.hero-art{background:linear-gradient(90deg,var(--bg),transparent 30%),linear-gradient(0deg,var(--bg),transparent 35%),url('assets/after-dark.png') center 65%/cover;min-height:100%}.hero-bottom{position:absolute;bottom:0;padding:20px 6%;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:.7rem;letter-spacing:.2em;color:var(--muted);gap:25px}.section{padding:100px 6%;max-width:1600px;margin:auto}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:end;margin-bottom:55px}h2{font-size:clamp(2.7rem,4vw,4rem);letter-spacing:-.025em}.section-heading>p{max-width:470px;color:var(--muted);margin:0}.books{display:grid;grid-template-columns:1fr 1fr;gap:5%}.book{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:30px;align-items:start}.cover{display:block;transition:transform .3s;box-shadow:10px 16px 30px #0007}.cover:hover{transform:rotate(-2deg) translateY(-5px)}.cover img{display:block;width:100%;height:auto}.book-copy .eyebrow{font-size:.7rem;margin:0 0 12px}h3{font-size:2.5rem}.hook{font-size:1.6rem;margin:20px 0;color:var(--gold)}.book-copy>p:not(.hook):not(.eyebrow):not(.ku){color:var(--muted);font-size:1rem}.tropes{border-top:1px solid var(--line);padding-top:18px}.book-copy .button{padding:12px 17px;margin-top:5px}.ku{font-size:.85rem;color:var(--gold);line-height:1.6}.ku span{display:block;color:var(--muted);font-size:.75rem}.reading-note{margin-top:55px;border-left:2px solid var(--gold);padding:10px 25px;display:grid;grid-template-columns:1fr 2fr;gap:30px;background:linear-gradient(90deg,#d9b98408,transparent)}.reading-note span{font-size:.8rem;letter-spacing:.12em;color:var(--gold);padding-top:9px}.reading-note p{color:var(--muted);margin:0;font-size:1rem}.upcoming{border-top:1px solid var(--line)}.series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}.series{padding:30px 0 35px;border-top:1px solid var(--line)}.series .eyebrow{margin-bottom:13px;font-size:.75rem}.series h3{font-size:2.25rem}.series>p{color:var(--muted);max-width:550px}.series ol{list-style:none;padding:0;margin:22px 0 0;counter-reset:books}.series li{counter-increment:books;display:flex;gap:16px;padding:10px 0;border-bottom:1px solid #ffffff08;font-size:1rem}.series li:before{content:'0' counter(books);color:var(--gold);font-size:.8rem;min-width:23px;padding-top:2px}.about{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:9%;border-top:1px solid var(--line)}.about>div:last-child{max-width:640px}.about p:not(.eyebrow){color:var(--muted)}.about-mark{font-family:'Cormorant Garamond',Georgia,serif;font-size:11rem;line-height:1;text-align:center;color:var(--gold);border:1px solid var(--line);padding:60px 15px}.about-mark span{font-style:italic;color:#8f5960;margin-left:-22px}.text-link{color:var(--gold)}.closing{text-align:center;padding:90px 24px;background:radial-gradient(ellipse at 50% 120%,#592937,var(--bg) 80%);border-top:1px solid var(--line)}.closing p:not(.eyebrow){color:var(--muted)}.closing .button{margin-top:15px}footer{padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:.8rem;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;background:var(--gold);color:#111;z-index:10;padding:10px}.skip:focus{top:10px}@media(min-width:1600px){.hero-copy{padding-left:max(12%,calc((100vw - 1400px)/2))}}@media(max-width:1150px){.books{gap:55px;grid-template-columns:1fr}.book{grid-template-columns:240px 1fr;max-width:850px}.hero-copy{padding-top:75px}.hero{min-height:650px}}@media(max-width:700px){header{align-items:flex-start;flex-direction:column;gap:23px;padding:24px 7%}nav{gap:12px 22px}nav a{font-size:.85rem}.hero{display:block;min-height:680px}.hero-copy{padding:72px 7% 100px}.hero-art{position:absolute;inset:0;opacity:.33;background-position:center 65%;z-index:0}.hero-copy{z-index:1}h1{font-size:4.5rem}.hero-bottom{z-index:1;font-size:.63rem;gap:20px;padding:20px 7%}.hero-bottom span:last-child{display:none}.section{padding:65px 7%}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.section-heading h2{font-size:2.8rem}.book{grid-template-columns:1fr;gap:28px}.cover{width:65%;max-width:270px}.book h3{font-size:2.7rem}.books{gap:60px}.book-copy .eyebrow{font-size:.78rem}.reading-note{grid-template-columns:1fr;gap:10px;padding:15px 20px}.series-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:35px}.about-mark{font-size:6rem;padding:30px;width:210px}footer{flex-wrap:wrap}footer p{order:3;flex-basis:100%;margin:0}.eyebrow{font-size:.74rem}.series h3{font-size:2.3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.midnight{border-top:1px solid var(--line)}.midnight-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.midnight-book .cover{width:100%;max-width:290px;margin-bottom:30px}.midnight-book>.eyebrow{font-size:.75rem;margin-bottom:15px}.midnight-book>p:not(.hook):not(.eyebrow):not(.ku){color:var(--muted)}.midnight-book h3{min-height:2.15em}.midnight-book .hook{font-size:1.65rem;min-height:2.2em}.midnight-book .tropes{font-size:.875rem}@media(max-width:900px){.midnight-books{grid-template-columns:1fr;gap:55px}.midnight-book{max-width:650px}.midnight-book h3,.midnight-book .hook{min-height:0}.midnight-book .cover{width:65%;max-width:270px}}

/* Responsive refinement: fluid text, generous touch targets, and narrow-screen grids. */
header > *, .hero > *, .section-heading > *, .book > *, .midnight-book, .series, .about > * {min-width:0}
img {max-width:100%}
nav a {display:inline-flex;align-items:center;min-height:44px}
.button {max-width:100%;min-height:48px;text-align:center}
h2,h3,.eyebrow {overflow-wrap:break-word}
@media (min-width:701px) and (max-width:1100px) {
 header {flex-direction:column;align-items:flex-start;gap:12px;padding:24px 6%}
 nav {gap:8px 28px}
 .hero {grid-template-columns:1.15fr 1fr;min-height:580px}
 .hero-copy {padding:64px 0 100px 10.5%}
 h1 {font-size:clamp(3.4rem,7.3vw,5.2rem)}
 .section-heading {grid-template-columns:1fr;gap:24px}
 .section-heading > p {max-width:650px}
 .section {padding-top:72px;padding-bottom:72px}
 .series-grid {gap:0 32px}
}
@media (min-width:601px) and (max-width:900px) {
 .midnight-book {display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:0 28px;max-width:none}
 .midnight-book .cover {grid-column:1;grid-row:1 / span 7;width:100%;margin:0}
 .midnight-book > :not(.cover) {grid-column:2}
 .midnight-book .button {justify-self:start}
}
@media (max-width:700px) {
 header {gap:16px;padding:22px 6% 16px}
 .brand {font-size:clamp(1.35rem,6vw,1.65rem);letter-spacing:.13em}
 nav {width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
 nav a {font-size:.82rem;line-height:1.4;padding:7px 0}
 nav a:last-child {color:var(--gold)}
 .hero {min-height:0}
 .hero-copy {padding:48px 6% 92px}
 h1 {font-size:clamp(3.05rem,12.8vw,4.5rem)}
 .intro {font-size:1rem;line-height:1.8;margin:24px 0 28px;max-width:36ch}
 .hero-art {opacity:.26}
 .hero-bottom {padding:16px 6%;font-size:.59rem;letter-spacing:.12em}
 .section {padding:54px 6%}
 .section-heading h2,h2 {font-size:clamp(2.15rem,8.5vw,2.8rem)}

 .book h3,.midnight-book h3,.series h3 {font-size:clamp(2rem,7.6vw,2.6rem)}
 .book,.midnight-books {gap:24px}
 .books {gap:52px}
 .cover,.midnight-book .cover {width:min(76%,270px);margin-left:auto;margin-right:auto}
 .midnight-books {row-gap:52px}
 .book-copy .button,.midnight-book .button {display:block;width:100%}
 .reading-note {margin-top:36px;padding:16px;gap:8px}
 .reading-note span {font-size:.73rem}
 .about-mark {font-size:5.5rem;width:180px;padding:24px}
 .closing {padding:58px 6%}
 footer {padding:28px 6%;gap:18px}
 footer > a:last-child,.text-link {display:inline-flex;align-items:center;min-height:44px}
}
@media (min-width:601px) and (max-width:700px) {
 .midnight-book .cover {width:100%;margin:0}
 .midnight-book .button {width:auto}
}
@media (max-width:360px) {
 .eyebrow,.book-copy .eyebrow {font-size:.68rem;letter-spacing:.12em}
 .button {padding:13px 16px}
}

.midnight-book .cover {align-self:start}