/* Independent decorations: the photograph stays still and retains its original pixels. */
.photo-scene{position:relative;isolation:isolate;overflow:visible}
.photo-scene .photo-scene-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:32px;border:6px solid #fffdf5;box-shadow:0 18px 45px #4f518c20}
.photo-overlay{position:absolute;z-index:2;pointer-events:none;user-select:none;display:block}
.photo-scene .photo-overlay img{display:block;width:100%;height:auto;max-width:none;animation:overlay-drift 6s ease-in-out infinite}
.photo-overlay-plane{width:clamp(65px,8vw,115px);top:-13%;right:1%}
.photo-overlay-star{width:clamp(30px,4vw,52px);left:-3%;top:12%}
.photo-scene .photo-overlay-star img{animation:overlay-twinkle 5s ease-in-out infinite}
.photo-overlay-pencil{width:clamp(60px,7vw,95px);bottom:-9%;right:-2%}
.photo-scene .photo-overlay-pencil img{animation-delay:-2s}
.hero-art.photo-scene{height:auto;align-self:center;margin-block:65px 90px}
.hero-art.photo-scene .note-bottom{bottom:-52px;right:5%;z-index:3}
.about-art.photo-scene{padding:0;max-width:none;width:100%}
.about-art.photo-scene .art-sticker{z-index:3;bottom:-35px;left:10%}
@keyframes overlay-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@keyframes overlay-twinkle{0%,100%{transform:scale(.92) rotate(-10deg)}50%{transform:scale(1.07) rotate(10deg)}}
.reduce-motion .photo-scene .photo-overlay img{animation:none}
@media(max-width:900px){.photo-scene .photo-overlay img{animation-duration:8s}.hero-art.photo-scene{margin-block:50px 75px}}
@media(max-width:600px){.hero-art.photo-scene{max-width:480px;margin-block:45px 65px}.photo-scene .photo-scene-image{border-radius:22px;border-width:4px}.photo-overlay-plane{top:-17%;right:2%}.photo-overlay-star{left:-2%}.photo-overlay-pencil{right:0}.about-art.photo-scene{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.photo-scene .photo-overlay img{animation:none!important}}