/* Jess's illustrated objects are the visual language. Motion gives them weight and intent. */
@media(min-width:901px){.hero{height:auto;min-height:0;max-height:none;padding-top:110px;padding-bottom:235px}.hero-inner{align-items:center}.jess-card{width:clamp(270px,25vw,340px)}.hand img{height:210px;width:100%;max-height:none;object-fit:contain;object-position:bottom}}
.wave-hello{display:inline-flex;align-items:center;gap:12px;position:relative;z-index:30;margin:12px 20px 12px 0;border:1px solid #fff6e950;background:#063d4340;color:var(--cream);border-radius:40px;padding:8px 20px 8px 12px;font:700 14px 'Nunito';cursor:pointer;box-shadow:0 4px 0 #03394050;transition:background .2s,transform .2s}
.wave-hello:hover{background:#063d4380;transform:translateY(-2px)}.wave-hello:active{transform:translateY(2px)}.wave-hello img{width:23px;height:35px;object-fit:contain;transform:rotate(-12deg)}.wave-reply{font:25px 'Patrick Hand';color:var(--gold);display:inline-block;transform:rotate(-7deg);vertical-align:middle}.jess-card{perspective:1200px}.wave-hello:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.premise .belong{position:relative;display:inline-block}.belong-ring{position:absolute;left:-9%;top:-6%;width:118%;height:118%;overflow:visible;pointer-events:none;transform:rotate(-6deg)}.belong-ring path{fill:none;stroke:var(--coral);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s cubic-bezier(.22,.8,.2,1)}.premise.magic-arrived .belong-ring path{stroke-dashoffset:0}
.pstop .picon{transform:translateY(calc(var(--arrival,0)*28px)) rotate(calc(var(--arrival,0)*-18deg)) scale(calc(.86 + var(--settled,1)*.14));filter:drop-shadow(0 10px 8px #0003)}.pstop .ghost{opacity:calc(.07 + var(--settled,1)*.05);transform:translateX(calc(var(--arrival,0)*35px))}.pstop .ppill{position:relative}.pstop .ppill::after{content:'';position:absolute;height:3px;left:0;bottom:-13px;width:54px;background:var(--gold);transform:scaleX(var(--settled,1));transform-origin:left;border-radius:3px}.flight-path path.flight-ink{stroke:var(--gold);stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--flight-progress,0))}
.dcard::after{content:'';position:absolute;inset:5px;pointer-events:none;border:1px solid #142d3217;border-radius:inherit}.dcard{box-shadow:inset 0 2px 0 #ffffffa0,0 28px 30px -14px #182c3245,7px 7px 0 -4px #fff6e990;backface-visibility:hidden}.dcard .badge{transform:rotate(-8deg);transition:transform .65s cubic-bezier(.2,1.7,.35,1)}.dcard[data-active=true] .badge{transform:rotate(4deg)}.dcard .num{letter-spacing:.2em}.deck-sky{background-image:radial-gradient(circle at 18% 25%,#ffffff60,transparent 35%),repeating-linear-gradient(0deg,transparent 0 30px,#13455108 30px 31px)}
.slide-stage{isolation:isolate;perspective:1000px}.stage-orbit{position:absolute;inset:8% 8%;border:1px solid #fff6e926;border-radius:50%;transform:rotate(-20deg);z-index:-1;pointer-events:none}.stage-orbit::after{content:'';position:absolute;inset:12%;border:1px dashed #fff6e92b;border-radius:50%;transform:rotate(40deg)}.stage-caption{position:absolute;bottom:15px;left:25px;font:18px 'Patrick Hand';color:var(--cream);transform:rotate(-3deg);z-index:5}.s3 .stage-caption{display:none}.slide-stage .glowblob{opacity:.55}.slide-stage::after{content:'';position:absolute;left:25%;right:25%;bottom:13%;height:15px;background:#00191c66;border-radius:50%;filter:blur(9px);z-index:-1}
.comic-cover .cov-inner{position:relative}.comic-cover .cov-pblock{width:17px;right:-15px;box-shadow:4px 3px 0 #0a303e80,7px 10px 12px #06333a33}.comic-cover:focus-visible{outline:3px solid var(--teal);outline-offset:15px}.comic-closed{perspective:1600px}.comic-ticket{display:block;position:absolute;left:calc(50% - 250px);top:43%;width:130px;text-align:left;font:24px/1.2 'Patrick Hand';color:var(--coral);transform:rotate(-11deg)}.comic-ticket svg{width:110px;height:55px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.shelf-wrap{max-width:940px;padding:55px 70px 0;border-radius:190px 190px 3px 3px;background:radial-gradient(ellipse at 50% 35%,#51432944,transparent 75%),#0a1015;box-shadow:inset 0 20px 55px #0006,0 25px 50px #0002}.shelf{gap:36px;min-height:460px}.spine{--vw:clamp(96px,10.4vw,138px);perspective:1000px}.spine .book{mask:linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent)}.spine img{filter:brightness(1.28) contrast(1.07);mix-blend-mode:normal}.spine.selected{transform:translateY(-24px) rotate(-4deg);filter:drop-shadow(12px 28px 12px #0007)}.spine .glint{background:linear-gradient(155deg,transparent 30%,#ffe6a328 47%,#fff6dc66 50%,transparent 60%)}.paper-bookmark{position:absolute;top:6px;left:12px;width:20px;height:0;overflow:hidden;background:#e46550;color:#fff6e9;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);font:800 10px 'Nunito';padding-top:0;transition:height .4s,padding .4s;z-index:4}.spine[data-bookmarked=true] .paper-bookmark{height:46px;padding-top:8px}.shelf-caption{bottom:-42px;font-size:17px}.shelf-index{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:940px;margin:75px auto 0}.shelf-index button{border:0;border-top:1px solid #e7c87840;background:none;text-align:left;padding:15px 0;color:var(--cream);cursor:pointer;font:500 19px/1.25 Georgia,serif;position:relative}.shelf-index button:hover,.shelf-index button:focus-visible{color:var(--gold)}.shelf-index .shelf-number{display:block;font:800 10px 'Nunito';letter-spacing:.16em;color:var(--gold);margin-bottom:10px}.shelf-index small{display:block;font:500 11px/1.6 'Nunito';color:#e7dbc6;margin-top:12px}.shelf-index button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.lib-sec.open .shelf-index{display:none}
.connect-card{perspective:1000px}.connect-card::before{content:'';position:absolute;inset:9px;border:1px solid #0e6b7326;pointer-events:none}.postcard-stamp{position:absolute;right:25px;top:22px;width:48px;height:58px;padding:9px 6px;border:1px dashed #0e6b7370;transform:rotate(7deg);background:#ebdebe}.postcard-stamp img{height:100%;width:100%;object-fit:contain}.connect-card .hi{padding-right:40px}.connect-card .ps{border-top:1px solid #0e6b7320;padding-top:16px}.outro-plane{transform-origin:center;position:relative;z-index:3}
.shelf-cover{position:absolute;inset:0 auto 0 45%;width:calc(var(--vw)*2.35);height:100%;opacity:0;transform:rotateY(88deg);transform-origin:left;transform-style:preserve-3d;pointer-events:none;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .25s;border-radius:2px 5px 5px 2px;box-shadow:14px 18px 18px #0005}.shelf-cover .cloth-cover{padding:25px;box-shadow:inset 8px 0 6px #0006,inset 11px 0 0 #ffffff16,inset -2px 0 2px #ffffff40;border-radius:inherit}.shelf-cover::after{content:'';position:absolute;top:5px;bottom:5px;right:-8px;width:8px;background:repeating-linear-gradient(0deg,#e4d6b9 0 1px,#fff6e9 1px 3px);transform:skewY(5deg)}.shelf-cover .bc-t{font-size:clamp(27px,2.6vw,35px)}.shelf-cover .bc-by{font-size:9px;margin-bottom:25px}.shelf-cover .bc-sub{font-size:20px}.shelf-cover .cover-mark{width:32px;height:32px;font-size:17px;margin-top:25px}.spine.n3 .shelf-cover{left:auto;right:20%;transform-origin:right}.spine:hover,.spine:focus-visible,.spine.selected{z-index:20}.shelf-index button{transition:color .2s}
@media(hover:hover) and (min-width:901px){.spine.previewing .shelf-cover{opacity:1;transform:rotateY(-20deg) rotateZ(1deg)}.spine.n3.previewing .shelf-cover{transform:rotateY(20deg) rotateZ(-1deg)}}
@media(hover:none),(max-width:900px){.shelf-cover{display:none}}
.spine img{mix-blend-mode:lighten}
.spine,.spine:hover,.spine:focus-visible,.spine.selected{filter:none}.spine .book{mix-blend-mode:screen}.spine img{mix-blend-mode:normal}
.spine img{filter:url(#spineMatte) brightness(1.28) contrast(1.07)}
.spine .book{box-shadow:none}.paper-bookmark{left:43%}
.wave-hello{min-height:44px}
.restart-book{border:1px solid #e7c87860;background:none;color:var(--gold);border-radius:4px;padding:12px;font:600 12px 'Nunito';min-height:44px;cursor:pointer}.comic-reader:focus,.lib-reader:focus{outline:none}.comic-reader:focus-visible,.lib-reader:focus-visible{outline:2px dashed #c99d5170;outline-offset:14px;border-radius:5px}
@media(max-width:900px) and (min-width:651px){.shelf-wrap{padding-inline:35px}.shelf{gap:24px;min-height:370px}.spine{--vw:clamp(88px,11vw,108px)}}
@media(max-width:650px){.wave-hello{font-size:12px;padding:6px 14px 6px 10px;margin-top:5px}.wave-hello img{width:19px;height:28px}.wave-reply{font-size:22px}.hero-inner{gap:20px}.hero{height:auto;min-height:865px;padding-bottom:160px}.jess-card{margin-right:20px}.hero .hand img{max-height:185px}.comic-ticket{display:none}.shelf-wrap{padding:34px 13px 0;border-radius:90px 90px 3px 3px}.shelf{gap:12px;min-height:268px}.spine{--vw:clamp(50px,16vw,70px)}.shelf-index{grid-template-columns:repeat(2,1fr);gap:10px 22px;margin-top:68px}.shelf-index button{font-size:18px;min-height:115px}.shelf-caption{font-size:14px;bottom:-42px}.stage-caption{font-size:16px;left:18px;bottom:6px}.pstop .ppill::after{bottom:-10px}.postcard-stamp{right:22px;top:18px;width:40px;height:49px}.connect-card .hi{max-width:85%;padding-right:0}}
@media(prefers-reduced-motion:reduce){.belong-ring path{stroke-dashoffset:0}.pstop .picon,.pstop .ghost{transform:none}.pstop .ppill::after{transform:none}.wave-hello:hover,.spine.selected{transform:none}.paper-bookmark{transition:none}.comic-ticket svg{display:none}}