:root{--nav-height:86px;--page-width:clamp(255px,24vw,355px)}
.book-journey{overflow:visible;position:relative;height:max(690px,calc(100svh - var(--nav-height)));isolation:isolate}
.book-motion-ready .book-journey{height:440svh}
.journey-sticky{position:relative;top:0;height:max(690px,calc(100svh - var(--nav-height)));overflow:hidden;background:var(--paper)}
.book-motion-ready .journey-sticky{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));min-height:440px}
.journey-sticky .hero-inner{min-height:0;height:100%;padding:0;pointer-events:none;align-items:center}
.journey-sticky .hero-copy{align-self:center;padding-bottom:55px;will-change:transform,opacity}
.journey-sticky .hero-copy a{pointer-events:auto}
.book-world{position:absolute;inset:0;perspective:1800px;perspective-origin:50% 35%;pointer-events:none}
.book-rig{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform;transform:translate3d(180px,-12px,0)}
.book-model{position:absolute;left:0;top:calc(var(--page-width) * -.7094595);width:var(--page-width);height:calc(var(--page-width) * 1.418919);transform-style:preserve-3d;transform-origin:0 50%;transform:rotateX(5deg) rotateY(-16deg) rotateZ(-7deg);will-change:transform}
.book-leaf,.book-cover,.book-back-board,.book-page-block{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 50%;border-radius:1px 5px 5px 1px}
.book-back-board{background:#365a44;transform:translateZ(-8px);box-shadow:8px 16px 25px #2933231e}
.book-page-block{transform:translateZ(-4px);background:#e6e2d4;box-shadow:1px 2px 1px #c5c4b8,3px 3px 0 #fdfbf4,4px 4px 0 #b7b9ab,6px 5px 0 #eeeadd}
.book-page-block:after{content:'';position:absolute;right:-7px;top:2px;height:calc(100% - 1px);width:9px;background:repeating-linear-gradient(90deg,#f7f4eb 0px,#f7f4eb 1px,#cbcbbb 1px,#cbcbbb 2px);transform:rotateY(90deg);transform-origin:0 50%;border-radius:0 2px 3px 0}
.book-base{transform:translateZ(0px)}
.sheet-two{transform:translateZ(3px)}
.sheet-one{transform:translateZ(6px)}
.book-cover{transform:translateZ(9px);--turn-shade:0}
.page-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fbf8ef;border-radius:1px 5px 5px 1px;box-shadow:0 0 1px #5b604b66;transform:translateZ(.3px);color:#31432f}
.page-back{transform:rotateY(180deg) translateZ(.3px);border-radius:5px 1px 1px 5px}
.page-face:before{content:'';position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(90deg,#25301c0e,transparent 18%,transparent 70%,rgb(25 35 17 / var(--turn-shade,0)));mix-blend-mode:multiply}
.page-face:after{content:'';position:absolute;left:7px;top:14px;bottom:11px;width:5px;background:radial-gradient(ellipse 2.2px 2.8px at 50% 50%,#bdc2ae 95%,transparent 100%) 0 0/5px calc((var(--page-width) * 1.418919 - 25px)/14);z-index:5}
.page-back:after{left:auto;right:7px}
.cover-face{background:#89916d url('assets/book/cover.webp') center/100% 100% no-repeat;border-radius:1px 4px 4px 1px;box-shadow:2px 2px 2px #20332630}
.cover-face:after{display:none}
.book-rings{position:absolute;left:-11px;top:0;width:22px;height:100%;transform:translateZ(15px);transform-style:preserve-3d}
.book-rings i{position:absolute;left:0;top:calc(3.8% + var(--ring) * 6.65%);width:23px;height:9px;border:2px solid #e5e6d9;border-left-color:#adb3a8;border-bottom-color:#8c9688;border-radius:50%;box-shadow:0 1px 1px #1c2d2a88,inset 0 1px 1px #fff;transform:rotateZ(-6deg) rotateX(18deg)}
.book-gutter{position:absolute;left:-4px;top:0;width:8px;height:100%;transform:translateZ(11px);background:linear-gradient(90deg,transparent,#142a2526,transparent);opacity:var(--open-amount,0)}
.book-surface-shadow{position:absolute;left:50%;top:76%;width:36%;height:6%;border-radius:50%;background:#2c3a1d12;filter:blur(22px);transform:translateX(-50%);opacity:calc(var(--open-amount,0) * .8);pointer-events:none}
.source-page>img{width:100%;height:100%;object-fit:fill;display:block}
.scene-chapter{position:absolute;top:35px;left:15%;right:15%;text-align:center;opacity:0;pointer-events:none;will-change:transform,opacity}
.scene-chapter .eyebrow{justify-content:center}
.scene-chapter h2{font-size:clamp(34px,3.25vw,49px);line-height:1.10;margin:0;letter-spacing:-.055em}
.scene-chapter h2 span{color:#8c9a80}
.journey-hero-footer{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c8570;border-top:1px solid #dce0d2;padding-top:19px;gap:20px}
.journey-hero-footer>a{display:flex;align-items:center;gap:12px}.journey-hero-footer>a .icon{width:14px;height:14px}
.scroll-book-hint{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:600;color:#66795b}
.scroll-book-hint .scroll-mouse{width:16px;height:23px;border:1px solid #91a184;border-radius:9px;display:block;position:relative}
.scroll-book-hint .scroll-mouse:after{content:'';position:absolute;width:2px;height:5px;background:#5d7a4c;left:6px;top:5px;border-radius:2px;animation:scroll-nudge 2.3s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}

.journey-controls{position:absolute;bottom:29px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;display:flex;align-items:center;gap:6px;padding:7px;background:#edeedf;border:1px solid #dde2cf;border-radius:100px;z-index:6}
.journey-controls.is-visible{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}
.journey-controls button{border:0;background:none;border-radius:100px;padding:10px 15px;font-size:10px;white-space:nowrap;color:#7c886d;transition:background .2s,color .2s}
.journey-controls button>span{font-size:8px;opacity:.6;margin-right:7px}.journey-controls button.active{background:#fff;color:#395533;box-shadow:0 2px 6px #3446220c}.journey-controls button:hover{color:#2f4b29}
.journey-meter{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);width:120px;height:2px;background:#d7ddca;display:none}.book-motion-ready .journey-meter{display:block}.journey-meter-fill{width:100%;height:100%;background:#648755;transform:scaleX(0);transform-origin:left}

.book-layout-note{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:.03em;color:#9aa48c;opacity:0;transition:opacity .3s;pointer-events:none}
.book-fallback-note{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){:root{--page-width:380px}.scene-chapter{top:50px}.scene-chapter h2{font-size:53px}}
@media(max-width:1150px){:root{--page-width:clamp(235px,27vw,310px)}.scene-chapter h2{font-size:39px}.journey-sticky .hero-copy{padding-bottom:30px}}
@media(max-width:850px){:root{--nav-height:76px;--page-width:235px}.scene-chapter h2{font-size:35px}.scene-chapter{top:45px}.journey-controls button{font-size:9px;padding:10px 12px}.journey-controls button>span{margin-right:5px}.journey-hero-footer{font-size:9px}.scroll-book-hint{font-size:9px}.book-layout-note{bottom:94px}}
@media(max-width:600px){:root{--nav-height:71px;--page-width:min(43vw,178px)}.book-journey{height:max(730px,calc(100svh - var(--nav-height)))}.book-motion-ready .book-journey{height:370svh}.journey-sticky{height:max(730px,calc(100svh - var(--nav-height)))}.book-motion-ready .journey-sticky{min-height:520px;height:calc(100svh - var(--nav-height))}.journey-sticky .hero-inner{display:block;padding-top:37px}.journey-sticky .hero-copy{padding:0}.journey-sticky .hero h1,.journey-sticky h1{font-size:clamp(56px,14vw,76px);margin-bottom:19px}.journey-sticky .hero-description{font-size:13px;line-height:1.6;margin-bottom:20px}.journey-sticky .hero-cta .button{font-size:10px;padding:13px 17px}.journey-sticky .quiet-price strong{font-size:13px}.journey-sticky .quiet-price span{font-size:8px}.book-world{perspective:1100px;perspective-origin:50% 40%}.book-model{top:calc(var(--page-width) * -.7094595)}.book-rig{transform:translate3d(-125px,175px,0) scale(1.48)}.book-rings{width:15px;left:-7px;transform:translateZ(15px)}.book-rings i{width:15px;height:6px;border-width:1.5px}.page-face:after{left:4px;width:3px;background-size:3px calc((var(--page-width) * 1.418919 - 25px)/14)}.page-back:after{left:auto;right:4px}.journey-hero-footer{bottom:14px;font-size:8px;padding-top:16px;gap:12px}.journey-hero-footer>span:first-child{display:none}.journey-hero-footer>a{font-size:8px;gap:5px}.scroll-book-hint{font-size:9px;gap:9px}.scroll-book-hint .scroll-mouse{height:20px;width:14px}.scroll-book-hint .scroll-mouse:after{left:5px;top:4px}.scene-chapter{left:7%;right:7%;top:63px}.scene-chapter h2{font-size:35px}.journey-controls{bottom:36px;padding:5px;gap:2px;max-width:calc(100% - 26px)}.journey-controls button{padding:11px 9px;font-size:9px}.journey-controls button>span{display:none}.book-layout-note{bottom:100px;font-size:7px}.journey-meter{bottom:18px;width:85px}.book-surface-shadow{width:76%;height:4%;top:70%;filter:blur(14px)}}
@media(max-width:600px) and (max-height:740px){.journey-sticky .hero-inner{padding-top:29px}.journey-sticky h1{font-size:55px;line-height:1.02;margin-bottom:15px}.journey-sticky .hero-description{font-size:12px;margin-bottom:14px}.journey-sticky .hero-cta .button{font-size:9px;padding:11px 15px}.scene-chapter{top:38px}.scene-chapter h2{font-size:30px}.book-layout-note{bottom:92px}}
@media(max-width:600px) and (max-height:650px){
  .book-motion-ready .journey-sticky{min-height:0}
  .book-motion-ready .journey-sticky .hero-inner{padding-top:20px}
  .book-motion-ready .journey-sticky h1{font-size:clamp(40px,12vw,49px);line-height:1.02;margin-bottom:12px}
  .book-motion-ready .journey-sticky .hero-description{font-size:11px;line-height:1.55;margin-bottom:13px}
  .book-motion-ready .scene-chapter{top:22px}
  .book-motion-ready .scene-chapter h2{font-size:26px}
  .book-motion-ready .journey-controls{bottom:28px}
  .book-motion-ready .journey-meter{bottom:12px}
  .book-motion-ready .book-layout-note{bottom:80px}
  .book-motion-ready .journey-hero-footer{bottom:12px;padding-top:12px}
}
@media(prefers-reduced-motion:reduce),(orientation:landscape) and (max-height:600px){.book-journey,.book-motion-ready .book-journey{height:730px}.journey-sticky,.book-motion-ready .journey-sticky{position:relative;top:0;height:730px}.scene-chapter,.journey-controls,.journey-meter,.book-layout-note{display:none!important}.scroll-book-hint{display:none}.journey-hero-footer>span:first-child{display:block}.book-fallback-note{display:block}.scroll-book-hint .scroll-mouse:after{animation:none}.journey-sticky .hero-copy{opacity:1!important;visibility:visible!important}}