.big-title-container{white-space:nowrap;justify-content:center;align-items:center;line-height:1.2;display:flex;overflow:hidden;container-type:inline-size}.big-title-container>.big-title{font-family:var(--font-poppins),"Poppins",sans-serif;color:red;text-shadow:0 0 20px #f003;z-index:10;content:attr(data-text);transform-origin:var(--title-origin-x)var(--title-origin-y);transform-style:preserve-3D;letter-spacing:normal;mix-blend-mode:screen;padding-top:60px;padding-bottom:100px;font-size:max(5cqw,50px);font-weight:500;transition:transform .5s,letter-spacing .5s,text-shadow .5s;display:inline-block}.big-title-container>.big-title:before{text-shadow:0 0 20px #0f03;color:#0f0;z-index:10;content:attr(data-text);transform-origin:var(--title-origin-x)var(--title-origin-y);transform-style:preserve-3D;letter-spacing:normal;mix-blend-mode:screen;transition:transform .5s,letter-spacing .5s,text-shadow .5s;display:inline-block;transform:translate(103.7%)}.big-title-container>.big-title:after{text-shadow:0 0 20px #00f3;color:#00f;z-index:10;content:attr(data-text);transform-origin:var(--title-origin-x)var(--title-origin-y);transform-style:preserve-3D;letter-spacing:normal;mix-blend-mode:screen;transition:transform .5s,letter-spacing .5s,text-shadow .5s;display:inline-block;transform:translate(-100%)translateY(0)}.big-title-container>.big-title:hover:before{transform:translate(103.7%)rotateY(5deg)rotateX(-10deg)rotate(.1deg)}.big-title-container>.big-title:hover:after{transform:translate(-100%)rotateY(10deg)rotateX(-20deg)rotate(-.1deg)}.big-title-container>.big-title:active{--glow-brightness:.5;--glow-radius:10px;--glow-delay:3s;transition:transform .5s,letter-spacing .5s,text-shadow var(--glow-delay);letter-spacing:15px;text-shadow:0px 0px var(--glow-radius)rgba(255,0,0,var(--glow-brightness));transform:rotateY(-10deg)rotateX(20deg)}.big-title-container>.big-title:active:before{transition:transform .5s,letter-spacing .5s,text-shadow var(--glow-delay);letter-spacing:15px;text-shadow:0px 0px var(--glow-radius)rgba(0,255,0,var(--glow-brightness));transform:translate(103.7%)rotateY(-10deg)rotateX(20deg)}.big-title-container>.big-title:active:after{transition:transform .5s,letter-spacing .5s,text-shadow var(--glow-delay);letter-spacing:15px;text-shadow:0px 0px var(--glow-radius)rgba(0,0,255,var(--glow-brightness));transform:translate(-100%)rotateY(-15deg)rotateX(25deg)}
.section{clip-path:inset(-3px 0 calc(100% - max(7vw,100px)));max-height:max(8.5vw,100px);transition:max-height .5s,clip-path .5s}.section.expanded{clip-path:inset(-50px 0 0);max-height:10000px}.section.expanded>header>h1{text-shadow:0 0 #0000,1px .01px 1.4px #ffffff34,4px .04px 2.8px #ffffff26,9px .09px 4.2px #ffffff1d,16px .16px 5.6px #ffffff16,25px .25px 7px #fff1,36px .36px 8.4px #ffffff0d,49px .49px 9.8px #ffffff09,64px .64px 11.2px #ffffff06,81px .81px 12.6px #ffffff03,100px 1px 14px #fff0}.section.expanded>header>h1:hover{text-shadow:0 0 #0000,1px .01px 1.4px #ffff00ae,4px .04px 2.8px #ff00ff8d,9px .09px 4.2px #00ffff73,16px .16px 5.6px #ffff005e,25px .25px 7px #ff00ff4b,36px .36px 8.4px #00ffff39,49px .49px 9.8px #ffff002a,64px .64px 11.2px #ff00ff1b,81px .81px 12.6px #00ffff0d,100px 1px 14px #ff00}.section>header{border-radius:0;width:100%;margin:0}.section>header h1{font-family:var(--font-open-sans),sans-serif;text-align:left;text-shadow:0 0 #0000,1px -1px 1.5px #00000057,4px -4px 3px #00000046,9px -9px 4.5px #0000003a,16px -16px 6px #0000002f,25px -25px 7.5px #00000025,36px -36px 9px #0000001d,49px -49px 10.5px #00000015,64px -64px 12px #0000000d,81px -81px 13.5px #00000007,100px -100px 15px #0000;margin:0;padding:25px 0;font-size:40px;font-weight:300;transition:text-shadow 1s}.section>header h1:hover{text-shadow:0 0 #0000,1px .25px 1.4px #ff09,4px 1px 2.8px #ff00ff79,9px 2.25px 4.2px #00ffff61,16px 4px 5.6px #ffff004e,25px 6.25px 7px #ff00ff3e,36px 9px 8.4px #00ffff2f,49px 12.25px 9.8px #ff02,64px 16px 11.2px #ff00ff16,81px 20.25px 12.6px #00ffff0b,100px 25px 14px #ff00}
.all-projects{width:100%;max-width:1600px;margin:0 auto 200px}.language-section>h1{font-size:min(4vw,45px)}.language-section>.category-buttons{flex-wrap:wrap;gap:8px;margin-top:-10px;margin-bottom:36px;margin-left:3px;display:flex}.language-section>.category-buttons>button{text-align:center;cursor:pointer;color:#fff;font-size:20px;font-family:var(--font-inter),sans-serif;text-shadow:0 0 #ffff0080,0 0 #ff000080,0 0 #00ffff80,0 0 #0000ff80;background:0 0;border:1px solid #fff6;border-radius:10px;outline:0 solid #fff;margin-left:0;padding:7px;font-weight:300;transition:all .3s,outline .2s,outline-offset .2s,text-shadow .3s,background .3s step-end,border .3s,padding .3s,box-shadow .3s,color .3s ease-in-out;display:inline-block;box-shadow:inset 0 0 #ff00,inset 0 0 #f000,inset 0 0 #0ff0,inset 0 0 #00f0,0 0 #ff00,0 0 #f000,0 0 #0ff0,0 0 #00f0,inset 0 38px #000,inset 0 0 #fff,inset 0 -38px #000}.language-section>.category-buttons>button:hover{text-shadow:0 1px .5px #ff06,0 2px .5px #f006,0 -1px .5px #0ff6,0 -2px .5px #00f6;border:1px solid #fff;border-width:1px 2px;box-shadow:inset 1px 0 #ff0,inset 2px 0 red,inset -1px 0 #0ff,inset -2px 0 #00f,1px 0 #ff0,2px 0 red,-1px 0 #0ff,-2px 0 #00f,inset 0 38px #000,inset 0 0 #fff,inset 0 -38px #000}.language-section>.category-buttons>button.selected{color:#000;background:#fff}@-moz-document url-prefix(){.language-section>.category-buttons>button.selected{outline-offset:-3px;outline:3px solid #fff}}.language-section>.category-buttons>button.selected{text-shadow:0 0 #ffff0080,0 0 #ff000080,0 0 #00ffff80,0 0 #0000ff80;box-shadow:inset 0 0 #ff0,inset 0 0 red,inset 0 0 #0ff,inset 0 0 #00f,2px 0 #ff0,4px 0 red,-2px 0 #0ff,-4px 0 #00f,inset 0 0 #000,inset 0 38px #fff,inset 0 -38px #000}.language-section>.category-container>.language{padding:5px;display:inline-block}.language-section>.category-container>.language img{height:15px;display:inline-block}.selected-projects{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:10px;display:grid}#modal{background:#111;border:0;border-radius:8px;padding:0;position:relative;box-shadow:0 0 32px 10px #0003}#modal>.modal-inner{border:0;max-width:768px;padding:32px}#modal>.modal-inner h1{margin-top:0;margin-bottom:8px;font-size:32px}#modal>.modal-inner .project-img{box-sizing:border-box;justify-content:center;align-items:center;max-height:400px;margin-bottom:8px;display:flex;container-type:inline-size}#modal>.modal-inner .project-img img{object-fit:contain;width:100%;height:auto;max-height:400px}#modal>.modal-inner .links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#modal>.modal-inner .links>a{align-items:center;gap:5px;display:flex}#modal>.modal-inner .links>a>img{width:20px;height:auto}#modal::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003}
.project-container{border:1px solid #fff3;border-radius:8px;transition:height 1s,outline-offset .5s,outline-color .5s,box-shadow .5s;overflow:hidden;box-shadow:0 0 15px #ffffff0a,inset 0 0 300px #ffffff12}.project-container .img-container{box-sizing:border-box;border-bottom:1px solid #fff3;justify-content:center;height:365px;display:flex;position:relative;overflow:hidden;container-type:inline-size}.project-container .project-image{box-sizing:border-box;object-fit:contain}.project-container>.project-contents{padding:30px}.project-container>.project-contents .project-title{text-align:left;font-family:var(--font-inter),sans-serif;justify-content:space-between;gap:10px;margin:0 0 12px;padding:0;font-weight:600;line-height:normal;display:flex}.project-container>.project-contents .project-title>.links{gap:10px;display:flex}.project-container>.project-contents .project-title>.links>a{align-items:center;gap:5px;font-size:16px;font-weight:400;line-height:normal;display:flex}.project-container>.project-contents .project-title>.links>a .project-link-icon{width:40px;height:auto}.project-container>.project-contents>.project-summary{font-family:var(--font-open-sans),sans-serif;white-space:pre-wrap;font-weight:200;display:inline-block}