.motion-toolbar{display:flex;justify-content:flex-end;min-height:26px;padding-top:7px}
#motion-toggle{background:none;border:0;border-bottom:1px solid var(--line);padding:3px 0;color:var(--muted);font-size:10px;line-height:1.6;min-height:26px}
#motion-toggle:hover{color:var(--blue);border-color:var(--accent)}
.book-journey{padding:20px 0 65px}
.journey-heading{max-width:650px;margin-bottom:40px}
.journey-heading>p:not(.eyebrow){max-width:460px;margin-top:23px;font-size:14px;color:var(--muted);line-height:1.85}
.journey-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}
.journey-art{min-width:0}
.journey-stage{background:#eae3d6;border:1px solid var(--line);border-radius:200px 200px 3px 3px;padding:38px 30px 20px;display:flex;flex-direction:column;gap:30px;isolation:isolate}
.journey-layer{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.journey-cover{width:230px;max-width:65%;height:auto;box-shadow:9px 16px 26px #142a4630;transform:rotate(-4deg)}
.journey-practice{width:235px;max-width:65%;height:auto;box-shadow:8px 12px 25px #142a4626}
.journey-pages{position:relative;width:100%;height:330px;max-width:430px}
.journey-pages img{position:absolute;width:53%;height:auto;max-height:330px;object-fit:contain;box-shadow:5px 10px 20px #142a4625}
.journey-pages img:first-child{left:3%;top:0;transform:rotate(-7deg)}
.journey-pages img:last-child{right:3%;top:18px;transform:rotate(6deg)}
.journey-layer figcaption{text-align:center;font-size:8px;letter-spacing:.12em;color:var(--accent);line-height:1.6}
.journey-step{padding:28px 0 45px;border-bottom:1px solid var(--line)}
.journey-step:last-child{border-bottom:0}
.journey-number{font-size:10px;color:var(--accent);letter-spacing:.13em}
.journey-step h3{font-size:39px;margin:22px 0}
.journey-step p{font-size:14px;line-height:1.85;color:var(--muted);max-width:340px}
.journey-step .link{margin-top:22px}
.journey-progress{display:none;justify-content:center;gap:8px;margin-top:18px}
.journey-progress span{width:32px;height:2px;background:#cfc4b1}
.journey-progress .is-active{background:var(--accent)}
/* Scroll presentation is opt-in. Default and reduced-motion views show every page. */
@media(min-width:901px) and (min-height:560px){
 .motion-enabled .journey-art{position:sticky;top:max(35px,calc((100svh - 480px)/2))}
 .motion-enabled .journey-stage{display:block;height:455px;padding:0;position:relative}
 .motion-enabled .journey-layer{position:absolute;inset:35px 25px 20px;opacity:0;transform:translateY(28px) scale(.97);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none;visibility:hidden}
 .motion-enabled .journey-layer.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible}
 .motion-enabled .journey-step{min-height:380px;display:flex;flex-direction:column;justify-content:center;padding:40px 0;border:0}
 .motion-enabled .journey-step h3{margin-block:20px}
 .motion-enabled .journey-step .link{align-self:flex-start}
 .motion-enabled .journey-progress{display:flex}
 .motion-enabled .hero-art-frame img{transform:translateY(var(--hero-shift,0px)) scale(1.04)}
}
@media(max-width:1050px){.journey-layout{gap:45px}.journey-step h3{font-size:35px}.journey-pages{height:290px}.journey-pages img{max-height:290px}}
@media(max-width:900px){
 .book-journey{padding:0 0 50px}
 .journey-heading{margin-bottom:28px}
 .journey-heading h2{font-size:37px}
 .journey-heading>p:not(.eyebrow){font-size:13px;margin-top:20px}
 .journey-layout{display:flex;flex-direction:column;gap:0}
 .journey-art,.journey-copy{display:contents}
 .journey-stage{display:contents}
 .journey-layer{width:100%;background:#eae3d6;border:1px solid var(--line);padding:28px 20px 20px;margin-top:18px;border-radius:110px 110px 3px 3px}
 .journey-layer[data-layer="0"]{order:1}.journey-step[data-step="0"]{order:2}
 .journey-layer[data-layer="1"]{order:3}.journey-step[data-step="1"]{order:4}
 .journey-layer[data-layer="2"]{order:5}.journey-step[data-step="2"]{order:6}
 .journey-step{width:100%;padding:25px 0 30px}
 .journey-cover,.journey-practice{width:185px;max-width:60%}
 .journey-pages{height:285px;max-width:390px}
 .journey-pages img{max-height:265px;width:48%}
 .journey-layer figcaption{font-size:7px;letter-spacing:.08em}
 .journey-step h3{font-size:33px;margin-block:16px}
 .journey-step p{font-size:13px;max-width:100%}
 .journey-step .link{margin-top:17px}
}
@media(prefers-reduced-motion:reduce){
 .motion-enabled .journey-layer{transition:none!important}
 .motion-enabled .hero-art-frame img{transform:none}
}
