.book-section{--magenta:#d8285c;--cream:#fcf8f6;--peach:#fceeea;--ink:#2d2d2d;--muted:#6b6560;--sans:"DM Sans", "Inter", system-ui, sans-serif;width:100%;height:100dvh;color:var(--ink);font-family:var(--sans);background:#e4c2c0;position:relative;overflow:hidden}.book-section .app{background:#e4c2c0;width:100%;height:100%;position:relative}.book-section .app:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(80% 70% at 50% 48%,#0000 0% 55%,#b4787324 100%);position:absolute;inset:0}.book-section .stage{background:#e4c2c0;inset:0;position:absolute!important}.book-section .overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.book-section .topbar{pointer-events:auto;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.book-section .brand{color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.book-section .brand-logo{object-fit:contain;width:auto;height:48px;display:block}.book-section .nav-cta{pointer-events:auto;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:600;text-decoration:none}.book-section .nav-cta:hover{background:var(--cream)}.book-section .hero-copy{pointer-events:none;max-width:420px;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .85s;display:none;position:absolute;top:110px;left:32px}.book-section .hero-copy.aside{opacity:0;transform:translate(-28px)translateY(-8px)}.book-section .hero-copy h1{font-family:var(--sans);letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:650;line-height:1.12}.book-section .lede{color:var(--muted);max-width:34ch;margin:14px 0 0;font-size:14px;line-height:1.5}.book-section .ghost-open{pointer-events:auto;color:var(--ink);font-family:var(--sans);cursor:pointer;background:#fcf8f6b8;border:1px solid #2d2d2d24;border-radius:999px;margin-top:20px;padding:10px 16px;font-size:13px;font-weight:500}.book-section .ghost-open:hover{color:var(--ink);background:var(--cream);border-color:#2d2d2d47}.book-section .book-nav-dock{pointer-events:auto;-webkit-backdrop-filter:blur(20px);-webkit-user-select:none;user-select:none;z-index:10;background:#121216d1;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:16px;padding:8px 14px;animation:.4s cubic-bezier(.16,1,.3,1) bookDockFadeIn;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #00000073}@keyframes bookDockFadeIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.book-section .book-nav-btn{color:#fff;font-family:var(--sans);letter-spacing:.02em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.book-section .book-nav-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff40;transform:translateY(-1px)}.book-section .book-nav-btn:active:not(:disabled){transform:translateY(0)}.book-section .book-nav-btn:disabled{opacity:.35;cursor:not-allowed}.book-section .book-nav-btn.zoom-toggle{background:#ffffff1f;border-color:#ffffff38}.book-section .book-nav-btn.zoom-toggle.is-active{color:var(--ink);background:#fff;border-color:#fff;font-weight:600;box-shadow:0 0 16px #ffffff59}.book-section .book-nav-btn.zoom-toggle.is-active:hover{background:var(--cream);color:var(--ink)}.book-section .overlay.is-open .nav-cta{background:var(--magenta);color:#fff}.book-section .overlay.is-open .nav-cta:hover{color:#fff;background:#c01f50}.book-section .overlay.is-open .ghost-open{color:var(--ink);background:#fff;border:1px solid #2d2d2d1a}.book-section .overlay.is-open .ghost-open:hover{color:var(--ink);background:var(--cream);border-color:#2d2d2d38}.book-section .overlay.is-open .book-nav-dock{background:#fcf8f6f0;border:1px solid #2d2d2d14;box-shadow:0 16px 40px #501e282e}.book-section .overlay.is-open .book-nav-btn{color:var(--ink);background:#fff;border:1px solid #2d2d2d1a}.book-section .overlay.is-open .book-nav-btn:hover:not(:disabled){background:var(--peach);color:var(--ink);border-color:#d8285c38}.book-section .overlay.is-open .book-nav-btn.primary:not(:disabled){background:var(--magenta);border-color:var(--magenta);color:#fff}.book-section .overlay.is-open .book-nav-btn.primary:hover:not(:disabled){color:#fff;background:#c01f50;border-color:#c01f50}.book-section .overlay.is-open .book-nav-btn.zoom-toggle{background:#fff;border-color:#2d2d2d1f}.book-section .overlay.is-open .book-nav-btn.zoom-toggle.is-active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}.book-section .overlay.is-open .book-nav-btn.zoom-toggle.is-active:hover{color:#fff;background:#1a1a1a}.book-section .overlay.is-open .spread-label{color:var(--muted)}.book-section .overlay.is-open .spread-dots .dot{background:#2d2d2d33}.book-section .overlay.is-open .spread-dots .dot.active{background:var(--magenta)}.book-section .overlay.is-open .scroll-hint-pill{color:var(--ink);background:#fcf8f6eb;border:1px solid #2d2d2d14;box-shadow:0 8px 24px #501e2824}.book-section .overlay.is-open .scroll-hint-pill .hint-icon{color:var(--magenta)}.book-section .overlay.is-open .video-dock-control{background:#fcf8f6f0;border:1px solid #2d2d2d1a;box-shadow:0 12px 28px #501e2829}.book-section .overlay.is-open .video-dock-btn{color:var(--ink);background:#fff;border:1px solid #2d2d2d1a}.book-section .overlay.is-open .video-dock-btn:hover{background:var(--peach);color:var(--ink);border-color:#d8285c38}.book-section .overlay.is-open .video-dock-btn.is-playing{background:var(--magenta);border-color:var(--magenta);color:#fff;box-shadow:0 0 16px #d8285c59}.book-section .overlay.is-open .video-dock-btn.expand{color:var(--muted);background:0 0;border-color:#2d2d2d1f}.book-section .overlay.is-open .video-dock-btn.expand:hover{background:var(--peach);color:var(--ink)}.book-section .video-dock-control{pointer-events:auto;-webkit-backdrop-filter:blur(20px);z-index:10;-webkit-user-select:none;user-select:none;background:#121216e0;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;animation:.35s cubic-bezier(.16,1,.3,1) bookDockFadeIn;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000080}.book-section .video-dock-btn{color:#fff;font-family:var(--sans);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.book-section .video-dock-btn:hover{background:#ffffff38;border-color:#ffffff59;transform:translateY(-1px)}.book-section .video-dock-btn.is-playing{background:var(--magenta);border-color:var(--magenta);box-shadow:0 0 16px #e5005080}.book-section .video-dock-btn.expand{color:#fffc;background:0 0;border-color:#ffffff26}.book-section .video-dock-btn.expand:hover{color:#fff;background:#ffffff1f}.book-section .scroll-hint-pill{-webkit-backdrop-filter:blur(16px);letter-spacing:.02em;color:#ffffffd1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9;background:#0e0e12d9;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:11px;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) bookHintFloat,.8s 4.5s forwards bookHintFadeOut;display:inline-flex;position:absolute;bottom:136px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.book-section .scroll-hint-pill .hint-icon{color:#f37;font-size:10px}@keyframes bookHintFloat{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes bookHintFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.book-section .book-nav-btn .arrow{font-size:13px;line-height:1}.book-section .book-nav-status{flex-direction:column;align-items:center;gap:4px;padding:0 6px;display:flex}.book-section .spread-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffffb8;font-size:11px;font-weight:600}.book-section .spread-dots{align-items:center;gap:5px;display:flex}.book-section .spread-dots .dot{background:#ffffff40;border-radius:50%;width:5px;height:5px;transition:all .25s}.book-section .spread-dots .dot.active{background:#fff;border-radius:999px;width:14px}@media (width<=800px){.book-section .topbar{padding:18px 16px}.book-section .hero-copy{max-width:calc(100% - 32px);top:auto;bottom:96px;left:16px}.book-section .hero-copy.aside{opacity:0}}.book-section .image-lightbox-backdrop{pointer-events:auto;z-index:1000;-webkit-backdrop-filter:blur(28px);background:#e4c2c0f0;justify-content:center;align-items:center;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) bookLightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes bookLightboxFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}}.book-section .image-lightbox-content{background:#e4c2c0;border:1px solid #2d2d2d1f;border-radius:20px;flex-direction:column;max-width:92vw;max-height:92vh;animation:.26s cubic-bezier(.16,1,.3,1) bookModalScaleUp;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #8c5a5547,0 0 0 1px #2d2d2d0a}@keyframes bookModalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.book-section .image-lightbox-header{background:#fcf0ec8c;border-bottom:1px solid #2d2d2d14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.book-section .lightbox-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.book-section .lightbox-tag{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.book-section .lightbox-title{font-family:var(--sans);color:var(--ink);margin:0;font-size:18px;font-weight:600}.book-section .lightbox-domain{color:var(--muted);background:#2d2d2d0f;border:1px solid #2d2d2d1a;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-family:DM Mono,monospace,sans-serif;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.book-section .lightbox-domain:hover{color:var(--ink);background:#2d2d2d1f}.book-section .lightbox-actions{align-items:center;gap:16px;display:flex}.book-section .lightbox-counter{color:var(--muted);font-family:DM Mono,monospace,sans-serif;font-size:12px}.book-section .lightbox-close-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:#2d2d2d14;border:1px solid #2d2d2d1f;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.book-section .lightbox-close-btn:hover{background:#2d2d2d29;border-color:#2d2d2d38;transform:scale(1.08)}.book-section .image-lightbox-body{justify-content:center;align-items:center;min-height:280px;max-height:calc(85vh - 120px);padding:16px 64px;display:flex;position:relative;overflow:hidden}.book-section .lightbox-nav-arrow{width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:10;background:#2d2d2d14;border:1px solid #2d2d2d1f;border-radius:50%;justify-content:center;align-items:center;font-size:30px;line-height:1;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-section .lightbox-nav-arrow.prev{left:14px}.book-section .lightbox-nav-arrow.next{right:14px}.book-section .lightbox-nav-arrow:hover{background:#2d2d2d29;border-color:#2d2d2d38;transform:translateY(-50%)scale(1.08)}.book-section .lightbox-image-wrapper{justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.book-section .lightbox-image-wrapper.is-mobile{max-width:360px}.book-section .lightbox-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(80vh - 140px);box-shadow:0 16px 40px #0009}.book-section .lightbox-video{background:#000;border-radius:14px;outline:none;max-width:100%;max-height:calc(80vh - 140px);box-shadow:0 20px 50px #000000b3}.book-section .lightbox-image-wrapper.is-mobile .lightbox-video{aspect-ratio:9/19.5;object-fit:cover;border:1px solid #2d2d2d1f;width:auto;max-width:310px;max-height:calc(85vh - 200px)}.book-section .image-lightbox-footer{background:#fcf0ec8c;border-top:1px solid #2d2d2d14;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.book-section .lightbox-desc{color:var(--muted);max-width:65%;margin:0;font-size:13px;line-height:1.45}.book-section .lightbox-esc-hint{color:#2d2d2d73;font-size:11px}