.quintette-lecture{color:#102d34;background:#f2f3ed}.reading-intro{color:#f4f2e9;background:#08232d;padding:95px 0 120px;position:relative;overflow:hidden}.reading-intro:before{content:"";pointer-events:none;background:radial-gradient(at 70% 43%,#2e818340 0,#0000 40%),linear-gradient(120deg,#0000 40%,#94c5b415 52%,#0000 60%);animation:14s ease-in-out infinite alternate reading-light;position:absolute;inset:-35% -10%}.reading-intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);align-items:center;gap:7%;display:grid;position:relative}.reading-intro .eyebrow{color:#e1c398}.reading-intro h1{letter-spacing:-.06em;margin:28px 0;font-size:clamp(3.2rem,6.3vw,7.2rem);line-height:1.03}.reading-intro h1 em,.reading-after h2 em{color:#ddb98d;font-family:Georgia,serif;font-weight:400}.reading-intro p:not(.eyebrow){color:#d1e0db;max-width:620px;font-size:clamp(1rem,1.5vw,1.26rem);line-height:1.7}.reading-start{color:#f6e9d2;border:1px solid #d9bd97;align-items:center;gap:75px;margin-top:28px;padding:18px 23px;font-size:.95rem;text-decoration:none;transition:background .25s;display:inline-flex}.reading-start:hover{background:#d9bd9725}.reading-cover{filter:drop-shadow(28px 32px 35px #0009);justify-self:center;width:min(100%,390px);transition:transform .8s;position:relative;transform:rotate(4deg)}.reading-cover:hover{transform:rotate(0)translateY(-8px)}.reading-cover img{width:100%;height:auto;display:block;box-shadow:0 0 0 1px #eee}.reading-cover-edge{transform-origin:0 0;background:#c6c1af;width:100%;height:9px;position:absolute;bottom:-8px;left:4px;transform:skew(50deg)}.reading-room{color:#f7f3e9;background:#081d27;padding:clamp(60px,7vw,105px) max(5%,50vw - 730px);scroll-margin-top:70px;position:relative;overflow:hidden}.reading-head{border-bottom:1px solid #ffffff35;justify-content:space-between;align-items:end;gap:30px;padding-bottom:32px;display:flex}.reading-kicker{letter-spacing:.16em;text-transform:uppercase;color:#d6b98f;margin:0 0 14px;font-size:.78rem}.reading-head h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:clamp(2.3rem,4.3vw,4.7rem);font-weight:400;line-height:1.12}.reading-head>span{color:#b2c7c7;text-align:right;font-size:.83rem}.reading-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0;display:flex}.reading-controls button,.reading-controls a,.reading-foot button,.reading-zoom button{color:#f4f2e8;min-height:45px;font:inherit;cursor:pointer;background:#ffffff0c;border:1px solid #90ada75e;align-items:center;gap:9px;padding:11px 14px;font-size:.83rem;text-decoration:none;display:inline-flex}.reading-controls button:hover,.reading-controls a:hover,.reading-foot button:hover:not(:disabled),.reading-zoom button:hover:not(:disabled){background:#e8cb9c23;border-color:#e8cb9c}.reading-controls button:focus-visible{outline-offset:3px;outline:2px solid #f5cb91}.reading-controls a:focus-visible{outline-offset:3px;outline:2px solid #f5cb91}.reading-side:focus-visible{outline-offset:3px;outline:2px solid #f5cb91}.reading-foot button:focus-visible{outline-offset:3px;outline:2px solid #f5cb91}.reading-thumbnails button:focus-visible{outline-offset:3px;outline:2px solid #f5cb91}.reading-zoom button:focus-visible{outline-offset:3px;outline:2px solid #f5cb91}.reading-controls button[aria-pressed=true]{color:#f5d6a5;border-color:#e8cb9c}.reading-controls a{margin-left:auto}.reading-stage{isolation:isolate;grid-template-columns:66px minmax(0,1fr) 66px;place-items:center;min-height:min(80vw,950px);padding:35px 0 45px;display:grid;position:relative}.reading-ambient{pointer-events:none;z-index:-1;background:radial-gradient(at 50% 45%,#347c784a,#0000 58%),linear-gradient(125deg,#0000 30%,#7caca70a 44%,#0000 56%);position:absolute;inset:0}.reading-sheet{perspective:1900px;filter:drop-shadow(10px 22px 25px #0009);background:#fbfaf8;width:min(100%,610px);position:relative}.reading-page-image{aspect-ratio:595.32/841.92;object-fit:contain;width:100%;height:auto;display:block}.reading-turning{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.reading-turning-next{transform-origin:0;animation:.58s cubic-bezier(.45,.01,.33,1) forwards page-next}.reading-turning-previous{transform-origin:100%;animation:.58s cubic-bezier(.45,.01,.33,1) forwards page-previous}.reading-side{color:#f2eadc;cursor:pointer;background:0 0;border:1px solid #9bb9b47a;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.reading-side:hover:not(:disabled){background:#dec49d29}.reading-side:disabled,.reading-foot button:disabled,.reading-zoom button:disabled{opacity:.3;cursor:not-allowed}.reading-foot{border-top:1px solid #ffffff35;justify-content:space-between;align-items:center;gap:20px;padding-top:19px;display:flex}.reading-foot>span:first-child{color:#a9c0be;font-size:.78rem}.reading-foot>span:nth-child(2){font-family:Georgia,serif;font-size:1.5rem}.reading-foot i{color:#789a94;margin-inline:5px;font-size:.7em}.reading-foot>div{gap:8px;display:flex}.reading-thumbnails{background:#0c3038;border:1px solid #446466;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;max-height:340px;padding:18px;display:grid;overflow:auto}.reading-thumbnails button{color:#e7e9dd;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:7px;padding:5px;display:flex}.reading-thumbnails button[aria-current=page]{border-color:#d9bc94}.reading-thumbnails img{aspect-ratio:595.32/841.92;object-fit:cover;width:100%;height:auto}.reading-thumbnails span{font-size:.75rem}.reading-zoom{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071c26ef;flex-direction:column;align-items:center;gap:22px;padding:18px 20px 45px;display:flex;position:fixed;inset:0;overflow:auto}.reading-zoom-bar{color:#f5e8d2;justify-content:space-between;align-items:center;width:min(100%,1050px);display:flex}.reading-zoom-bar button{justify-content:center;width:48px;height:48px}.reading-zoom img{width:min(100%,900px);height:auto;display:block;box-shadow:0 25px 60px #0009}.reading-zoom-actions{gap:12px;display:flex}.reading-after{padding-block:90px 105px}.reading-after h2{margin:15px 0 34px;font-size:clamp(3rem,5vw,5.4rem);line-height:1.12}.reading-after h2 em{color:#397269}.reading-after>div{flex-wrap:wrap;gap:20px;display:flex}.reading-after a{border-bottom:1px solid #245351;padding-bottom:9px;font-weight:600}.reading-after>p:last-child{color:#5b716f;max-width:700px;margin-top:45px;font-size:.9rem;line-height:1.7}@keyframes page-next{0%{opacity:1;transform:rotateY(0)}28%{filter:brightness(.89);opacity:1;transform:rotateY(-22deg)}65%{filter:brightness(.72);opacity:1;transform:rotateY(-75deg)}85%{opacity:.5;transform:rotateY(-112deg)}to{opacity:0;transform:rotateY(-165deg)}}@keyframes page-previous{0%{opacity:1;transform:rotateY(0)}28%{filter:brightness(.89);opacity:1;transform:rotateY(22deg)}65%{filter:brightness(.72);opacity:1;transform:rotateY(75deg)}85%{opacity:.5;transform:rotateY(112deg)}to{opacity:0;transform:rotateY(165deg)}}@keyframes reading-light{to{transform:translate(-12%)translateY(6%)}}@media (max-width:800px){.reading-intro{padding:65px 0 90px}.reading-intro-grid{grid-template-columns:1fr}.reading-cover{width:min(65%,310px);margin-top:55px}.reading-stage{grid-template-columns:44px minmax(0,1fr) 44px;min-height:0;padding:35px 0}.reading-side{width:38px;height:38px}.reading-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}.reading-head>span,.reading-foot>span:first-child{display:none}}@media (max-width:480px){.reading-cover{width:min(78%,280px)}.reading-stage{grid-template-columns:1fr 1fr;gap:14px}.reading-sheet{grid-area:1/1/auto/-1}.reading-side{grid-row:2}.reading-side-prev{justify-self:end}.reading-side-next{justify-self:start}.reading-controls{gap:7px}.reading-controls button,.reading-controls a{padding:9px;font-size:.76rem}.reading-controls a{margin-left:0}.reading-foot>div{gap:5px}.reading-foot button{padding:9px;font-size:.75rem}.reading-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.reading-intro:before,.reading-turning{animation:none}.reading-cover,.reading-start{transition:none}}.reading-zoom{z-index:10000;overscroll-behavior:contain;background:#061b24f7;align-items:stretch;gap:0;padding:0}.reading-zoom-bar,.reading-zoom-actions{z-index:2;background:#071e27f5;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:72px;padding:11px max(18px,50vw - 600px);display:flex;box-shadow:0 8px 25px #0003}.reading-zoom-bar{position:sticky;top:0}.reading-zoom-bar>div{align-items:center;gap:10px;display:flex}.reading-zoom-bar>div>span{text-align:center;min-width:57px;font-size:.86rem}.reading-zoom-bar button{flex-shrink:0;width:45px;height:45px}.reading-zoom-canvas{background:radial-gradient(at 50% 35%,#225a59 0%,#071d27 65%);justify-content:center;align-items:flex-start;width:100%;min-height:calc(100dvh - 144px);padding:24px 18px 35px;display:flex;overflow:visible}.reading-zoom-sheet{filter:drop-shadow(0 30px 40px #000b);flex:none;max-width:none}.reading-zoom-actions{position:sticky;bottom:0}.reading-zoom-actions>span{font-family:Georgia,serif;font-size:1.3rem}.reading-turning-next{animation:1.35s cubic-bezier(.29,.05,.3,1) forwards page-next;box-shadow:inset -25px 0 34px #1018208c}.reading-turning-previous{animation:1.35s cubic-bezier(.29,.05,.3,1) forwards page-previous;box-shadow:inset 25px 0 34px #1018208c}@media (max-width:600px){.reading-zoom-bar,.reading-zoom-actions{min-height:62px;padding:8px 12px}.reading-zoom-bar>span{max-width:43%;font-size:.7rem}.reading-zoom-bar>div{gap:4px}.reading-zoom-bar button{width:40px;height:40px;padding:6px}.reading-zoom-canvas{min-height:calc(100dvh - 124px);padding:15px 8px 25px}.reading-zoom-actions button{padding:8px;font-size:.77rem}}.reading-zoom{height:100dvh;overflow:hidden}.reading-zoom-bar,.reading-zoom-actions{flex:none;position:relative}.reading-zoom-canvas{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-width:0;min-height:0;display:block;overflow:auto}.reading-zoom-sheet{margin-inline:auto}.reading-zoom .reading-zoom-sheet img.reading-page-image{width:100%;max-width:none;height:auto}
