@keyframes avatarPeek{0%{bottom:-45%;right:-100%;transform:rotate(0deg)}10%{bottom:-45%;right:-100%;transform:rotate(0deg)}30%{bottom:-45%;right:0;transform:rotate(0deg)}50%{bottom:-80%;right:0;transform:rotate(0deg)}55%{bottom:-80%;right:0;transform:rotate(-10deg)}100%{bottom:0;right:0;transform:rotate(-10deg)}}.avatar-wrapper{grid-area:photo;display:block;max-width:400px;width:100%;border:3px solid #000;left:0;border-radius:100%;background:#fff;position:relative;margin:50px auto}.avatar-wrapper::after{display:inline-block;content:"";height:0;width:1px;padding:0 0 100%}@media screen and (min-width: 800px){.avatar-wrapper{position:sticky;top:150px;margin-top:0}}.avatar-wrapper .avatar-outer{position:absolute;bottom:0;left:0;width:100%;height:200%;overflow:hidden;border-bottom-left-radius:400px;border-bottom-right-radius:400px}.avatar-wrapper .avatar{position:absolute;bottom:0;right:0;width:115%;max-width:115%;height:auto;transform:rotate(-10deg);animation:avatarPeek 5s}.about-main .jack-quote{display:block;margin-right:auto;text-align:right;font-size:2.4em;line-height:1.6;margin:0 0 1lh;font-weight:bold;color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000}.about-main p{margin-bottom:1lh}.about-main p:last-child{margin:0}.about-main .body-box{display:block;max-width:60em;margin-left:auto}.about-main a{color:inherit;font-weight:bold;position:relative;bottom:0;transition:bottom .3s;display:inline-block}.about-main a:hover,.about-main a:focus-visible{bottom:.2lh}.about-main h2{margin:1.5lh 0 .5lh;font-size:1.8em;position:relative;display:inline-block}.about-main h2::before{content:"";height:2px;width:3ex;background:#000;position:absolute;top:-0.3lh;left:0}.about-main .avatar-wrapper{position:relative;grid-area:avatar}