@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";:root{--g-none:0;--g-small:0.5rem;--g-medium:1rem;--g-large:1.5rem;--bs-gutter-y:0;--bs-gutter-x:0;--primaryfont:"Karla", sans-serif;--fontsizeDesktop: 20px;--h1:2.5rem;--h2:1.8rem;--introtext:1.3rem;--red: #FC0B3F;--blue:#0000FE}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fontsizeDesktop);line-height:1.3;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:var(--secondaryfont);font-weight:200}body{margin:0;padding:0;height:100vh;overflow-x:hidden}.container{padding:0 .5rem;min-height:100%}.container-fluid{padding:0}.image-full img{width:100%}.animate{opacity:0;transform:translateY(2rem);transition:all .6s ease-out}.animate.visible{opacity:1;transform:translateY(0)}ul,ol{list-style:none}button{background:none;border:none;outline:none;cursor:pointer}img,video{max-width:100%;width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}input,textarea,select,button{font-family:inherit;font-size:inherit;color:inherit}table{border-collapse:collapse;width:100%}.grecaptcha-badge{display:none}body{font-weight:300;font-optical-sizing:auto;font-family:var(--primaryfont)}h1,h2,h3{font-family:var(--primaryfont)}h1{font-size:var(--h1)}h2{font-size:var(--h2);font-weight:700}h3{font-size:var(--fontsizeDesktop);font-weight:400}p{margin:0}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.gxn{--bs-gutter-x: 0}.gyn{--bs-gutter-y: 0}.gn{--bs-gutter-x: 0;--bs-gutter-y: 0}.gxs{--bs-gutter-x: var(--g-small)}.gys{--bs-gutter-y: var(--g-small)}.gs{--bs-gutter-x: var(--g-small);--bs-gutter-y: var(--g-small)}.gxm{--bs-gutter-x: var(--g-medium)}.gym{--bs-gutter-y: var(--g-medium)}.gm{--bs-gutter-x: var(--g-medium);--bs-gutter-y: var(--g-medium)}.gxl{--bs-gutter-x: var(--g-large)}.gyl{--bs-gutter-y: var(--g-large)}.gl{--bs-gutter-x: var(--g-large);--bs-gutter-y: var(--g-large)}.c1{width:8.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-1{margin-left:8.3333333333%}.c2{width:16.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-2{margin-left:16.6666666667%}.c3{width:25%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-3{margin-left:25%}.c4{width:33.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-4{margin-left:33.3333333333%}.c5{width:41.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-5{margin-left:41.6666666667%}.c6{width:50%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-6{margin-left:50%}.c7{width:58.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-7{margin-left:58.3333333333%}.c8{width:66.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-8{margin-left:66.6666666667%}.c9{width:75%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-9{margin-left:75%}.c10{width:83.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-10{margin-left:83.3333333333%}.c11{width:91.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-11{margin-left:91.6666666667%}.c12{width:100%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-12{margin-left:100%}@media(min-width: 576px){.cs-1{width:8.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-1{margin-left:8.3333333333%}.cs-2{width:16.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-2{margin-left:16.6666666667%}.cs-3{width:25%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-3{margin-left:25%}.cs-4{width:33.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-4{margin-left:33.3333333333%}.cs-5{width:41.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-5{margin-left:41.6666666667%}.cs-6{width:50%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-6{margin-left:50%}.cs-7{width:58.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-7{margin-left:58.3333333333%}.cs-8{width:66.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-8{margin-left:66.6666666667%}.cs-9{width:75%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-9{margin-left:75%}.cs-10{width:83.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-10{margin-left:83.3333333333%}.cs-11{width:91.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-11{margin-left:91.6666666667%}.cs-12{width:100%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-s-12{margin-left:100%}}@media(min-width: 768px){.cm-1{width:8.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-1{margin-left:8.3333333333%}.cm-2{width:16.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-2{margin-left:16.6666666667%}.cm-3{width:25%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-3{margin-left:25%}.cm-4{width:33.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-4{margin-left:33.3333333333%}.cm-5{width:41.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-5{margin-left:41.6666666667%}.cm-6{width:50%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-6{margin-left:50%}.cm-7{width:58.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-7{margin-left:58.3333333333%}.cm-8{width:66.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-8{margin-left:66.6666666667%}.cm-9{width:75%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-9{margin-left:75%}.cm-10{width:83.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-10{margin-left:83.3333333333%}.cm-11{width:91.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-11{margin-left:91.6666666667%}.cm-12{width:100%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-m-12{margin-left:100%}}@media(min-width: 992px){.cl-1{width:8.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-1{margin-left:8.3333333333%}.cl-2{width:16.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-2{margin-left:16.6666666667%}.cl-3{width:25%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-3{margin-left:25%}.cl-4{width:33.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-4{margin-left:33.3333333333%}.cl-5{width:41.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-5{margin-left:41.6666666667%}.cl-6{width:50%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-6{margin-left:50%}.cl-7{width:58.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-7{margin-left:58.3333333333%}.cl-8{width:66.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-8{margin-left:66.6666666667%}.cl-9{width:75%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-9{margin-left:75%}.cl-10{width:83.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-10{margin-left:83.3333333333%}.cl-11{width:91.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-11{margin-left:91.6666666667%}.cl-12{width:100%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-l-12{margin-left:100%}}@media(min-width: 1200px){.cxl-1{width:8.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-1{margin-left:8.3333333333%}.cxl-2{width:16.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-2{margin-left:16.6666666667%}.cxl-3{width:25%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-3{margin-left:25%}.cxl-4{width:33.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-4{margin-left:33.3333333333%}.cxl-5{width:41.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-5{margin-left:41.6666666667%}.cxl-6{width:50%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-6{margin-left:50%}.cxl-7{width:58.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-7{margin-left:58.3333333333%}.cxl-8{width:66.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-8{margin-left:66.6666666667%}.cxl-9{width:75%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-9{margin-left:75%}.cxl-10{width:83.3333333333%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-10{margin-left:83.3333333333%}.cxl-11{width:91.6666666667%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-11{margin-left:91.6666666667%}.cxl-12{width:100%;padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2);box-sizing:border-box}.offset-xl-12{margin-left:100%}}@media(min-width: 576px){.gxs-n{--bs-gutter-x: 0}.gys-n{--bs-gutter-y: 0}.gs-n{--bs-gutter-x: 0;--bs-gutter-y: 0}}@media(min-width: 576px){.gxs-s{--bs-gutter-x: var(--g-small)}.gys-s{--bs-gutter-y: var(--g-small)}.gs-s{--bs-gutter-x: var(--g-small);--bs-gutter-y: var(--g-small)}}@media(min-width: 576px){.gxs-m{--bs-gutter-x: var(--g-medium)}.gys-m{--bs-gutter-y: var(--g-medium)}.gs-m{--bs-gutter-x: var(--g-medium);--bs-gutter-y: var(--g-medium)}}@media(min-width: 576px){.gxs-l{--bs-gutter-x: var(--g-large)}.gys-l{--bs-gutter-y: var(--g-large)}.gs-l{--bs-gutter-x: var(--g-large);--bs-gutter-y: var(--g-large)}}@media(min-width: 768px){.gxm-n{--bs-gutter-x: 0}.gym-n{--bs-gutter-y: 0}.gm-n{--bs-gutter-x: 0;--bs-gutter-y: 0}}@media(min-width: 768px){.gxm-s{--bs-gutter-x: var(--g-small)}.gym-s{--bs-gutter-y: var(--g-small)}.gm-s{--bs-gutter-x: var(--g-small);--bs-gutter-y: var(--g-small)}}@media(min-width: 768px){.gxm-m{--bs-gutter-x: var(--g-medium)}.gym-m{--bs-gutter-y: var(--g-medium)}.gm-m{--bs-gutter-x: var(--g-medium);--bs-gutter-y: var(--g-medium)}}@media(min-width: 768px){.gxm-l{--bs-gutter-x: var(--g-large)}.gym-l{--bs-gutter-y: var(--g-large)}.gm-l{--bs-gutter-x: var(--g-large);--bs-gutter-y: var(--g-large)}}@media(min-width: 992px){.gxl-n{--bs-gutter-x: 0}.gyl-n{--bs-gutter-y: 0}.gl-n{--bs-gutter-x: 0;--bs-gutter-y: 0}}@media(min-width: 992px){.gxl-s{--bs-gutter-x: var(--g-small)}.gyl-s{--bs-gutter-y: var(--g-small)}.gl-s{--bs-gutter-x: var(--g-small);--bs-gutter-y: var(--g-small)}}@media(min-width: 992px){.gxl-m{--bs-gutter-x: var(--g-medium)}.gyl-m{--bs-gutter-y: var(--g-medium)}.gl-m{--bs-gutter-x: var(--g-medium);--bs-gutter-y: var(--g-medium)}}@media(min-width: 992px){.gxl-l{--bs-gutter-x: var(--g-large)}.gyl-l{--bs-gutter-y: var(--g-large)}.gl-l{--bs-gutter-x: var(--g-large);--bs-gutter-y: var(--g-large)}}@media(min-width: 1200px){.gxxl-n{--bs-gutter-x: 0}.gyxl-n{--bs-gutter-y: 0}.gxl-n{--bs-gutter-x: 0;--bs-gutter-y: 0}}@media(min-width: 1200px){.gxxl-s{--bs-gutter-x: var(--g-small)}.gyxl-s{--bs-gutter-y: var(--g-small)}.gxl-s{--bs-gutter-x: var(--g-small);--bs-gutter-y: var(--g-small)}}@media(min-width: 1200px){.gxxl-m{--bs-gutter-x: var(--g-medium)}.gyxl-m{--bs-gutter-y: var(--g-medium)}.gxl-m{--bs-gutter-x: var(--g-medium);--bs-gutter-y: var(--g-medium)}}@media(min-width: 1200px){.gxxl-l{--bs-gutter-x: var(--g-large)}.gyxl-l{--bs-gutter-y: var(--g-large)}.gxl-l{--bs-gutter-x: var(--g-large);--bs-gutter-y: var(--g-large)}}.row{display:flex;flex-wrap:wrap;padding-left:calc(var(--bs-gutter-x)/-2);padding-right:calc(var(--bs-gutter-x)/-2);padding-top:calc(var(--bs-gutter-y));padding-bottom:calc(var(--bs-gutter-y));width:100%}.row>*{padding-left:calc(var(--bs-gutter-x)/2);padding-right:calc(var(--bs-gutter-x)/2)}.row>*:first-child{padding-left:0}.row>*:last-child{padding-right:0}.row-center{display:flex;justify-content:center;margin-left:auto;margin-right:auto;width:100%}header{position:fixed;top:0;z-index:20;width:100%;text-align:center;transition:opacity .3s linear}header .navbar{margin-top:30px;color:var(--red)}header .navbar ul{list-style:none;text-align:center}header .navbar ul li{display:inline;margin:0 10px}header .navbar ul li a{font-weight:700}.color-placeholder{display:block;width:100%;height:100%;transition:background-color .3s ease,opacity .5s ease}.color-placeholder.lazyloading{opacity:.5}.color-placeholder.lazyloaded{opacity:1;background-color:rgba(0,0,0,0)}body{overflow:hidden;background-color:var(--blue);margin:0;padding:0;height:100%}#logo{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;transition:opacity .3s linear}#logo img{pointer-events:none;user-select:none}.music-popup{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:99999;backdrop-filter:blur(4px)}.music-popup-inner{color:#fff;padding:30px;border-radius:8px;text-align:center;max-width:320px}#music-enable-btn{padding:10px 18px;font-size:16px;background:#fff;color:#000;border:none;cursor:pointer;margin-top:15px}@media(max-width: 500px){#logo img{width:150px}}.playlist{width:100%;height:100%;position:fixed}.playlist .swiper-slide{width:100%;height:100%}.playlist .swiper-slide .top-infos{position:absolute;z-index:10;left:50%;top:0;transform:translateX(-50%);height:28vh;width:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;color:#fff;padding:0 15px;transition:opacity .3s linear}.playlist .swiper-slide .top-infos .categories,.playlist .swiper-slide .top-infos .title{display:block;font-weight:700}.playlist .swiper-slide .top-infos .categories h2,.playlist .swiper-slide .top-infos .title h2{font-size:1.5rem}.playlist .swiper-slide .top-infos .categories{font-size:.8rem;text-transform:uppercase}.playlist .swiper-slide .bottom-infos{position:absolute;z-index:10;left:50%;bottom:0;transform:translateX(-50%);height:33vh;width:100%;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;color:#fff;padding:0 15px;transition:opacity .3s linear}.playlist .swiper-slide .bottom-infos .Auteur{display:block;font-weight:700;font-size:1.5rem}.playlist .swiper-slide .bottom-infos .producteur{display:block;font-weight:700;font-size:.9rem;margin-top:.2rem}.playlist .swiper-slide .bottom-infos .more-infos{position:absolute;bottom:40px;width:100%;font-weight:700;cursor:pointer}.playlist .swiper-slide .picture{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.playlist .swiper-slide canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.playlist .swiper-slide .picture::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 3px);mix-blend-mode:overlay;animation:scan 1.5s linear infinite;pointer-events:none}.playlist .swiper-slide .overlay{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(100%)}}.playlist .prev,.playlist .next{position:absolute;bottom:60px;transform:translateY(-50%);z-index:20;color:var(--red);font-size:4rem;line-height:0;cursor:pointer;user-select:none;transition:opacity .3s linear}.playlist .prev:hover,.playlist .next:hover{opacity:.6}.playlist .prev{right:4rem}.playlist .next{right:2rem}.offcanvas-right-open .playlist .prev,.offcanvas-right-open .playlist .next{opacity:0;transition:opacity .2s ease}@media(max-width: 500px){.playlist .swiper-slide .top-infos .categories h2,.playlist .swiper-slide .top-infos .title h2{font-size:1.2rem}.playlist .swiper-slide .bottom-infos .Auteur{font-size:1.2rem}}.offcanvas{position:fixed;top:0;visibility:hidden;opacity:0;width:100%;height:100%;transition:visibility .3s linear,opacity .3s linear;z-index:100;overflow:scroll}.offcanvas.open{visibility:visible;opacity:1;transition:visibility .3s linear,opacity .3s linear}.offcanvas .close-offcanvas{position:fixed;top:30px;right:30px;z-index:30;font-size:40px;background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s}.offcanvas .close-offcanvas:hover{opacity:1}.offcanvas#project-content{padding:0 15px}.offcanvas#project-content.has-video .project-offcanvas-media iframe{width:100%;height:100vh;max-height:100vh;border:0;display:block}.offcanvas#project-content .introduction{margin-bottom:2rem;font-size:1.1rem;word-break:break-word;overflow-wrap:break-word}.offcanvas#project-content .introduction .cat{text-transform:uppercase;font-size:.8rem;font-weight:700}.offcanvas#project-content .introduction h2{margin-bottom:.5rem}.offcanvas#project-content .content{position:relative;margin-top:6rem;margin-bottom:3rem;color:#fff;text-align:center}.offcanvas#project-content .content p{margin-bottom:.7rem}.project-content-open{overflow-y:auto}.project-content-open:before{content:"";position:fixed;inset:0;background:color-mix(in srgb, var(--red) 90%, var(--blue) 10%);mix-blend-mode:multiply;pointer-events:none;z-index:11}.project-content-open #logo,.project-content-open header,.project-content-open .top-infos,.project-content-open .bottom-infos,.project-content-open .prev,.project-content-open .next{opacity:0}.project-content-open header{visibility:hidden}.offcanvas-right{position:fixed;top:0;right:0;visibility:hidden;opacity:0;width:500px;height:100%;transition:visibility .3s linear,opacity .3s linear;z-index:100;overflow:scroll}.offcanvas-right.open{visibility:visible;opacity:1;transition:visibility .3s linear,opacity .3s linear}.offcanvas-right .close-offcanvas{position:fixed;top:30px;right:30px;z-index:30;font-size:40px;background:none;border:none;color:#fff;cursor:pointer;opacity:.8;transition:opacity .2s}.offcanvas-right .close-offcanvas:hover{opacity:1}.offcanvas-right .content{color:#fff;margin-top:5rem;margin-bottom:2rem}.offcanvas-right .content p{margin-bottom:10px}.offcanvas-right#service-content .content h2{text-align:center;margin-bottom:2rem}.offcanvas-right#service-content .content ul{text-align:center}.offcanvas-right#service-content .content ul li{margin:.8rem 0}.offcanvas-right#service-content .content ul li a{font-weight:700}.offcanvas-right#service-content .copyrights{position:absolute;bottom:20px;text-align:center;color:#fff}.offcanvas-right-open{overflow-y:auto}.offcanvas-right-open:before{content:"";position:fixed;inset:0;background:color-mix(in srgb, var(--red) 90%, var(--blue) 10%);mix-blend-mode:color-burn;pointer-events:none;z-index:99;width:500px;left:auto}@media(max-width: 768px){.offcanvas{padding:20px}.offcanvas#project-content .content{width:100%}.offcanvas-right{width:100%;padding:20px}.offcanvas-right-open:before{width:100%}.offcanvas-right-open #logo,.offcanvas-right-open header,.offcanvas-right-open .top-infos,.offcanvas-right-open .bottom-infos,.offcanvas-right-open .prev,.offcanvas-right-open .next{opacity:0}.offcanvas-right-open header{visibility:hidden}}#panorama-wrapper,#panorama-inner,#panorama-img{user-select:none;-webkit-user-select:none;-ms-user-select:none}#panorama-wrapper{position:fixed;inset:0;overflow:hidden;background:#000;z-index:0;touch-action:none;overscroll-behavior:none;cursor:grab}#panorama-wrapper.dragging{cursor:grabbing}#panorama-wrapper #panorama-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transform-origin:center center;will-change:transform}#panorama-wrapper #panorama-inner #panorama-img{display:block;width:auto;height:auto;max-width:none;max-height:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.studio-infos{position:fixed;top:30px;right:30px;z-index:50;color:#fff;cursor:pointer;font-weight:700}.offcanvas-right-open .studio-infos,.offcanvas-right-open .how-to{opacity:0;transition:opacity .2s ease}.how-to{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;font-weight:700}#studio-content h3{margin-top:10px;font-weight:700}.ui-hidden{opacity:0;transition:opacity .2s ease;pointer-events:none}@media(max-width: 500px){.studio-infos{top:calc(50% - 200px);right:50%;transform:translateX(50%)}.how-to{bottom:calc(50% - 200px)}}/*# sourceMappingURL=main.css.map */