@font-face{font-family:Open Sans;src:url(/assets/OpenSans-VariableFont_wdth_wght-BZBpG5Iz.ttf) format("truetype")}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf) format("truetype")}@font-face{font-family:Roboto;src:url(/assets/Roboto-VariableFont_wdth_wght-WOy3sDCz.ttf) format("truetype")}@font-face{font-family:Antonio;src:url(/assets/Antonio-VariableFont_wght-DrPxxDl7.ttf) format("truetype")}@font-face{font-family:Exo_2;src:url(/assets/Exo2-VariableFont_wght-l4Y_naCI.ttf) format("truetype")}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-VariableFont_wght-B7vC4a4m.ttf) format("truetype")}@font-face{font-family:Fraunces;src:url(/assets/Fraunces-VariableFont_SOFT_WONK_opsz_wght-DLWfSgHL.ttf) format("truetype")}@font-face{font-family:Savate;src:url(/assets/Savate-VariableFont_wght-Cw-DUk3B.ttf) format("truetype")}:root{--fontBase: "Open Sans", Arial , Helvetica , sans-serif;--fontInfoBulle: "Roboto", Arial, Helvetica, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,a:visited{text-decoration:none;color:inherit}a:visited{color:inherit}body{line-height:1.2}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:16px}body{font-family:var(--fontBase);font-size:1rem;position:relative}.active{display:block;visibility:visible}.hidden{display:none;visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fixed-drop-down-menu{font-family:Orbitron,Arial,Helvetica,sans-serif;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;font-weight:400;text-wrap:balance;line-height:1.5}.toggle-menu{background-color:#f3f8a4;background-color:#f9f7be;width:20px;height:20px;border-radius:100%;font-weight:500;position:fixed;cursor:pointer;top:14px;right:20px;z-index:10}.toggle-menu:after{content:"";display:block;position:absolute;inset:-6px;border-radius:100%;border:solid 2px #fff}.toggle-menu .info-bulle{display:none;font-family:var(--fontInfoBulle);font-size:.8rem;text-transform:none;position:absolute;top:32px;right:0;background-color:#fff;color:#2a2c33;padding:.2em;letter-spacing:0;width:100px;pointer-events:none;text-align:center}.toggle-menu:hover .info-bulle{display:block}.fixed-expanded-menu{width:100%;min-height:83px;position:fixed;top:0;right:0;left:0;z-index:8;padding:10px 60px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 25px;overflow:hidden;background-color:#000c}.fixed-expanded-menu.active{-webkit-animation:slideInFromRight .5s forwards ease-out;animation:slideInFromRight .5s forwards ease-out}.menu.active{color:#be7d8c}.menu:hover{color:#be7d8c!important}.fixed-expanded-menu .not-now,.fixed-expanded-menu .not-now:hover,.fixed-expanded-menu .menu.not-now a,.fixed-expanded-menu .menu.not-now:hover,.fixed-expanded-menu .menu.not-now a:hover,.fixed-expanded-menu .menu.not-now a:visited{color:gray!important;cursor:default!important}@-webkit-keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.fixed-expanded-menu.hidden{-webkit-animation:slideOutToRight .5s forwards ease-in;animation:slideOutToRight .5s forwards ease-in}@-webkit-keyframes slideOutToRight{0%{transform:translate(0);opacity:1;visibility:visible}to{transform:translate(100%);opacity:0;visibility:hidden}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1;visibility:visible}to{transform:translate(100%);opacity:0;visibility:hidden}}.menu.active{color:#be7d8c;font-weight:500}.menu:hover{color:#d98891!important}.fixed-expanded-menu .menu{position:relative}.fixed-expanded-menu .menu:after{content:"";display:block;position:absolute;bottom:2px;right:-10px;height:20px;border-right:solid 1px #bfa76b}.fixed-expanded-menu .menu:before{content:"";display:block;position:absolute;bottom:2px;left:-10px;height:20px;border-right:solid 1px #bfa76b}.indication-menu{display:none}@media only screen and (max-width: 375px){.fixed-drop-down-menu{font-size:1rem}}@media only screen and (min-width: 1200px){.indication-menu{display:block;color:#f9f7be;color:#fff;font-weight:800;text-transform:uppercase;position:absolute;top:-2px;left:-90px}}body.modal-showing{overflow:hidden}.modal::backdrop{background:#0009}@keyframes pulseBorder{0%{box-shadow:0 0 5px #81b9bc}50%{box-shadow:0 0 15px #81b9bc}to{box-shadow:0 0 5px #81b9bc}}.modal{opacity:0;transition:opacity .3s ease}.modal.showing{width:100vw;max-width:100vw;height:100vh;max-height:100vh;overflow:hidden;background:transparent;border:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;overflow:visible;opacity:1}.modal.animClosed{opacity:0;transition:opacity .3s ease 3s}.modal .content-modal{position:relative;width:90%;max-width:900px;padding:10px;display:flex;flex-direction:column;gap:20px;border:none;border-radius:10px;background:linear-gradient(to bottom,#68685ae6,#5e5848e6,#63645be6,#c1c4b1e6,#63655be6,#788079e6,#737568e6);background-color:#58566280;box-shadow:0 1px 1px #03050c08,0 2px 2px #03050c0d,0 5px 5px #03050c14,0 8px 9px #03050c1a,0 13px 14px #03050c21,0 18px 20px #03050c26,0 25px 27px #03050c2e;clip-path:inset(100% 0 0 0);transition:clip-path 2.5s ease .4s;opacity:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.modal.showing .content-modal{animation:float-small 2.5s infinite alternate;clip-path:inset(0 0 0 0)}.modal.animClosed .content-modal{clip-path:inset(100% 0 0 0);transition:clip-path 2.5s ease .5s}@keyframes float-small{0%{will-change:unset;transform:translateY(-10px)}to{will-change:transform;transform:translateY(0)}}.modal .content-modal:after{content:"";display:block;position:absolute;width:100%;max-width:900px;height:100%;inset:0;background:#0096ff40;filter:blur(1.5px);mix-blend-mode:screen;background-image:repeating-linear-gradient(0deg,rgba(0,180,255,.4) 0,rgba(0,180,255,.4) 1px,transparent 2px,transparent 4px);z-index:10;clip-path:inset(100% 0 0 0);transition:clip-path 1s ease .4s}.modal.showing .content-modal:after{clip-path:inset(0 0 0 0);animation:scanlineGlitch 4s linear infinite,holoBackDisappear 2.5s ease 1.8s forwards}.modal.animClosed .content-modal:after{clip-path:inset(100% 0 0 0);transition:clip-path 2.5s ease .5s;animation:scanlineGlitch 4s linear infinite,holoBackAppear 1s ease}@keyframes scanlineGlitch{0%{background-position:0 0}25%{background-position:5px 2px}50%{background-position:0 4px}75%{background-position:-5px 2px}to{background-position:0 0}}@keyframes holoBackDisappear{0%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}@keyframes holoBackAppear{0%{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1);transform-origin:top}}.modal.showing .content-modal::-webkit-scrollbar{width:8px}.showing .content-modal::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}@keyframes float{0%{will-change:unset;transform:translateY(-10px)}to{will-change:transform;transform:translateY(-30px)}}.modal.showing .content-modal.transition-page:before{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(129,185,188,.4) 50%,transparent 100%);pointer-events:none;animation:scanline .7s ease-out forwards;z-index:10}@keyframes scanline{0%{top:-100%}to{top:100%}}.modal button{border:none;background-color:transparent;cursor:pointer;z-index:999}.modal-close{position:absolute;top:2px;right:0;z-index:999;color:#f8fbf2;transform:scale(1);transition:transform .3s ease-out}.modal-close:hover{transform:scale(1.2)}.modal h3{font-size:18px}.modal h3,.modal .btn-title{text-transform:uppercase;color:#fff;letter-spacing:.1em;font-weight:400;text-shadow:1px 1px 2px #79bccb}@media only screen and (min-width: 900px){.modal.showing .content-modal{aspect-ratio:8 / 7;overflow:hidden;flex-direction:row;animation:float-min-height 3s infinite alternate}@keyframes float-min-height{0%{will-change:transform;transform:translateY(-10px)}to{will-change:transform;transform:translateY(5px)}}}@media only screen and (min-width: 900px) and (max-height: 750px){.modal.showing .content-modal{aspect-ratio:8 / 7;overflow:hidden;flex-direction:row;animation:float-ho 3s infinite alternate}@keyframes float-ho{0%{will-change:unset;transform:translateY(2px)}to{will-change:transform;transform:translateY(-10px)}}}@media only screen and (min-width: 900px) and (min-height: 900px){.modal.showing .content-modal{animation:float 3s infinite alternate}@keyframes float{0%{will-change:unset;transform:translateY(-10px)}to{will-change:transform;transform:translateY(-30px)}}}@media only screen and (max-height: 600px) and (min-width: 900px){.modal.showing .content-modal{overflow:auto}}.container-holo{position:fixed;width:100%;display:flex;justify-content:center;align-items:center;bottom:0}@media only screen and (min-width: 900px) and (min-height: 750px){.container-holo{bottom:2px}}.holo{position:relative;z-index:999;width:50%;height:10px;bottom:-8px;background-color:#75b9cc59;border-radius:100%;filter:blur(2.5px);transform:perspective(100px) rotateX(-30deg);transform-style:preserve-3d;animation:holographic 1.5s infinite alternate;backface-visibility:hidden;width:0;opacity:0;transition:width .5s ease,opacity .5s ease;transition-delay:.2s}.modal.showing .holo{width:50%;opacity:1}.modal.animClosed .holo{opacity:0;width:0;transition:width .5s ease 2.7s,opacity .5s ease 2.7s}.holo:after{content:"";position:absolute;left:0;top:0;height:20px;background-color:#75b9cc80;border-radius:100%;filter:blur(2.5px)}@keyframes holographic{0%{will-change:box-shadow;box-shadow:0 -75px 5px #75b9cc26,0 -1px 2px #75b9cc80,0 -45px 5px #75b9cc26,0 -2px 3px #75b9cc80,0 -3px 4px #75b9cc80,0 -4px 6px #75b9cc80,0 -5px 10px #75b9ccbf,0 -7px 20px #75b9ccbf,0 -10px 30px #75b9ccbf,0 -15px 40px #75b9ccbf,0 -25px 50px #75b9ccbf,0 -35px 60px #75b9ccd9,0 -45px 70px #75b9ccf2,0 -65px 80px #75b9cc,0 -75px 90px #75b9cc}to{will-change:unset;box-shadow:0 -1px 5px #75b9cc26,0 -1px 2px #75b9cc80,0 -1px 5px #75b9cc26,0 -2px 3px #75b9cc80,0 -3px 4px #75b9cc80,0 -4px 6px #75b9cc80,0 -5px 7px #75b9ccbf,0 -7px 10px #75b9ccbf,0 -10px 15px #75b9ccbf,0 -15px 20px #75b9ccbf,0 -25px 25px #75b9ccbf,0 -35px 30px #75b9ccd9,0 -45px 35px #75b9ccf2,0 -65px 40px #75b9cc,0 -75px 50px #75b9cc}}.sidebar-nav{width:100%;padding-bottom:20px;order:2}.modal .sidebar-nav nav{width:100%;height:100%}.sidebar-nav .flex-nav{height:100%;display:flex;flex-wrap:wrap;justify-content:center;text-align:left;gap:20px}.sidebar-nav .btn-title{font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:13;margin-block:10px;text-wrap:balance;transform:scale(1);transition:transform .3s ease-out;margin-block:auto;padding-bottom:10px}.sidebar-nav .btn-title:hover{transform:scale(1.05)}.sidebar-nav .btn-img{width:100%;aspect-ratio:4 / 2.1;max-height:150px;padding:0;overflow:hidden;border-radius:15px;border:var(--borderModal);box-shadow:var(--boxShadowFutur);animation:var(--animationFutur);transform:scale(1);transition:transform .3s ease-out}.sidebar-nav li{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between;width:40%}.sidebar-nav .btn-img:hover{transform:scale(1.05)}.sidebar-nav img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.sidebar-nav .external-links{padding:0 10px;display:flex;gap:15px;flex-basis:100%;flex-direction:row;margin-top:10px;justify-content:center}.round-link{width:60px;height:60px;position:relative;z-index:1;border-radius:50%;border:solid 1px #71b0bf;box-shadow:0 0 #d8fdff03,0 0 2px #d8fdff05,0 0 4px #d8fdff08,0 1px 8px #d8fdff0d,0 1px 12px #d8fdff0f,0 1px 18px #d8fdff12,0 2px 24px #d8fdff14;animation:surbrillance 6s ease-in-out infinite}.round-link:before{content:"";display:block;width:50px;height:50px;position:absolute;z-index:1;top:4.5px;left:4.5px;border-radius:50%;border-right:solid 2px #a1e9f5;border-left:solid 2px #a1e9f5;box-shadow:0 0 #d8fdff03,0 0 2px #d8fdff05,0 0 4px #d8fdff08,0 1px 8px #d8fdff0d,0 1px 12px #d8fdff0f,0 1px 18px #d8fdff12,0 2px 24px #d8fdff14;animation:spin 3s linear infinite}.round-link:after{content:"";display:block;width:40px;height:40px;position:absolute;z-index:1;border-radius:50%;top:10px;left:10px;border-top:solid 2px #a8dbde;border-bottom:solid 2px #a8dbde;box-shadow:0 0 #d8fdff03,0 0 2px #d8fdff05,0 0 4px #d8fdff08,0 1px 8px #d8fdff0d,0 1px 12px #d8fdff0f,0 1px 18px #d8fdff12,0 2px 24px #d8fdff14;animation:spin-reverse 5s linear infinite}@keyframes surbrillance{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360de)}}@keyframes spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.external-link{cursor:pointer;z-index:3}.round-link img{width:30px;height:30px;display:block;position:relative;z-index:3;margin:auto;top:24%;cursor:pointer;transform:scale(1);transition:transform .3s ease-out}.round-link img:hover{transform:scale(1.1)}@media only screen and (min-width: 900px){.sidebar-nav{width:40%;padding-top:25px;order:0}.sidebar-nav li{width:100%}.sidebar-nav .flex-nav{flex-wrap:nowrap;flex-direction:column;justify-content:space-between;gap:0;align-items:center}.sidebar-nav .external-links{display:flex;gap:20px;margin-top:10px;flex-basis:unset}.sidebar-nav .btn-title{display:inline;font-size:15.5px}}@media only screen and (min-width: 1100px){.sidebar-nav .btn-img{aspect-ratio:4 / 3}}@media only screen and (min-width: 900px) and (max-height: 750px){.sidebar-nav{width:30%;padding-top:0}.sidebar-nav .btn-img{aspect-ratio:4 / 2.1}.sidebar-nav .btn-title{margin-block:8px;font-size:12px}}.current-content{padding:10px;position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}.current-content .container-img{width:100%;overflow:hidden;border-radius:15px;border:var(--borderModal);box-shadow:var(--boxShadowFutur);animation:var(--animationFutur);aspect-ratio:4 / 4!important;display:flex;justify-content:center;background-image:url(/assets/shattered-CatBYT0R.png);background-color:#9ebab866}.current-content .container-img img{display:block;max-width:100%;object-fit:contain;image-rendering:auto;border-radius:4px;box-shadow:0 1px 5px #00000012,0 4px 19px #00000026,0 9px 42px #00000038,0 16px 74px #0000004d;box-shadow:var(--boxShadowFutur);animation:var(--animationFutur)}.container-description{width:100%;height:auto;max-height:300px;padding:15px 10px;aspect-ratio:4 / 3;color:#f1f3ef;border-radius:15px;border:var(--borderModal);box-shadow:var(--boxShadowFutur);animation:var(--animationFutur);background-color:#7f8981cc;background-color:#9ebab833;white-space:pre-line;text-align:justify;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.container-description a{display:inline-block;margin-top:10px;color:inherit;font-size:inherit;font-family:inherit;font-weight:700;transition:color .3s ease-out}.container-description a:hover{color:#60a6b0}.container-description::-webkit-scrollbar{width:8px}.container-description::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.current-content .techno-list{width:100%;aspect-ratio:8 / 1;padding:10px 5px;pointer-events:none;border-radius:10px;border:var(--borderModal);box-shadow:var(--boxShadowFutur);animation:var(--animationFutur);order:2}.current-content .techno-list span{font-size:14px;color:#f8fbf2;display:inline;padding:.2em .5em;border-radius:5px;border:solid #c1c4b1;background-color:#7f8981;margin-right:5px}.container-with-scroll{width:100%;max-height:300px;padding-inline:10px;padding-block:8px;aspect-ratio:4 / 3;color:#f8fbf2;border-radius:8px;border:var(--borderModal);box-shadow:var(--boxShadowFutur);animation:var(--animationFutur);background-color:#9ebab833;white-space:pre-line;text-align:justify;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.container-with-scroll::-webkit-scrollbar{width:8px}.container-with-scroll::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.container-with-scroll h4{text-align:center;font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin-bottom:15px;text-shadow:1px 1px 2px #79bccb}.container-with-scroll img{display:block;margin:auto;max-width:100%;max-height:200px;height:auto;border:solid 1px #c1c4b1}.container-with-scroll p{text-align:left;font-size:15px;margin-top:15px}.current-content .grow{transform:scale(1);transition:transform .3s ease-out}.current-content .grow:hover{transform:scale(1.05);cursor:pointer}@media only screen and (min-width: 900px){.current-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:5fr 50fr 40fr 10fr;gap:10px 0px}.current-content h3{grid-column:1 / 4;grid-row:1}.current-content .container-img{grid-column:1 / 4;grid-row:2;aspect-ratio:16 / 9!important}.current-content .container-img img{object-fit:cover;object-position:50% 50%;object-fit:fill}.container-description{width:90%;height:90%;margin-left:-6px;margin-top:4px;aspect-ratio:none;grid-column:1 / 3;grid-row:3}.current-content .techno-list{width:150%;padding:5px;margin-left:0;aspect-ratio:8 / 2;grid-column:1;grid-row:4}.current-content .techno-list span{font-size:clamp(12px,1vw,14px)}.container-with-scroll{width:120%;max-height:90%;position:relative;right:14%;top:5px;aspect-ratio:none;grid-column:3;grid-row:3 / span 2}}@media only screen and (min-width: 900px) and (max-height: 750px){.current-content .container-img{aspect-ratio:21 / 9!important;overflow:visible}.current-content .container-img img{border-radius:15px;border:var(--borderModal);box-shadow:var(--boxShadowFutur);animation:var(--animationFutur)}}@media only screen and (min-width: 1224px){.container-description{max-height:300px;margin-left:-6px}.container-with-scroll{max-height:350px;max-height:90%}.current-content .container-img{max-height:unset}@media only screen and (max-height: 600px) and (min-width: 900px){.container-description{min-height:140px}.current-content .techno-list{aspect-ratio:10/2}}}:root{--borderModal: solid 2px #60a6b0;--boxShadowFutur: 0 0 10px #81b9bc, 0 0 20px #81b9bc;--animationFutur: pulseBorder 3s infinite}.modal-img::backdrop{background:#0009}.modal-img.showing{max-width:100vw;max-height:100vh;margin:auto;padding:50px;border:none;background:transparent;display:flex;flex-direction:column;opacity:0;transition:opacity .5s ease}.modal-img.opacity{opacity:1}.modal-img.animClosed{opacity:0;transition:opacity .6s ease}.modal-img img{display:block;margin:auto;max-width:100%;max-height:auto;object-fit:contain;box-shadow:var(--boxShadowFutur)}.close-img{display:block;color:#a1e9f5;background-color:transparent;border:none;text-align:right}.close-img svg{width:30px;height:30px;transform:scale(1);transition:transform .3s ease-in-out}.close-img svg:hover{cursor:pointer;transform:scale(1.2)}@media only screen and (min-width: 900px){.modal-img img{max-width:90%;max-height:90%}}.sidebar{position:relative;background-color:#41424d;background-color:#7c6560;background-color:#638290;background-color:#48647d;background-color:#6a6f8a;background-image:url(/assets/light-wool-7dNnhYBT.png);background-size:contain;background-repeat:repeat;background-blend-mode:soft-light;margin-bottom:50px;box-shadow:-7px 2px 31px #0003;font-size:1.2rem;font-weight:600;padding:20px;text-align:center;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.sidebar h3{color:#dcd5cb;font-family:Fraunces,Times New Roman,Times,serif;display:inline;position:relative;padding:0 1em .5em 0}.sidebar h3:after{content:"";display:block;border-bottom:1px solid #bfa76b;border-bottom-color:#f9f7be;width:100%;height:0;position:absolute;bottom:0;left:-5px}.sidebar h3:before{content:"";display:block;position:absolute;bottom:-.5px;left:-5px;width:100%;height:2px;background:linear-gradient(to right,transparent,#bfa76b 30%,#bfa76b 70%,transparent);background:linear-gradient(to right,transparent,#f9f7be 30%,#f9f7be 70%)}.filter-techno-list li{display:inline-block}.filter-techno-list button{background-color:transparent;background-color:#3b495d;background-color:#d6beae;background-color:#9597b1;border:1px solid #6d6d77;border-color:transparent;color:#fff;font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:600;border-radius:5px;padding:.2em .8em;cursor:pointer;transition:background-color .3s ease-out}.filter-techno-list button:hover,.filter-techno-list button.active{background-color:#6d6d77;background-color:#bfa76b;background-color:#b9937c;background-color:#9c8aa4;background-color:#4d4e63;display:unset}@media only screen and (min-width: 767px){.sidebar{text-align:left;flex-direction:row;justify-content:unset}.sidebar h3{margin-top:10px}.sidebar h3:after{border-right:1px solid #bfa76b;border-right-color:#f9f7be;border-bottom:none;width:0;height:82.63px;bottom:unset;left:unset;top:-30px;right:0}.sidebar h3:before{background:linear-gradient(to bottom,transparent,#bfa76b 30%,#bfa76b 70%,transparent);background:linear-gradient(to bottom,transparent,#f9f7be 30%,#f9f7be 70 transparent);width:2px;height:82.63px;bottom:unset;left:unset;top:-30px;right:-1px}.filter-techno-list{margin-left:20px}}@media only screen and (min-width: 1024px){.sidebar{margin-top:-50px;margin-bottom:0;grid-column:1;grid-row:1 / span 2;flex-direction:column;padding-right:2px;padding-left:10px;width:160px;align-items:unset;height:100%;box-shadow:16px 2px 31px #0003;position:fixed;margin-left:-160px}.sidebar h3{margin-top:0;font-size:1.2rem}.sidebar h3:after{border-right:none;border-bottom:1px solid #bfa76b;border-bottom-color:#f9f7be;width:90%;height:0;top:unset;right:unset;bottom:0;left:-5px}.sidebar h3:before{background:linear-gradient(to right,#bfa76b 30%,#bfa76b 70%,transparent);background:linear-gradient(to right,#f9f7be 30%,#f9f7be 70%,transparent);width:90%;height:2px;top:unset;right:unset;bottom:-.5px;left:-5px}.filter-techno-list{display:flex;flex-direction:column;margin:10px 0 0;gap:10px}}.project-card.empty{display:none}.project-card.active{position:relative;width:80%;max-width:300px;aspect-ratio:7 / 8;border-radius:10px;padding-bottom:20px;margin-bottom:50px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;background-color:#333239;background-color:#2e303c;background-color:#3d4e64;background-color:#435d75;background-image:url(/assets/space-project-card-20-Do4HN1ha.png);background-size:200%;background-position:20% 100%;background-repeat:no-repeat;color:#d3d3d3;box-shadow:1px 2px 2px #0307120a,5px 9px 6px #03071217,11px 19px 14px #03071224,20px 34px 24px #0307122e;transition:box-shadow .5s cubic-bezier(.25,.1,.25,1)}.project-card:hover{box-shadow:1px 2px 2px #03071214,5px 9px 6px #0307121f,11px 19px 14px #0307122e,20px 34px 24px #03071242;background-size:cover;background-position:left 80% top 67.65px}.project-card.hidden{display:none}.project-card .container-img{display:block;position:relative;overflow:hidden;width:100%;max-width:300px;height:267.65px;transition:height .3s}.project-card:hover .container-img{height:67.65px}.project-card img{display:block;width:100%;height:100%;border-top-left-radius:10px;border-top-right-radius:10px;object-fit:cover;object-position:center;opacity:1;transform:scaleY(1);transition:opacity .3s,transform .3s}.project-card:hover img{opacity:.6;transform:scaleY(1.1)}.project-card .container-img .techno-list{position:absolute;z-index:2;bottom:10px;left:10px;font-size:14px;font-weight:800}.project-card .container-img .techno-list span{display:inline;background-color:#00000080;padding:.2em .5em}.project-card .contain-text{padding:20px 25px;text-align:justify;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:hidden;height:85px;transition:height .3s}.project-card:hover .contain-text{height:auto}.project-card .description{transform:translateY(25px);opacity:0;transition:opacity .2s,transform .3s}.project-card:hover .description{opacity:1;transition-delay:.1s;transform:translateY(0)}@media only screen and (min-width: 1024px){.project-card.active.single-card{margin-inline:0}}@media only screen and (min-width: 1920px){.project-card.active.single-card{margin-inline:10%}}.button{border-radius:10px;padding:.2em 1em;box-shadow:0 1px 1px #03071205,0 5px 4px #03071208,0 12px 9px #0307120d,0 20px 15px #0307120f,0 32px 24px #03071214;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px;border:none;cursor:pointer}.button.purple{background-color:#878c9e;background-color:#726c88;color:#fff;transition:background-color .3s ease-out,color .3s ease-out}.button.button.purple:hover{background-color:#6b707f;background-color:#5c5770;color:#fff}.button.pink{background-color:#c1a695;background-color:#c69f95;background-color:#d6beae;background-color:#c4afa0;color:#fff;transition:background-color .3s ease-out,color .3s ease-out}.button.pink:hover{background-color:#aa7162;background-color:#a1786f;background-color:#a28370;background-color:#9c8b80;color:#fff}body{margin-top:50px;background-color:#534b50;background-color:#3b495d;background-color:#2e3f50;background-color:#2b3241;background-image:url(/assets/stardust-HeCBPdDM.png);background-repeat:repeat;color:#a48c8a;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:16px}@media only screen and (min-width: 1024px){main{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding-left:160px}}h1,h2{font-family:Fraunces,Times New Roman,Times,serif;color:#fff}h1{font-size:34px;margin-bottom:15px}h2{font-size:20px;text-align:center}.projects .fixed-drop-down-menu{font-family:Fraunces,Times New Roman,Times,serif}.projects .toggle-menu{background-color:#c1a695;background-color:#6486a6;background-color:#7a718b}.projects .fixed-menu .menu:not(.menu.active){color:#fff}.projects .fixed-menu .menu.active{color:#7f749a}.projects .fixed-menu .menu:hover{color:#7a7094!important}.projects .fixed-expanded-menu .menu:after{border-right:solid 1px #878c9e}.projects .fixed-expanded-menu .menu:before{border-right:solid 1px #878c9e}.header.main{position:relative;width:80%;max-width:450px;margin-inline:auto;margin-bottom:50px;border-radius:5px;padding:20px 25px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:justify;background-color:#25242b;background-color:#333949;background-color:#3d4e64;background-color:#212631;background-color:#364559;background-image:url(/assets/ciel-etoile-Dop-KVET.png);background-size:cover;box-shadow:0 1px 1px #03071205,0 5px 4px #03071208,0 12px 9px #0307120d,0 20px 15px #0307120f,0 32px 24px #03071214;z-index:3}.header.main:before{content:"";display:block;width:40px;height:40px;position:absolute;top:-40px;left:10px;background-image:url(/assets/le-gar%C3%A7on-et-la-lune-CBahKcic.png);background-size:contain;z-index:3;pointer-events:none}.header.main .first-p{text-align:center}.header.main .description{color:#d3d3d3}.flex-button{display:flex;margin-top:10px}.flex-button .button.purple{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:.5em}.flex-button .button.pink{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:.5em}@media only screen and (min-width: 1024px){.header.main{grid-row:1}}@media only screen and (min-width: 1280px){.header.main{width:34.55%;gap:40px;font-size:18px;padding:40px}}.grid-projects-card{position:relative;width:96%;max-width:660px;margin:auto;display:flex;flex-wrap:wrap;gap:20px}@media only screen and (min-width: 767px){.grid-projects-card{max-width:1000px}}@media only screen and (min-width: 1280px){.grid-projects-card{width:100%;max-width:1180px;margin-top:-470px}.project-card.first{margin-right:440px}}@media only screen and (min-width: 1920px){.grid-projects-card{max-width:1750px;gap:20px 20px}.project-card.first{margin-right:0}.project-card.second{margin-right:240px}.project-card.third{margin-left:240px}}footer{margin-top:auto;margin-inline:auto;text-transform:uppercase;text-align:center;text-wrap:balance;font-size:clamp(.8rem,1vw,1rem);color:#fff;position:relative;bottom:10px}@media only screen and (min-width: 1024px){footer{margin-left:10%;padding:0 10px 8px;bottom:unset}}@media only screen and (min-width: 1920px){footer{margin-left:8%}}