.book-route{position:relative;min-height:60svh;max-width:1480px;overflow-x:clip;margin:18px auto 28px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 12px 40px -28px color-mix(in srgb,var(--foreground) 18%,transparent)}.book-scene{overflow:clip;position:fixed;inset:110px 0 0;z-index:45;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--background) 56%,transparent);backdrop-filter:blur(8px) saturate(.75);perspective:1800px;animation:book-scene-presence var(--book-turn-duration,1.1s) ease both}.book-scene[hidden]{display:none}.book-object{position:relative;width:min(82vw,1200px,calc((100svh - 210px) * 1.87));aspect-ratio:1.87;height:auto;border-radius:5px 12px 12px 5px;background:#64142c;transform-style:preserve-3d;box-shadow:0 0 0 5px #64142c,0 4px 0 5px #471023,0 7px 0 5px #d6c8af,0 11px 0 5px #64142c,0 30px 60px -18px #23101455;animation:book-object-open var(--book-turn-duration,1.1s) cubic-bezier(.25,.65,.25,1) both}.book-face,.book-paper{position:absolute;top:0;bottom:0;width:50%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(22px,3.4vw,46px);background:#fffaf0;color:#35252a}.book-left{align-items:center;text-align:center;left:0;border-radius:4px 0 0 4px;background:linear-gradient(270deg,#dfd2b9,#fffaf0 9%)}.book-right{right:0;border-radius:0 9px 9px 0;background:linear-gradient(90deg,#dfd2b9,#fffaf0 9%)}.book-eyebrow{font:600 11px/1.6 var(--font-source-sans),sans-serif;letter-spacing:.15em;color:#8b1538}.book-brand,.book-heading{font:400 clamp(22px,2.7vw,38px)/1.2 var(--font-merriweather),Georgia,serif;letter-spacing:-.04em;margin-top:18px;overflow-wrap:anywhere}.book-brand{color:#8b1538;font-size:clamp(20px,2.2vw,30px);margin-top:12px}.book-rule{width:32px;height:1px;background:#8b1538;margin:20px 0;flex-shrink:0}.book-section{font-size:clamp(12px,1.1vw,15px);line-height:1.6;color:#74645d}.book-folio{position:absolute;bottom:28px;font-size:10px;letter-spacing:.12em;color:#74645d}.book-leaf{position:absolute;inset:0 0 0 50%;transform-origin:left center;transform-style:preserve-3d;z-index:4;animation:book-leaf-turn var(--book-turn-duration,1.1s) cubic-bezier(.35,0,.2,1) both}.book-face{inset:0;width:100%;backface-visibility:hidden;border-radius:0 8px 8px 0}.book-front{background:linear-gradient(90deg,#d6c8af,#fffaf0 12%,#f1e6d0);box-shadow:10px 0 30px -10px #23101466}.book-back{align-items:center;text-align:center;transform:rotateY(180deg);background:linear-gradient(270deg,#d6c8af,#fffaf0 12%)}.book-binding{position:absolute;inset:0 auto 0 calc(50% - 8px);width:16px;background:linear-gradient(90deg,transparent,#35252a20,#fffaf088,transparent);pointer-events:none}.book-ribbon{position:absolute;left:calc(50% + 20px);top:-8px;width:13px;height:44px;background:#8b1538;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.book-seal{display:grid;place-items:center;width:96px;height:96px;padding:6px;border:3px double #b19a6b;border-radius:50%;margin-bottom:24px}.book-seal img{border-radius:50%;width:80px;height:80px;filter:sepia(.25) saturate(.65)}.book-face:after,.book-paper:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:.18;background:repeating-linear-gradient(17deg,#9a835515 0 1px,transparent 1px 4px)}.book-face:before,.book-paper:before{content:"";position:absolute;inset:16px;pointer-events:none;border-top:1px solid #b19a6b44;border-bottom:1px solid #b19a6b44}.book-ink-track{display:block;width:min(130px,100%);height:2px;margin-top:22px;background:#8b153815;overflow:hidden}.book-ink-flow{display:block;width:38%;height:100%;border-radius:2px;background:#8b1538;animation:book-ink-write 1.4s ease-in-out infinite}@keyframes book-ink-write{0%{transform:translateX(-100%)}to{transform:translateX(365%)}}@keyframes book-leaf-turn{0%,12%{transform:rotateY(0);opacity:1}65%{transform:rotateY(-165deg);opacity:1}78%,to{transform:rotateY(-180deg);opacity:0}}@keyframes book-object-open{0%,80%{transform:scale(1)}to{transform:scale(1.03)}}@keyframes book-scene-presence{0%{opacity:0}12%,85%{opacity:1}to{opacity:0}}@media(max-width:1512px){.book-route{margin-inline:16px}}@media(max-width:767px){.book-route{margin:10px 7px 22px;border-radius:14px}.book-scene{inset:66px 0 0}.book-object{width:86vw;height:min(54svh,420px)}.book-face,.book-paper{padding:18px 14px}.book-eyebrow{font-size:9px;letter-spacing:.07em}.book-folio{font-size:8px;bottom:20px}.book-brand{font-size:18px}.book-heading{font-size:23px}.book-seal{width:60px;height:60px;padding:5px;margin-bottom:18px}.book-seal img{width:46px;height:46px}}@media (max-width:1023px) and (max-height:500px) and (orientation:landscape){.book-scene{inset:66px 0 0}.book-object{width:min(86vw,calc((100svh - 100px) * 1.87));height:auto;aspect-ratio:1.87}.book-face,.book-paper{padding:12px 16px}.book-eyebrow{font-size:9px;line-height:1.4;letter-spacing:.08em}.book-brand,.book-heading{margin-top:6px;font-size:clamp(16px,4.8svh,22px)}.book-brand{font-size:18px}.book-rule{margin:8px 0}.book-section{font-size:11px;line-height:1.4}.book-folio{bottom:12px;font-size:8px}.book-seal{width:48px;height:48px;margin-bottom:8px;padding:3px}.book-seal img{width:36px;height:36px}.book-ink-track{margin-top:10px}.book-face:before,.book-paper:before{inset:10px}}@media(prefers-reduced-motion:reduce){.book-scene{display:none!important}}:root[data-motion=reduced] .book-scene{display:none!important}.book-scene[data-phase=waiting]{animation:book-wait-enter .2s ease-out both}.book-scene[data-phase=waiting] .book-object{animation:none;transform:none}.book-scene[data-phase=waiting] .book-leaf{display:none}.book-scene[data-phase=turning]{animation:book-ready-exit var(--book-turn-duration,1.1s) ease both}@keyframes book-wait-enter{0%{opacity:0}to{opacity:1}}@keyframes book-ready-exit{0%,85%{opacity:1}to{opacity:0}}