:root{--ink:#211a27;--plum:#5b2d6b;--pink:#db6f96;--cream:#fff9ee;--line:#ded2dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:20;background:#fff;padding:10px}.masthead{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px max(30px,calc((100vw - 1280px)/2));border-bottom:5px solid var(--plum)}.logo{font-weight:900;font-size:27px;letter-spacing:.08em}.logo span{color:var(--pink)}.masthead nav{display:flex;gap:32px;font-weight:650;font-size:14px}.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--plum);text-decoration:underline}.front{max-width:1440px;min-height:570px;margin:0 auto;position:relative;display:grid;grid-template-columns:1.2fr .8fr;background:#e9d5e6}.front-art{min-height:570px;overflow:hidden}.front-art img{object-position:48% center}.front-words{padding:50px clamp(35px,5vw,85px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-left:7px solid var(--pink)}.front-words small,.shelf-heading span,.relationship span,.reading>span{color:var(--plum);font-size:13px;font-weight:750;letter-spacing:.15em}.front h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(45px,5vw,72px);line-height:1.17;margin:24px 0}.front p{font-size:18px;line-height:1.86;margin:0;max-width:31em}.front-words a{background:var(--plum);color:#fff;padding:14px 24px;margin-top:36px;font-size:15px}.shelf-nav,.covers,.relationship,.reading{max-width:1280px;margin:0 auto}.shelf-nav{padding:75px 28px 55px}.shelf-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:16px;gap:24px}.shelf-heading h2,.relationship h2,.reading h2{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(35px,3.5vw,50px);line-height:1.2;margin:0}.spines{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:25px}.spines a{border-left:8px solid var(--plum);background:#fff;padding:19px 14px;min-height:115px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 4px 0 #eadce6}.spines a:nth-child(even){border-color:var(--pink)}.spines b{font-size:13px;color:var(--plum)}.spines span{font-size:17px;font-weight:750}.spines a:hover{transform:translateY(-3px)}.covers{padding:0 28px 85px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cover{background:#fff;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column}.cover-art{height:440px;position:relative;overflow:hidden;background:#eed8e3}.cover-art span{position:absolute;right:14px;top:15px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--plum);font-weight:850}.cover-copy{padding:30px 27px 36px;display:flex;flex-direction:column;flex:1}.cover-copy small{color:var(--plum);font-weight:700;letter-spacing:.1em}.cover-copy h3{font-family:"Songti SC","Noto Serif SC",serif;font-size:31px;line-height:1.3;margin:17px 0}.cover-copy p{font-size:16px;line-height:1.9;margin:0;color:#4f4452}.cover-copy a{color:var(--plum);font-size:14px;border-bottom:1px solid var(--plum);align-self:flex-start;margin-top:auto;padding-top:25px;padding-bottom:4px}.relationship{padding:75px 28px;border-top:4px solid var(--pink)}.relationship>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:24px}.relationship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.relationship-grid p{background:#f0e2ec;padding:28px;font-size:16px;line-height:1.9;margin:0}.relationship-grid b{display:block;font-size:21px;color:var(--plum);margin-bottom:13px}.reading{background:var(--plum);color:#fff;padding:66px 54px;margin-bottom:70px}.reading>span{color:#f8c7db}.reading h2{margin:18px 0 26px}.reading div{display:flex;gap:12px}.reading a{background:#fff;color:var(--plum);padding:13px 16px;font-weight:650;flex:1}footer{background:#211a27;color:#fff;display:flex;gap:18px;align-items:center;padding:27px max(30px,calc((100vw - 1280px)/2));font-size:14px}footer b{font-size:20px}footer span{color:#d5c2d3}footer a{margin-left:auto;text-decoration:underline}@media(max-width:760px){.masthead{padding:18px 20px;display:block}.masthead nav{margin-top:15px;gap:18px;flex-wrap:wrap}.front{display:flex;flex-direction:column}.front-art{min-height:0;height:250px}.front-words{padding:36px 24px 48px;border-left:0;border-top:6px solid var(--pink)}.front h1{font-size:44px}.front p{font-size:16px}.shelf-nav{padding:55px 20px 42px}.shelf-heading{display:block}.shelf-heading h2{font-size:35px;margin-top:13px}.spines{grid-template-columns:repeat(2,1fr)}.spines a{min-height:90px}.covers{display:block;padding:0 20px 50px}.cover{margin-bottom:24px}.cover-art{height:430px}.cover-copy{padding:26px 23px 33px}.cover-copy h3{font-size:29px}.relationship{padding:55px 20px}.relationship>div:first-child{display:block}.relationship h2{font-size:35px;margin-top:12px}.relationship-grid{display:block}.relationship-grid p{margin-bottom:13px}.reading{margin:0 20px 55px;padding:40px 24px}.reading h2{font-size:35px}.reading div{display:block}.reading a{display:block;margin-top:10px}footer{padding:27px 20px;flex-wrap:wrap}footer a{margin-left:0}}