@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}img,video{max-width:100%;height:auto}body{color:#f1f3f7;background-color:#08090c;background-image:linear-gradient(#7d99fd09 2px,#0000 1px),linear-gradient(90deg,#7d99fd09 2px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;min-width:0;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}.app{background:#08090c;min-height:1000vh}.category{color:#6d8cff;letter-spacing:2px;margin-bottom:18px;font-size:11px;font-weight:700}.section{grid-template-columns:1fr 10%;align-items:center;width:min(90%,1700px);min-height:10vh;margin:0 auto;display:grid}.section-content{flex-direction:column;display:flex}.box-container{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:20px;display:grid}.box{background:#00000040;border:1px solid #ffffff14;padding:25px;transition:border-color .25s,background .25s,transform .25s}.box:hover{background:#6d8cff06;border-color:#6d8cff4d;transform:translateY(-3px)}.list{grid-template-columns:1fr 1fr;padding-top:10px;display:grid}.list span{color:#858b98;border-bottom:1px solid #ffffff4d;width:45%;padding:12px 0;font-size:12px;transition:color .2s,width .2s,border-color .2s;display:block}.list span:hover{color:#fff;border-color:#fff;width:65%}.divider{background:#ffffff1a;width:75%;height:3px;margin:100px auto}.header{z-index:999;-webkit-backdrop-filter:blur(16px);background:#08090cd9;border-bottom:1px solid #ffffff14;width:100%;height:70px;position:fixed;inset:0 0 auto}.header-container{justify-content:space-between;align-items:center;width:min(1200px,100% - 40px);height:100%;margin:auto;display:flex}.logo{letter-spacing:-.5px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:600}.logo span{color:#6d8cff}.navigation{align-items:center;gap:32px;display:flex}.navigation a{color:#858b98;font-size:13px;font-weight:500;transition:color .2s,transform .2s;position:relative}.navigation a:hover{color:#fff;transform:translateY(-1px)}.header-button{background:#ffffff08;border:1px solid #ffffff1f;border-radius:6px;padding:9px 15px;font-size:12px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.header-button:hover{background:#6d8cff1a;border-color:#6d8cff59;transform:translateY(-1px)}.about{grid-template-columns:1fr 40%;align-items:center;gap:clamp(30px,5vw,80px);width:min(90%,1700px);min-height:100vh;margin:70px auto 0;display:grid}.about-content{flex-direction:column;display:flex}.about-content h1{letter-spacing:-4px;margin-top:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(50px,5vw,75px);font-weight:600;line-height:.95}.about-content h1 span{color:#858b98}.about-description{color:#858b98;max-width:500px;margin-top:30px;font-size:19px;line-height:1.8}.about-image{aspect-ratio:1;outline-offset:14px;border-radius:50%;outline:4px solid #6d8cff;overflow:hidden}.about-image img{width:100%}.projects{grid-template-columns:1fr 10%;align-items:center;width:min(90%,1700px);min-height:10vh;margin:0 auto;display:grid}.projects-content{flex-direction:column;display:flex}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-top:50px;display:grid}.project-card{background:#0c0e13;border:1px solid #ffffff14;border-radius:10px;padding:24px;transition:transform .25s,border-color .25s,background .25s;display:block}.project-card:hover{background:#0e1117;border-color:#6d8cff47;transform:translateY(-4px)}.project-header{align-items:center;gap:15px;display:flex}.project-icon{background:#090b0f;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.project-icon img{object-fit:cover;width:80%;height:80%;display:block}.project-title{letter-spacing:-.5px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.project-role{color:#505662;letter-spacing:1.5px;margin-top:5px;font-size:10px;font-weight:400}.project-link{color:#f1f3f7;align-items:center;gap:2px;margin-top:17px;font-size:11px;font-weight:600;transition:color .2s,gap .2s;display:inline-flex}.project-link span{color:#6d8cff;font-size:14px}.project-link:hover{color:#6d8cff;gap:4px}.status{align-items:center;gap:8px;margin-top:24px;display:flex}.released{-webkit-user-select:none;user-select:none;background:#0f0;border-radius:50%;flex-shrink:0;width:8px;height:8px}.pre-release{-webkit-user-select:none;user-select:none;background:#ffd000;border-radius:50%;flex-shrink:0;width:8px;height:8px}.unreleased{-webkit-user-select:none;user-select:none;background:red;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-text{color:#f1f3f7;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.project-description{color:#858b98;min-height:65px;margin-top:20px;font-size:14px;line-height:1.75}.project-gallery{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:25px;display:grid}.project-image{aspect-ratio:1.5;background:#090b0f;border-radius:4px;overflow:hidden}.project-image img{object-fit:cover;cursor:pointer;width:100%;height:100%;transition:transform .35s,filter .35s;display:block}.lightbox-overlay{z-index:1000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-image{object-fit:contain;max-width:90%;max-height:90%}.animations-grid{grid-template-columns:repeat(auto-fit,minmax(370px,1fr));gap:17px;padding-top:50px;display:grid}.animation{flex-direction:column;align-items:center;gap:25px;transition:transform .25s;display:flex}.animation:hover{transform:scale(1.04)}.animation-title{color:#f1f3f7;letter-spacing:-.3px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.animation-project{text-align:center;color:#858b98;margin-top:4px;font-size:14px;font-weight:500}.animation-image{aspect-ratio:16/9;outline-offset:4px;background:#090b0f;border-radius:10px;outline:2px solid #505662;flex-shrink:1;width:min(100%,384px);height:auto;transition:outline-color .25s;overflow:hidden}.animation-image:hover{outline-color:#6d8cff}.animation-image img{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.links-content{padding-top:50px}.contact-list{flex-direction:column;align-items:center;gap:12px;display:flex}.link-title{color:#f1f3f7;letter-spacing:-.3px;padding-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600}.link{cursor:pointer;background:#00000040;border:1px solid #ffffff14;flex-direction:row;align-items:center;width:min(100%,700px);height:auto;min-height:100px;padding:20px;transition:border-color .25s,background .25s,transform .25s;display:flex}.link:hover{background:#6d8cff06;border-color:#6d8cff4d;transform:translateY(-3px)}.link-icon{background:#090b0f;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.link-icon img{object-fit:cover;width:70%;height:70%;display:block}.link-name{color:#d4d4d4;letter-spacing:-1px;padding-left:20px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:600;line-height:.95}.link-description{color:#858b98;letter-spacing:0;margin-left:60px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:300;line-height:.95}.footer{-webkit-backdrop-filter:blur(16px);background:#08090cd9;border-top:1px solid #ffffff14;justify-content:center;align-items:center;width:100%;height:70px;margin-top:100px;display:flex}.footer-text{color:#7d8799;letter-spacing:.5px;font-size:12px;font-weight:500;transition:color .2s}@media (width>=1440px){.section,.about,.projects{width:min(85%,1400px)}.about-content h1{font-size:clamp(60px,5vw,85px)}.about-description{font-size:20px}.projects-grid,.animations-grid{gap:25px}}@media (width<=1024px){.section,.about,.projects{width:90%}.navigation{gap:20px}.about{grid-template-columns:1fr 35%;gap:40px}.about-content h1{letter-spacing:-3px;font-size:clamp(45px,6vw,65px)}.about-description{font-size:17px}.projects-grid,.animations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{padding:20px}.link{width:75%}}@media (width<=768px){.header{height:60px}.header-container{width:calc(100% - 30px)}.logo{font-size:15px}.navigation{gap:12px}.navigation a{font-size:11px}.header-button{padding:7px 10px;font-size:10px}.section,.about,.projects{width:calc(100% - 30px)}.about{grid-template-columns:1fr;gap:60px;min-height:auto;margin-top:60px;padding-top:80px;padding-bottom:40px}.about-content{text-align:left}.about-content h1{letter-spacing:-2px;font-size:clamp(42px,12vw,60px)}.about-description{max-width:100%;margin-top:25px;font-size:16px;line-height:1.7}.about-image{width:min(65vw,280px);margin:0 auto}.projects-grid,.animations-grid{grid-template-columns:1fr}.project-card{padding:20px}.project-title{font-size:clamp(20px,6vw,24px)}.project-description{min-height:auto;font-size:13px}.project-gallery{grid-template-columns:repeat(2,1fr)}.animation-image{width:100%;max-width:384px}.animation-title{font-size:21px}.animation-project{font-size:13px}.link{width:100%;min-height:85px;padding:15px}.link-icon{flex-shrink:0;width:50px;height:50px}.link-name{padding-left:15px;font-size:clamp(20px,6vw,26px)}.link-description{margin-left:15px;font-size:clamp(12px,4vw,16px)}.divider{width:90%;margin-top:70px;margin-bottom:70px}}@media (width<=480px){.header-container{width:calc(100% - 20px)}.navigation{gap:8px}.navigation a{font-size:9px}.header-button{padding:6px 8px;font-size:9px}.about,.section,.projects{width:calc(100% - 24px)}.about-content h1{font-size:clamp(38px,13vw,52px)}.about-description{font-size:14px}.project-card{padding:16px}.project-header{gap:10px}.project-icon{width:50px;height:50px}.project-title{font-size:19px}.project-gallery{grid-template-columns:1fr}.link{min-height:75px}.link-icon{width:42px;height:42px}.link-name{padding-left:10px;font-size:19px}.link-description{margin-left:10px;font-size:12px}.footer{height:60px}.footer-text{font-size:10px}}@media (width<=360px){.navigation{gap:6px}.navigation a{font-size:8px}.header-button{display:none}.about-content h1{font-size:36px}.link-description{display:none}.link-name{font-size:18px}}@media (hover:none){.project-card:hover,.box:hover,.link:hover,.animation:hover,.navigation a:hover,.project-link:hover{transform:none}}