:root{--ink:#101010;--paper:#f1eedd;--red:#ed342d;--muted:#bdbab0;--line:#343434}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--ink);color:var(--paper);font:18px/1.65 Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{display:block;max-width:100%;height:auto}.skip{position:absolute;top:-100px;background:var(--paper);color:var(--ink);padding:12px;z-index:5}.skip:focus{top:0}header{max-width:1360px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:23px;letter-spacing:.2em;font-weight:700;line-height:1.2}.wordmark span{display:block;letter-spacing:.15em;font-size:12px;font-weight:400;margin-top:10px;color:var(--muted)}nav{display:flex;gap:32px}nav a{text-decoration:none;font-size:15px}nav a:hover,.text-link:hover{color:var(--red)}.hero{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:64px 5% 76px;align-items:center;min-height:720px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.17em;color:var(--red);margin:0 0 22px}.hero h1{font-family:'Arial Narrow','Impact',Arial,sans-serif;font-stretch:condensed;font-size:clamp(54px,6.8vw,98px);line-height:.97;letter-spacing:-.035em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:var(--red)}.intro{max-width:390px;font-size:20px;line-height:1.6;margin:30px 0}.button{display:inline-flex;justify-content:space-between;gap:34px;align-items:center;background:var(--red);color:#fff;text-decoration:none;padding:15px 24px;font-size:15px;font-weight:700;border:1px solid transparent;transition:background .2s}.button:hover{background:#bc201b}.button span{font-size:23px;line-height:1}.small{font-size:13px;color:var(--muted);margin-top:18px}.hero-books{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center;padding-bottom:35px}.hero-books a{width:51%;box-shadow:0 20px 40px #0009;transition:transform .2s}.hero-books a:hover{transform:translateY(-8px)}.book-a{transform:rotate(-7deg);margin-right:-9%;z-index:1}.book-b{transform:rotate(7deg);margin-top:68px;z-index:2}.hero-caption{position:absolute;bottom:0;font-size:12px;letter-spacing:.12em;color:var(--muted)}.books-section{background:var(--paper);color:var(--ink);padding:76px max(5%,calc((100vw - 1224px)/2)) 90px}.section-heading{max-width:720px;margin-bottom:64px}h2{font-size:clamp(34px,4vw,54px);line-height:1.13;letter-spacing:-.035em;margin:0 0 22px}.section-heading>p:last-child{max-width:550px;color:#4d4a44}.book-feature{display:grid;grid-template-columns:38% 1fr;gap:9%;align-items:center;padding:50px 0 70px;border-top:1px solid #c9c5b9}.cover-stage{padding:28px 14%;background:#e4e0d3;display:flex;justify-content:center}.cover-stage img{width:100%;max-width:310px;box-shadow:9px 15px 21px #17151033}.book-copy h3{font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.04em;margin:0 0 16px}.subtitle{color:#615d54;font-size:19px;line-height:1.5;margin-top:0}.book-copy>p:not(.eyebrow){max-width:590px}.book-notes{list-style:none;padding:0;margin:25px 0;font-size:14px;border-top:1px solid #c9c5b9}.book-notes li{padding:9px 0;border-bottom:1px solid #c9c5b9}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:28px}.dark{background:var(--ink);color:var(--paper)}.text-link{font-size:15px;text-underline-offset:6px}.reverse{margin-top:30px;padding-bottom:0}.reverse .cover-stage{grid-column:2;grid-row:1}.reverse .book-copy{grid-column:1;grid-row:1}.reverse{grid-template-columns:1fr 38%}.mysteries{padding:74px max(5%,calc((100vw - 1224px)/2));display:grid;grid-template-columns:1fr 1fr;gap:9%;border-bottom:1px solid var(--line)}.mysteries p:not(.eyebrow){color:var(--muted);max-width:460px}.volumes a{display:flex;align-items:center;gap:22px;text-decoration:none;padding:25px 0;border-top:1px solid var(--line)}.volumes a:last-child{border-bottom:1px solid var(--line)}.volumes a:hover strong{color:var(--red)}.volume-no{font-size:35px;color:var(--red);font-weight:700}.volumes strong{display:block;font-size:23px}.volumes small{font-size:14px;color:var(--muted);display:block}.volumes a>span:last-child{margin-left:auto;font-size:28px}.about{padding:90px max(5%,calc((100vw - 1224px)/2));display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-copy{color:var(--muted)}.about-copy .large{font-size:26px;color:var(--paper);line-height:1.4;margin-top:0}.signature{font-size:54px;line-height:1.06;letter-spacing:.1em;margin-top:55px;color:var(--red);font-weight:700}.signature span{display:block;font-size:12px;line-height:2.5;letter-spacing:.17em;color:var(--muted);margin-top:10px}footer{border-top:1px solid var(--line);padding:38px 5%;max-width:1360px;margin:auto;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;align-items:center}footer .wordmark{font-size:17px}footer p,footer small{font-size:13px;color:var(--muted);margin:0}@media(max-width:800px){header{padding:25px 6%}.wordmark{font-size:18px}nav{gap:18px}.hero{padding:45px 6% 50px;grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(59px,12vw,88px)}.hero-books{min-height:0;padding:30px 20px 50px;max-width:540px;margin:auto}.hero-books a{width:49%}.hero-caption{font-size:10px}.hero-copy{max-width:600px}.intro{max-width:500px}.book-feature,.reverse{grid-template-columns:1fr;gap:32px;padding-top:35px}.cover-stage{max-width:380px;width:100%;margin:0 auto}.reverse .cover-stage,.reverse .book-copy{grid-column:auto;grid-row:auto}.books-section{padding:50px 6%}.section-heading{margin-bottom:30px}.mysteries,.about{grid-template-columns:1fr;padding:55px 6%;gap:35px}.signature{display:none}.about-copy .large{font-size:24px}footer{padding:30px 6%}}@media(max-width:420px){header{align-items:flex-start;gap:14px}.wordmark{font-size:16px}.wordmark span{font-size:10px}nav{font-size:14px;gap:12px;flex-direction:column}nav a{font-size:14px}.hero h1{font-size:57px}.hero-caption{letter-spacing:.05em}.button{width:100%}.volumes small{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

nav a[aria-current="page"]{color:var(--red)}@media(min-width:801px){body:has(#volumes) .hero h1{font-size:clamp(48px,5.7vw,78px)}}