@import "https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@property --bgSz{syntax:"<percentage>";inherits:false;initial-value:0%}body{justify-content:center;margin:0;font-family:Work Sans,sans-serif;font-size:14px;display:flex;overflow:hidden}h1{text-align:center;font-size:40px;font-style:italic;font-weight:400}h1>span{position:relative}h1>span:after{content:"";background-color:#000;height:3px;transition:right .5s,left .3s .2s;display:block;position:absolute;top:110%;left:0;right:30%}h1>span:hover:after{left:30%;right:0}.main{flex-direction:column;align-items:center;display:flex}.main.home-container{background-color:#c1fff6;background-image:url(VertNana-arriere-plan.8e04854f.svg),url(VertNana-arriere-plan.d7a69475.png);background-position:50%;background-repeat:no-repeat;background-size:200%;width:100vw;height:100vh}.projects-container{background-color:#fff;width:100vw;height:100vh;transition:all .3s .5s;position:fixed;top:100vh;overflow:auto}.projects-container.open{transition-delay:.1s;top:0}.projects-container>*{width:70vw}.floatL{float:left}.floatR{float:right}.project{transform-origin:100% 0;margin-bottom:20px;transition:all 1s 50ms;display:inline-block;transform:rotate(-33deg)translate(-50%,70%)}.projects-container.open .project{transform:rotate(0)translate(0)}.thumbnail{background-color:#f9ffb585;background-position:50%;background-size:cover;width:100%;height:calc(100% - 140px);position:relative}.video-thumbnail{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.horizontal{width:calc(42vw - 36px);height:calc(28vw + 104px)}.vertical{width:calc(28vw - 36px);height:calc(42vw + 104px)}.project .description{justify-content:space-between;align-items:center;padding:10px 0 15px;display:flex}.project .description h2{font-size:1.1em;font-style:italic;font-weight:400;display:inline-block}.project .description .tags{display:inline-block}.tag{background-color:#fff;border:2px solid #000;border-radius:30px;padding:10px 15px;font-size:.7em;font-style:normal;font-weight:500}.tags i{display:none}.tag:not(:first-child){margin-left:10px}#menu{z-index:1000;gap:15px;transition:opacity .5s 1.5s;position:fixed;top:85px;right:65px}#menu .menu-item{text-align:center;box-sizing:border-box;background-color:#fff;border:1px solid #000;border-radius:30px;width:100px;height:40px;padding:12px 20px;transition:all .3s}#menu .menu-item:hover,#menu .menu-item.selected,#tag-list-btn:hover,#menu:has(#tag-list.open) #tag-list-btn{background-color:#f9ffb5;border:1px solid #f9ffb5}#tag-list.open>span{transform:translate(0)}#tag-list,#menu{flex-direction:column;align-items:flex-end;display:flex}#tag-list{justify-content:space-around;gap:25px;margin-top:50px}#tag-list>span,.menu-item{cursor:pointer}#tag-list>span{transition:color .3s,transform .3s;transform:translate(400px)}#tag-list>span:first-child{transition-delay:0s,.1s}#tag-list>span:nth-child(2){transition-delay:0s,.2s}#tag-list>span:nth-child(3){transition-delay:0s,.3s}#tag-list>span:nth-child(4){transition-delay:0s,.4s}#tag-list>span:nth-child(5){transition-delay:0s,.5s}#tag-list>span:nth-child(6){transition-delay:0s,.6s}#tag-list>span:nth-child(7){transition-delay:0s,.7s}#tag-list>span:nth-child(8){transition-delay:0s,.8s}#tag-list>span:nth-child(9){transition-delay:0s,.9s}#tag-list>span:nth-child(10){transition-delay:0s,1s}#tag-list>span:hover,#tag-list>span.selected{color:#b6c0f6}#tag-list-bg,#tag-list-btn{display:none}.contact-container .stripe{z-index:200;width:7%;height:100%;transition:all .5s ease-in-out .3s;position:fixed}.contact-container .stripe.empty{width:15%;background-color:#0000!important}.contact-container .stripe.empty.up{left:0}.contact-container .stripe.n1{left:15%}.contact-container .stripe.n2{left:22%}.contact-container .stripe.n3{left:29%}.contact-container .stripe.n4{left:36%}.contact-container .stripe.n5{left:43%}.contact-container .stripe.n6{left:50%}.contact-container .stripe.n7{left:57%}.contact-container .stripe.n8{left:64%}.contact-container .stripe.n9{left:71%}.contact-container .stripe.n10{left:78%}.contact-container .stripe.empty.down{left:85%}.contact-container .stripe.up{background-color:#f9ffb5;top:100%}.contact-container .stripe.down{background-color:#e3fed5;top:-100%}.contact-container.open .stripe{transition-delay:0s;top:0}.contact-container .contact-content{z-index:300;box-sizing:border-box;background-color:#fff;border:0 solid #000;border-radius:30px;width:0;height:0;padding:0;transition:all .3s cubic-bezier(0,.8,.27,.18);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-container.open .contact-content{border:2px solid #000;width:70%;height:70%;padding:8% 10%;transition-delay:.5s}.contact-container .contact-content .close{--bgSz:0%;visibility:hidden;background:radial-gradient(circle,#f9ffb5 0%,#f9ffb5 calc(var(--bgSz) - 1px),#2bf1d3 var(--bgSz),#2bf1d3 100%);cursor:pointer;border:2px solid #000;border-radius:50%;width:50px;height:50px;transition:visibility,--bgSz .3s;display:inline-block;position:absolute;top:0;right:0;transform:translate(30%,-30%)}.contact-container .contact-content .close:hover{--bgSz:100%}.contact-container .contact-content .close:before,.contact-container .contact-content .close:after{content:"";background-color:#000;border-radius:3px;width:40%;height:2px;transition:all .3s;display:block;position:absolute;top:50%;left:50%}.contact-container .contact-content .close:before{transform:translate(-50%,-50%)rotate(45deg)}.contact-container .contact-content .close:after{transform:translate(-50%,-50%)rotate(-45deg)}.contact-container .contact-content .close:hover:before{transform:translate(-50%,-50%)rotate(135deg)}.contact-container .contact-content .close:hover:after{transform:translate(-50%,-50%)rotate(45deg)}.contact-container.open .contact-content .close{visibility:visible;transition:visibility 0s .8s,--bgSz .3s}.contact-container .contact-content>div{opacity:0;width:100%;height:100%;transition:opacity .3s .8s;overflow-y:hidden}.contact-container.open .contact-content>div{opacity:1;overflow-y:scroll}.contact-container .contact-content>div>*{text-align:left;margin-top:0;margin-bottom:50px}.contact-container .contact-content>div>:last-child{margin-bottom:0}.highlight{font-size:2em}.font-red{color:#ffb5b5}.font-orange{color:#ffddba}.font-green{color:#e3fed5}.font-purple{color:#b6c0f6}.font-blue{color:#5cffe6}.tilted-green{background-color:#e3fed5;padding:5px 10px;display:inline-block;transform:rotate(-5deg)}.home-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.home-content #main-logo-container{width:25%;height:25%;position:relative}.home-content #main-logo-container canvas,.home-content #main-logo-container div{width:100%;height:100%;position:absolute}#top-logo{width:110px;height:75px;position:fixed;top:30px;left:30px}#project-details{background-color:#fff;width:70vw;height:100vh;position:fixed;bottom:100%;left:15vw;overflow:auto}#project-details.open{bottom:0}.project-header{background-position:50%;background-size:cover;width:70vw;height:40vw;display:flex;position:relative}.project-header>div.headerTitle{width:100%;height:100%;position:absolute;top:0;left:0}.project-header>div.headerTitle>div{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:25%;height:15%;padding-top:8%;display:flex}.project-header>div.headerTitle h1{position:relative}.project-header>div.headerTitle h1:before{content:"";background-color:#000;width:65%;height:3px;display:inline-block;position:absolute;top:calc(100% + 5px);left:0}.project-content-img{width:70vw;height:calc(var(--imgRatio)*70vw);background-position:50%;background-size:cover}.project-content-img.vertical{height:100vw}.top-video{justify-content:center;align-items:center;width:100%;height:100%;margin:0 0 50px;padding:0;display:flex;position:relative;overflow:hidden}.top-video .background-video{object-fit:cover;opacity:100;width:100%;height:100%;transition:z-index 30ms .5s,opacity .5s;position:absolute;inset:0}.vh70{height:70vh}.top-video .background-video.ended{z-index:-1;opacity:0}.top-video .content{text-align:center;z-index:100;flex-flow:column;justify-content:center;align-items:center;display:flex}.project-description{padding:0 0 60px 30px}.project-description h2,.project-description p{margin-top:50px;font-size:20px;font-weight:600}.project-description p{margin-top:30px;font-style:italic;font-weight:400}.project-description .tags{box-sizing:border-box;position:relative;top:-5%}.copyright{float:right}.copyright-mobile{display:none}.link{color:#000;background-color:#f9ffb5;border-radius:40px;padding:15px 25px;font-size:.7em;text-decoration:none}.headerTitle{justify-content:space-between;width:100%;display:flex;position:relative;top:-30%}.open-project{cursor:pointer;position:relative}.open-project.prev-link:before,.open-project.next-link:before{content:"";background-color:#000;width:0;height:2px;transition:width .3s;display:inline-block;position:absolute;top:105%}.open-project:hover.prev-link:before,.open-project.next-link:hover:before{width:100%}.open-project.next-link:before{right:0}.open-project.prev-link:before{left:0}.matter-box{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.animated-elements{transform-origin:50%;z-index:400;position:absolute;bottom:100%}.animated-elements#cercle-vert{width:14vw;height:14vw;left:40vw}.animated-elements#cercle-violet{width:8vw;height:8vw;left:70vw}.animated-elements#coeur-blanc{width:8vw;height:12.16vw;left:18vw;transform:rotate(90deg)}.animated-elements#coeur-blanc-big{width:11vw;height:16.72vw;left:50vw}.animated-elements#croix-blanche{width:10vw;height:10vw;right:0}.animated-elements#croix-verte{width:12vw;height:12vw;left:80vw}.animated-elements#croix-violette{width:9vw;height:9vw;left:30vw}.animated-elements#flocon-violet{width:10vw;height:10vw;left:10vw}.animated-elements#rectangle-vert-clair{width:13vw;height:5vw;left:65vw}.animated-elements#triangle-vert-clair{width:14vw;height:14vw;left:-1vh}form{flex-direction:column;gap:15px;display:flex}form .tag{border-radius:15px}form .tag,form .tag:not(:first-child){margin-left:0}form input{outline:none;width:200px}form input[type=submit]{cursor:pointer;width:fit-content}form textarea{outline:none;width:100%;min-height:100px}.textarea-container{position:relative}.textarea-container input{position:absolute;bottom:-15px;right:15px}@media screen and (width>=800px){.bullet{display:none}}@media screen and (width<=800px){.home-content #main-logo-container{width:75%;height:75%}h1{font-size:28px}#menu{top:30px;right:30px}#menu .menu-item{padding:10px 14px}#tag-list{background-color:#0000;border:1px solid #0000;border-radius:10px;justify-content:space-around;align-items:center;gap:15px;padding:0;transition:bottom .3s;position:fixed;inset:15vh 15vw 85vh;overflow:hidden}#tag-list.open{background-color:#fff;border:1px solid #000;padding:10vh 0;bottom:15vh}#tag-list-bg{opacity:0;background-color:#fff;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}#menu:has(#tag-list.open) #tag-list-bg{opacity:.8;display:block}.menu-item{z-index:400}#tag-list-btn.open{background-color:#fff;border:1px solid #000;border-radius:30px;transition:all .3s;display:block;position:relative;width:40px!important;height:40px!important}#tag-list-btn>span{background-color:#000;border-radius:2px;width:15px;height:2px;transition:all .3s;display:inline-block;position:absolute;top:calc(50% - 1px);right:10px}#tag-list-btn>span:first-child{width:20px;top:calc(50% - 7px)}#tag-list-btn>span:last-child{width:10px;top:calc(50% + 5px)}#tag-list-btn:hover>span:nth-child(2),#menu:has(#tag-list.open) #tag-list-btn>span:nth-child(2){right:15px}#tag-list-btn:hover>span:last-child,#menu:has(#tag-list.open) #tag-list-btn>span:last-child{right:20px}.contact-container .contact-content{z-index:1002}.contact-container .stripe{z-index:1001;width:10%}.contact-container .stripe.n1{left:0}.contact-container .stripe.n2{left:10%}.contact-container .stripe.n3{left:20%}.contact-container .stripe.n4{left:30%}.contact-container .stripe.n5{left:40%}.contact-container .stripe.n6{left:50%}.contact-container .stripe.n7{left:60%}.contact-container .stripe.n8{left:70%}.contact-container .stripe.n9{left:80%}.contact-container .stripe.n10{left:90%}#projects{flex-direction:column;align-items:center;display:flex}#project-details,.projects-container>*{background:#fff}#project-details,.projects-container>*,.project-header{background:#fff;left:0}#project-details,.projects-container>*,.project-header,.project-content-img{width:100vw}.project-content-img{height:calc(var(--imgRatio)*100vw)}.project-header{background-position:50%;background-size:cover;height:50vh}.project{width:70vw!important;height:80vw!important}.project .description{margin-top:-15px;padding-top:0}h1{margin-top:12vh;margin-bottom:8vh}.project-description{text-align:center;padding:0}.tag{border:none;padding:0;font-size:.85em}.tag:not(:first-child){margin-left:0}.tags i{margin:0 5px;display:inline-block}.tags{text-align:center;background-color:#fff;border:1px solid #000;border-radius:30px;max-width:80%;padding:10px 15px;font-size:1em;font-style:normal;font-weight:500}.project .description{flex-direction:column-reverse}.copyright{display:none}.copyright-mobile{display:inline-block}}
/*# sourceMappingURL=vert-nana.c4c4df29.css.map */