/* Illustrated preview pages sit on a small stack of paper. */
.peek-page.peek-book{position:relative;isolation:isolate;width:100%;max-width:430px;margin:10px auto 17px;padding:10px 12px 12px 16px;background:#fff8e8;border:1px solid #d9c9a6;border-radius:3px 8px 8px 3px;box-shadow:2px 3px 0 #ddceb1,5px 6px 0 #fff5df,8px 9px 0 #b8a887,0 18px 24px #020a2466;perspective:1400px;touch-action:pan-y pinch-zoom;user-select:none}
.peek-page.peek-book:before,.peek-page.peek-book:after{content:'';position:absolute;inset:3px;border:1px solid #c4b494;border-radius:3px 7px 7px 3px;background:#fff6e2;pointer-events:none;z-index:-1}
.peek-page.peek-book:before{transform:translate(-7px,4px) rotate(-2.4deg)}
.peek-page.peek-book:after{transform:translate(5px,7px) rotate(1.8deg)}
.peek-book:focus-visible{outline:3px solid #74ddd7;outline-offset:12px}
.peek-leaf{background:#fff9ed;backface-visibility:hidden;transform-style:preserve-3d}
.peek-leaf-current{position:relative;z-index:1}
.peek-leaf-outgoing{position:absolute;inset:10px 12px 12px 16px;z-index:2;pointer-events:none}
.peek-page.peek-book .peek-leaf img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none;border-radius:1px;-webkit-user-drag:none;pointer-events:none}
.peek-leaf:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 5px 0 10px -9px #332311}
.peek-leaf-current[data-direction='next']{transform-origin:left center;animation:peek-page-arrive-next .46s ease-out both}
.peek-leaf-current[data-direction='previous']{transform-origin:right center;animation:peek-page-arrive-previous .46s ease-out both}
.peek-leaf-outgoing[data-direction='next']{transform-origin:left center;animation:peek-page-turn-next .46s cubic-bezier(.3,.05,.3,1) both}
.peek-leaf-outgoing[data-direction='previous']{transform-origin:right center;animation:peek-page-turn-previous .46s cubic-bezier(.3,.05,.3,1) both}
@keyframes peek-page-arrive-next{from{transform:translateX(12px) rotateY(8deg);opacity:.6}to{transform:none;opacity:1}}
@keyframes peek-page-arrive-previous{from{transform:translateX(-12px) rotateY(-8deg);opacity:.6}to{transform:none;opacity:1}}
@keyframes peek-page-turn-next{0%{transform:rotateY(0);opacity:1}55%{opacity:.85}100%{transform:rotateY(-105deg) translateX(-8px);opacity:0}}
@keyframes peek-page-turn-previous{0%{transform:rotateY(0);opacity:1}55%{opacity:.85}100%{transform:rotateY(105deg) translateX(8px);opacity:0}}
html[data-motion='off'] .peek-leaf{animation:none!important;transition:none!important}
html[data-motion='off'] .peek-leaf-outgoing{display:none}
@media(prefers-reduced-motion:reduce){.peek-leaf{animation:none!important;transition:none!important}.peek-leaf-outgoing{display:none}}
@media(max-width:700px){.peek-page.peek-book{width:calc(100% - 18px);max-width:380px;margin:7px auto 15px}}

/* A quiet ending, using the same book lettering as the masthead. */
footer.storybook-footer{max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:46px 36px 58px;border-top:1px solid #f8d26c30}
.footer-logo-frame{position:relative;width:min(880px,100%);aspect-ratio:10/1;overflow:hidden}
.footer-book-logo{position:absolute;display:block;width:100%;height:auto;max-height:none;left:0;top:50%;transform:translateY(-49.3%);filter:drop-shadow(0 2px 2px #08162c99)}
footer.storybook-footer>p{max-width:640px;margin:0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.6;color:#dbe4f0}
@media(max-width:700px){footer.storybook-footer{gap:16px;padding:30px 22px 38px}footer.storybook-footer>p{max-width:330px;font-size:.88rem}}

/* Keep the longer author label readable in the existing navigation. */
header.mission-navigation nav a[href='/about/']{white-space:normal;line-height:1.35;text-wrap:balance}