body {
    font-family: 'Noto Serif JP', serif;
}

/* 木目テクスチャ */
.wood-texture {
    background-color: #d7ccc8;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05 1' numOctaves='3' result='noise'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 0.8 0 0 0 0 0 0.6 0 0 0 0 0 1 0' in='noise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='0.3'/%3E%3C/svg%3E");
    background-size: cover;
}

/* タイムラインセクション */
.timeline-section {
    min-height: 300vh; /* 長くする */
    position: relative;
}

.sticky-content {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.5s;
}

/* 味噌の色変化クラス (JSで制御) */
.color-stage-0 { background-color: #fff9c4; color: #5d4037; } /* 仕込み（大豆色） */
.color-stage-1 { background-color: #ffe0b2; color: #5d4037; } /* 3ヶ月（麹色） */
.color-stage-2 { background-color: #d7ccc8; color: #3e2723; } /* 6ヶ月（薄茶） */
.color-stage-3 { background-color: #8d6e63; color: #fff; }    /* 10ヶ月（赤茶） */
.color-stage-4 { background-color: #3e2723; color: #fff; }    /* 1年（熟成） */

.miso-blob {
    border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    transition: all 1s ease;
    animation: breathe 5s infinite ease-in-out;
}
@keyframes breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}