.book-scroll{position:relative;height:270vh;margin-top:0;background:#070b0f}.book-scroll-sticky{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;background:#070b0f}.book-scroll canvas{position:absolute;inset:0;width:100%;height:100%}.book-scroll-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,11,.86) 0,rgba(4,8,11,.56) 35%,rgba(4,8,11,.08) 70%),linear-gradient(0deg,rgba(4,8,11,.62),transparent 45%)}.book-scroll-copy{position:absolute;z-index:2;top:50%;left:max(6vw,40px);width:min(630px,45vw);color:#fff;transform:translateY(-50%)}.book-scroll-copy>span{display:inline-flex;padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:rgba(4,8,11,.36);color:#68ded6;font-size:10px;font-weight:900;letter-spacing:1.3px}.book-scroll-copy h1{margin:20px 0 18px;color:#fff;font-family:'Roboto',Arial,sans-serif;font-size:clamp(54px,6.2vw,105px);font-weight:900;line-height:.9;letter-spacing:-.065em}.book-scroll-copy h1 em{color:#52d3ca;font-style:normal}.book-scroll-copy p{max-width:570px;margin:0;color:#d1d9dd;font-size:17px;line-height:1.65}.book-scroll-copy>div{display:flex;gap:10px;margin-top:28px}.book-scroll-copy a{padding:13px 18px;border:1px solid rgba(255,255,255,.35);border-radius:5px;color:#fff;font-size:12px;font-weight:800}.book-scroll-copy a:first-child{border-color:#08a49a;background:#08a49a}.book-scroll-copy a:hover{transform:translateY(-1px)}.scroll-cue{position:absolute;z-index:2;right:40px;bottom:32px;display:flex;align-items:center;gap:9px;color:#d2dade;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.scroll-cue i{position:relative;width:20px;height:32px;border:1px solid rgba(255,255,255,.5);border-radius:999px}.scroll-cue i:after{content:'';position:absolute;top:6px;left:50%;width:3px;height:7px;border-radius:4px;background:#5ad8cf;translate:-50% 0;animation:scrollDot 1.5s ease-in-out infinite}@keyframes scrollDot{60%,100%{translate:-50% 11px;opacity:0}}@media(max-width:800px){.book-scroll{height:220vh}.book-scroll-sticky{min-height:560px}.book-scroll-shade{background:linear-gradient(0deg,rgba(4,8,11,.9),rgba(4,8,11,.1) 80%)}.book-scroll-copy{top:auto;bottom:70px;left:24px;width:calc(100% - 48px);transform:none}.book-scroll-copy h1{font-size:clamp(44px,12vw,67px)}.book-scroll-copy p{font-size:14px}.scroll-cue{right:20px;bottom:20px}.book-scroll-copy>div{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.book-scroll{height:auto}.book-scroll-sticky{position:relative;height:760px}.scroll-cue{display:none}}