/* Start custom CSS */body {
    scroll-snap-type: y proximity;
    scroll-behavior: smooth;
    timeline-scope: --vendanges, --pressurage, --fermentation, --assemblage, --prise-de-mousse, --vieillissement, --remuage, --degorgement, --bouchage, --habillage;
}

#hero-window {
    scroll-snap-align: start;
}

#sticky-section {
    position: sticky;
    top: 3.2rem;
    z-index: 1;
}

#sticky-section > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.elaboration_section {
    scroll-snap-align: center;
}

@keyframes fade-on-view {
    0%, 100% {
        opacity: 0;
        visibility: hidden;
    }
    1%, 15% {
        opacity: 0;
        visibility: visible;
    }
    35%, 99% {
        opacity: 1;
    }
}

.anim_fade_on_view {
    animation: fade-on-view linear both;
    animation-range: cover 0% cover 100%;
}




/* Début ancrages par ID */

#vendanges {
    view-timeline-name: --vendanges;
}

#vendanges-img {
    animation-timeline: --vendanges;
}

#pressurage {
    view-timeline-name: --pressurage;
}

#pressurage-img {
    animation-timeline: --pressurage;
}

#fermentation {
    view-timeline-name: --fermentation;
}

#fermentation-img {
    animation-timeline: --fermentation;
}

#assemblage {
    view-timeline-name: --assemblage;
}

#assemblage-img {
    animation-timeline: --assemblage;
}

#prise-de-mousse {
    view-timeline-name: --prise-de-mousse;
}

#prise-de-mousse-img {
    animation-timeline: --prise-de-mousse;
}

#vieillissement {
    view-timeline-name: --vieillissement;
}

#vieillissement-img {
    animation-timeline: --vieillissement;
}

#remuage {
    view-timeline-name: --remuage;
}

#remuage-img {
    animation-timeline: --remuage;
}

#degorgement {
    view-timeline-name: --degorgement;
}

#degorgement-img {
    animation-timeline: --degorgement;
}

#bouchage {
    view-timeline-name: --bouchage;
}

#bouchage-img {
    animation-timeline: --bouchage;
}

#habillage {
    view-timeline-name: --habillage;
}

#habillage-img {
    animation-timeline: --habillage;
}

/* Fin ancrages par ID *//* End custom CSS */