.projects-section{padding:2rem;max-width:1200px;width:100%;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;width:100%}.project-card{position:relative;background:#000;padding:1.5rem;border-radius:8px;text-align:center;font-size:1.1rem;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #222;width:100%;overflow:visible;transition:transform .3s cubic-bezier(.25,.8,.25,1),border-color .3s ease,box-shadow .3s ease}.project-card.featured{border:2px solid rgba(255,255,255,.9);background:#000}.featured-badge{position:absolute;top:-4rem;left:-4rem;width:8rem;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(135deg,#ffe88a,#ffd74a 35%,#f0b814);color:#000;z-index:3;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 92%,50% 70%,21% 92%,32% 57%,2% 35%,39% 35%)}.project-card:hover{transform:translateY(-4px);border-color:#fff6;box-shadow:0 10px 25px #ffffff0d}.image-wrapper{width:100%;overflow:hidden;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.project-image{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.25,.8,.25,1)}.project-card:hover .project-image{transform:scale(1.04)}.project-link{text-decoration:none;width:100%;z-index:1}.project-title{margin-top:1.2rem;font-size:1.15rem;letter-spacing:.05em;transition:text-shadow .3s ease;color:#000}.learn-more-btn{background:none;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4rem 1rem;border-radius:999px;font-size:.8rem;letter-spacing:.05em;cursor:pointer;margin-top:.8rem;z-index:2;transition:all .2s ease}.learn-more-btn:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 10px #fff6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#000;padding:2.5rem;border-radius:12px;max-width:500px;width:90%;color:#fff;position:relative;border:1px solid #333;box-shadow:0 20px 50px #000000e6}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#888;font-size:1.3rem;cursor:pointer;transition:color .2s ease}.modal-close:hover{color:#fff}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:600px){.projects-section{padding:1rem}.projects-grid{grid-template-columns:1fr}.project-card.featured:hover{transform:translateY(-4px)}.project-card.featured{padding-top:2.5rem}.featured-badge{top:-1.4rem;left:-.8rem;width:4.75rem;background:linear-gradient(135deg,#fff2a8,#ffd74a 38%,#f5b700);box-shadow:0 0 0 2px #ffffff14,0 0 16px #ffd654f2,0 0 24px #ffa600cc}}.header-container{padding:1rem}.information{margin-top:2rem;margin-bottom:2rem}@media(max-width:1024px){.information,.about-text{margin-left:2rem;margin-right:2rem;font-size:11px}}@font-face{font-family:microgramma;src:url(/assets/microgrammanormal-Dtq6dJ1f.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:#fff;font-family:microgramma,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}body,html{background-color:#000;margin:0;padding:0;width:100%;height:100%;line-height:1.5;letter-spacing:normal;word-spacing:normal;text-transform:none;overflow-x:hidden}.fallback{font-family:Helvetica,sans-serif}p,ul,li,h1,h2,h3,h4,h5,h6{text-transform:none}.menu-container{width:20svw;margin:0 auto}.menu-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;width:100%;align-items:center;gap:10px}.menu-list li{width:100%}.menu-list li button{background-color:#333;padding:30px;cursor:pointer;width:100%;border:none;border-radius:8px;color:#fff;font-size:1rem;transition:transform .3s ease,background-color .3s ease}.menu-list li button:hover{background-color:#555;transform:scale(1.05)}@media(max-width:1024px){.menu-container{width:100%;padding:0 10px;overflow-x:hidden}.menu-list{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.menu-list li{flex:1 1 calc(33% - 10px);max-width:200px;margin-bottom:10px}.menu-list li button{width:100%;padding:15px;font-size:1rem}}@media(max-width:600px){.menu-list li{flex:1 1 calc(50% - 10px)}}.about-section{padding:2rem;max-width:820px;width:100%;margin:0 auto;animation:fadeUp .6s cubic-bezier(.25,.8,.25,1) forwards}.information{font-size:.85rem;color:#fff9;letter-spacing:.08em;line-height:1.8;padding-bottom:1.5rem;margin-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.15)}.information span:not(.fallback){color:#fff}.about-text{font-size:1.15rem;line-height:1.8;color:#ffffffe6;margin:0 0 1.5rem;letter-spacing:.02em;max-width:72ch}.core-stack{margin:1.5rem 0 2rem}.core-stack h2{margin:0 0 .75rem;font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.2;font-weight:400}.stack-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.stack-list li{font-size:1.1rem;line-height:1.7;color:#ffffffe6;letter-spacing:.01em}.stack-list li span{color:#ffffffe6;font-weight:600}.stack-list li:before{content:"•";color:#fffc;display:inline-block;margin-right:.75rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.about-section{padding:1.5rem}}@media(max-width:600px){.about-section{padding:1rem}.information{font-size:.75rem}.about-text,.stack-list li{font-size:1rem}}