@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Loader{position:fixed;overflow:hidden;width:100vw;top:0;right:0;left:0;z-index:100;height:100vh;background-color:var(--white);transition:transform 1s cubic-bezier(.73,.01,0,1);transform:translateY(0);will-change:transform}.Loader.active{transform:translateY(-110%)}.Loader .Loader__wrapper{transition:opacity 1s cubic-bezier(.73,.01,0,1);padding:1.8rem 0 0 3rem}.Loader h2{width:fit-content;font-size:2.8rem;line-height:3rem}.Loader p{opacity:.5}.Loader__second{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#838383;transition:transform 1s cubic-bezier(.73,.01,0,1) .2s;transform:translateY(0);will-change:transform;z-index:99}.Loader__second.active{transform:translateY(-110%)}@media screen and (max-width: 768px){.Loader .Loader__wrapper{padding:1rem 0 0 1rem}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}h1{font-size:3.5rem;font-weight:500;line-height:3.7rem;text-transform:uppercase;color:var(--black)}h2{font-size:3rem;font-weight:500;line-height:2.5rem;text-transform:uppercase;color:var(--black)}h3{font-size:2rem;font-weight:500;text-transform:uppercase;color:var(--black)}p{font-size:1rem;line-height:1.4rem;font-weight:500;text-transform:uppercase;color:var(--black)}@media screen and (max-width: 768px){h1{font-size:2.8rem;font-weight:500}h2{font-size:2rem}h3{font-size:1.5rem;font-weight:500}p{font-size:1rem}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.AppearText{position:relative;overflow:hidden}.AppearText>div{will-change:transform;transition:transform .6s cubic-bezier(.5,.14,0,1);transform:translate3d(0,100%,0);height:fit-content}.AppearText.appear>div{transform:translateZ(0)}.AppearText.disappear>div{transform:translate3d(0,120%,0)!important}.AppearText.visible>div{transform:translateZ(0)}.AppearText.invisible>div{transform:translate3d(0,100%,0)}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Header{position:fixed;padding:2rem 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;width:calc(100% - 2px)}.Header .Container{width:calc(100% - 6rem);position:relative;display:flex;justify-content:space-between;align-items:center}.Header .Container>.AppearText p{position:relative;overflow:hidden;padding-left:3rem}.Header .Container>.AppearText p:hover:before{transform:translateY(-50%)}.Header .Container>.AppearText p:before{content:"";background-image:url(data:image/webp;base64,UklGRkQAAABXRUJQVlA4TDgAAAAvK8ExABcgFkzeseTvl4ZAIEGLf6rFgsk7f6PImv/4iwQEAhROOmlpCxTR/wkYH768/tN/+u9PAg==);background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;top:50%;left:1rem;height:1.4rem;aspect-ratio:2/3;width:auto;filter:grayscale(1);transform:translateY(50%);transition:transform .6s cubic-bezier(.73,.01,0,1)}.Header a{cursor:pointer}.Header span{animation:blink 2s step-start infinite}@media screen and (max-width: 768px){.Header{position:relative;width:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.Header .Container{width:calc(100% - 2rem)}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Container{margin:0 3rem;position:relative;box-sizing:border-box}@media screen and (max-width: 768px){.Container{margin:0 1rem;position:relative;box-sizing:border-box}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.UnderlineText{position:relative;width:fit-content}.UnderlineText:after{content:"";display:block;width:100%;height:2px;background-color:var(--black);will-change:transform;position:absolute;bottom:0;right:0;left:0;transform:scale3d(0,1,1);transition:transform .6s cubic-bezier(.215,.61,.355,1);transform-origin:center right}.UnderlineText:hover:after{transform:scaleZ(1);transform-origin:center left}@font-face{font-family:Madena;src:url(/assets/Madena-db423d02.ttf) format("ttf");font-display:swap}::-webkit-scrollbar{display:none}html,button{font-family:Poppins,sans-serif}body{background-color:var(--background-color);will-change:background-color;transition:background-color 1s ease;margin:0;padding:0}h1{font-family:Madena;font-style:oblique;font-weight:500}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.LandingGallery{height:100svh;width:100svw}.LandingGallery .LandingGallery__images{position:absolute;top:55%;left:50%;height:100svh;width:100svw;overflow:hidden;transform:translate(-50%,-50%)}.LandingGallery .LandingGallery__intro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;text-align:center;z-index:0;pointer-events:none;width:80%;display:flex;flex-direction:column;gap:.8rem}.LandingGallery .LandingGallery__intro h1{font-size:5rem}.LandingGallery .LandingGallery__intro p{opacity:.5}.LandingGallery .LandingGallery__footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.LandingGallery__images div,.LandingGallery__images img{height:100px!important;width:200px!important}.LandingGallery__images a:nth-child(1),.LandingGallery__images a:nth-child(6){display:none}.LandingGallery__images a:nth-child(2) div{translate:0% -30%}.LandingGallery__intro h1{font-size:2.2rem!important;line-height:2.2rem}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.LandingImage>div{position:absolute;top:-100%;left:50%;height:150px;width:300px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:transform 1s ease;z-index:-1;transform:translate(-50%,50%) scale(1);overflow:hidden;transform-origin:center center;transition:opacity .6s ease,transform .6s ease,border .6s ease;border:1px solid transparent}.LandingImage>div.clicked{border-color:transparent!important;transition:transform .8s ease 8s,border .6s ease!important}.LandingImage>div.clicked>img{transition-delay:.6s!important;transition:clip-path 1s cubic-bezier(.73,.01,0,1) 8s}.LandingImage>div.notValid{border-color:var(--gray-3);transform:translate(-50%) scale(.92)!important}.LandingImage>div.notValid>img{transition:clip-path .3s cubic-bezier(.73,.01,0,1)!important;clip-path:inset(100% 0 0 0)}.LandingImage>div.notClicked .LandingImage>div.notValid{border:none!important}.LandingImage>div.notClicked img{transition:clip-path .3s ease,filter 1s ease,transform .3s ease}.LandingImage>div.appear{transform:translate(-50%) scale(1)}.LandingImage>div.appear:hover{transition:transform 1s ease 0ms!important}.LandingImage>div.appear:hover img{transform:scale(1.3);filter:grayscale(0)}.LandingImage>div.disappear{transform:translate(-50%,30%) scale(.8)!important;pointer-events:none}.LandingImage img{object-fit:cover;position:relative;aspect-ratio:16/9;height:100%;width:100%;transform:scale(1.3);transition:clip-path .3s ease,filter .6s ease,opacity .6s ease;clip-path:inset(100% 0 0 0);will-change:clip-path,transform}.LandingImage img.appear{clip-path:inset(0 0 0 0);transform:scale(1.4);filter:grayscale(1)}.LandingImage img.disappear{transition:clip-path 1s cubic-bezier(.73,.01,0,1) 5s;clip-path:inset(100% 0 0 0);transform:scale(1.3);filter:grayscale(0)!important}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.LastProjects{margin-top:15rem}.LastProjects>.AppearText:first-child{margin-bottom:2rem;opacity:.58}.LastProjects .LastProjects__projects{position:relative}.LastProjects .LastProjects__projects .LastProject__grid{position:absolute;height:300px;width:300px;object-fit:contain;background-position-y:1200px;transform-origin:center center;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;will-change:clip-path,transform;transition:clip-path 1.5s cubic-bezier(.73,.01,0,1),background-position .5s cubic-bezier(.73,.01,0,1);clip-path:inset(100% 0 0 0)}.LastProjects .LastProjects__projects .LastProject__grid.appear{clip-path:inset(0 0 0 0)}.LastProjects .LastProjects__projects .LastProject__grid .LastProject__grid__wrapper{position:absolute;transition:top .4s cubic-bezier(.73,.01,0,1)}.LastProjects .LastProjects__projects .LastProject__grid .LastProject__grid__wrapper .LastProject__grid__item{background-repeat:no-repeat;background-size:cover;background-position:center;height:300px;width:300px}.LastProjects>.AppearText:last-child{display:flex;justify-content:center;margin-top:3rem}@media screen and (max-width: 768px){.LastProjects{margin:0 0 5rem}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.ProjectCell{padding:2.6rem 2.6rem 2.6rem 0;display:flex;align-items:center;gap:2rem;cursor:pointer;color:var(--gray-3);transition:color 1s ease,opacity .5s ease,transform .3s ease;position:relative;animation:fadeIn .5s cubic-bezier(.73,.01,0,1);transform:translateY(0)}.ProjectCell h2,.ProjectCell p{transition:color .6s cubic-bezier(.73,.01,0,1)!important;will-change:color}.ProjectCell.fake{opacity:.2!important;cursor:not-allowed}.ProjectCell.fake .ProjectCell__left p{filter:blur(3px)}.ProjectCell.fake .ProjectCell__right svg{visibility:hidden;opacity:0}.ProjectCell:hover .ProjectCell__hover{transform:scaleZ(1);transform-origin:center top}.ProjectCell:hover h2,.ProjectCell:hover p{transition:color .6s cubic-bezier(.73,.01,0,1)!important;color:var(--white)}.ProjectCell:hover svg path{stroke:var(--white)!important}.ProjectCell:hover:before{background-color:var(--white)}.ProjectCell:hover .ProjectCell__wrapper div:last-child svg{transform:translateY(0)}.ProjectCell.appear{opacity:1}.ProjectCell.disappear{opacity:0!important}.ProjectCell.disappear:before{clip-path:inset(100% 0 0 0)!important}.ProjectCell.visible{transform:translateY(0)}.ProjectCell.visible:before{clip-path:inset(0 0 0 0)}.ProjectCell.invisible{transform:translateY(50%)}.ProjectCell.invisible:before{clip-path:inset(100% 0 0 0)}.ProjectCell:before{content:"";height:2rem;width:2rem;margin-left:2.6rem;aspect-ratio:1/1;background-color:var(--black);transition:clip-path 1s cubic-bezier(.73,.01,0,1),background-color .6s ease}.ProjectCell .ProjectCell__hover{content:"";position:absolute;height:100%;left:0;bottom:0;width:100%;background-color:var(--black);z-index:-1;transform:scale3d(1,0,1);transition:transform 1s cubic-bezier(.215,.61,.355,1);transform-origin:center bottom}.ProjectCell .ProjectCell__wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;pointer-events:none}.ProjectCell .ProjectCell__wrapper p{text-align:right}.ProjectCell .ProjectCell__wrapper h2{text-transform:uppercase}.ProjectCell .ProjectCell__wrapper .ProjectCell__left{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.ProjectCell .ProjectCell__wrapper .ProjectCell__left p{opacity:.5}.ProjectCell .ProjectCell__wrapper .ProjectCell__right{display:flex;align-items:center;gap:1rem;overflow:hidden}.ProjectCell .ProjectCell__wrapper .ProjectCell__right p{opacity:.5;white-space:nowrap}.ProjectCell .ProjectCell__wrapper .ProjectCell__right svg{transition:transform .3s cubic-bezier(.73,.01,0,1),color 1s cubic-bezier(.73,.01,0,1);transform:translateY(150%)}.ProjectCell .ProjectCell__wrapper .ProjectCell__right svg path{stroke:var(--black);transition:stroke .6s cubic-bezier(.73,.01,0,1)}@media screen and (max-width: 768px){.ProjectCell{padding:1rem;gap:1rem}.ProjectCell:before{height:1.5rem;width:1.5rem;margin-left:0}.ProjectCell .ProjectCell__wrapper h2{font-size:1.4rem}.ProjectCell .ProjectCell__wrapper .ProjectCell__left .AppearText:last-child{display:none}.ProjectCell .ProjectCell__wrapper .ProjectCell__right p{font-size:.7rem}.ProjectCell .ProjectCell__wrapper .ProjectCell__right svg{display:none;width:.7rem;height:.7rem}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Line{background-color:var(--gray-3);margin:0;height:1px;padding:0;width:100%;border:none;transition:width 1s cubic-bezier(.73,.01,0,1)}.Line.fake{opacity:.2}.Line.disappear{width:0!important}.Line.visible{width:100%}.Line.invisible{width:0%}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Button{background-color:transparent;padding:.5rem 1.2rem;border:2px solid var(--black);cursor:pointer;position:relative;z-index:1;font-size:1rem;text-transform:uppercase;font-weight:500;transform:scale(.9);transition:transform .6s cubic-bezier(.73,.01,0,1)}.Button p{transition:color .8s cubic-bezier(.73,.01,0,1);color:var(--white)}.Button.visible{transform:translateY(0)}.Button.invisible{transform:translateY(100%)}.Button:hover{transform:scale(1)}.Button:hover p{color:var(--black)}.Button:hover .Button__hover{height:0%}.Button .Button__hover{position:absolute;background-color:var(--black);height:100%;width:100%;bottom:0;left:0;z-index:-1;transition:height .8s cubic-bezier(.73,.01,0,1)}.Button.secondary{background-color:transparent;border:2px solid var(--black)}.Button.secondary p{color:var(--black)}.Button.secondary .Button__hover{height:0%}.Button.secondary:hover p{color:var(--white)}.Button.secondary:hover .Button__hover{height:100%}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.FollowImage{position:absolute;height:300px;width:300px;object-fit:contain;background-position-y:1200px;transform-origin:center center;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;will-change:clip-path,transform;transition:clip-path 1s cubic-bezier(.73,.01,0,1),background-position .5s cubic-bezier(.73,.01,0,1);clip-path:inset(100% 0 0 0)}.FollowImage.appear{clip-path:inset(0 0 0 0)}.FollowImage .FollowImage__grid__wrapper{position:absolute;transition:top .4s cubic-bezier(.73,.01,0,1)}.FollowImage .FollowImage__grid__wrapper .FollowImage__grid__item{background-repeat:no-repeat;background-size:cover;background-position:center;height:300px;width:300px}@media screen and (max-width: 768px){.FollowImage{display:none}}.AboutCard .AboutCard__stat{display:flex;justify-content:space-between;align-items:flex-start;margin-top:1rem;padding:0 1rem;gap:1rem}.AboutCard .AboutCard__stat p{opacity:.58;text-align:right}.AboutCard .AboutCard__stat>.AppearText{padding:.2rem 0}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.ScrollRevealText{position:relative}.ScrollRevealText h2{text-transform:uppercase;font-size:2.1vw;line-height:1.4}.ScrollRevealText .ScrollRevealText__text h2{opacity:.2}.ScrollRevealText>.AppearText{position:absolute;height:100%;width:100%;top:0}.ScrollRevealText>.AppearText>div{position:absolute;height:100%;width:100%}.ScrollRevealText .ScrollRevealText__hover{position:absolute;left:0;bottom:0}.ScrollRevealText .ScrollRevealText__hover h2{max-width:100%;white-space:nowrap;overflow:hidden;opacity:1}.ScrollRevealText .ScrollRevealText__hover:not(.visible){transition:width 2s cubic-bezier(.73,.01,0,1)}@media screen and (max-width: 768px){.ScrollRevealText h2{font-size:3rem;line-height:3.5rem}.ScrollRevealText .ScrollRevealText__text h2{opacity:1}.ScrollRevealText .ScrollRevealText__hover{display:none}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.About{margin:30rem 0}.About>.AppearText{opacity:.58}.About .About__intro{margin:2rem 0;display:flex;flex-direction:column}.About .About__cards{margin:3rem 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem}.About .About__intro__mobile{margin:2rem 0;display:none;text-align:justify}@media screen and (max-width: 768px){.About .About__intro{display:none}.About .About__intro__mobile{display:block}.About .About__cards{display:flex;flex-direction:column;gap:1rem}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Skills>.AppearText,.Skills>.Skills__intro{margin-bottom:2rem}.Skills>.AppearText:first-child{opacity:.58}.Skills>.AppearText:nth-child(2){text-align:justify;display:none}.Skills .Skills__grid{display:flex;flex-wrap:wrap;gap:1rem}.Skills .Skills__grid .Skills__grid__column{display:flex;flex-direction:column;gap:.2rem;flex:1}.Skills .Skills__grid .Skills__grid__column>.AppearText{opacity:.58;margin-bottom:1rem}@media screen and (max-width: 768px){.Skills>.AppearText:nth-child(2){max-width:100%}.Skills>.AppearText:nth-child(2){display:block}.Skills>.Skills__intro{display:none}.Skills .Skills__grid{gap:3rem;flex-direction:column}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Skill{transition:opacity .3s cubic-bezier(.73,.01,0,1);opacity:.58;display:flex;flex-direction:column;overflow:hidden}.Skill>a{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 1rem);margin-bottom:.1rem}.Skill>a .AppearText:first-child{transition:padding .4s cubic-bezier(.73,.01,0,1)}.Skill .Line{width:0%}.Skill svg path{stroke:var(--black)}.Skill>a .AppearText:last-child{transition:transform .4s cubic-bezier(.73,.01,0,1);transform:translateY(180%)}.Skill:hover{opacity:1}.Skill:hover>a .AppearText:first-child{padding:0 .5rem}.Skill:hover>a .AppearText:last-child{transition:transform .4s cubic-bezier(.73,.01,0,1);transform:translateY(0)}.Skill:hover .Line{width:100%}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.ProjectsList{padding-top:8rem;overflow:hidden}.ProjectsList h3{text-transform:uppercase;opacity:.5}.ProjectsList>.AppearText:first-child{margin-bottom:3rem}.ProjectsList .ProjectsList__projects{margin:3rem 0;position:relative}.ProjectsList .ProjectsList__projects .LastProjects__imageHover{pointer-events:none;position:absolute;z-index:1;object-fit:cover;transform-origin:center center;width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);will-change:clip-path,transform;transition:clip-path 1.5s cubic-bezier(.73,.01,0,1);clip-path:inset(100% 0 0 0)}.ProjectsList .ProjectsList__projects .LastProjects__imageHover.appear{clip-path:inset(0 0 0 0)}@media screen and (max-width: 768px){.ProjectsList{padding-top:1.5rem}.ProjectsList .LastProjects__imageHover{display:none}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.ScrollIndicator{position:fixed;top:0;right:0;width:2px;height:100%;z-index:99;background-color:var(--black);transform-origin:left}@media screen and (max-width: 768px){.ScrollIndicator{display:none}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.Footer{margin:8rem 0 3rem}.Footer .Container{display:flex;justify-content:space-between;align-items:center}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.GrainBackground{content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJ1BMVEUAAABsbmxcXlxkZmRUVlR0bmxkXlxsZmRcVlRsamxcWlxkYmRUUlQm36pdAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAABChJREFUOI0N0j1zm2YAwPHnK9imTQVaJFG7EiyRaHx6WZBIVHhYfPGQvixJfZeznCW271JJXtrrXa9JFgGxyssiROICWgTEPl4WI2IF0IdKxv/8+wP6lkEFPskd31sufNkfORe5snl3B3KKsfR8ddtixewBhTZHkGvOGk4F5GmapbTr19VFZJkW3CUR6k0adwH2WLenWmb1xu4nerxGGJ8McHLIArW/UPjTDCdmigy/uQ50Lc+oWWIA+yFbbypqsVP3fB3V6IJq/72W/4PgrP3ck5kTwRtzK69xIkT4RYrJignYn196dDuw+6VBkbvYEn4T5Wr/oFIF51iKM0TVD6WkKNS6I1gvNOVueAQcUgtmt2ZsW4sUu/HC3XjPnU3NY1BqsaVIqv6wv1wmE9cs3pOVSOINB6zkAd/i8RG8L0pcd62cDYNjM+pDsB2FTxqy9ar4R3bF2OldD2ubCnUQAk8zdGTK+AHShl1sQd7ZtuLWKmUQYOZ8DI0QOl69asNAJCdCLtwdgx+ZamgVh0XkM2rygVlCXk0I3E1NcK7zRHSJYgEx/prTHb1NoDHch2Dnddmb0/MP4TMTBn36qB0zjbV91QHf5hWdeIf4LNX5ZWH3mDq5UAdSHIPP4UfL1P59tlZSrWJ6RD8U1fLNrgvq7fQN9Cn1EfGyhNMjoldUUGbj34DUIAcTjaJPV9zWSlD9UM5DyumUQe7MmlHrFPKiNtnwetTvqs3BkRaDzH3+z9n7WM8f7ibIeH67Njn4eBM8BesCz3Wq8/TJ5dv3YnngGVZvOqYkBiBn3+3zD1ohapuoHmMBnqn6uuwqQI061aQrLlKfDaoxu9WIz5WhTnTAdYKLDqwg8yX5PXPe9TUpkMNpSINxgIwnavPPTFKHvKGHHxQyrzabFpCQFllzLIZv8F5VKuEfiftIgHsKmNnrd7mPo1zCXU9YWDR2RfrMTlJQIzo4LROBZmDKTmoF3YQqksX6a1BuOWbMSMS9kHlxPILp5jDC/KF6CkobjjUkaEDzcIMPbxIm/2gXmnUcJLKMF1xn6ox561VmECs/MfRrNAFWejHWt4lJdtXbY+2qUboSVi6vbAD0rbezWgmqv5Z9ucUu+ZJEpu36CyD5LCmNZp7VaRcPuSB3qNe/u1kkAE4KsgAX63sjZtNr+Z1GoaA54TkD8D6vGmeo8HX2v7DalfRpOeXNBccCzrzUfcpa2PREVZRtj0Qzt4b6l6BnVSwrXnq1tm2bF8Oe85T0YqprAPFI7y6lff3gbfwTzKywX6A6MDp8BDKRVf7fOLq80mjFjjd5sED4jiSCa86D9ozweoKStTZfAfzl4Om2gAJn3kKC/R1XCpP6VkYxGJGQ3euCB+w9wVvPw3JmU/mE7E419MS2Ij0EByFbvMWlyNODnj2RnQlLXG337zW/ACqhIMN9HrEnAAAAAElFTkSuQmCC);height:300%;left:-50%;z-index:-1;pointer-events:none;opacity:.2;position:fixed;top:-100%;width:300%;-webkit-animation:grainAnimation 8s steps(10) infinite;animation:grainAnimation 8s steps(10) infinite}@media (prefers-color-scheme: dark){.GrainBackground{opacity:.3}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.ProjectDetail{padding:10rem 0 6rem;display:flex;flex-direction:column;gap:2rem;width:100%}.ProjectDetail .ProjectDetail__content__right{display:flex;flex:3;gap:2rem;flex-direction:column}.ProjectDetail .ProjectDetail__content{display:flex;align-items:flex-start;gap:4rem;margin-bottom:4rem}.ProjectDetail .ProjectDetail__content>.AppearText:first-child{flex:1;text-align:justify;transition:opacity 1s cubic-bezier(.73,.01,0,1)}.ProjectDetail .ProjectDetail__content>.AppearText:first-child.visible{opacity:.5}.ProjectDetail .ProjectDetail__content>.AppearText:first-child.invisible{opacity:0}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .AppearText:last-child p{opacity:.5}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor{display:flex;align-items:center;gap:.5rem;height:12px;width:12px;margin-left:.2rem;border-radius:150px;position:relative}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor.incoming{background-color:var(--project-in-coming)}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor.incoming:before{background-color:var(--project-in-coming)}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor.inprogress{background-color:var(--project-in-progress)}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor.inprogress:before{background-color:var(--project-in-progress)}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor.completed{background-color:var(--project-completed)}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item .ProjectDetail__content__infos__item__statusColor.completed:before{background-color:var(--project-completed)}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__infos .ProjectDetail__content__infos__item:nth-child(3)>.AppearText:last-child>div{display:flex;align-items:center;gap:.5rem}.ProjectDetail .ProjectDetail__content .ProjectDetail__content__buttons{display:flex;gap:1rem;flex-direction:row}.ProjectDetail .ProjectDetail__images{display:grid;flex-direction:column;grid-template-columns:repeat(auto-fit,minmax(350px,4fr));gap:3rem}.ProjectDetail .ProjectDetail__images .AppearText{aspect-ratio:16/9}.ProjectDetail .ProjectDetail__images .AppearText>div{aspect-ratio:16/9}.ProjectDetail .ProjectDetail__texts{display:flex;align-items:flex-start;gap:4rem}.ProjectDetail .ProjectDetail__texts .ProjectDetail__text{flex:1;text-align:justify;margin-top:2rem;max-width:50%}.ProjectDetail .ProjectDetail__texts .ProjectDetail__text .AppearText:first-child{opacity:.5;margin-bottom:1rem}@media screen and (max-width: 768px){.ProjectDetail{padding-top:4rem}.ProjectDetail .ProjectDetail__content{flex-direction:column;gap:2rem}.ProjectDetail .ProjectDetail__content__infos{grid-template-columns:1fr!important}.ProjectDetail .ProjectDetail__texts{display:flex;flex-direction:column;gap:3rem}.ProjectDetail .ProjectDetail__texts .ProjectDetail__text{max-width:100%}}:root{--background-color: #ebebeb;--black: #000;--white: #fff;--gray-1: #ffffff;--gray-2: #C9C9C9;--gray-3: #6A6A6A;--gray-4: #232323;--project-completed: #0cce6b;--project-in-progress: #f5c518;--project-in-coming: darkgray;--img-loading: #d2d1d1}@media (prefers-color-scheme: dark){:root{--background-color: #000000;--black: #fff;--white: #000;--gray-1: #000000;--gray-2: #6A6A6A;--gray-3: #C9C9C9;--gray-4: #E2E2E2;--img-loading: #272727}:root html{color-scheme:dark}}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;margin-block-start:0em;margin-block-end:0em}a{text-decoration:none;color:var(--black)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes galleryImagesAppear{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes appearText{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes disappearText{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes grainAnimation{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,30%)}90%{transform:translate(-10%,10%)}}@font-face{font-family:Madena;src:url(../fonts/Madena.ttf) format("ttf");font-display:swap}.ProjectImage{overflow:hidden;position:relative;width:100%;height:auto;aspect-ratio:16/9}.ProjectImage:before{content:"";position:absolute;display:block;width:100%;height:100%;background-color:var(--img-loading)}.ProjectImage img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%) scale(1);transition:transform .6s cubic-bezier(.73,.01,0,1),clip-path 1s cubic-bezier(.73,.01,0,1);clip-path:inset(100% 0 0 0)}.ProjectImage img.loaded{clip-path:inset(0 0 0 0)}.ProjectImage img:hover{transform:translate(-50%,-50%) scale(1.1)}.ProjectImage.visible{clip-path:inset(0 0 0 0)}.ProjectImage.invisible{clip-path:inset(100% 0 0 0)}.OtherProject{position:relative;overflow:hidden}.OtherProject>.AppearText{margin-bottom:3rem}.OtherProject .OtherProject__buttons{display:flex;gap:1rem;justify-content:center;margin:3rem 0 0}