/* The outer layer reveals the page; its inner image independently pans and zooms. */
.calendar-landscape {overflow:hidden;background-image:none!important}
.calendar-landscape::before {
 content:'';position:absolute;left:0;top:0;width:100%;height:100%;
 background-image:linear-gradient(rgba(242,245,243,.16),rgba(239,244,244,.24)),url('assets/peak-sketch.png');
 background-size:cover;background-position:center bottom;
 transform-origin:0 0;
}
body.overview-theme .calendar-landscape {animation:overview-landscape-reveal 1.8s ease both}
body.overview-theme .calendar-landscape::before {
 background-image:linear-gradient(rgba(242,245,243,.16),rgba(239,244,244,.24)),url('assets/overview-sketch.png');
}
body.news-theme .calendar-landscape {animation:news-landscape-reveal 1.8s ease both}
body.news-theme .calendar-landscape::before {
 width:var(--news-image-width,100%);height:var(--news-image-height,100%);
 background-image:linear-gradient(rgba(242,245,243,.16),rgba(239,244,244,.24)),url('assets/news-sketch.png');
 background-size:100% 100%;
 transform:var(--news-image-transform,translate3d(0,0,0));
 transition:transform 1.35s cubic-bezier(.22,.61,.36,1);
}
@keyframes overview-landscape-reveal {from{opacity:0;transform:scale(1.015)}to{opacity:.64;transform:scale(1)}}
@keyframes news-landscape-reveal {from{opacity:0;transform:scale(1.015)}to{opacity:.64;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
 body.overview-theme .calendar-landscape,body.news-theme .calendar-landscape {animation:none}
 body.news-theme .calendar-landscape::before {transition:none}
}