body{opacity:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;transition:opacity .15s}body.ready{opacity:1}:root{--white:#fff;--dark:#19171c;--light:#f9f8f6;--light-grey:#f5f4f7;--grey:#edebe8;--primary:#dcff93;--accent:#e24737;--dark-grey:#5c5c61;--container-large-max:1400px;--container-max:960px;--text-container-max:640px;--gap:40px;--blob-1:#ff6b6b00;--blob-2:#6c5ce700;--blob-3:#db28008f;--blob-4:#ad76088b;--blob-5:#ffd16695;--blob-size:55vmax;--blur:90px;--blob-opacity:.6;--p---large:18px;--p---largebold:18px;--p---small:16px;--p---smallbold:16px;--h1:64px;--h2:40px;--h3:32px;--h4:24px;--h5:20px;--h6:14px}h1,.h1{font-size:var(--h1)}h2,.h2{font-size:var(--h2)}h3,.h3{font-size:var(--h3)}h4,.h4{font-size:var(--h4)}h5,.h5{font-size:var(--h5)}h6,.h6{font-size:var(--h6)}@media (width>=768px){:root{--h1:64px;--h2:40px;--h3:32px;--h4:24px;--h5:20px;--h6:16px}}@media (width>=1024px){:root{--p---large:20px;--p---largebold:20px;--p---small:18px;--p---smallbold:18px;--h1:80px;--h2:56px;--h3:48px;--h4:32px;--h5:24px;--h6:14px}}@media (width>=1440px){:root{--p---large:22px;--p---largebold:22px;--p---small:20px;--p---smallbold:20px;--h1:96px;--h2:72px;--h3:60px;--h4:40px;--h5:30px;--h6:18px}}h1{font-size:var(--h1);margin-bottom:.5em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.1}h2{font-size:var(--h2);margin-bottom:.5em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.2}h3{font-size:var(--h3);margin-bottom:.5em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.2}h4{font-size:var(--h4);margin-bottom:.5em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.3}h5{font-size:var(--h5);margin-bottom:.5em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;line-height:1.4}h6{font-size:var(--h6);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:.5em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;line-height:1.4}p{font-size:var(--p---small);margin-bottom:1em;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}li{font-size:var(--p---small);align-items:flex-start;gap:16px;margin-bottom:1em;padding-left:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5;list-style-type:none;display:flex}li:before{content:"";background-image:url(images/arrow-dark.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:24px;height:24px;display:inline-block}hr{border-top:8px dotted var(--dark-grey);border-bottom:0;border-left:0;border-right:0;width:40px;padding-top:40px;padding-bottom:40px}.p-large{font-size:var(--p---large)}.p-largebold{font-size:var(--p---largebold);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}.p-small{font-size:var(--p---small)}.p-smallbold{font-size:var(--p---smallbold);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--light);color:var(--dark)}.header{z-index:1100;border-bottom:1px solid var(--grey);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f9f8f6aa;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;display:flex;position:fixed;top:0}@media (width>=769px){.header{display:none}}.header-logo{color:var(--dark);font-family:Plus Jakarta Sans;font-size:16px;font-weight:500;text-decoration:none;position:relative}.header-logo:after{content:"";background-color:var(--dark-grey);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:-3px;left:0}.header-logo:hover:after{width:100%}@media (width>=768px){.header-logo{font-size:18px}}.header-nav{align-items:center;display:flex}.header-nav a{color:var(--dark);margin-left:8px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;text-decoration:none;position:relative}.header-nav a:after{content:"";background-color:var(--dark-grey);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:-3px;left:0}.header-nav a:hover:after{width:100%}.main-container{margin:0 auto;padding:40px 16px 80px}@media (width>=0){.main-container,.main-container-no-home{padding:96px 16px 40px}}@media (width>=375px){.main-container,.main-container-no-home{padding:105px 24px 40px}}@media (width>=601px){.main-container,.main-container-no-home{padding:105px 32px 40px}}@media (width>=769px){.main-container,.main-container-no-home{padding:40px 32px}}@media (width>=1024px){.main-container-no-home{max-width:1750px;padding:40px 64px}.more-projects-grid-no-home{grid-template-columns:repeat(2,1fr);margin:auto}.main-container{justify-content:space-between;display:flex}}.hero-projects-container{flex-direction:column;display:flex}.projects-grid{gap:var(--gap);grid-template-columns:1fr;width:100%;display:grid}.more-projects-grid-no-home{gap:var(--gap);grid-template-columns:1fr;width:100%;padding:80px 0;display:grid}@media (width>=600px) and (width<=1023px){.more-projects-grid-no-home{grid-template-columns:repeat(2,1fr);max-height:calc(100vh - 120px);padding:0;overflow-y:hidden}}@media (width<=599px){.more-projects-grid-no-home{padding:0}}@media (width>=1024px) and (width<=1300px){.hero-text{width:50%}.projects-grid{width:45%}}@media (width>=1024px){.hero-projects-container{display:block}.hero-text{z-index:100;width:35%;height:fit-content;padding-bottom:0;position:fixed;left:128px}.projects-grid{grid-template-columns:repeat(2,1fr);width:60%;margin-left:auto}.more-projects-grid-no-home{grid-template-columns:repeat(2,1fr);margin:auto}}.gradient-background{z-index:-1;isolation:isolate;background:#fff;inset:0;overflow:hidden}.blob{width:var(--blob-size);height:var(--blob-size);filter:blur(var(--blur));opacity:var(--blob-opacity);will-change:transform;border-radius:50%;position:fixed}.b1{background:var(--blob-1)}.b2{background:var(--blob-2)}.b3{background:var(--blob-3)}.b4{background:var(--blob-4)}.b5{background:var(--blob-5)}.b1{animation:24s ease-in-out infinite alternate drift1;top:-15%;left:-10%}.b2{animation:28s ease-in-out infinite alternate drift2;top:-10%;right:-15%}.b3{animation:26s ease-in-out infinite alternate drift3;bottom:-20%;left:20%}.b4{animation:32s ease-in-out infinite alternate drift4;bottom:-25%;right:10%}.b5{animation:30s ease-in-out infinite alternate drift5;top:25%;left:45%}@media (prefers-reduced-motion:reduce){.blob{animation:none!important}}.page{place-items:center;min-height:100svh;padding:8vmin;display:grid;position:relative}.card{-webkit-backdrop-filter:blur(6px);text-align:center;background:#ffffffa6;border-radius:20px;max-width:720px;padding:28px 32px;box-shadow:0 10px 30px #0000000f}.card h1{margin:0 0 8px;font-size:clamp(28px,4vmin,42px)}.card p{color:#333;margin:0;line-height:1.6}.project-card{background-color:var(--grey);border-radius:24px;flex-direction:column;padding:0;transition:transform .2s;display:flex;position:relative;overflow:hidden}.project-card:hover{background-color:#e6e3df;transform:translateY(-6px);box-shadow:0 10px 20px #0000000d}@media (width>=768px) and (width<=1023px){.projects-grid{grid-template-columns:repeat(2,1fr);padding-bottom:40px}.hero-text{max-width:var(--text-container-max);text-align:center;margin:auto}}@media (width>=1024px) and (width<=1300px){.hero-projects-container{flex-direction:row;gap:80px;height:100%}.projects-grid{grid-template-columns:1fr;width:50%;padding-bottom:40px}}@media (width>=1301px){.hero-projects-container{flex-direction:row;gap:80px;height:100%}.projects-grid{grid-template-columns:repeat(2,1fr);width:60%;padding-bottom:40px}.hero-text{width:30%}}.project-image-container{aspect-ratio:16/9;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:filter .3s;display:block}.project-image-container:hover .project-image{filter:brightness(.9)}.card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.card-title{font-size:var(--h5);color:var(--dark);margin-bottom:8px}.card-description{font-size:var(--p---small);color:var(--dark);margin-bottom:16px}.card-actions{justify-content:flex-end;align-items:center;gap:16px;width:100%;margin-top:auto;display:flex}button{border:none}.btn-primary{background-color:var(--dark);color:var(--white);border-radius:9999px;align-items:center;margin-left:auto;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex;position:relative}.btn-primary:hover{background-color:var(--dark-grey)}.btn-primary:after{content:"→";transition:transform .2s ease-in-out;display:inline-block}.btn-primary:hover:after{transform:translate(4px)}.btn-primary:active{transform:scale(.9)}.icon{width:20px;height:20px}.tooltip-container,.tooltip-container-button{display:inline-block;position:relative}.tooltip-container .tooltip,.tooltip-container-button .tooltip{visibility:hidden;background-color:var(--dark);width:auto;color:var(--white);text-align:center;z-index:200;opacity:0;white-space:nowrap;border-radius:4px;padding:4px;font-family:Plus Jakarta Sans;font-size:12px;font-weight:400;transition:opacity .2s .6s,visibility .2s .6s;position:absolute;top:24px;left:64px}.tooltip-button{top:10px!important;left:-107px!important}.tooltip-container:hover .tooltip,.tooltip-container-button:hover .tooltip{visibility:visible;opacity:1}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=767px){.tooltip-container:active .tooltip,.tooltip-container-button:active .tooltip{visibility:visible;opacity:1}}html{scroll-behavior:smooth;overflow-x:hidden}html::selection{color:var(--dark);background-color:#dcff93}body{-webkit-overflow-scrolling:touch;height:100%;overflow:hidden scroll}@media screen and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.preloader{background-color:var(--dark);z-index:9999;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.preloader-content{text-align:center;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.preloader-title{font-size:var(--h1);color:var(--white);text-align:left;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;display:inline-block;position:absolute;left:64px}.content-container{transition:opacity .5s}.content-container--visible{opacity:1}.preloader,.preloader-content{display:none}.content-container{opacity:1}#typewriter{position:relative}#typewriter:after{content:"|";animation:.7s infinite blink;position:absolute;right:-12px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#typewriter.typing-complete:after,#typewriter:after{display:none}.project-card{opacity:0;transition:opacity .6s ease-in-out,transform .6s;transform:translateY(30px)}.project-card--visible{opacity:1;transform:translateY(0)}.social-footer{z-index:90;flex-direction:column;gap:16px;width:calc(40% - 128px);padding:10px 0;display:flex;position:fixed;bottom:40px;left:120px}.social-footer-project{z-index:90;text-align:center;flex-direction:column;gap:24px;width:100%;padding:40px 32px 80px;display:flex}.social-footer-sm{z-index:90;text-align:center;flex-direction:column;gap:24px;margin-left:88px;padding:40px 32px 80px;display:flex}@media (width>=1024px){.social-footer-sm{display:none}}@media (width<=768px){.social-footer-sm{margin:0;padding:40px 16px 80px}}@media (width>=1024px){.social-footer{position:fixed;bottom:120px;left:128px}.hero-text{padding-bottom:40px}}@media (width<=1023px){.social-footer{display:none}}@media (width>=1024px) and (width<=1300px){.social-footer{width:calc(50% - 128px)}}.hero-text{padding-bottom:120px}.social-icons{flex-flow:row;gap:16px;display:flex}.social-icons-sm{flex-flow:row;justify-content:center;gap:16px;display:flex}.social-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .2s ease-in-out;display:flex}.social-icon-sm{border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;transition:all .2s ease-in-out;display:flex}.social-icon:hover{background-color:var(--grey);transform:translateY(-3px)}.footer-text,.footer-text-sm{color:var(--dark);margin-bottom:0;font-family:Plus Jakarta Sans;font-size:14px}@media (width<=1023px){.hero-text{margin-bottom:22px;padding-bottom:0}.social-footer{margin-top:40px}}.tooltip-container{position:absolute;top:0;left:0}.audio-control{background-color:var(--white);cursor:pointer;opacity:.9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #0000001a}.audio-control:hover{opacity:1;transform:scale(1.05)}.hidden{display:none}.card-content-link{color:inherit;flex-direction:column;flex-grow:1;text-decoration:none;display:flex}.project-hero{text-align:center;background-color:var(--light);border-radius:64px;gap:40px;margin-top:40px;margin-bottom:48px;padding:0;position:relative}@media (width<=768px){.project-hero{text-align:left;border-radius:32px;margin-top:0;padding:0}}body.dark-mode .project-hero{background-color:#000}.project-info{flex-direction:column;gap:0;margin:0 auto 48px;display:flex}@media (width<=768px){.project-info{margin:0 auto 48px}}.project-tags{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=768px){.project-tags{justify-content:flex-start}}.project-tag{background-color:var(--grey);border-radius:100px;padding:6px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500}.project-hero-image{border-radius:32px;width:100%;overflow:hidden}.project-hero-image img{width:100%;height:auto;margin:auto;display:block}.section-spacer{margin-top:160px;margin-bottom:160px}@media (width<=768px){.section-spacer{margin-top:80px;margin-bottom:80px}}@media (width>=1024px){.project-hero{flex-direction:row;margin-bottom:64px}.project-info{margin:0 auto 48px}.project-hero-image{border-radius:64px;width:100%}.section-spacer{margin-bottom:64px}}.section-text{width:100%;margin-bottom:48px}.section-columns{flex-direction:column;align-items:baseline;gap:48px;margin-bottom:48px;display:flex}.section-columns-text{flex-direction:column;align-items:baseline;gap:6px;margin-top:48px;display:flex}@media (width>=1024px){.section-columns-text{flex-direction:row;gap:48px}}.section-column{width:100%}.about-columns{flex-direction:column;align-items:baseline;gap:48px;margin-bottom:48px;display:flex}@media (width>=700px){.about-columns{text-align:center;flex-direction:row;gap:24px;max-width:100vw;margin-left:auto;margin-right:auto}}.about-column{text-align:center;width:100%;position:relative}@media (width>=700px){.about-column{width:33%}}.about-chip{color:var(--dark);background-color:#fff;border-radius:500px;padding:6px 12px;font-family:Plus Jakarta Sans;font-size:14px;font-weight:500;display:inline-block;position:absolute;bottom:16px;left:16px;box-shadow:0 2px 6px #00000040}.container-full{width:100%}.background-section{background-color:var(--grey)}.section-image{border-radius:24px;width:100%;overflow:hidden}.section-image img{width:100%;height:auto;display:block}.quote-section{background-color:var(--grey);border-radius:24px;width:100%;margin-bottom:48px;padding:40px;position:relative}@media (width<=1024px){.quote-section{padding:40px}}@media (width<=475px){.quote-section{padding:24px}}.quote-section:before{content:"";z-index:-1;background-color:var(--grey);filter:blur(120px);background-image:radial-gradient(at 14% 47%,#e1b67a 0,#0000 50%),radial-gradient(at 81% 62%,#d7aa2d 0,#0000 50%),radial-gradient(at 36% 36%,#d72d2d 0,#0000 50%),radial-gradient(at 81% 35%,#d7a1e8 0,#0000 50%);width:100%;height:100%;position:absolute;top:0%;left:0%}.quote-content{font-size:var(--h4);text-align:center;margin-bottom:16px}@media (width>=1024px){.section-text{max-width:var(--text-container-max);margin-left:auto;margin-right:auto}.section-columns{max-width:var(--container-max);flex-direction:row;margin-left:auto;margin-right:auto}.section-column{width:50%}.about-columns{text-align:center;flex-direction:row;gap:48px;max-width:100vw;margin-left:auto;margin-right:auto}.about-column{width:33%}.section-image,.container-full{max-width:var(--container-max);margin-left:auto;margin-right:auto}.quote-section{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding:64px 0}.quote-content{max-width:var(--text-container-max);margin-left:auto;margin-right:auto}}.animate-fade-up{opacity:0;transition:opacity .6s ease-in-out,transform .6s;transform:translateY(30px)}.animate-fade-up.visible{opacity:1;transform:translateY(0)}.project-hero .project-info.animate-fade-up{opacity:1;transform:none}.project-hero .project-info.animate-fade-up>*{opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(20px)}.project-hero .project-info.animate-fade-up.visible>*{opacity:1;transform:translateY(0)}.project-hero .project-info.animate-fade-up.visible>:first-child{transition-delay:.1s}.project-hero .project-info.animate-fade-up.visible>:nth-child(2){transition-delay:.2s}.project-hero .project-info.animate-fade-up.visible>:nth-child(3){transition-delay:.3s}.animate-fade-in{opacity:0;transition:opacity .8s ease-in-out}.animate-fade-in.visible{opacity:1}@media (width>=1024px){.hero-text.animate-fade-up>*{opacity:1;transition:none;transform:none}}.delay-600{transition-delay:.6s}.full-width-section{border-radius:64px;width:100%;margin-left:0;padding:40px 16px}@media (width>=375px){.full-width-section{border-radius:32px;width:100vw;margin-left:calc(50% - 50vw);padding:40px 24px}}@media (width>=769px){.full-width-section{border-radius:32px;width:100%;margin-left:0;padding:80px 32px}}@media (width>=1024px){.full-width-section{border-radius:64px;padding:80px 64px}}.full-width-section.background-section{background-color:var(--grey)}.li-content{flex:1}.pie-foto{text-align:center;color:var(--dark-grey);max-width:var(--text-container-max);margin:auto;padding-top:16px;padding-bottom:32px;font-size:16px}.content{min-height:200vh;padding:20px}.text-link{color:var(--accent);cursor:pointer;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;transition:all .2s}.text-link:hover{opacity:.7}.image-grid{object-fit:cover;object-position:top;border-radius:32px;width:100%;height:300px;margin-bottom:16px}@media (width>=600px) and (width<=1023px){.image-grid{height:500px}}.image-grid-large{object-fit:cover;object-position:top;border-radius:32px;width:100%;height:600px;margin-bottom:16px}@media (width>=600px) and (width<=1023px){.image-grid-large{height:800px}}.data-card{background-color:var(--grey);text-align:center;border-radius:32px;padding:24px;display:inline-block}.dark-mode-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:500px;justify-content:center;align-items:center;width:48px;height:48px;margin-left:24px;margin-right:0;padding:4px;transition:transform .2s ease-in-out;display:flex}.dark-mode-toggle-btn:hover{background-color:#0000}@media (width>=768px){.dark-mode-toggle-btn:hover{background-color:#121212}}.dark-mode-toggle-btn:focus{outline:none}.dark-mode-icon-img{width:24px;height:24px}body.dark-mode{color:var(--light);background-color:#000}body.dark-mode .header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000b;border-bottom:1px solid #212121}body.dark-mode .header-logo,body.dark-mode .header-nav a{color:var(--light)}body.dark-mode .text-link{color:var(--primary)}body.dark-mode .data-card{background-color:#212121}body.dark-mode html::selection{background-color:#c65e53}body.dark-mode .header-logo:after,body.dark-mode .header-nav a:after{background-color:var(--light-grey)}body.dark-mode .background-section,body.dark-mode .project-card{background-color:#212121}body.dark-mode .project-card:hover{background-color:#2f2f2f;box-shadow:0 10px 20px #0003}body.dark-mode .card-title,body.dark-mode .card-description{color:var(--light)}body.dark-mode .btn-primary{background-color:var(--white);color:var(--dark)}body.dark-mode .icon{filter:invert()}body.dark-mode .btn-primary:hover{background-color:var(--light)}body.dark-mode .audio-control{background-color:#212121;box-shadow:0 2px 8px #0003}body.dark-mode .social-footer,body.dark-mode .social-footer a,body.dark-mode .footer-text{color:var(--white)}body.dark-mode .social-icon:hover{background-color:#505050}body.dark-mode li:before{background-image:url(images/arrow-light.svg)}body.dark-mode .tooltip{background-color:var(--dark);color:var(--light)}body.dark-mode .tooltip:after{border-color:var(--dark-grey) transparent transparent transparent}body.dark-mode .footer-text-sm,body.dark-mode .footer-text{color:var(--white)}body.dark-mode .pie-foto{color:#828282}body.dark-mode .project-tag{color:var(--light);background-color:#2f2f2f}body.dark-mode .quote-section{color:var(--light);background-color:#212121}body.dark-mode .dark-mode-toggle:hover{background-color:#2f2f2f}body.dark-mode hr{border-top-color:var(--light-grey)}table{border-spacing:0;text-align:left;white-space:nowrap;margin:0 auto;font-size:14px;overflow-x:auto}.table-responsive{width:100vw;padding:64px 16px;position:relative;left:50%;overflow-x:auto;transform:translate(-50%)}@media (width>=375px){.table-responsive{padding:64px 24px}}@media (width>=600px){.table-responsive{padding:64px 32px}}@media (width>=768px){.table-responsive{padding:64px 40px}}.table-responsive::-webkit-scrollbar{height:2px}.table-responsive::-webkit-scrollbar-thumb{visibility:hidden}.table-responsive thead th{white-space:nowrap}td,th{border-bottom:1px solid #dbdbdb;padding:16px 24px 16px 0;white-space:nowrap!important}body.dark-mode td,body.dark-mode th,body.dark-mode tr{border-bottom:1px solid #2d2d2d!important}table .code-text{white-space:nowrap!important}td.emphasis{font-weight:700}.code-text{color:#c01343;white-space:pre-wrap;word-wrap:break-word;word-break:normal;tab-size:1;font-variant-ligatures:none;background-color:#1d1c1d0a;border:1px solid #1d1c1d37;border-radius:2px;padding:2px 3px 1px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:570;line-height:.5}body.dark-mode .code-text{color:#e8912d;border:1px solid var(--dark-grey);white-space:pre-wrap;word-wrap:break-word;word-break:normal;tab-size:1;font-variant-ligatures:none;background-color:#e8e8e80a;border-radius:2px;padding:2px 3px 1px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:570;line-height:.5}.sidebar{background-color:var(--grey);border-right:1px solid var(--grey);z-index:1000;flex-direction:column;align-items:center;width:88px;height:100%;padding-top:24px;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-nav{flex-direction:column;flex-grow:1;justify-content:center;gap:16px;display:flex}.sidebar-nav a{text-align:center;width:56px;height:56px;color:var(--dark);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:12px;font-weight:500;text-decoration:none;transition:background-color .3s;display:flex}.sidebar-nav a:hover{background-color:#dad6d1}.sidenav-icon{opacity:.4;width:24px;height:24px}.sidenav-icon-home{filter:invert();width:24px;height:24px}.sidebar .dark-mode-toggle-btn{background-color:#dad6d1;width:48px;height:48px;margin-top:auto;margin-bottom:24px;margin-left:0;transition:background-color .3s}@media (width<=768px){.sidebar .dark-mode-toggle-btn{display:none}}.sidebar .dark-mode-toggle-btn:hover{background-color:#b6b2ad}.main-container,.main-container-no-home{margin-left:88px;transition:margin-left .3s}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-container,.main-container-no-home{margin-left:0}}@media (width>=1850px){.main-container{margin:0 auto;padding:88px}.main-container-no-home{margin:0 auto;padding-left:88px}}body.dark-mode .sidebar{background-color:#212121;border-right:1px solid #212121}body.dark-mode .sidebar-nav a{color:var(--light)}body.dark-mode .sidebar-nav a:hover{background-color:#494949}body.dark-mode .sidebar .dark-mode-toggle-btn{background-color:#5c5c6180;width:48px;height:48px;margin-top:auto;margin-bottom:24px;margin-left:0;transition:background-color .3s}body.dark-mode .sidebar .dark-mode-toggle-btn:hover{background-color:#686666}body.dark-mode .sidenav-icon{filter:invert()}.hamburger-menu{cursor:pointer;z-index:1110;background:0 0;border:none;border-radius:500px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:48px;height:48px;padding:0;display:none;position:relative}.hamburger-menu__line{background-color:var(--dark);border-radius:3px;width:20px;height:2px;transition:all .3s ease-in-out;display:block}.hamburger-menu.active{background-color:var(--grey)}.hamburger-menu.active .hamburger-menu__line:first-child{transform:translateY(4px)rotate(45deg)}.hamburger-menu.active .hamburger-menu__line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-menu__line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}body.dark-mode .hamburger-menu__line{background-color:var(--light)}body.dark-mode .hamburger-menu.active{background-color:#1e1e1e}.mobile-menu-overlay{z-index:1080;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:calc(100% - 56px);transition:opacity .35s ease-in-out,visibility .35s ease-in-out;position:fixed;top:65px;left:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}@media (width<=768px){.hamburger-menu{display:flex}.sidebar{background-color:var(--light);border-right:1px solid var(--grey);z-index:1090;width:280px;height:calc(100% - 56px);padding-top:24px;top:65px}.sidebar.open{width:70vw}.sidebar-nav{justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;padding:0 8px}.sidebar-nav a{text-align:left;flex-direction:row;align-items:center;gap:16px;width:100%;height:auto;padding:12px 16px;font-size:16px}.sidebar-nav a:hover{background-color:#686666}.sidenav-icon{opacity:1;width:24px;height:24px}body.dark-mode .sidebar{background-color:#1e1e1e;border-right-color:#333;box-shadow:2px 0 10px #0000004d}body.dark-mode .sidebar-nav a:hover{background-color:#333}body.dark-mode .sidenav-icon{filter:invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}body.sidebar-open{overflow:hidden}}.scroll-to-top-btn{background-color:var(--dark);color:var(--white);cursor:pointer;opacity:0;visibility:hidden;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(100px);box-shadow:0 4px 8px #0003}.scroll-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top-btn:hover{background-color:#333}body.dark-mode .scroll-to-top-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#f5f4f7aa;box-shadow:0 4px 8px #fff3}body.dark-mode .scroll-to-top-btn:hover{background-color:var(--light-grey)}.home-button{cursor:pointer;background-color:var(--accent);--s:48px;width:48px;height:48px;width:var(--s);aspect-ratio:1;--g:/calc(var(--s)*.201) calc(var(--s)*.201) radial-gradient(50% 50%,#000 99%,#0000 101%) no-repeat;-webkit-mask:calc(50% + var(--s)*.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*.261) calc(50% + var(--s)*.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*.369) var(--g),calc(50% + var(--s)*-.261) calc(50% + var(--s)*.261) var(--g),calc(50% + var(--s)*-.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*-.261) calc(50% + var(--s)*-.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*-.369) var(--g),calc(50% + var(--s)*.261) calc(50% + var(--s)*-.261) var(--g),radial-gradient(calc(var(--s)*.418),#000 99%,#0000 101%) subtract,calc(50% + var(--s)*.447) calc(50% + var(--s)*.185) var(--g),calc(50% + var(--s)*.185) calc(50% + var(--s)*.447) var(--g),calc(50% + var(--s)*-.185) calc(50% + var(--s)*.447) var(--g),calc(50% + var(--s)*-.447) calc(50% + var(--s)*.185) var(--g),calc(50% + var(--s)*-.447) calc(50% + var(--s)*-.185) var(--g),calc(50% + var(--s)*-.185) calc(50% + var(--s)*-.447) var(--g),calc(50% + var(--s)*.185) calc(50% + var(--s)*-.447) var(--g),calc(50% + var(--s)*.447) calc(50% + var(--s)*-.185) var(--g);mask:calc(50% + var(--s)*.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*.261) calc(50% + var(--s)*.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*.369) var(--g),calc(50% + var(--s)*-.261) calc(50% + var(--s)*.261) var(--g),calc(50% + var(--s)*-.369) calc(50% + var(--s)*0) var(--g),calc(50% + var(--s)*-.261) calc(50% + var(--s)*-.261) var(--g),calc(50% + var(--s)*0) calc(50% + var(--s)*-.369) var(--g),calc(50% + var(--s)*.261) calc(50% + var(--s)*-.261) var(--g),radial-gradient(calc(var(--s)*.418),#000 99%,#0000 101%) subtract,calc(50% + var(--s)*.447) calc(50% + var(--s)*.185) var(--g),calc(50% + var(--s)*.185) calc(50% + var(--s)*.447) var(--g),calc(50% + var(--s)*-.185) calc(50% + var(--s)*.447) var(--g),calc(50% + var(--s)*-.447) calc(50% + var(--s)*.185) var(--g),calc(50% + var(--s)*-.447) calc(50% + var(--s)*-.185) var(--g),calc(50% + var(--s)*-.185) calc(50% + var(--s)*-.447) var(--g),calc(50% + var(--s)*.185) calc(50% + var(--s)*-.447) var(--g),calc(50% + var(--s)*.447) calc(50% + var(--s)*-.185) var(--g);border:none;border-radius:16px;justify-content:center;align-items:center;display:flex}.home-button:hover{background-color:var(--dark);transition-delay:0;transition:all 1s ease-in-out;transform:rotate(360deg)}@media (width<=768px){.scroll-to-top-btn{bottom:24px}.home-button{display:none}}@media (width>=769px){.home-button-mobile{display:none!important}}body.dark-mode .home-button{background-color:var(--primary)}body.dark-mode .home-button:hover{background-color:var(--white)}body.dark-mode .sidenav-icon-home{filter:invert(0)}.dark-mode{background-color:var(--dark);color:var(--light)}.dark-mode .dark-mode-icon-img{content:url(images/sun-icon.svg)}.dark-mode .footer-text-sm{color:var(--grey)}.dark-mode a{color:var(--primary)}.dark-mode .social-icon img,.dark-mode .social-icon-sm img{filter:invert()}.dark-mode .hamburger-menu__line{background-color:var(--light)}.dark-mode .header-logo{color:var(--light)}.dark-mode .sidenav-icon-home,.dark-mode .sidenav-icon{filter:invert()}.project-hero:before{content:"";filter:blur(80px);background-image:radial-gradient(at 14% 47%,#e1b67a 0,#0000 50%),radial-gradient(at 81% 62%,#d7aa2d 0,#0000 50%),radial-gradient(at 36% 36%,#d72d2d 0,#0000 50%),radial-gradient(at 81% 35%,#d7a1e8 0,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0%}.project-hero>.project-info,.project-hero>.project-hero-image{z-index:2;position:relative}