/* A physical lesson journal lands on the original webpage. */
#pedal-experience[hidden]{display:none}
body.pedal-leaving #old-web-page{opacity:0;transition:opacity .8s ease}
#pedal-experience{position:fixed;inset:0;z-index:1002;overflow:hidden;background:rgba(240,233,220,0);color:#2f3832;font-family:Arial,Helvetica,sans-serif;transition:background .9s ease}
#pedal-experience::before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(to bottom,#fffdf3 0,#fffdf3 51px,#d4ddd4 52px,#fffdf3 53px);opacity:0;transition:opacity 1.4s ease;pointer-events:none}
#pedal-experience.is-zooming::before{opacity:1}
#pedal-experience.is-impact{background:rgba(240,233,220,.56)}
#pedal-experience.is-settled{background:#f0e9dc}
#pedal-experience *{box-sizing:border-box}
#pedal-experience .pedal-exit{position:fixed;z-index:10;left:20px;top:18px;background:#fffefaee;border:1px solid #b7ad9b;border-radius:30px;color:#344939;padding:11px 15px;font:14px Arial,sans-serif;cursor:pointer;box-shadow:0 4px 20px #3a352728}
#pedal-experience .pedal-exit:hover,#pedal-experience .pedal-exit:focus-visible{background:#f5ead0;outline:2px solid #354b39;outline-offset:2px}
#pedal-experience .pedal-impact-shadow{position:absolute;left:50%;top:78%;width:min(62vw,670px);height:55px;border-radius:50%;background:#45301f;filter:blur(22px);opacity:0;transform:translateX(-50%) scale(.38);transition:transform .18s ease-out,opacity .18s ease-out}
#pedal-experience.is-impact .pedal-impact-shadow{opacity:.43;transform:translateX(-50%) scale(1.15)}
#pedal-experience.is-settled .pedal-impact-shadow{opacity:.22;transform:translateX(-50%) scale(1)}
#pedal-experience .pedal-journal{position:absolute;z-index:2;left:50%;top:47%;width:min(72vw,680px);height:min(61vh,485px);min-height:340px;transform:translate(-50%,-50%) translateY(-130vh) rotate(18deg) rotateX(25deg) scale(.9);transform-style:preserve-3d;perspective:1100px;opacity:0;transition:transform 1.05s cubic-bezier(.2,.8,.2,1),opacity .8s ease,top 1.65s ease;filter:drop-shadow(0 24px 23px #382c205c)}
#pedal-experience.is-dropping .pedal-journal{opacity:1;animation:pedal-journal-drop 1.65s linear both}
#pedal-experience.is-settled .pedal-journal{animation:none;transform:translate(-50%,-50%) rotate(-5deg) scale(1);opacity:1}
@keyframes pedal-journal-drop{
  0%{transform:translate(-50%,-50%) translateY(-135vh) rotate(18deg) rotateX(24deg) scale(.86)}
  32%{transform:translate(-50%,-50%) translateY(-72vh) rotate(12deg) rotateX(18deg) scale(.96)}
  53%{transform:translate(-50%,-50%) translateY(-12vh) rotate(5deg) rotateX(10deg) scale(1.02)}
  59%{transform:translate(-50%,-50%) translateY(18px) rotate(-9deg) rotateX(0) scale(1.05)}
  72%{transform:translate(-50%,-50%) translateY(-43px) rotate(-1deg) rotateX(6deg) scale(.99)}
  86%{transform:translate(-50%,-50%) translateY(8px) rotate(-6deg) rotateX(1deg) scale(1.01)}
  100%{transform:translate(-50%,-50%) rotate(-5deg) rotateX(0) scale(1)}
}
#pedal-experience.is-zooming .pedal-journal{top:50%;transform:translate(-50%,-50%) rotate(0) scale(var(--pedal-final-zoom,2.1));opacity:1;transition:transform 1.65s cubic-bezier(.22,.68,.12,1),top 1.65s ease}
#pedal-experience .pedal-back-cover{position:absolute;inset:0;background:#765143;border:2px solid #54372f;border-radius:6px 17px 17px 6px;box-shadow:7px 12px 0 #c9bda3}
#pedal-experience .pedal-page{position:absolute;inset:6px 10px 8px 18px;z-index:2;padding:clamp(18px,4vw,46px);border-radius:3px 11px 11px 3px;background:repeating-linear-gradient(to bottom,#fffdf3 0,#fffdf3 31px,#d4ddd4 32px,#fffdf3 33px);box-shadow:2px 0 12px #3d312329;color:#30463a;font-family:'Segoe Print','Comic Sans MS',cursive;overflow:auto;transform-origin:2% center;backface-visibility:hidden;transition:transform 1.45s cubic-bezier(.3,.7,.2,1)}
#pedal-experience.is-page-turning .pedal-page{transform:rotateY(-165deg);overflow:hidden}
#pedal-experience .pedal-next-page{position:absolute;inset:6px 10px 8px 18px;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:3px 11px 11px 3px;background:repeating-linear-gradient(to bottom,#fffdf3 0,#fffdf3 31px,#d4ddd4 32px,#fffdf3 33px);box-shadow:2px 0 12px #3d312329}
#pedal-experience .pedal-page-phone{display:flex;align-items:center;justify-content:center;width:min(34%,185px);height:auto;aspect-ratio:390/610;max-height:80%;border-radius:14px;background:transparent;overflow:hidden}
#pedal-experience .pedal-journal-frame{display:block;flex:none;width:var(--pedal-frame-width,390px);height:var(--pedal-frame-height,710px);border:0;background:transparent;pointer-events:none;transform:scale(var(--pedal-frame-scale,.45));transform-origin:center}
#pedal-experience.is-entered .pedal-journal-frame{pointer-events:auto}
#pedal-experience .pedal-page-date{font:700 10px Arial,sans-serif;letter-spacing:.19em;color:#6b7e6b;margin-bottom:15px}
#pedal-experience .pedal-page h2{font:normal clamp(23px,3vw,35px) 'Segoe Print',cursive;margin:0 0 3px;color:#314c39}
#pedal-experience .pedal-page h3{font:normal clamp(18px,2.2vw,25px) 'Segoe Print',cursive;margin:8px 0 2px;color:#314c39}
#pedal-experience .pedal-page p{font-size:clamp(12px,1.35vw,17px);line-height:1.7;margin:0 0 13px}
#pedal-experience .pedal-page-rule{height:1px;background:#8da48e;margin:14px 0 10px}
#pedal-experience .pedal-page-label{font:700 10px Arial,sans-serif;letter-spacing:.08em;color:#667669}
#pedal-experience .pedal-cover{position:absolute;z-index:3;inset:0;transform-origin:4% center;backface-visibility:hidden;transform:rotateY(0);transition:transform 2s cubic-bezier(.2,.75,.25,1);border-radius:6px 17px 17px 6px;border:2px solid #4b332b;background:linear-gradient(100deg,#5c392f,#88604e 10%,#714a3d 72%,#59392f);box-shadow:inset 13px 0 12px #251a1859,inset 0 0 0 11px #a8816426,7px 12px 0 #c9bda3;color:#e9d8bd;display:flex;flex-direction:column;justify-content:center;padding:15%;text-shadow:0 2px 4px #37221955}
#pedal-experience .pedal-cover span{font:normal clamp(36px,5.5vw,69px)/1.1 Georgia,serif;letter-spacing:.08em}
#pedal-experience .pedal-cover small{margin-top:28px;font-size:11px;letter-spacing:.22em}
#pedal-experience.is-opening .pedal-cover{transform:rotateY(-162deg)}
#pedal-experience .pedal-info{position:fixed;z-index:8;right:24px;bottom:24px;width:min(320px,calc(100vw - 30px));background:#fffefa;color:#253a2e;border:1px solid #c9d6cb;border-radius:11px;box-shadow:0 15px 45px #10231840;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .35s ease .5s,transform .35s ease .5s;font:14px/1.5 Arial,sans-serif}
#pedal-experience.is-entered .pedal-info{opacity:1;pointer-events:auto;transform:none}
#pedal-experience .pedal-info-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 18px;border:0;background:none;color:#264d38;text-align:left;font:bold 14px Arial,sans-serif;cursor:pointer}
#pedal-experience .pedal-info-toggle span{font-size:20px;line-height:12px}
#pedal-experience .pedal-info-toggle:focus-visible{outline:2px solid #264d38;outline-offset:2px}
#pedal-experience .pedal-info-body{padding:0 18px 17px}
#pedal-experience .pedal-info-body p{margin:0 0 11px;color:#36483c}
#pedal-experience .pedal-info-body a{color:#285b45;font-size:13px}
#pedal-experience .pedal-info.is-collapsed .pedal-info-body{display:none}
@media(max-width:650px){#pedal-experience .pedal-journal{width:82vw;height:53vh;min-height:300px}#pedal-experience .pedal-page{padding:18px}#pedal-experience .pedal-page-phone{width:45%;max-height:78%}#pedal-experience .pedal-cover span{font-size:34px}#pedal-experience .pedal-exit{top:9px;left:9px;font-size:12px}#pedal-experience .pedal-info{right:10px;bottom:10px;width:min(310px,calc(100vw - 20px));max-height:40dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){body.pedal-leaving #old-web-page,#pedal-experience,#pedal-experience::before,#pedal-experience .pedal-journal,#pedal-experience .pedal-cover,#pedal-experience .pedal-impact-shadow,#pedal-experience .pedal-info{animation:none;transition-duration:.01ms}}