/* The tile remains still; only its drawing reacts to hover or keyboard focus. */
.keepsake:hover{background:transparent;transform:none}
.keepsake:focus-visible svg{transform:rotate(-8deg) scale(1.08)}
.journey-heart{position:fixed;top:0;left:0;width:60px;height:60px;transform-origin:0 0;fill:none;stroke:#9b536c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;z-index:22;pointer-events:none;opacity:.8;will-change:transform}
.journey-heart.on-dark{stroke:#e3adbc}.little-companion{stroke-width:1.3;opacity:.75}.journey-heart.is-docked{opacity:1}
.opening-active .journey-heart,body:has(dialog[open]) .journey-heart{display:none}
.heart-home{position:absolute;left:4%;bottom:80px;width:65px;height:65px;pointer-events:none}
.heart-home.static-heart:after{content:'♡';font:60px Georgia;color:#d8a4b1;line-height:1}
.margin-doodle{position:absolute;top:22px;width:55px;height:55px;fill:none;stroke:#a88068;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:.55;translate:0 calc(var(--scene-y,0px)*.45);rotate:var(--scene-angle,0deg)}
.margin-doodle path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.5s ease}.margin-doodle.drawn path{stroke-dashoffset:0}
.doodle-right{right:var(--gutter)}.doodle-left{left:var(--gutter)}
#little-world .margin-doodle{right:140px;top:20px}#film .margin-doodle{stroke:#d9b2a2}#our-future .margin-doodle{stroke:#e5cda1}.letter-section .margin-doodle{right:8%;top:55px}
@media(max-width:700px){.heart-home{left:20px;bottom:25px;width:45px;height:45px}.margin-doodle{width:32px;height:32px;top:15px}.doodle-left{left:24px}.doodle-right{right:24px}#little-world .margin-doodle{right:90px;top:15px}.letter-section .margin-doodle{top:16px;right:24px}.journey-heart{stroke-width:2.3}.journey-heart.is-docked{stroke-width:1.5}}
@media(prefers-reduced-motion:reduce){.journey-heart{display:none}.margin-doodle{translate:none;rotate:none}.margin-doodle path{stroke-dashoffset:0;transition:none}.keepsake:focus-visible svg{transform:none}}