@keyframes rouler_logo{0%{transform:translateX(-80vw) rotate(-720deg);opacity:0;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}80%{opacity:1}100%{transform:translateX(0) rotate(0deg);filter:drop-shadow(10px 10px 15px rgba(0,0,0,0.94))}}.container-index{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:calc(100vh - 160px);max-height:600px;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:transparent;border-radius:8px}.logo-principal{content:url('../images/logos/logo_cave_avec_nom_du_site_large.webp');max-width:300px;margin-left:clamp(20px,15vw,400px);margin-bottom:2rem;position:relative}.welcome-text{font-family:'MaManuscrite',cursive;font-size:clamp(0.9rem,2.2vw,1.4rem);line-height:1.6;margin-left:clamp(20px,15vw,400px);color:white;text-shadow:1px 1px 2px var(--black-color-100),2px 2px 4px var(--black-color-80)}.roll-in-logo{animation:rouler_logo 3s ease-out forwards,pulsShadow 2s ease-in-out infinite;animation-delay:0s,3s}@media (max-width:767px){body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black-color-40);z-index:1;pointer-events:none}.container-index,.logo-principal,.welcome-text{position:relative;z-index:2}.logo-principal{content:url('../images/logos/logo_cave_avec_nom_du_site_medium.webp');max-width:250px;margin-left:clamp(15px,8vw,60px)}.welcome-text{margin-left:clamp(15px,8vw,60px)}}@media (max-width:480px){.logo-principal{content:url('../images/logos/logo_cave_avec_nom_du_site_small.webp');max-width:200px;margin-left:clamp(10px,5vw,30px)}.welcome-text{margin-left:clamp(10px,5vw,30px)}}#success-message{position:fixed;top:100px;left:50%;transform:translateX(-50%);background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:12px 20px;border-radius:6px;font-family:sans-serif;box-shadow:0 2px 8px rgba(0,0,0,0.2);z-index:9999;opacity:1;transition:opacity 1s}@media screen and (max-width:768px){#success-message{top:30px}}.learn-more-link{position:relative;z-index:2;display:block;margin:1rem auto 0;font-family:inherit;font-size:.95rem;font-weight:600;color:#fff;background:var(--saison-color-base,#096A09);border:none;border-radius:999px;padding:.55rem 1.4rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .6s ease}.learn-more-link.is-visible{opacity:1;visibility:visible}.learn-more-link:hover,.learn-more-link:focus{filter:brightness(1.1)}.scroll-modal-overlay{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);align-items:flex-start;justify-content:center;padding:5vh 1rem;overflow-y:auto}.scroll-modal-overlay.is-open{display:flex}.scroll-modal{position:relative;width:100%;max-width:720px;background:#f6ecd6;background-image:linear-gradient(180deg,rgba(0,0,0,.06),transparent 40px,transparent calc(100% - 40px),rgba(0,0,0,.06));border-radius:6px;box-shadow:0 10px 40px rgba(0,0,0,.4);padding:2.2rem 2rem;transform-origin:top center;transform:scaleY(0.05);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.3,1),opacity .35s ease}.scroll-modal::before,.scroll-modal::after{content:"";position:absolute;left:-8px;right:-8px;height:18px;background:#c8a35a;border-radius:9px;box-shadow:0 2px 4px rgba(0,0,0,.35)}.scroll-modal::before{top:-9px}.scroll-modal::after{bottom:-9px}.scroll-modal-overlay.is-open .scroll-modal{transform:scaleY(1);opacity:1}.scroll-modal-content{color:#3a2f1c;font-size:.95rem;line-height:1.65}.scroll-modal-content h1{font-size:1.4rem;line-height:1.25;margin:0 0 .8rem;color:#5c3d0e}.scroll-modal-content p{margin:0 0 .8rem}.scroll-modal-content p:last-child{margin-bottom:0}.scroll-modal-content a{color:#7a4a12}.scroll-modal-close{position:absolute;top:.5rem;right:.75rem;z-index:1;background:none;border:none;font-size:1.6rem;line-height:1;cursor:pointer;color:#5c3d0e}