:root{--plum:#700c42;--ink:#35162c;--pink:#df5684;--rose:#fbeaf0;--muted:#735d6d;--line:#ead7e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:white;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}a:hover{color:var(--plum)}img{display:block;max-width:100%;height:auto}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:32px;line-height:1.1;color:var(--plum);font-weight:bold;letter-spacing:-1.5px}.brand span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.5px;margin-top:10px;font-weight:500}nav{display:flex;gap:36px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:normal;line-height:1.08;letter-spacing:-1.5px;margin:0 0 25px}h1{font-size:clamp(50px,5.4vw,80px)}h2{font-size:clamp(36px,4vw,57px)}h3{font-size:26px;letter-spacing:-.7px;line-height:1.17}h1 em,h2 em{color:var(--plum);font-weight:normal}p{margin:0 0 22px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;line-height:1.5;color:var(--plum);margin-bottom:18px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:4%;padding:26px 5% 75px;align-items:center}.hero-copy{padding-left:4%}.logo{width:270px;margin:0 0 25px -5px}.intro{font-size:19px;line-height:1.65;max-width:450px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--plum);color:white;padding:16px 25px;font-size:13px;font-weight:bold;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#992154;color:white;transform:translateY(-2px)}.hero-books{position:relative;height:640px;background:var(--rose);border-radius:48% 48% 3px 3px;margin-top:30px}.hero-label{position:absolute;top:42px;left:0;right:0;text-align:center;letter-spacing:3px;line-height:1.7;font-size:10px;color:var(--plum)}.hero-cover{position:absolute;width:49%;box-shadow:0 22px 32px #42152c30;transition:transform .25s}.hero-cover.back{right:9%;top:128px;transform:rotate(9deg)}.hero-cover.front{left:7%;top:195px;transform:rotate(-7deg)}.hero-cover:hover{transform:rotate(0) translateY(-8px)}.hero-caption{position:absolute;bottom:21px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-size:15px;font-style:italic;color:var(--plum);padding:0 22px;margin:0}.ribbon{display:flex;justify-content:center;gap:42px;background:var(--plum);color:#fff2f7;padding:18px 5%;font-size:10px;letter-spacing:2px;align-items:center}.books-section{max-width:1440px;margin:auto;padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-heading>p{max-width:375px;font-size:15px;color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.cover-link{display:block;background:var(--rose);padding:20px 23px 25px;margin-bottom:27px}.cover-link img{box-shadow:0 10px 18px #35162c30;transition:transform .2s}.cover-link:hover img{transform:translateY(-6px)}.book .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:12px}.book p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.65}.book h3{min-height:62px;margin-bottom:17px}.text-link{font-size:13px;font-weight:bold;color:var(--plum);display:inline-block;border-bottom:1px solid var(--pink);padding-bottom:5px}.text-link span{margin-left:10px}.series-section{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--rose);gap:8%;padding:75px max(5%,calc((100vw - 1240px)/2));align-items:center}.series-art{height:500px;overflow:hidden;border-radius:48% 48% 0 0}.series-art img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.series-copy{max-width:550px}.series-copy p:not(.eyebrow){font-size:16px;color:var(--muted)}.about{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:110px 5%}.about .intro{color:var(--ink);font-family:Georgia,serif;font-size:26px;line-height:1.4}.about p:not(.intro):not(.eyebrow){color:var(--muted)}.reading-note{text-align:center;border-top:1px solid var(--line);padding:75px 5% 90px;background:#fff6fa}.reading-note h2{font-size:44px}footer{background:var(--plum);color:white;padding:50px 6% 25px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:center}footer .brand{color:white}footer p{font-size:13px;margin:0;color:#f3cddd}footer>a:last-of-type{font-size:13px;text-align:right}footer a:hover{color:#ffd4e6}footer small{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:25px;font-size:10px;color:#f3cddd}.book-detail{max-width:1200px;margin:auto;padding:65px 5% 95px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.detail-cover{position:sticky;top:30px;background:var(--rose);padding:25px}.detail-cover img{box-shadow:0 12px 22px #42152c30}.detail-copy h1{font-size:54px}.detail-copy .intro{font-family:Georgia,serif;font-size:23px;color:var(--plum)}.detail-copy p:not(.intro):not(.eyebrow){font-size:15px;color:var(--muted)}.back-link{display:inline-block;font-size:12px;margin-bottom:35px}.series-name{font-style:italic}.excerpt{background:#fff6fa;padding:65px max(6%,calc((100vw - 680px)/2));font-family:Georgia,serif;font-size:19px;line-height:1.85}.excerpt .eyebrow{font-family:Arial,sans-serif}.excerpt-end{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-top:35px}.next-book{max-width:1100px;margin:auto;padding:70px 5%}.more-links{border-top:1px solid var(--line)}.more-links a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-size:22px}.more-links a:hover{padding-left:10px}.book-detail+.excerpt h2{font-size:40px}
@media(min-width:1500px){.series-section{gap:100px}.hero-books{height:690px}}
@media(max-width:1000px){.hero-books{height:520px}.hero-cover.back{top:130px}.hero-cover.front{top:180px}.book-grid{gap:20px}.cover-link{padding:15px}.book h3{font-size:23px}.ribbon{gap:20px;font-size:9px}.detail-copy h1{font-size:43px}.logo{width:220px}.hero{gap:20px}.series-art{height:430px}}
@media(max-width:700px){header{padding:22px 6%}.brand{font-size:27px}nav{gap:17px;font-size:11px}nav a:nth-child(2){display:none}.hero{display:flex;flex-direction:column;padding:15px 6% 45px;gap:20px}.hero-copy{padding:0;width:100%;text-align:center}.logo{width:220px;margin:0 auto 12px}.hero h1{font-size:53px}.hero .intro{margin-left:auto;margin-right:auto;font-size:17px}.hero-books{width:100%;max-width:410px;height:500px;margin-top:15px}.hero-cover.back{top:105px}.hero-cover.front{top:155px}.hero-label{top:30px}.hero-caption{font-size:13px;bottom:22px}.ribbon{flex-wrap:wrap;gap:9px 18px;letter-spacing:1.2px}.ribbon span:nth-child(n+4){display:none}.books-section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:39px}.section-heading>p{max-width:none}.book-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px}.cover-link{padding:10px;margin-bottom:20px}.book h3{font-size:23px;min-height:54px}.book p:not(.eyebrow){font-size:13px}.book .eyebrow{font-size:8px;letter-spacing:.5px}.series-section{grid-template-columns:1fr;gap:35px;padding:45px 7%}.series-art{height:340px;max-width:340px;margin:auto;width:100%}.series-copy h2{font-size:39px}.about{grid-template-columns:1fr;padding:65px 7%;gap:10px}.about h2{font-size:45px}.reading-note{padding:55px 7%}.reading-note h2{font-size:36px}footer{grid-template-columns:1fr;gap:28px;padding:40px 7% 25px}footer>a:last-of-type{text-align:left}.book-detail{grid-template-columns:1fr;padding:35px 7% 50px;gap:35px}.detail-cover{position:static;width:70%;max-width:310px;margin:auto;padding:18px}.detail-copy h1{font-size:44px}.detail-copy .back-link{margin-bottom:20px}.excerpt{padding:45px 7%;font-size:18px}.next-book h2{font-size:35px}.more-links a{font-size:19px}.next-book{padding:50px 7%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Keep the caption in normal flow below the tilted cover artwork. */
.hero-books{height:auto!important;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:auto auto auto;align-items:start;padding:36px 6% 24px;row-gap:42px}
.hero-label{position:static;grid-column:1/-1;grid-row:1}
.hero-cover{position:relative!important;width:100%;top:auto!important;left:auto!important;right:auto!important;grid-row:2}
.hero-cover.back{grid-column:9/20;margin-top:0}
.hero-cover.front{grid-column:2/13;margin-top:70px}
.hero-caption{position:static;grid-column:1/-1;grid-row:3;padding:0 8px;margin:0;font-size:15px}
nav{gap:24px}button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}
@media(max-width:700px){header{flex-wrap:wrap;gap:22px}nav{flex-wrap:wrap;gap:18px}.hero-books{row-gap:32px;padding-top:28px}.hero-cover.front{margin-top:50px}.hero-caption{font-size:14px}}