:root{--ink:#273b31;--sage:#71816c;--gold:#bb9558;--paper:#fbfaf7;--line:#d9d0c4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eceae4;color:#3f3b37;font-family:Montserrat,Arial,sans-serif}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,5vw,72px);background:var(--paper);border-bottom:1px solid #ded8cf}.brand{text-decoration:none;text-align:center;color:#807569}.brand img{width:148px;height:45px;object-fit:contain;margin:auto}.brand span{display:block;font-size:7px;letter-spacing:.24em}.header-actions{display:flex;align-items:center;gap:26px}.header-actions a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.header-actions .cta{border:1px solid var(--sage);padding:10px 15px}main{max-width:1500px;margin:auto;padding:25px clamp(12px,3vw,48px) 40px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.intro p{margin:0 0 3px;color:var(--sage);font-size:10px;font-weight:600;letter-spacing:.2em}.intro h1{margin:0;color:var(--ink);font:500 clamp(28px,3vw,44px)/1.05 "Cormorant Garamond",serif}.intro h1 em{color:var(--gold);font-weight:500}.download{padding:10px 14px;border-bottom:1px solid var(--gold);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.reader{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:14px}.book{height:min(70vh,820px);min-height:430px;display:flex;justify-content:center;align-items:center;perspective:1800px;filter:drop-shadow(0 18px 22px rgba(52,45,36,.2));transition:opacity .16s ease,transform .16s ease}.book.turn-out{opacity:.25;transform:rotateY(-5deg) scale(.985)}.book.turn-in{animation:arrive .3s ease}@keyframes arrive{from{opacity:.2;transform:rotateY(5deg) scale(.985)}to{opacity:1;transform:none}}.sheet{height:100%;max-width:50%;width:auto;object-fit:contain;background:#fff;border:1px solid #ded8cf}.sheet:first-child{box-shadow:-4px 2px 12px #5a504433}.sheet:last-child{box-shadow:4px 2px 12px #5a504433}.sheet.solo{max-width:100%}.nav{width:48px;height:70px;border:1px solid #c7bbaa;background:rgba(251,250,247,.9);color:var(--ink);font:44px/1 "Cormorant Garamond",serif;cursor:pointer;transition:.2s}.nav:hover:not(:disabled){background:var(--ink);color:white}.nav:disabled{opacity:.25;cursor:default}.controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.controls button{border:0;background:none;color:var(--ink);font:600 10px Montserrat;text-transform:uppercase;letter-spacing:.13em;cursor:pointer}.controls button:disabled{opacity:.3}.controls span{min-width:140px;text-align:center;font:500 17px "Cormorant Garamond",serif}.hint{text-align:center;margin:8px 0 0;color:#77716a;font:italic 14px "Cormorant Garamond",serif}@media(max-width:700px){header{height:72px;padding:8px 16px}.brand img{width:112px;height:36px}.brand span{display:none}.header-actions{gap:12px}.header-actions a:first-child{display:none}.intro{align-items:start}.intro p{font-size:8px}.download{font-size:9px}.reader{grid-template-columns:38px minmax(0,1fr) 38px;gap:5px}.book{height:68vh;min-height:390px}.sheet{display:none;max-width:100%;height:100%}.sheet.mobile-current{display:block}.nav{width:36px;height:56px;font-size:34px}main{padding-left:7px;padding-right:7px}.hint{padding:0 22px}}

.music-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 10px 18px}.music-controls button{font:500 14px Montserrat,Arial,sans-serif;min-height:44px;padding:10px 20px;border:1px solid var(--sage);border-radius:3px;background:var(--paper);color:var(--ink);cursor:pointer}.music-controls button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.music-controls button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.music-controls span{font-size:13px;color:#625c54}.music-credit{text-align:center;font-size:12px;line-height:1.7;margin:20px 12px 0;color:#625c54}.music-credit a{color:inherit;text-underline-offset:3px}

@media(max-width:700px){header{height:auto;min-height:72px;gap:12px;flex-wrap:wrap}.header-actions{flex-wrap:wrap;gap:12px;justify-content:flex-end}.header-actions a{font-size:10px}}

.closing-page{position:relative;aspect-ratio:612 / 792;flex-shrink:0}.closing-page>img{position:absolute;inset:0;width:100%;height:100%;display:block}.closing-page>a{position:absolute;left:21%;width:64%;display:block}.closing-page>a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}