@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Spline+Sans+Mono:ital,wght@0,300..700;1,300..700&family=Spline+Sans:wght@300..700&display=swap";.toggle-container{display:flex;flex-direction:row;justify-content:end;align-items:center}.toggle-container .switch{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch);margin-left:8px}.toggle-container .switch input{opacity:0;width:0;height:0}.toggle-container .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#dfd;transition:.4s;border-radius:30px;cursor:pointer}.toggle-container .slider:before{position:absolute;content:"";height:var(--size-of-icon, 1.4em);width:var(--size-of-icon, 1.4em);border-radius:20px;left:var(--slider-offset, .3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#9cfa9c,#272626 70%);transition:.4s;cursor:pointer}.toggle-container input:checked+.slider{background-color:#9cfa9c}.toggle-container input:checked+.slider:before{left:calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, .3em)));background:#9cfa9c;box-shadow:inset -3px -2px 5px -2px #9cfa9c,inset -10px -4px #272626}.primary-button,.primary-button-dark{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;border-radius:4px;border:none;padding:.6em 1.2em;margin-block:16px;font-size:1em;font-weight:500;font-family:inherit;background-color:#272626;color:#dfd;cursor:pointer;text-decoration:none;overflow:hidden;position:relative;z-index:1}.primary-button:before,.primary-button-dark:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;color:#272626;background-color:#9cfa9c;transform:translate(-100%);transition:all .3s;z-index:-1}.primary-button:hover:before,.primary-button-dark:hover:before{transform:translate(0);color:#dfd}.primary-button:hover,.primary-button-dark:hover{color:#272626;box-shadow:#0000003d 0 3px 8px}.primary-button:focus,.primary-button:focus-visible,.primary-button-dark:focus,.primary-button-dark:focus-visible{background-color:#272626}.header-container{margin-bottom:10vh;height:150px}.header-container .header-background{position:absolute;width:100%;top:0;z-index:-1}.header-container .header-background img{width:100%;object-fit:cover;max-height:170px}.header-container .header-content{display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:row;padding:2vh 2vw;z-index:1;max-height:150px}.header-container .header-content .logo-container a,.header-container .header-content .logo-container .highlight-logo{display:flex;justify-content:center;align-content:center}.header-container .header-content .logo-container .highlight-logo:before{content:"";position:absolute;width:40%;height:30%;background:#dfd;top:45%;left:45%;z-index:-1;opacity:0;transition:transform .25s ease,opacity .25s ease,background-color .3s ease}.header-container .header-content .logo-container .highlight-logo:hover:before{transform:translate(-50%,-50%) scale(1.5);background-color:#dfd;opacity:1}.header-container .header-content .logo-container .highlight-logo:active:before{transform:translate(-50%,-50%) scale(1.5);background-color:#9cfa9c;opacity:1}.header-container .header-content .logo-container .logo-menu{z-index:1;width:90%;margin-top:3vh;display:block;height:auto;transition:color .3s ease,transform .3s ease}.header-container .header-content .logo-container .logo-menu:hover{transform:scale(1.05)}.header-container .header-content ul{display:flex;list-style-type:none;font-family:Spline Sans Mono;font-size:2.5rem}.header-container .header-content ul li{padding-inline:2em;transition:color .3s ease,transform .3s ease}.header-container .header-content ul li:hover{transform:scale(1.05)}.header-container .menu{z-index:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-content:center;width:100%;height:100%}.header-container .menu nav{width:100%;display:flex;justify-content:space-evenly;padding-inline:1vw}.header-container .menu .toggle-container{width:15vw;z-index:1}@media screen and (min-width: 600px) and (max-width: 1098px){.header-container .menu{margin-left:0vw}.header-container .menu nav{width:70%}.header-container .menu .toggle-container{width:20%}.header-container .header-content ul{padding:0}.header-container .header-content ul li{padding:14px 1.5vw}.header-container .header-content .highlight-logo:before{left:30%}.header-container .header-content .logo-menu{width:70%;z-index:1;top:2vh}}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:start;margin:4vh auto 7vh;max-width:1200px}.intro h2 .reveal-text{width:80%;font-weight:600}.intro p{width:55%}.intro p .reveal-text{margin-block:1vh}.intro img{width:450px}.intro .button-intro{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:3s}.intro .reveal-text{position:relative;overflow:hidden;display:inline-block;line-height:1.2}.intro .reveal-text:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#dfd;animation:a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;transform:translate(-101%)}.intro .reveal-text:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:#fff;animation:a-ltr-before 2s cubic-bezier(.77,0,.5,1) forwards;transform:translate(0)}.intro h2 .reveal-text:nth-of-type(1):before,.intro h2 .reveal-text:nth-of-type(1):after{animation-delay:.2s}.intro h2 .reveal-text:nth-of-type(2):before,.intro h2 .reveal-text:nth-of-type(2):after{animation-delay:.5s}.intro p .reveal-text:nth-of-type(1):before,.intro p .reveal-text:nth-of-type(1):after{animation-delay:1s}.intro p .reveal-text:nth-of-type(2):before,.intro p .reveal-text:nth-of-type(2):after{animation-delay:2s}@keyframes a-ltr-after{0%{transform:translate(-100%)}to{transform:translate(101%)}}@keyframes a-ltr-before{0%{transform:translate(0)}to{transform:translate(200%)}}.last-project-container h2{margin-bottom:2.5vh}@media screen and (max-width: 1200px){.intro{margin:4vh 2vw 7vh}.intro h2,.intro p{width:100%}}.project-grid-container{margin-top:13vh;max-width:1200px;margin:0 auto 3.5vh}.project-grid-container .project-grid,.project-grid-container .compact-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:25rem 20rem 25rem 25rem 15rem;margin-bottom:3vh}.project-grid-container .project-grid .card-overlay,.project-grid-container .compact-grid .card-overlay{background-color:#ddffdde3;position:absolute;bottom:0;width:100%;height:55%;display:flex;flex-direction:column;justify-content:center;padding:.5rem 2rem;opacity:0;transition:opacity .3s ease;white-space:normal;overflow-wrap:break-word;box-sizing:border-box;transition:opacity 1s ease}.dark .project-grid-container .project-grid .card-overlay,.dark .project-grid-container .compact-grid .card-overlay{color:#141313}.project-grid-container .project-grid .card:hover .card-overlay,.project-grid-container .compact-grid .card:hover .card-overlay{opacity:1}.project-grid-container .project-grid .card,.project-grid-container .compact-grid .card{overflow:hidden;height:100%;width:100%;display:block;position:relative;transition:opacity 1s ease}.project-grid-container .project-grid .card img,.project-grid-container .compact-grid .card img{height:100%;width:100%;object-fit:cover;transition:transform .6s ease}.project-grid-container .project-grid .card:hover img,.project-grid-container .compact-grid .card:hover img{transform:scale(1.1)}.project-grid-container .project-grid .card:hover,.project-grid-container .compact-grid .card:hover{box-shadow:#0000003d 0 3px 8px}.project-grid-container .project-grid .card:nth-child(1),.project-grid-container .compact-grid .card:nth-child(1){grid-column:span 3;grid-row:1/2}.project-grid-container .project-grid .card:nth-child(2),.project-grid-container .compact-grid .card:nth-child(2){grid-column:span 3;grid-row:1/2}.project-grid-container .project-grid .card:nth-child(3),.project-grid-container .compact-grid .card:nth-child(3){grid-column:span 2;grid-row:2/3}.project-grid-container .project-grid .card:nth-child(3) .card-overlay,.project-grid-container .compact-grid .card:nth-child(3) .card-overlay{height:100%}.project-grid-container .project-grid .card:nth-child(4),.project-grid-container .compact-grid .card:nth-child(4){grid-column:span 4;grid-row:2/3}.project-grid-container .project-grid .card:nth-child(4) .card-overlay,.project-grid-container .compact-grid .card:nth-child(4) .card-overlay{height:70%}.project-grid-container .project-grid .card:nth-child(5),.project-grid-container .project-grid .card:nth-child(6),.project-grid-container .compact-grid .card:nth-child(5),.project-grid-container .compact-grid .card:nth-child(6){grid-column:span 3;grid-row:3/4}.project-grid-container .project-grid .card:nth-child(7),.project-grid-container .compact-grid .card:nth-child(7){grid-column:span 4;grid-row:4/5}.project-grid-container .project-grid .card:nth-child(8),.project-grid-container .compact-grid .card:nth-child(8){grid-column:span 2;grid-row:4/5}.project-grid-container .project-grid .card:nth-child(8) .card-overlay,.project-grid-container .compact-grid .card:nth-child(8) .card-overlay{height:70%}.project-grid-container .project-grid .card:nth-child(9),.project-grid-container .project-grid .card:nth-child(10),.project-grid-container .project-grid .card:nth-child(11),.project-grid-container .compact-grid .card:nth-child(9),.project-grid-container .compact-grid .card:nth-child(10),.project-grid-container .compact-grid .card:nth-child(11){grid-column:span 2;grid-row:5/6}.project-grid-container .project-grid .card:nth-child(9) .card-overlay,.project-grid-container .project-grid .card:nth-child(10) .card-overlay,.project-grid-container .project-grid .card:nth-child(11) .card-overlay,.project-grid-container .compact-grid .card:nth-child(9) .card-overlay,.project-grid-container .compact-grid .card:nth-child(10) .card-overlay,.project-grid-container .compact-grid .card:nth-child(11) .card-overlay{height:100%}.project-grid-container .compact-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;grid-template-rows:25rem 20rem 25rem}@media screen and (max-width: 1024px){.project-grid{margin-inline:2vw}}@media screen and (max-width: 790px){.project-grid-container .project-grid,.project-grid-container .compact-grid{display:flex;flex-direction:column}.project-grid-container .project-grid .card img,.project-grid-container .compact-grid .card img{object-fit:cover;min-height:280px}.project-grid-container .project-grid .card,.project-grid-container .project-grid .card:nth-child(4),.project-grid-container .project-grid .card:nth-child(8),.project-grid-container .compact-grid .card,.project-grid-container .compact-grid .card:nth-child(4),.project-grid-container .compact-grid .card:nth-child(8){min-height:280px}.project-grid-container .project-grid .card .card-overlay,.project-grid-container .project-grid .card:nth-child(4) .card-overlay,.project-grid-container .project-grid .card:nth-child(8) .card-overlay,.project-grid-container .compact-grid .card .card-overlay,.project-grid-container .compact-grid .card:nth-child(4) .card-overlay,.project-grid-container .compact-grid .card:nth-child(8) .card-overlay{height:100%}}.footer-container{width:100%;margin-top:15vh;display:flex;z-index:0}.footer-container .footer-background{position:absolute;width:100%}.footer-container .footer-background img{width:100%;object-fit:cover;max-height:200px}.footer-container .footer-content{display:flex;justify-content:space-around;padding:4vh 2vw;width:100%;z-index:1}.footer-container .footer-content div:nth-child(1),.footer-container .footer-content div:nth-child(2),.footer-container .footer-content div:nth-child(3){display:flex;flex-direction:column;justify-content:flex-start;padding-inline:.5vw}@media screen and (max-width: 600px){.footer-content{flex-direction:column;align-items:center}.footer-content div:nth-child(1),.footer-content div:nth-child(2),.footer-content div:nth-child(3){padding:3vh 1vw;align-items:center}.footer-content div:nth-child(1) .theme-toggle-footer .toggle-container,.footer-content div:nth-child(2) .theme-toggle-footer .toggle-container,.footer-content div:nth-child(3) .theme-toggle-footer .toggle-container{display:flex;flex-direction:row}}body,*{cursor:none!important}body .custom-cursor{position:fixed;width:12px;height:12px;background-color:#141313;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:transform .5s ease-out,width .5s,height .5s;z-index:9999;transition:width .18s ease,height .18s ease,border .18s ease}body .custom-cursor.cursor-pointer{width:18px;height:18px;transform:translate(-50%,-50%) scale(1.3);background-color:#dfd7;border:5px #141313 solid}#icons{cursor:pointer;display:none}@media screen and (max-width: 970px){#icons{cursor:pointer;display:block;z-index:3;margin:0;padding:0}#icons:before{content:""}.menu-open #icons:before{content:""}.icon{font-size:30px;padding-right:15px;color:#141313}nav ul{position:fixed;left:-100%;top:0vh;flex-direction:column;width:100%;text-align:center;transition:.25s;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000001a;margin:0;padding-block:8vh;z-index:2}nav .links li{margin:0}nav .links li a{color:#141313;font-size:calc(.9em + 4vw);font-weight:600;line-height:60px}nav .links li a:after{content:""}nav .links li a:hover:after{background-color:transparent}.menu-open ul{left:0}.menu-open .icon{color:#141313}}.home-container{max-width:1200px;margin:auto}.home-container .logo-name{max-width:30vw;margin-block:2vh;opacity:0;animation:fadeIn 1.5s ease forwards;animation-delay:.5s}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width: 1200px){.home-container{margin:2vh 2vw}.home-container .logo-name{max-width:70%}.home-container .last-project-container h2{margin-inline:2vw}}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;align-items:start;max-width:1200px;margin:0 auto}.about-container img{width:450px}.about-container p{width:55%;padding-block:1vh}.about-container p:nth-child(3){padding-top:3.5vh}@media screen and (max-width: 360px){.about-container{max-width:360px;margin:2vh 5vw}.about-container img,.about-container p{width:100%}}@media screen and (min-width: 360px) and (max-width: 768px){.about-container{margin:2vh 5vw}.about-container img,.about-container p{width:100%}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-container{margin:2vh 7vw}.about-container img,.about-container p{width:80%}}.project-page-content{max-width:1200px;margin:0 auto}.project-page-content .breadcrumb{display:flex;align-items:center;font-family:Spline Sans Mono;margin-bottom:1vh}.project-page-content .breadcrumb .breadcrumb-link,.project-page-content .breadcrumb .breadcrumb-link-dark{cursor:pointer;padding-right:4px;font-weight:400;transition:color .3s ease,transform .3s ease}.project-page-content .breadcrumb .breadcrumb-link:hover,.project-page-content .breadcrumb .breadcrumb-link-dark:hover{text-underline-offset:0,5rem;text-decoration-color:#dfd;cursor:pointer;background:linear-gradient(transparent 70%,#dfd 50%);transform:scale(1.05)}.project-page-content .breadcrumb .breadcrumb-link:active,.project-page-content .breadcrumb .breadcrumb-link-dark:active{background:linear-gradient(transparent 70%,#9cfa9c 70%)}.project-page-content .breadcrumb .breadcrumb-link-dark{color:#fff}.project-page-content .project-header{overflow:hidden}.project-page-content .project-header .project-info{margin:5vh 3vw}.project-page-content .project-header img{width:100%;object-fit:cover}.project-page-content p{width:55%}.project-page-content .gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;margin-inline:3vw}.project-page-content .gallery .gallery-item{overflow:hidden}.project-page-content .gallery .gallery-item img{width:100%;height:100%;object-fit:cover}.project-page-content .website-link{margin-inline:3vw}@media screen and (max-width: 1024px){.project-page-content p{width:100%}.project-page-content .gallery{display:flex;flex-direction:column;align-items:center;justify-content:center}.breadcrumb{margin-inline:3vw}}@media screen and (max-width: 380px){.breadcrumb p{font-size:.8rem}}.project-page-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column}@media screen and (max-width: 1024px){.project-page-container h1{margin-left:2vw}}*{margin:0;padding:0;line-height:1.5;font-weight:400;color-scheme:light}:root{display:flex}:root{--bg-color: $white;--text-color: $dark-grey;--primary-color: $green;--primary-color-80: $green80;--primary-color-50: $green50;--accent-color: $dark-green;color-scheme:light}.dark{--bg-color: $dark-grey;--text-color: $white;--primary-color: $dark-green;--primary-color-80: rgba(156, 250, 156, .9);--primary-color-50: rgba(156, 250, 156, .5);--accent-color: $green;color-scheme:dark}body{display:flex;flex-direction:column;justify-content:center;width:100%;margin:0 auto;color:var(--text-color);font-family:Spline Sans,sans-serif;font-size:16px;font-weight:400;background-color:var(--bg-color);transition:background-color .4s ease,color .4s ease}body.dark{background-color:#141313;color:#fff}h1,h2,h3{font-family:Spline Sans Mono;font-weight:600}h1{font-size:2.5rem;line-height:2.5rem;margin-bottom:5vh}h2{font-size:2rem;line-height:2rem;margin-block:2vh .5vh}h3{font-size:1.5rem;line-height:1.7rem;margin:.7rem 0 .3rem}a{font-weight:500;text-decoration:none;cursor:pointer;color:#141313;transition:color .7s ease,transform .3s ease-in-out}a:hover{text-underline-offset:0,5rem;text-decoration-color:#dfd;cursor:pointer;transform:scale(1.05)}a:active,a:visited{color:#272626}a.dark,a.dark:visited{color:#fff}a.dark:active{color:#272626}.highlight,.highlight-dark{padding-inline:.25em;color:#272626;cursor:pointer;transition:color .7s ease,transform .3s ease-in-out;transition:background-size 1s,background-position .8s ease-in-out}.highlight:hover,.highlight-dark:hover{background-position:100% 0%;background-size:0% 100%;background:linear-gradient(transparent 70%,#dfd 50%);transition:color 1s ease,transform .8s ease-in-out}.highlight:active,.highlight-dark:active{background:linear-gradient(transparent 50%,#9cfa9c 50%)}.highlight-dark{color:#fff}.highlight-dark:hover{background:linear-gradient(transparent 70%,#9cfa9c 50%)}.highlight-dark:active{background:linear-gradient(transparent 50%,#9cfa9c 50%)}p{font-size:1rem;line-height:1.6;padding-block:4px}.project-category{font-family:Spline Sans Mono}.back-to-top{display:flex;width:100%;margin-top:5vh}.back-to-top a{display:flex;justify-content:flex-end;width:100%;font-weight:900;font-size:2rem;margin-inline:3vw;cursor:pointer}.back-to-top a:hover{background:linear-gradient(transparent 70%,#dfd 50%);transform:scale(.98)}.reveal-on-scroll{opacity:0;transition:opacity 2s ease,transform 1s ease}.reveal-on-scroll.visible{opacity:1;transform:translate(0)}