@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Regular.ttf");font-display:swap;font-weight:normal;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Black.ttf");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Bold.ttf");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-ExtraBold.ttf");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-ExtraLight.ttf");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Light.ttf");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:"InterTight";src:url("./../fonts/InterTight-Medium.ttf");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:"Agharti";src:url("./../fonts/Agharti-condensedblack.ttf");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:"Agrandir";src:url("./../fonts/Agrandir-Regular.otf");font-display:swap;font-weight:normal;font-style:normal}@font-face{font-family:"Agrandir";src:url("./../fonts/Agrandir-TextBold.otf");font-display:swap;font-weight:700;font-style:normal}*,*:after,*:before{box-sizing:border-box}*::selection{background:#951d14;color:#fff}html{font-size:62.5%;color:#000}body{font-family:"InterTight",sans-serif;color:#000;font-size:1.8rem}strong{font-weight:700}a,a:hover,a:visited{text-decoration:none}img{max-width:100%;height:auto;width:auto;vertical-align:middle}.btn{padding:12px 24px;background:#efd347;color:#951d14;font-weight:700;font-size:1.65rem;text-transform:uppercase;transition:all .3s ease;min-width:250px;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#951d14;color:#fff}.btn.btn-bleu{background:#7bdefb;color:#951d14}.btn.btn-bleu:hover{background:#951d14;color:#fff}.btn.btn-rouge{background:#951d14;color:#fff;border-color:#951d14}.btn.btn-rouge:hover{background:#fff;color:#951d14}.btn.btn-rose{background:#51b342;color:#305d49;border-color:#51b342}.btn.btn-rose:hover{background:#305d49;color:#51b342}.btn.btn-blanc{background:#fff;color:#e73224;border-color:#fff}.btn.btn-blanc:hover{background:#e73224;color:#fff}.btn-small{min-width:max-content}.btn-border{border:1px solid}a.arrow{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#fff;text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:2px;text-underline-offset:5px;transition:all .3s ease}a.arrow:hover{text-decoration:none;gap:20px}a.arrow img{height:1em}.foodtruck{color:#51b342;display:flex;justify-content:space-between;padding:5vw 10vw}.foodtruck .left{width:50%;padding-right:10vw}.foodtruck .left h2{font-size:8rem;text-transform:uppercase;font-family:"Agharti",sans-serif;font-weight:900;line-height:1.15;margin-bottom:2vh}.foodtruck .left p{line-height:1.25;font-size:1.9rem;font-weight:500;margin-bottom:2vh}.foodtruck .right{width:50%;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.foodtruck .right figure{width:calc(25% - 15px)}.foodtruck .right figure img{width:100%;max-height:85%;object-fit:cover;transition:all .3s ease;margin-bottom:2vh}.foodtruck .right figure img:hover{transform:scale(1.1)}.foodtruck .right figure figcaption{font-size:3.3rem;text-align:center;font-family:"Agharti",sans-serif;color:#305d49;line-height:1.2}.foodtruck .right figure.select figcaption{text-decoration:underline;text-decoration-color:#51b342;text-decoration-thickness:5px;text-underline-offset:5px}@media screen and (max-width: 1550px){.foodtruck{padding:5vw}}@media screen and (max-width: 1380px){.foodtruck{margin-top:50px}.foodtruck .left{padding-right:5vw;width:45%}.foodtruck .right{width:55%}}@media screen and (max-width: 1024px){.foodtruck{flex-direction:column;align-items:center}.foodtruck .left{width:100%;padding-right:0}.foodtruck .left p{width:80%}.foodtruck .right{width:100%;flex-direction:row;justify-content:space-between;padding:5vw;gap:5vw}.foodtruck .right figure{width:20%}}@media screen and (max-width: 768px){.foodtruck .left p{width:100%}.foodtruck .right{width:100%;flex-direction:column;align-items:center;gap:2vh}.foodtruck .right figure{width:100%}}.img-left{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between}.img-left .right{width:60%;padding:5vw 10vw 5vw 5vw;position:relative}.img-left .right .title h2{width:80%;margin-bottom:3%}.img-left .right p{font-size:1.9rem;font-weight:500;line-height:1.35;margin-bottom:3%}.img-left .right .btn{margin-bottom:3.5vw}.img-left .left{width:40%;position:relative;overflow:hidden}.img-left .left img{height:100%;width:100%;object-fit:cover;filter:brightness(0.8);transform:scale(1.05);transition:all .3s ease;position:absolute}.img-left .left img:hover{filter:brightness(1);transform:scale(1)}section.insta{padding:10vh 8vw;display:flex;flex-direction:column;max-width:100vw}section.insta .title{display:flex;justify-content:flex-start;align-items:center;gap:60px}section.insta .title h2{text-wrap:balance;font-size:6rem;font-weight:600;font-family:"Agharti",sans-serif;color:#951d14}section.insta p{font-size:2rem;font-weight:500;line-height:1.35;margin:3vh 0;color:#951d14}section.insta .imgs{overflow-x:auto;display:flex;align-items:flex-start;width:100%;padding-bottom:5vh;scrollbar-color:#34443b rgba(0,0,0,0);scrollbar-width:thin}section.insta .imgs::-webkit-scrollbar{width:4px;height:4px;background:#fff}section.insta .imgs::-webkit-scrollbar-thumb{background:#34443b}section.insta .imgs li{margin-right:50px;height:20vh;width:30vh;flex-shrink:0;background:blue}section.insta .imgs li:last-child{margin:0}@media screen and (max-width: 1550px){section.insta{padding:5vw}}@media screen and (max-width: 768px){.img-left{flex-direction:column}.img-left .left,.img-left .right{width:100%}.img-left .left img{position:initial;aspect-ratio:1}.img-left .right .title h2{width:100%}section.insta{padding:10vw 5vw}section.insta .title{flex-direction:column;align-items:flex-start;gap:2vh}section.insta .title h2{font-size:4.5rem}}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}header .logo{width:125px;filter:brightness(0) saturate(100%) invert(12%) sepia(73%) saturate(3925%) hue-rotate(354deg) brightness(92%) contrast(91%);padding:5px 0}header .logo img{width:100%;height:auto}header .menu ul{display:flex;align-items:center;gap:40px}header .menu ul li a{color:#951d14;font-weight:700;font-family:"Agrandir",sans-serif;text-transform:uppercase;font-size:1.65rem;transition:all .3s ease;position:relative;display:inline-flex;align-items:center;justify-content:center}header .menu ul li a:before{content:"";width:0;height:2px;background:#efd347;position:absolute;bottom:0;transition:all .3s ease}header .menu ul li a:hover{color:#efd347}header .menu ul li a:hover:before{width:100%}header .menu ul li.contact{margin-left:40px;display:flex;align-items:center;gap:20px}header .menu ul li.contact a.insta{width:27px;height:27px}header .menu ul li.contact a.insta img{width:100%;height:100%}header .menu ul li.contact a.insta:hover{transform:scale(1.1)}header .menu ul li.contact .btn:before,header .menu ul li.contact a.insta:before{display:none}header .menu ul li.current a:before{width:100%;background:#951d14}header .menu ul li.current a:hover{color:#951d14}header .burger{display:none}@media screen and (max-width: 1024px){header .burger{display:block;position:relative;width:40px;height:36px;padding-top:6px;z-index:100}header .burger input{position:absolute;top:-3px;left:-3px;width:100%;height:100%;z-index:1;opacity:0;cursor:pointer}header .burger input:checked+span{background:rgba(0,0,0,0)}header .burger input:checked+span:after{transform:rotate(45deg) translate(-1px, -12px)}header .burger input:checked+span:before{transform:rotate(-45deg) translate(-4px, 16px)}header .burger span{position:absolute;width:100%;height:2px;background:#951d14;margin-top:10px;transition:all .1s}header .burger span:before,header .burger span:after{content:"";position:absolute;width:100%;height:2px;background:#951d14;top:-12px;transition:all .3s}header .burger span:after{top:12px}header .menu{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99;display:flex;justify-content:center;align-items:center;transform:translateX(100%);transition:all .8s ease}header .menu ul{display:flex;flex-direction:column;gap:20px;height:50vh}header .menu ul li a{font-size:3rem;margin-bottom:2vh}header .menu ul li.contact{margin-left:0;flex-direction:column;margin-top:10vh}header .menu ul li.contact .btn{min-width:250px}header .menu ul li.contact a.insta{width:30px;height:30px}header .menu.active{transform:translateX(0)}}@media screen and (max-width: 768px){header .burger{width:30px;height:30px}header .burger span{margin-top:8px}header .burger span:after{top:10px}header .burger span:before{top:-10px}header .burger input:checked+span:before{transform:rotate(-45deg) translate(-4px, 12px)}header .burger input:checked+span:after{transform:rotate(45deg) translate(-1px, -11px)}}footer{background:#951d14}footer .footer-top{display:flex;flex-wrap:wrap;padding:10vh 10vw 1vh;color:#fff;justify-content:space-between}footer .footer-top>div p{font-size:1.8rem;font-weight:500;line-height:1.35;text-transform:uppercase;margin-bottom:2vh}footer .footer-top ul{display:flex;flex-direction:column;justify-content:center;gap:15px}footer .footer-top ul li a{color:#fff;font-size:1.8rem;font-weight:300;transition:all .3s ease}footer .footer-top ul li a:hover{color:#efd347}footer .footer-top a.logo{height:150px}footer .footer-top a.logo img{height:100%;width:auto}footer .footer-bottom{font-size:1.6rem;text-align:center;margin-top:5vh;padding:1.5vh 5vw;font-weight:500;line-height:1.45;background:#951d14;color:#fff}footer .footer-bottom a{color:#fff;text-decoration:underline;text-transform:uppercase;transition:all .3s ease}footer .footer-bottom a:hover{text-decoration:none}@media screen and (max-width: 1550px){footer .footer-top{padding:10vh 5vw 1vh}}@media screen and (max-width: 1300px){footer .footer-top{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:5vh}footer .footer-top a.logo{grid-area:logo;justify-self:center}footer .footer-top .pages,footer .footer-top .utiles,footer .footer-top .contact{width:45%}}@media screen and (max-width: 768px){footer .footer-top{grid-template-rows:1fr 1fr;grid-template-areas:"page logo" "legale legale" "contact contact" "insta insta";gap:6rem}footer .footer-top a.logo{height:auto}footer .footer-top a.logo img{margin:0 auto;display:block;width:clamp(70px,55%,160px)}footer .footer-top .info{font-weight:bold}footer .footer-top .pages,footer .footer-top .utiles,footer .footer-top .contact{width:100%}}.banner{background:#51b342;color:#fff;font-weight:500;font-size:1.6rem;text-transform:uppercase;overflow:hidden}.banner .banner-content{display:flex;gap:40px;padding:13px 0}.banner .banner-content p{width:max-content;white-space:nowrap;animation-delay:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running;animation-name:scroll-text;animation-duration:5s;display:flex;align-items:center;gap:40px}.banner .banner-content p::after{display:block;content:"";width:22px;height:22px;background:url(../img/etoile.svg) no-repeat center center/contain}@keyframes scroll-text{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 40px))}}.hero video{width:100%;height:50vh;filter:brightness(0.5);object-fit:cover;object-position:center;background:blue}.hero .hero-content{padding:0 10vw}.hero .hero-content h1{font-size:7.5rem;text-transform:uppercase;color:#fff;margin-bottom:40px;margin-top:-8.5rem;font-family:"Agharti",sans-serif;font-weight:900;font-style:normal;position:relative;z-index:2}.hero .hero-content h1 .bottom{color:#951d14;margin-top:2vh;display:block}.hero .hero-content .others{display:flex;justify-content:flex-start;align-items:flex-start;gap:80px}.hero .hero-content .others .text p{font-size:1.9rem;color:#951d14;line-height:1.35;font-weight:500}.concept{margin-top:150px}.concept h2{font-size:8rem;text-transform:uppercase;color:#e73224;font-family:"Agharti",sans-serif;font-weight:900;font-style:normal;margin:0 10vw;transform:translateY(0.1em)}.concept .concept-content{display:flex;justify-content:space-between;align-items:stretch}.concept .concept-content .left{width:45%;overflow:hidden}.concept .concept-content .left img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease}.concept .concept-content .left img:hover{transform:scale(1.1)}.concept .concept-content .center{width:35%;padding:5vw}.concept .concept-content .center p{font-size:1.85rem;line-height:1.35;font-weight:500;margin-bottom:2vh}.concept .concept-content .right{width:20%;display:flex;flex-direction:column;gap:5vh}.concept .concept-content .right figure{height:44.5%;overflow:hidden}.concept .concept-content .right figure img{width:100%;max-height:85%;object-fit:cover;transition:all .3s ease}.concept .concept-content .right figure img:hover{transform:scale(1.1)}.concept .concept-content .right figure h3{font-size:4.5rem;transform:translateY(-0.4em);font-family:"Agharti",sans-serif;font-weight:900;background:#fff;line-height:.82;font-style:normal;text-transform:uppercase;color:#e73224;margin-bottom:1vh}.biere{display:flex;flex-wrap:wrap}.biere .left{width:55%;background:#951d14;color:#fff;padding:5vw 10vw}.biere .left .title{display:flex;align-items:center;gap:30px;margin-bottom:4vh}.biere .left .title h2{font-size:8rem;text-transform:uppercase;color:#fff;font-family:"Agharti",sans-serif;font-weight:900;font-style:normal;width:40%;text-wrap:balance}.biere .left .title .tag-img{width:140px}.biere .left p{font-size:1.8rem;line-height:1.35;font-weight:500;margin-bottom:2vh;width:85%}.biere .right{width:45%;display:flex;flex-wrap:wrap;max-height:65vh}.biere .right img{width:50%;height:50%;object-fit:cover;object-position:center;transition:all .3s ease}.biere .bottom{width:100%;padding:0 10vw;display:flex}.biere .bottom img{width:35vw;height:auto;aspect-ratio:10/9;object-fit:cover;object-position:center;margin-bottom:4vh;margin-top:-15vh}.biere .bottom .text{padding:5vw}.biere .bottom .text p{font-size:1.8rem;line-height:1.35;font-weight:500;margin-bottom:2vh;width:70%}.carte{margin-top:50px;display:flex;justify-content:space-between;padding:5vw 10vw;color:#51b342;background:#305d49}.carte h2{font-size:10rem;text-transform:uppercase;font-family:"Agharti",sans-serif;font-weight:900;line-height:1.15;width:20%}.carte .center{width:40%}.carte .center p{font-size:1.8rem;line-height:1.35;font-weight:500;margin-bottom:2vh}.carte .center div.imgs{width:100%;position:relative}.carte .center div.imgs img{width:calc(50% - 20px);object-fit:cover;object-position:center;transition:all .3s ease;aspect-ratio:1;position:absolute;left:0;transform:translateY(25%)}.carte .center div.imgs img:nth-child(2){left:50%}.carte .right{color:#efd347;width:20%;display:flex;flex-direction:column;align-items:center}.carte .right h3{font-size:2rem;text-transform:uppercase;margin-bottom:5vh;font-weight:500;text-align:center;line-height:1.2}.carte .right a{margin-bottom:3vh}.location h2{font-family:"Agharti",sans-serif;font-weight:900;text-transform:uppercase;font-size:8rem;color:#951d14;margin-bottom:4vh}.location p{font-size:1.9rem}.events{background:#51b342;color:#fff;padding:5vw 10vw}.events .top h2{font-family:"Agharti",sans-serif;font-weight:900;text-transform:uppercase;font-size:8rem;margin-bottom:1vh}.events .top p{font-size:1.9rem}.events .bottom{display:flex;margin-top:5vh;gap:50px;align-items:center}.events .bottom .left{width:25%}.events .bottom .right h3{font-size:3.3rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1vh;font-weight:700}.events .bottom .right .infos{display:flex;align-items:center;gap:20px;font-family:"Agrandir",sans-serif;margin-bottom:2vh}.events .bottom .right .infos p{font-size:2.8rem;line-height:1.2;font-weight:700}.events .bottom .right .infos p span:first-child{padding-right:2px}.events .bottom .right .infos p span:last-child{padding-left:2px}.events .bottom .right .infos .autre p{font-size:1.8rem;line-height:1.35;font-weight:400}.events .bottom .right .text{line-height:1.35;font-size:1.9rem;font-weight:500;margin-bottom:5vh}.events .bottom .right .text p{margin-bottom:1vh}@media screen and (max-width: 1550px){.hero .hero-content,.biere .bottom{padding:0 5vw}.concept h2{margin:0 5vw}.biere .left,.carte,.events{padding:5vw}}@media screen and (max-width: 1380px){.hero .hero-content h1{font-size:6.2rem;margin-top:-7.2rem}.concept .concept-content .right figure{height:43%}.biere .left{width:50%}.biere .right{width:50%}.carte h2{font-size:8rem}.carte .center{width:45%}.carte .center div.imgs img{transform:translateY(10%)}.carte .right{width:25%}.biere .left .title h2{width:50%}}@media screen and (max-width: 1300px){.biere .left .title .tag-img{width:125px;margin-left:10px}}@media screen and (max-width: 1024px){.hero video{height:40vh}.hero .hero-content h1{font-size:5rem;margin-top:-6.5rem}.hero .hero-content .others{flex-direction:column;align-items:center;gap:20px}.concept h2{font-size:6rem}.concept .concept-content{flex-wrap:wrap}.concept .concept-content .left{width:50%;padding-left:5vw;padding-right:2.5vw}.concept .concept-content .center{width:50%}.concept .concept-content .right{width:100%;flex-direction:row;justify-content:space-between;padding:5vw;gap:5vw}.concept .concept-content .right figure{height:auto;position:relative;overflow:visible;width:50%}.biere .left .title h2{width:80%}.biere .left .title .tag-img{width:100px;left:34%;position:absolute}.biere .right{max-height:48vh}.biere .bottom .text p,.biere .left p{width:100%}.carte{flex-wrap:wrap}.carte h2{width:40%}.carte .center{width:60%}.carte .center div.imgs{display:flex;gap:30px}.carte .center div.imgs img{position:initial;left:0;transform:translateY(0)}.carte .right{width:100%;flex-direction:row;justify-content:space-around;padding:7vw 0;gap:5vw;padding-bottom:1vw}.carte .right h3,.carte .right a{margin-bottom:0;width:25%}.events .bottom{flex-direction:column;align-items:center;gap:50px}.events .bottom .left{width:50%}.events .bottom .left img{width:100%;height:auto}.events .bottom .right{width:100%}}@media screen and (max-width: 768px){.hero{position:relative}.hero video{height:68vh}.hero .hero-content h1{margin-top:0}.hero .hero-content h1 .top{position:absolute;top:-17vh;left:-10vw;width:80%;text-align:center;transform:none}.hero .hero-content h1 .bottom{margin-top:2vh}.hero .hero-content h1 .others{flex-direction:column;align-items:center;gap:20px}.concept .concept-content .left{padding:0;width:100%}.concept .concept-content .center{width:100%}.concept .concept-content .right{width:100%;flex-direction:column;align-items:center;gap:2vh}.concept .concept-content .right figure{width:100%;height:auto;position:relative;overflow:visible}.biere{flex-direction:column;align-items:center;background:#951d14}.biere .left{width:100%;padding:10vw 5vw 5vw;background:rgba(0,0,0,0)}.biere .right{width:100%;max-height:unset;gap:20px;padding:5vw}.biere .right img{width:calc(50% - 10px);height:auto}.biere .bottom{flex-direction:column;align-items:center;gap:20px}.biere .bottom img{width:100%;height:auto;margin:0}.biere .bottom .text{width:100%;padding:0;padding-bottom:10vw;color:#fff}.biere .bottom a.btn{border-color:#fff}.biere .left .title .tag-img{width:100px;margin-left:0px;position:absolute;right:5vw;left:unset}.carte{flex-direction:column;align-items:center;padding:10vw 5vw;margin-top:150px}.carte h2{width:100%;text-align:center}.carte h2 br:nth-child(1){display:none}.carte .left{width:100%;padding:10vw 5vw 5vw;background:rgba(0,0,0,0)}.carte .center{width:100%;padding:3vh 0}.carte .center p{width:100%}.carte .right{width:100%;flex-direction:column;align-items:center;gap:2vh}.carte .right h3,.carte .right a{margin-bottom:0;width:100%}.events{padding:10vw 5vw}.events a.arrow{min-width:max-content}.events .bottom .right .infos{flex-direction:column;align-items:flex-start;gap:5px;padding:2vh 0}}
/* Ajout styles pour le switch vidéo - A intégrer à home.css */

/* Par défaut : Vidéo desktop visible, Vidéo mobile masquée */
.hero .video-desktop {
    display: block;
}

.hero .video-mobile {
    display: none;
}

/* Sur mobile (< 768px) : Vidéo desktop masquée, Vidéo mobile visible */
@media screen and (max-width: 768px) {
    .hero .video-desktop {
        display: none;
    }
    
    .hero .video-mobile {
        display: block;
        width: 100%;
        height: 68vh; /* Conserver la hauteur définie pour mobile */
        filter: brightness(0.5);
        object-fit: cover;
        object-position: center;
        background: blue; /* Fallback color */
    }
}