.card{border-bottom:3px solid transparent;font-weight:700;transition:.4s ease-in-out}.card:hover{border-color:var(--secondary);transform:translateY(-5px)}.card-img{aspect-ratio:16/9;border-radius:10px;overflow:hidden;width:100%}.card-img picture{height:100%;width:100%}.card-content{margin:var(--gutter) 0}.card-date{color:var(--secondary);font-size:16px;margin-bottom:12px}.card-title{font-size:20px;line-height:1.2;margin-bottom:12px;text-transform:uppercase}.card-place{font-size:18px;opacity:.6}.card-stars{--color-full:orange;--color-empty:#ddd;--ratio:50%;-webkit-text-fill-color:transparent;background:linear-gradient(to right,var(--color-full),var(--color-full) var(--ratio),var(--color-empty) var(--ratio),var(--color-empty));-webkit-background-clip:text;background-clip:text;color:var(--color-empty);display:inline;font-size:20px}.card-small{font-size:16px;font-style:italic;font-weight:500}.homepage-top{background:var(--bg-gradient);color:var(--white);display:flex;flex-direction:column;height:calc(100vh - 15px);justify-content:center}.homepage-top:after{background:var(--bg-gradient);bottom:-15px;content:"";display:block;height:15px;left:0;position:absolute;width:100%;z-index:5}.homepage-top .container{z-index:5}.homepage-top .socials{position:fixed;right:var(--container-padding);top:50%;transform:translateY(-50%);z-index:150}.homepage-top h1{display:flex;flex-wrap:wrap}.h1{font-size:51px;font-weight:700;text-transform:uppercase}.h1 strong{color:var(--azur);display:block;font-size:85px;line-height:.5;margin-top:30px}.h1+.paragraphe{margin-top:var(--gutter-min);width:600px}.socials{position:absolute;right:var(--container-padding);top:50%;transform:translateY(-50%);z-index:10}.video-top{height:100%;left:0;mix-blend-mode:soft-light;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.event-section{margin-bottom:calc(var(--section-padding)*2);margin-top:calc(var(--section-padding)*-1);z-index:50}.event-list{--margin:10px;display:flex;flex-wrap:wrap;margin:calc(var(--gutter-min)*-1) calc(var(--margin)*-1)}.event-list>.card{margin:var(--gutter-min) var(--margin);width:calc(33.33% - var(--margin)*2)}.event-list+.bn{margin:var(--section-padding) auto 0}@media screen and (max-width:1100px){.event-list>.card{width:calc(50% - var(--margin)*2)}.card-title{font-size:17px}.paragraphe+.bn,h1+.paragraphe{margin-top:var(--gap-padding)}}@media screen and (max-width:700px){.h1{font-size:38px}.h1 strong{font-size:63px}.h1+.paragraphe{width:auto}}@media screen and (max-width:600px){.event-list>.card{width:calc(100% - var(--margin)*2)}}@media screen and (max-width:500px){.h1{font-size:27px}.h1 strong{font-size:45px;margin-top:15px}.video-top{object-position:left}}