/* Motion belongs to pages opening, the rhythm of listening, and returning. */
:root{--arrival:cubic-bezier(.16,1,.3,1)}
::selection{background:#d7dfc8;color:#252923}
.motion-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:10px 0;min-height:44px;font-size:12px;color:var(--muted)}
.motion-toggle svg,.replay-motion svg{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.motion-toggle:hover,.replay-motion:hover{color:var(--olive)}
.book-study{width:440px;max-width:100%;position:relative;perspective:900px}
.book-theatre{position:relative;width:100%;aspect-ratio:1.15;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--arrival)}
.book-emblem{position:absolute;inset:9% 8% 1%;transform-style:preserve-3d}
.book-emblem>img{width:100%;height:100%;object-fit:contain}
.book-half{display:none;position:absolute;inset:0;backface-visibility:hidden}
.book-half img{width:100%;height:100%;object-fit:contain}
.left-half{clip-path:inset(0 50% 0 0);transform-origin:50% 87%}
.right-half{clip-path:inset(0 0 0 50%);transform-origin:50% 87%}
.page-contours{position:absolute;inset:0;width:100%;height:100%;stroke:var(--bronze);stroke-width:.85;opacity:.45}
.page-contours path{stroke-dasharray:500;stroke-dashoffset:0}
.book-study figcaption{text-align:center;margin-block-start:2px}
.replay-motion{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;color:var(--muted);border:0;background:none;padding:12px;min-height:44px}
.motion-enabled .book-study.is-opening .book-emblem>img{opacity:0}
.motion-enabled .book-study.is-opening .book-half{display:block}
.motion-enabled .is-opening .left-half{animation:open-left .9s var(--arrival) both}
.motion-enabled .is-opening .right-half{animation:open-right .9s var(--arrival) both}
.motion-enabled .is-opening .page-contours path{animation:draw-pages 1.45s var(--arrival) both}
.motion-enabled .is-opening .contour-left path:nth-child(2),.motion-enabled .is-opening .contour-right path:nth-child(2){animation-delay:.09s}
.motion-enabled .is-opening .contour-left path:nth-child(3),.motion-enabled .is-opening .contour-right path:nth-child(3){animation-delay:.18s}
.motion-enabled .cover-copy.is-arriving{animation:cover-arrival .8s var(--arrival) both}
.primary{transition:background .18s,transform .25s var(--arrival),box-shadow .25s}
.primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #25292318}
.primary:active{transform:translateY(0) scale(.98)}
.experience{align-items:center;padding-block:85px 95px;gap:100px}
.chapter-exhibit{gap:0;min-width:0;padding:0}
.chapter-tabs{display:grid;grid-template-columns:repeat(3,1fr);position:relative;border-block-end:1px solid var(--line)}
.chapter-tabs button{font:inherit;font-size:15px;background:none;border:0;color:var(--muted);padding:16px 12px;min-height:50px}
.chapter-tabs button[aria-selected="true"]{color:var(--olive)}
.chapter-tabs button:hover{color:var(--ink)}
.chapter-underline{position:absolute;inset-block-end:-1px;inset-inline-start:0;width:33.333%;height:2px;background:var(--olive);transform:translateX(var(--tab-offset,0%));transition:transform .4s var(--arrival)}
html[dir="rtl"] .chapter-underline{transform:translateX(calc(-1 * var(--tab-offset,0%)))}
.chapter-art{height:235px;position:relative;margin-block:20px 10px;overflow:hidden}
.folio-art{width:100%;height:100%;stroke:var(--olive);stroke-width:1.35;position:absolute;inset:0;transition:opacity .35s,transform .55s var(--arrival)}
.folio-leaves{fill:#f1eee3;transform-origin:center bottom;transform-box:fill-box}
.folio-lines{stroke:var(--bronze);stroke-width:1.05;opacity:.7;transition:opacity .3s}
.folio-bookmark{fill:var(--olive);stroke:none;transform:translateY(-90px);opacity:0;transition:transform .6s var(--arrival),opacity .3s}
.chapter-exhibit[data-chapter="reflect"] .folio-bookmark{transform:translateY(0);opacity:1}
.chapter-exhibit[data-chapter="reflect"] .folio-lines{opacity:.28}
.chapter-exhibit[data-chapter="listen"] .folio-art{opacity:0;transform:scale(.93)}
.listening-wave{height:100%;display:flex;gap:10px;align-items:center;justify-content:center;position:absolute;inset:0;opacity:0;transform:scale(.94);transition:opacity .35s,transform .5s var(--arrival)}
.listening-wave span{display:block;width:3px;height:var(--height);border-radius:3px;background:var(--olive);transform:scaleY(.6);transform-origin:center}
.chapter-exhibit[data-chapter="listen"] .listening-wave{opacity:1;transform:scale(1)}
.motion-enabled .chapter-exhibit[data-chapter="listen"].in-view .listening-wave span{animation:voice-rhythm 2.4s ease-in-out calc(var(--bar) * -.12s) infinite alternate}
.chapter-panels{min-height:155px}
.chapter-panels article[hidden]{display:none}
.chapter-panels article:focus-visible{outline:2px solid var(--olive);outline-offset:7px}
.motion-enabled .chapter-panels article.is-entering{animation:chapter-arrival .35s var(--arrival)}
.closing{position:relative;padding-block-start:105px}
.closing-pages{height:92px;width:100px;margin:0 auto 27px;position:relative}
.closing-pages span{position:absolute;inset:5px 21px;border:1px solid #ac8c6890;border-radius:2px;background:var(--paper);transform-origin:50% 105%;transition:transform .9s var(--arrival)}
.closing-pages span:nth-child(1){transform:rotate(-18deg)}.closing-pages span:nth-child(2){transform:rotate(-6deg)}.closing-pages span:nth-child(3){transform:rotate(6deg)}.closing-pages span:nth-child(4){transform:rotate(18deg)}
.motion-enabled .closing.in-view .closing-pages span:nth-child(1){transform:rotate(-29deg)}.motion-enabled .closing.in-view .closing-pages span:nth-child(2){transform:rotate(-10deg)}.motion-enabled .closing.in-view .closing-pages span:nth-child(3){transform:rotate(10deg)}.motion-enabled .closing.in-view .closing-pages span:nth-child(4){transform:rotate(29deg)}
.faq>div{transform-origin:top}
.motion-paused *{animation-play-state:paused!important}
.motion-off .book-theatre{transform:none}.motion-off .replay-motion{display:none}
.motion-off .page-contours path{stroke-dashoffset:0}.motion-off .primary{transform:none!important;box-shadow:none!important}
@keyframes open-left{from{transform:rotateY(55deg) rotateZ(7deg);opacity:.25}to{transform:rotateY(0) rotateZ(0);opacity:1}}
@keyframes open-right{from{transform:rotateY(-55deg) rotateZ(-7deg);opacity:.25}to{transform:rotateY(0) rotateZ(0);opacity:1}}
@keyframes draw-pages{from{stroke-dashoffset:500;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes cover-arrival{from{transform:translateY(9px);opacity:.5}to{transform:translateY(0);opacity:1}}
@keyframes chapter-arrival{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes voice-rhythm{0%{transform:scaleY(.45)}35%{transform:scaleY(.9)}65%{transform:scaleY(.62)}100%{transform:scaleY(1)}}
@media(min-width:1500px){.book-study{width:480px}}
@media(max-width:850px){.book-study{width:330px}.cover{gap:45px}.experience{gap:45px}.listening-wave{gap:8px}}
@media(max-width:600px){.masthead nav{gap:18px}.motion-toggle{position:fixed;inset-inline-end:16px;inset-block-end:16px;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:10px 12px;z-index:5;box-shadow:0 4px 12px #2529230b}.book-study{width:255px;margin-block-start:-17px}.book-study figcaption{margin-block-start:-7px}.cover{gap:5px;padding-block-start:20px}.cover-copy{margin-block-start:13px}.experience{padding-block:55px;gap:25px}.chapter-art{height:220px}.chapter-panels{min-height:155px}.closing{padding-block-start:70px}.footer{padding-block-end:82px}.listening-wave{gap:9px}}
@media(prefers-reduced-motion:reduce){.book-theatre{transform:none!important}.book-half{display:none!important}.book-emblem>img{opacity:1!important}.page-contours path{stroke-dashoffset:0!important}.motion-toggle,.replay-motion{display:none}.chapter-panels article{opacity:1;transform:none}.primary{transform:none!important;box-shadow:none!important}.closing-pages span{transition:none}.footer{padding-block-end:38px}}
.motion-off *{animation:none!important;transition:none!important}