:root{--gold:#a87837;--gold2:#d2ad66;--paper:#d8c9a8;--ink:#241b16;--purple:#8b35b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0910;color:#eee;font-family:'DM Sans',sans-serif;background-image:radial-gradient(circle at 50% 20%,#2a152e,transparent 45%)}header{height:72px;position:fixed;z-index:20;inset:0 0 auto;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(10,7,12,.82);border-bottom:1px solid rgba(213,173,96,.16);backdrop-filter:blur(16px)}.back,.edition{font-size:9px;letter-spacing:1.7px;color:#a99b87;text-decoration:none}.mini-brand{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.5px}.mini-brand img{width:45px;height:45px;object-fit:contain}.intro{min-height:100vh;padding:120px 8vw 60px;display:grid;grid-template-columns:minmax(310px,580px) minmax(350px,1fr);align-items:center;gap:7vw;position:relative;overflow:hidden}.intro:before{content:'';position:absolute;width:700px;height:700px;border:1px solid rgba(169,111,190,.12);border-radius:50%;right:-100px;top:70px}.cover-wrap{position:relative;display:grid;place-items:center}.cover-wrap img{width:min(100%,500px);max-height:78vh;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(28px 35px 40px #000);animation:float 6s ease-in-out infinite}.cover-glow{position:absolute;width:70%;height:70%;background:#73309a;filter:blur(100px);opacity:.26}.chapter,.smallcaps{font-size:9px;letter-spacing:2.5px;font-weight:700;color:var(--gold2)}.intro-copy{position:relative}.intro-copy h1{font:600 clamp(58px,7vw,105px)/.84 'Cormorant Garamond';letter-spacing:-.055em;margin:30px 0}.intro-copy h1 em{font-style:italic;color:#ba6bd1}.intro-copy>p{max-width:500px;color:#a69da9;font:400 18px/1.6 'Cormorant Garamond'}.intro-copy button,.finale a{border:1px solid var(--gold);background:linear-gradient(120deg,#6f4723,#b07c37);color:#fff;padding:17px 22px;margin-top:25px;font-size:9px;font-weight:700;letter-spacing:1.6px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}.intro-copy button b{margin-left:30px}.intro-copy small{display:block;margin-top:24px;color:#685e69;font-size:8px;letter-spacing:1.4px}.reader{min-height:100vh;padding:120px 4vw 80px;background:radial-gradient(ellipse at center,#291c26,#0b080d 70%);display:flex;flex-direction:column;justify-content:center}.book{width:min(1180px,92vw);height:min(720px,75vw);min-height:620px;margin:auto;display:grid;grid-template-columns:1fr 1fr;position:relative;filter:drop-shadow(0 35px 45px #000)}.spine{position:absolute;z-index:8;left:50%;top:0;bottom:0;width:34px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(50,31,20,.35),rgba(255,246,210,.15),rgba(47,28,18,.45));box-shadow:0 0 24px rgba(39,22,13,.5);pointer-events:none}.page{display:none;color:var(--ink);padding:58px 68px 42px;position:relative;overflow:auto;background-color:var(--paper);background-image:radial-gradient(circle at 50% 20%,rgba(255,250,220,.46),transparent 55%),repeating-linear-gradient(0deg,rgba(80,50,25,.018) 0 1px,transparent 1px 4px)}.page.active{display:block}.page.left{border-radius:13px 2px 2px 13px;box-shadow:inset -28px 0 35px -35px #3d2818}.page.right{border-radius:2px 13px 13px 2px;box-shadow:inset 28px 0 35px -35px #3d2818}.page:before{content:'';position:absolute;inset:18px;border:1px solid rgba(115,72,31,.28);pointer-events:none}.page:after{content:'';position:absolute;inset:24px;border:1px solid rgba(115,72,31,.09);pointer-events:none}.folio{position:absolute;bottom:26px;left:50%;font:600 12px 'Cormorant Garamond';color:#715b45}.page h2{font:600 42px/1 'Cormorant Garamond';margin:18px 0 30px;border-bottom:1px solid rgba(92,58,30,.25);padding-bottom:20px}.page h3{font:600 18px 'Cormorant Garamond';margin:25px 0 7px}.page h3 b{font:700 10px 'DM Sans';color:#7d5526;margin-right:10px}.page p{font:500 14px/1.58 'Cormorant Garamond';margin:0;color:#40342a}.page .lead{font-size:19px;font-style:italic;line-height:1.5}.dropcap:first-letter{float:left;font:700 68px/.75 'Cormorant Garamond';color:#7b4b24;margin:9px 9px 0 0}.page blockquote{font:italic 22px/1.4 'Cormorant Garamond';border-left:2px solid var(--gold);margin:38px 0;padding:8px 0 8px 20px}.ornament{text-align:center;color:#8b5e30;font-size:22px}.contents{list-style:none;margin:30px 0;padding:0}.contents li{display:grid;grid-template-columns:35px 1fr 25px;border-bottom:1px dotted rgba(70,45,27,.35);padding:12px 0;font:600 15px 'Cormorant Garamond'}.contents b,.contents i{font:700 9px 'DM Sans';color:#8a5b2a;font-style:normal}.signature{font-style:italic!important;margin-top:36px!important}.seal{width:70px;height:70px;margin:45px auto 0;border:1px solid #8a5c2e;outline:1px solid #8a5c2e;outline-offset:5px;border-radius:50%;display:grid;place-items:center;font:700 26px 'Cormorant Garamond';color:#86582d;transform:rotate(-6deg)}.note{margin-top:35px;padding:16px 18px;border:1px solid rgba(113,72,36,.28)}.note>b{font:700 8px 'DM Sans';letter-spacing:1.5px;color:#875a2f}.note p{margin-top:8px;font-style:italic}.finale{text-align:center;padding-top:85px}.finale h2{font-size:55px;border:0}.finale a{display:inline-block;text-decoration:none;margin:28px 0}.book-controls{width:min(1180px,92vw);margin:28px auto 0;display:flex;align-items:center;justify-content:space-between}.book-controls button{border:0;background:none;color:#b9aa94;font-size:9px;letter-spacing:1.4px;cursor:pointer;padding:10px}.book-controls button:disabled{opacity:.25}.book-controls span{font-size:8px;letter-spacing:1.5px;color:#716777}.book-controls b{color:var(--gold2)}@keyframes float{50%{transform:translateY(-10px) rotate(-.4deg)}}@media(max-width:800px){header{padding:0 20px}.edition{display:none}.intro{grid-template-columns:1fr;padding:105px 7vw 70px;text-align:center}.cover-wrap img{max-height:58vh}.intro-copy>p{margin-inline:auto}.book{display:block;height:auto;min-height:70vh}.spine{display:none}.page{min-height:70vh;border-radius:10px!important;padding:50px 42px}.page.left.active{display:none}.page.left.active:first-of-type{display:block}.book.mobile-left .page.left.active{display:block}.book.mobile-left .page.right.active{display:none}.book:not(.mobile-left) .page.left.active{display:none}.book-controls{width:92vw}.reader{padding-inline:3vw}}