/* /assets/maple-leaf.css
 * Maple brand floating leaf — shared visual identity across all Maple sites.
 * Replicated from mapleworksuite.com for maple-book.ca.
 */
.maple-hero-leaf {
    position: fixed;
    top: -2rem;
    right: -4rem;
    font-size: 24rem;
    line-height: 1;
    opacity: 0.10;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    animation: mapleLeafFloat 8s ease-in-out infinite;
}
@keyframes mapleLeafFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-20px); }
}
@media (max-width: 768px) {
    .maple-hero-leaf { font-size: 14rem; top: -2rem; right: -3rem; opacity: 0.07; }
}
@media (prefers-reduced-motion: reduce) {
    .maple-hero-leaf { animation: none; }
}