*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fbf7ee;color:#302439;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid #b47a26;outline-offset:6px}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:10px;z-index:10;background:white;padding:12px}header,footer{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 6%}.brand{font-family:Georgia,serif;font-size:30px;font-weight:bold}.brand span{display:block;font:10px Arial,sans-serif;letter-spacing:5px;margin-top:7px;color:#906728}nav{display:flex;gap:30px;font-size:14px}.hero{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1.25fr;gap:5%;align-items:center;padding:65px 6% 100px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;line-height:1.7;font-weight:bold;color:#926827}h1,h2,h3{font-family:Georgia,serif;font-weight:normal;letter-spacing:-1.5px}h1{font-size:clamp(50px,5.6vw,78px);line-height:1.04;margin:23px 0}h1 em{color:#81516d}.intro{max-width:390px;font-size:17px;line-height:1.8;color:#665c68;margin-bottom:28px}.button{display:inline-flex;gap:22px;align-items:center;background:#432d4c;color:white;border:0;padding:15px 23px;border-radius:4px;font-size:13px}.button:hover:not(:disabled){background:#62416f}.hero-art img{display:block;width:100%;filter:drop-shadow(0 24px 20px #39294238);transform:rotate(-3deg)}.caption{display:block;text-align:center;margin-top:35px;font-size:12px;color:#776775}.books{background:#eee7dc;padding:65px max(6%,calc((100vw - 1160px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.section-heading h2{font-size:39px;line-height:1.15;margin:15px 0 0}.section-heading>p{font-size:13px;color:#746974}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.book-grid article{display:flex;flex-direction:column}.cover{padding:0;border:0;background:transparent;display:block;width:100%}.cover img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block;transition:transform .2s}.cover:hover img{transform:translateY(-4px)}.book-copy{padding:26px 6px 0;display:flex;flex-direction:column;flex:1}.book-copy h3{font-size:31px;line-height:1.15;min-height:72px;margin:7px 0 15px;letter-spacing:-.7px}.book-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#6c606c;margin:0 0 20px}.book-copy .credit{font-size:12px!important}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;flex-wrap:wrap}.text-button{border:0;padding:12px 0;background:transparent;color:#432d4c;font-size:13px;border-bottom:1px solid #9c8799}.coming{background:#ddd3df;color:#59485f}.availability{font-size:12px;text-align:center;color:#746874;margin-top:40px}.about{text-align:center;padding:80px 24px;max-width:760px;margin:auto}.about h2{font-size:47px;line-height:1.13;margin:20px 0}.about>p:not(.eyebrow){line-height:1.9;color:#6c606c;font-size:16px}.about .motto{font-family:Georgia,serif;font-style:italic;color:#906728!important;font-size:22px!important;margin-top:25px}footer{border-top:1px solid #d9cfc5;font-size:12px;gap:20px}footer .brand{font-size:23px}footer p{color:#786e79}dialog{border:0;border-radius:10px;background:#fbf7ee;padding:20px;max-width:1100px;width:94vw;max-height:94vh}dialog::backdrop{background:#160f24dc}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-bar h2{font-size:23px;letter-spacing:-.4px}.dialog-bar button{border:1px solid #d4c6d2;background:transparent;border-radius:4px;padding:10px}.dialog-note{text-align:center;font-size:12px;color:#6c606c}#preview-image{display:block;width:100%;max-height:72vh;object-fit:contain}@media(max-width:750px){header{padding:22px 6%}.brand{font-size:25px}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;gap:40px;padding-top:30px;padding-bottom:60px}.hero-copy{max-width:520px}.hero-art{padding:0 8px}.hero-art img{transform:rotate(-2deg)}.section-heading{display:block}.section-heading h2{font-size:32px}.book-grid{grid-template-columns:1fr;gap:55px}.book-copy h3{min-height:0}.books{padding-top:45px;padding-bottom:40px}.about{padding:60px 7%}.about h2{font-size:38px}footer{flex-wrap:wrap}footer p{width:100%;order:3;margin:0} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero{display:block;text-align:center;padding:55px 6% 60px}.hero-copy{max-width:780px;margin:auto}.hero h1 br{display:none}.hero .intro{max-width:620px;margin:0 auto 25px}.hero h1{font-size:clamp(44px,5.6vw,72px)}

