/* Tactile papers and motion that responds to browsing. */
.stella-edition .cover-year{width:178px;height:178px;left:11%;bottom:0;background:url('assets/collage/craft-v2.png') 0 0 / 300% 200% no-repeat;border:0;box-shadow:none;filter:drop-shadow(1px 2px 1px #29180e35);transform:rotate(-3deg)}
.stella-edition .cover-star{background-image:url('assets/collage/craft-v2.png');background-size:300% 200%;background-position:0 100%;font-size:0;text-shadow:none;filter:drop-shadow(2px 4px 3px #26170c36)}
.stella-edition .page-star{background-image:url('assets/collage/craft-v2.png');background-size:300% 200%;background-position:0 100%}
.stella-edition .page-milkshake{background-image:url('assets/collage/craft-v2.png');background-size:300% 200%;background-position:50% 100%;width:94px;height:94px;right:7%;top:161px}
.stella-edition .page-glasses{background-image:url('assets/collage/craft-v2.png');background-size:300% 200%;background-position:100% 100%;width:106px;height:106px}
.stella-edition .note-first,.stella-edition .note-second{background:none;box-shadow:none;padding:17px 18px;isolation:isolate}
.stella-edition .note-first:before,.stella-edition .note-second:before{content:"";position:absolute;inset:-50px -12px -20px;background:url('assets/collage/craft-v2.png') 50% 0 / 300% 200% no-repeat;z-index:-1;pointer-events:none;filter:drop-shadow(2px 3px 2px #59452f2c)}
.stella-edition .note-second:before{background-position:100% 0}
.stella-edition .note-first>p,.stella-edition .note-second>p{font:30px/1.05 var(--signature);color:#50412d}
.stella-edition .note-first>.handwritten,.stella-edition .note-second>.handwritten{font:16px/1.1 var(--signature);margin-top:10px}
.stella-edition .desk-note{width:190px;min-height:0;padding:31px 23px 20px;background:none;box-shadow:none;isolation:isolate}
.stella-edition .desk-note:before{content:"";position:absolute;inset:-25px -12px -20px;background:url('assets/collage/craft-v2.png') 100% 0 / 300% 200% no-repeat;filter:drop-shadow(2px 4px 2px #2c1b1130);z-index:-1}
.stella-edition .desk-note p{font:30px/1 var(--signature);color:#4b3b28}
.stella-edition .desk-note .note-sign{font:17px/1.1 var(--signature);margin-top:10px}
.stella-edition .desk.open .desk-note{opacity:1;left:4%;top:-5px;width:240px;height:80px;padding:18px 20px;transform:rotate(-5deg)}
.stella-edition .desk.open .desk-note p{font-size:25px;white-space:nowrap}
.stella-edition .desk.open .desk-note .note-sign{font-size:15px;margin-top:6px}
.stella-edition .desk.intro-playing .intro-caption{font:24px var(--signature)}
.stella-edition .folio{transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.stella-edition .book-cover{transition:transform .65s cubic-bezier(.2,.75,.2,1),opacity .4s .3s}
.stella-edition .folio.turning .spread:not([hidden]){animation:none}
.stella-edition .scrap.motion-work{transform:perspective(850px) translate3d(calc(var(--dx,0px) + var(--mix-x,0px) + var(--hover-x,0px)),calc(var(--dy,0px) + var(--mix-y,0px) + var(--hover-y,0px) - var(--lift,0px)),0) rotate(calc(var(--angle,0deg) + var(--mix-r,0deg))) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--hover-scale,1));transition:transform .48s cubic-bezier(.2,.8,.2,1),filter .35s,box-shadow .35s;transform-origin:50% 70%;backface-visibility:hidden}
.stella-edition .motion-work.is-hovered,.stella-edition .motion-work:focus-visible{--lift:9px;--hover-scale:1.065;z-index:12;filter:drop-shadow(3px 12px 6px #37251642)}
.stella-edition .motion-work.is-hovered .scrap-label{color:#783e2e}
.stella-edition .scrap.motion-work.dragging{--lift:11px;--hover-scale:1.02;transition:none;filter:drop-shadow(4px 14px 7px #37251648)}
.stella-edition .is-exploring .motion-work:not(.is-hovered):not(:focus-visible){filter:saturate(.88);opacity:.88}
.stella-edition .motion-work{transition:opacity .3s}
.work-hover-hint{position:fixed;z-index:90;top:0;left:0;pointer-events:none;padding:8px 13px;background:#f8edce;color:#62442d;box-shadow:2px 3px 8px #2d1e1833;border-radius:2px;font:17px/1.15 var(--signature);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;white-space:nowrap}
.work-hover-hint.visible{opacity:1;visibility:visible}
.stella-edition .index-card.motion-work{transform:perspective(800px) translateY(calc(0px - var(--lift,0px))) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--hover-scale,1));transition:transform .35s,filter .35s}
.stella-edition .desk-radio,.stella-edition .desk-note{translate:var(--scene-x,0px) var(--scene-y,0px);transition:translate .65s ease,transform .5s ease,opacity .4s}
.stella-edition .vintage-decoration,.stella-edition .fabric-word{translate:calc(var(--scene-x,0px) * -.6) calc(var(--scene-y,0px) * -.6);transition:translate .7s ease}
.stella-edition .desk-radio:hover{transform:rotate(3deg) translateY(-5px)}
.stella-edition .desk-radio:hover .handwritten{color:#fff1c8}
.stella-edition .petlens-slip{transition:transform .35s,box-shadow .35s}
.stella-edition .petlens-slip:hover,.stella-edition .petlens-slip:focus-visible{transform:rotate(0) translateY(-6px);box-shadow:4px 10px 10px #45331c30}
.stella-edition .retro-window img,.stella-edition .study-ticket img{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.stella-edition .retro-window>button:hover img,.stella-edition .study-ticket>button:hover img{transform:scale(1.025)}
.stella-edition .book-footer button{transition:transform .25s,color .25s}
.stella-edition .book-footer button:last-child:hover:not(:disabled){transform:translateX(5px);color:#9c4d35}
.stella-edition .book-footer button:first-child:hover:not(:disabled){transform:translateX(-5px);color:#9c4d35}
.desk-tools>div{flex-wrap:wrap;justify-content:flex-end}
.craft-sticker{display:block;width:76px;height:76px;background:url('assets/collage/craft-v2.png') 0 100% / 300% 200% no-repeat;filter:drop-shadow(1px 2px 1px #37251626)}
.craft-sticker.craft-flower{background-position:50% 100%}
.craft-sticker.craft-heart{background-image:url('assets/collage/stationery-cutouts.png');background-position:50% 100%;background-size:300% 200%}
.stella-edition .placed-sticker{padding:0;filter:none;text-shadow:none}
.stella-edition .sticker-tray button{padding:0;transition:transform .3s}
.stella-edition .sticker-tray button:hover{transform:translateY(-6px) rotate(-5deg)}
@media(max-width:1150px){.stella-edition .note-first>p,.stella-edition .note-second>p{font-size:25px}.stella-edition .note-first>.handwritten,.stella-edition .note-second>.handwritten{font-size:14px}}
@media(max-width:760px){.stella-edition .cover-year{width:156px;height:156px;bottom:2px;left:9%;transform:rotate(-3deg)}.stella-edition .note-first,.stella-edition .note-second{padding:16px}.stella-edition .note-first>p,.stella-edition .note-second>p{font-size:26px}.stella-edition .note-first>.handwritten,.stella-edition .note-second>.handwritten{font-size:14px}.stella-edition .page-milkshake{width:70px;height:70px;top:160px;right:3%}.work-hover-hint{display:none}.desk-tools>div{justify-content:flex-start}.stella-edition .desk-note p{font-size:26px}.stella-edition .desk.open .desk-note{opacity:0;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.stella-edition .scrap.motion-work,.stella-edition .index-card.motion-work,.stella-edition .desk-radio,.stella-edition .desk-note,.stella-edition .vintage-decoration,.stella-edition .fabric-word{transition:none;translate:none}.work-hover-hint{display:none}.stella-edition .motion-work.is-hovered,.stella-edition .motion-work:focus-visible{--lift:0px;--hover-scale:1}}