/* Registered frames share the original artwork's coordinate system. */
.pet-panda{left:37.87%;top:-14.71%;width:25.66%;height:71.25%;overflow:visible}
.hero-bird{left:84.74%;top:-2.2%;width:8.427%;height:25.522%;overflow:visible}
.footer-mascot{left:10.31%;top:-10.68%;width:21.834%;height:117.333%;overflow:visible}
[data-sprite]{display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
/* First poses exist before JavaScript, and survive a failed animation load. */
[data-sprite]:not([data-sprite-ready]){background:var(--sprite-pose) center/100% 100% no-repeat}
[data-sprite="hero"]{--sprite-pose:url('../assets/site/animation-v1/frames/hero/00.png')}
[data-sprite="footer"]{--sprite-pose:url('../assets/site/animation-v1/frames/footer/00.png')}
[data-sprite="bird"]{--sprite-pose:url('../assets/site/animation-v1/frames/bird/00.png')}
[data-sprite="vine"]{--sprite-pose:url('../assets/site/animation-v1/frames/vine/00.png')}
[data-sprite="leaves"]{--sprite-pose:url('../assets/site/animation-v1/frames/leaves/00.png')}
.hero-bird canvas{transform-origin:center;will-change:transform}.hero-bird::before{display:none}
.tools-section::before,.tools-section::after{display:none}.tools-section{overflow:clip;container-type:inline-size}
/* One continuous parchment surface behind the cards and transparent edge foliage. */
.tools-paper{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.ivy-border{position:absolute;inset:0 0 auto;height:8cqw;overflow:hidden;background:transparent;pointer-events:none;z-index:2}
/* Hang over the existing parchment, leaving the title, lamps and sign clear. */
.ivy-border canvas{position:absolute;left:6.5%;width:32%;height:auto;aspect-ratio:3/1;top:-2.2cqw}
.ivy-border canvas:nth-child(2){display:none}
.ivy-border canvas:last-child{left:61%;width:19%;top:-1.3cqw}
.edge-leaves{position:absolute;top:150px;bottom:12px;width:10%;display:flex;flex-direction:column;justify-content:space-around;background:transparent;pointer-events:none;z-index:2}
.edge-leaves-left{left:-6%}.edge-leaves-right{right:-6%;transform:scaleX(-1)}
.edge-leaves canvas{width:100%;height:auto;aspect-ratio:3/4;flex:none}
.footer-mascot .wave-hearts{inset:18% 7% 10%}
@media(max-width:767px){
 .pet-panda{left:37.87%;top:-14.71%;width:25.66%;height:71.25%}
 .hero-bird{left:84.74%;top:-2.2%;width:8.427%;height:25.522%}
 .footer-mascot{left:-3%;top:auto;bottom:-7px;width:50%;height:auto;aspect-ratio:416/352;overflow:visible}
 .ivy-border{height:16cqw}.ivy-border canvas{left:20%;width:40%;top:-2.75cqw}.ivy-border canvas:last-child{display:block;left:60%;width:40%;top:-2.75cqw}
 .edge-leaves{top:230px;width:17%;bottom:40px}.edge-leaves-left{left:-11%}.edge-leaves-right{right:-11%}
}