/* style.css */
.material-symbols-outlined { 
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; 
}
.fill-icon { 
    font-variation-settings: 'FILL' 1; 
}
        
/* スクロールでジンワリ現れるアニメーション */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    filter: blur(3px); 
    
    /* 秒数を 1.5s から 2.5s に変更して、さらにゆっくりに */
    transition: opacity 2.5s cubic-bezier(0.25, 1, 0.5, 1),
                transform 2.5s cubic-bezier(0.25, 1, 0.5, 1),
                filter 2.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
        
/* Organic Wave Divider */
.wave-divider {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}
.wave-divider svg {
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}