/* Original Magic N U visual identity */
:root{color-scheme:dark}body{color:#f4eefe;background:radial-gradient(ellipse at 12% 12%,#422054 0,transparent 48%),radial-gradient(ellipse at 85% 25%,#172d58 0,transparent 46%),linear-gradient(150deg,#160b2c,#090e25 65%,#23102e)}header{border-bottom:1px solid #b4a2de38}header,footer{background:transparent}.brand{display:flex;align-items:center;gap:15px;color:#eee5ff;font-family:Georgia,serif;letter-spacing:.1em}.brand-logo{width:74px;height:74px;object-fit:cover;border-radius:12px;box-shadow:0 0 25px #8c62d549;border:1px solid #b5a9db55}.brand .brand-name{display:block;font:normal 25px Georgia,serif;letter-spacing:.1em;color:#eee5ff}.brand .brand-name>span{color:#eac789;letter-spacing:.45em;font:11px Arial,sans-serif;margin-top:9px}.hero{position:relative;background:radial-gradient(ellipse at 50% 45%,#8c60ce20,transparent 65%);padding-top:65px;padding-bottom:70px}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(circle,#e4d2ff 1px,transparent 2px),radial-gradient(circle,#a6d2ff 1px,transparent 2px);background-size:137px 109px,211px 167px;background-position:21px 38px,73px 19px;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}h1,h2,h3{color:#f1e9ff;text-shadow:0 0 22px #8f73cb38}h1 em{color:#eac789}.eyebrow{color:#eac789}.intro,.about>p:not(.eyebrow){color:#d1c6df}.button{background:linear-gradient(#324a80,#17132e);border:1px solid #ccb5e4;border-radius:30px;color:#fff5e8;box-shadow:inset 0 0 0 2px #8192bf25,0 0 18px #9477d533}.button:hover:not(:disabled){background:linear-gradient(#435a97,#2b1c45);box-shadow:0 0 25px #9a77d566}.books{background:linear-gradient(160deg,#201330db,#0e1631eb);border-top:1px solid #d9b47a55;border-bottom:1px solid #d9b47a55}.section-heading>p,.availability{color:#cabdd9}.cover img{border:1px solid #b495d0;border-radius:9px;box-shadow:0 8px 35px #0008,0 0 22px #8361b43b}.book-copy>p:not(.eyebrow){color:#d2c6df}.text-button{color:#f0cc8c;border-bottom-color:#ab8fbb}.coming{background:#2e2540;color:#b6a8c4;border-color:#716184;box-shadow:none}.about .motto{color:#edc88a!important}footer{border-color:#b4a2de38}footer p{color:#c6b8d4}dialog{background:radial-gradient(ellipse at top,#372049,#0b1129);color:#eee5ff;border:1px solid #b99bce;box-shadow:0 0 60px #8467c33b}.dialog-bar button{color:#f2e8ff;border-color:#9f85b8}.dialog-note{color:#cabbd8}@media(max-width:750px){.brand-logo{width:53px;height:53px}.brand .brand-name{font-size:19px}.hero{padding-top:40px;padding-bottom:45px}nav{gap:12px}footer .brand-logo{width:45px;height:45px}}

#book-reader{width:98vw;max-width:1800px;height:96dvh;max-height:96dvh;margin:auto;padding:12px;overflow:hidden}#book-reader[open]{display:flex;flex-direction:column}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-top h2{font-size:22px;letter-spacing:0;margin:4px 0 12px}.reader-top>div{display:flex;gap:10px;align-items:center}.reader-top button,.reader-top a{background:#251b3a;border:1px solid #a98abf;color:#fff0dc;border-radius:6px;padding:9px 12px;font-size:14px}#heyzine-reader{display:block;flex:1;min-height:0;width:100%;border:0;border-radius:6px;background:#090e25}.read-book{margin-right:auto}@media(max-width:600px){#book-reader{padding:7px}.reader-top h2{font-size:16px}.reader-top button,.reader-top a{font-size:12px;padding:9px 7px}.reader-top>div{gap:5px}.actions{gap:14px}}

.book-copy>p.book-subtitle{font-family:Georgia,serif;font-size:23px;font-style:italic;line-height:1.35;color:#edc88a;margin:-4px 0 20px}
