#opening-book[hidden]{display:none}#opening-book{color:#183d30;font-family:Arial,sans-serif;z-index:10000;transition:opacity .25s ease}#opening-book *{box-sizing:border-box}#opening-book.opening-leaving{opacity:0;pointer-events:none}
.opening-stage{position:fixed;inset:0;display:grid;place-items:center;background:#fdfbf7;z-index:2}.opening-composition{display:flex;flex-direction:column;align-items:center;margin-top:-22px}.opening-scene{width:310px;height:260px;perspective:1100px;display:grid;place-items:center}.opening-book{position:relative;width:128px;height:176px;transform-style:preserve-3d;transform:translateX(0) rotateX(16deg) rotateZ(-6deg)}.opening-back{position:absolute;inset:-4px;background:#143d2d;border-radius:3px 9px 9px 3px;transform:translateZ(-5px);box-shadow:8px 15px 25px #143d2d20}.opening-paper{position:absolute;inset:0;border-radius:1px 7px 7px 1px;background:linear-gradient(90deg,#dfd5c0,#fffdf7 14%,#f9f3e7 95%,#d9cfbc);box-shadow:1px 1px 0 #d6cbb5,2px 2px 0 #f9f3e7,3px 3px 0 #d6cbb5;transform-origin:left center;transform-style:preserve-3d}.opening-leaf{transform:translateZ(2px)}.opening-leaf.opening-two{transform:translateZ(3px)}.opening-cover{position:absolute;inset:-3px;border-radius:3px 8px 8px 3px;transform-origin:3px center;transform-style:preserve-3d;transform:translateZ(5px)}.opening-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:inherit;background:linear-gradient(90deg,#09291c,#24513d 7%,#143d2d 12%,#1c4935);border:1px solid #315640;display:flex;align-items:center;justify-content:center;flex-direction:column}.opening-face:after{content:'';position:absolute;inset:12px;border:1px solid #bf9b5550;border-radius:1px}.opening-inside{transform:rotateY(180deg);background:linear-gradient(90deg,#eae1ce,#f5eedf 85%,#cfc5af);border:4px solid #143d2d}.opening-inside:after{border:1px solid #b29a6930}.opening-emblem{width:40px;height:48px;stroke:#d6bb80;fill:none;stroke-width:1.2;margin-bottom:14px}.opening-cover-title{font:11px Georgia,serif;color:#d9c99e;letter-spacing:3px;margin-left:3px}.opening-cover-rule{height:1px;background:#bf9b5570;width:20px;margin-top:14px}.opening-ribbon{position:absolute;right:18px;top:135px;width:11px;height:57px;background:#bd9650;clip-path:polygon(0 0,100% 0,100% 100%,50% 89%,0 100%);transform:translateZ(-1px)}.opening-page-copy{padding:30px 15px;color:#59705b;font:10px/1.7 Georgia,serif}.opening-page-copy small{display:block;font:6px Arial,sans-serif;letter-spacing:1.3px;margin-bottom:15px;color:#9b8b6f}.opening-line{height:2px;background:#b3b29a55;margin:7px 0}.opening-line.opening-short{width:70%}.opening-highlight{position:relative;isolation:isolate;white-space:nowrap}.opening-highlight:before{content:'';position:absolute;inset:0 -2px;background:#e5c57480;z-index:-1;transform:scaleX(0);transform-origin:left}.opening-shadow{position:absolute;width:205px;height:22px;background:#183d3020;filter:blur(16px);border-radius:50%;transform:translateY(109px)}.opening-heading{font:normal clamp(25px,5vw,32px)/1.25 Georgia,serif;letter-spacing:-.7px;margin:18px 0 13px}.opening-status{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#6b7c6b}.opening-dot{width:4px;height:4px;border-radius:50%;background:#9a854e}
@keyframes opening-turn{to{transform:translateZ(5px) rotateY(-168deg)}}@keyframes opening-page{to{transform:translateZ(2px) rotateY(-147deg)}}@keyframes opening-position{to{transform:translateX(57px) rotateX(16deg) rotateZ(-3deg)}}@keyframes opening-highlight{to{transform:scaleX(1)}}
.opening-book{animation:opening-position 1s .15s cubic-bezier(.22,.75,.16,1) both}.opening-cover{animation:opening-turn 1s .2s cubic-bezier(.22,.75,.16,1) both}.opening-leaf{animation:opening-page 1s .4s cubic-bezier(.22,.75,.16,1) both}.opening-leaf.opening-two{animation-delay:.3s}.opening-highlight:before{animation:opening-highlight .4s 1.3s ease both}.opening-heading{text-align:center;padding:0 20px}.opening-scene{direction:ltr}.opening-status{letter-spacing:1px}.opening-skip{margin-top:28px;background:none;border:0;color:#547465;font:12px Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:12px}.opening-skip:focus-visible{outline:2px solid #143d2d;outline-offset:2px}@media(max-width:480px){.opening-scene{transform:scale(.9)}}@media(prefers-reduced-motion:reduce){#opening-book *{animation:none!important}#opening-book{transition:none}.opening-cover{transform:translateZ(5px) rotateY(-168deg)}.opening-leaf{display:none}.opening-book{transform:translateX(57px)}.opening-highlight:before{transform:scaleX(1)}}