@import url(https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap);:root{--primary-color:#ff5722;--bg-color:#fff;--text-main:#111;--text-light:#888;--grid-color:#e5e5e5;--border-strong:#000}*{box-sizing:border-box;font-family:Kode Mono,monospace;margin:0;padding:0;scroll-behavior:smooth!important}body{background-color:#fff;background-color:var(--bg-color);background-image:radial-gradient(#e5e5e5 1px,#0000 0);background-image:radial-gradient(var(--grid-color) 1px,#0000 1px);background-size:20px 20px;color:#111;color:var(--text-main);overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#111;background:var(--text-main)}.App{max-width:100vw;overflow-x:hidden;width:100%}.nav-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;position:fixed;right:30px;top:30px;z-index:1000}.nav-item{background:#fff;border:1px solid #000;border:1px solid var(--border-strong);box-shadow:4px 4px 0 #111;box-shadow:4px 4px 0 var(--text-main);cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-item.active,.nav-item:hover{border-color:#ff5722;border-color:var(--primary-color);box-shadow:6px 6px 0 #ff5722;box-shadow:6px 6px 0 var(--primary-color);color:#ff5722;color:var(--primary-color);transform:translate(-2px,-2px)}.hero-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;position:relative}.hero-manifesto{margin:0 auto;max-width:1200px;width:100%}.hero-title{font-size:clamp(60px,10vw,150px);font-weight:700;letter-spacing:-2px;line-height:.9;margin-bottom:20px;text-transform:uppercase}.outline-text{-webkit-text-stroke:2px #111;-webkit-text-stroke:2px var(--text-main);color:#0000;display:block}.filled-text{color:#111;color:var(--text-main);display:block}.hero-subtitle{border-left:4px solid #ff5722;border-left:4px solid var(--primary-color);color:#888;color:var(--text-light);font-size:18px;line-height:1.6;margin-top:40px;max-width:500px;padding-left:20px}.hero-cta{background:#111;background:var(--text-main);border:none;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-top:50px;padding:20px 40px;text-transform:uppercase;transition:all .3s ease}.hero-cta:hover{background:#ff5722;background:var(--primary-color);transform:scale(1.05)}.pdfPreview{align-items:center;background:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.pdfPreview_content{background:#fff;border:none;display:block;height:95%;width:90%}.projects-section{padding:100px 0}.section-header{align-items:flex-end;border-bottom:2px solid #111;border-bottom:2px solid var(--text-main);display:flex;font-size:clamp(40px,5vw,80px);font-weight:700;justify-content:space-between;margin-bottom:80px;padding:0 40px 60px;text-transform:uppercase}.section-number{color:#ff5722;color:var(--primary-color);font-size:24px}.project-row{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--grid-color);display:flex;min-height:60vh}.project-visual{border-right:1px solid #e5e5e5;border-right:1px solid var(--grid-color);flex:1.5 1;overflow:hidden;position:relative}.project-visual img{filter:grayscale(100%);height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-row:hover .project-visual img{filter:grayscale(0);transform:scale(1.05)}.project-info{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.project-row.reverse{flex-direction:row-reverse}.project-row.reverse .project-visual{border-left:1px solid #e5e5e5;border-left:1px solid var(--grid-color);border-right:none}.project-title{font-size:48px;line-height:1;margin-bottom:20px;text-transform:uppercase}.project-desc{color:#888;color:var(--text-light);font-size:16px;line-height:1.6;margin-bottom:30px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.tag{border:1px solid #111;border:1px solid var(--text-main);font-size:12px;padding:5px 10px;text-transform:uppercase}.project-link{align-items:center;color:#111;color:var(--text-main);display:inline-flex;font-size:18px;font-weight:700;gap:10px;text-decoration:none;transition:gap .2s}.project-link:hover{color:#ff5722;color:var(--primary-color);gap:20px}.repo-link{font-size:16px;margin-right:30px}.repo-link:hover{color:#888;color:var(--text-light)}.experience-section{margin:0 auto;max-width:1400px;padding:100px 40px}.exp-list{display:flex;flex-direction:column}.exp-item{border-top:1px solid #111;border-top:1px solid var(--text-main);cursor:pointer;padding:40px 0;position:relative;transition:all .3s ease}.exp-item:last-child{border-bottom:1px solid #111;border-bottom:1px solid var(--text-main)}.exp-header{align-items:baseline;display:flex;justify-content:space-between}.exp-company{font-size:36px;font-weight:700;text-transform:uppercase}.exp-role{color:#888;color:var(--text-light);font-size:18px}.exp-details{max-height:0;opacity:0;overflow:hidden;padding-left:20px;transition:max-height .5s cubic-bezier(0,1,0,1)}.exp-details ul{list-style-type:none}.exp-item:hover .exp-details{margin-top:30px;max-height:500px;opacity:1;transition:max-height .5s cubic-bezier(1,0,1,0)}.exp-item:hover .exp-company{color:#ff5722;color:var(--primary-color)}.exp-item:hover{background:#ff57220d}.skills-section{padding:100px 40px;text-align:center}.skills-cloud{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1000px}.skill-pill{background:#fff;border:2px solid #111;border:2px solid var(--text-main);font-size:24px;padding:15px 30px;transition:all .2s}.skill-pill:hover{box-shadow:5px 5px 0 #ff5722;box-shadow:5px 5px 0 var(--primary-color);transform:rotate(-2deg) scale(1.1)}.contact-section,.skill-pill:hover{background:#111;background:var(--text-main);color:#fff}.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:100px 40px;text-align:center}.contact-title{font-size:clamp(40px,8vw,100px);margin-bottom:40px;text-transform:uppercase}.contact-btn{background:#0000;border:2px solid #fff;color:#fff;cursor:pointer;font-size:24px;font-weight:700;padding:20px 60px;text-transform:uppercase;transition:all .3s}.contact-btn:hover{background:#fff;color:#111;color:var(--text-main)}.contact-socials{display:flex;font-size:18px;font-weight:700;gap:20px;margin-top:40px;text-transform:uppercase}.social-link{color:#fff;position:relative;text-decoration:none;transition:color .3s}.social-link:after{background:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.social-link:hover{color:#ff5722;color:var(--primary-color)}.social-link:hover:after{background:#ff5722;background:var(--primary-color);width:100%}.separator{color:#888;color:var(--text-light)}.footer{background:#111;background:var(--text-main);color:#555;font-size:12px;letter-spacing:2px;padding:20px;text-align:center;text-transform:uppercase}.btn-to-top{align-items:center;background:#fff;border:2px solid #111;border:2px solid var(--text-main);bottom:30px;box-shadow:4px 4px 0 #111;box-shadow:4px 4px 0 var(--text-main);color:#111;color:var(--text-main);cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:50px;z-index:990}.btn-to-top:hover{border-color:#ff5722;border-color:var(--primary-color);box-shadow:6px 6px 0 #ff5722;box-shadow:6px 6px 0 var(--primary-color);color:#ff5722;color:var(--primary-color);transform:translate(-2px,-2px)}.brand-name{background:#fff;border:2px solid #111;border:2px solid var(--text-main);box-shadow:4px 4px 0 #111;box-shadow:4px 4px 0 var(--text-main);cursor:pointer;font-size:24px;font-weight:700;left:30px;padding:5px 10px;position:fixed;text-transform:uppercase;top:30px;transition:all .3s ease;z-index:1000}.brand-name:hover{border-color:#ff5722;border-color:var(--primary-color);box-shadow:6px 6px 0 #ff5722;box-shadow:6px 6px 0 var(--primary-color);color:#ff5722;color:var(--primary-color);transform:translate(-2px,-2px)}@media (max-width:768px){.project-row,.project-row.reverse{flex-direction:column}.project-visual{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--grid-color);border-right:none;height:300px}.project-info{padding:30px}.exp-header{flex-direction:column;gap:10px}.nav-container{bottom:20px;right:20px;top:auto}.brand-name{font-size:18px;left:20px;top:20px}.btn-to-top{bottom:20px;left:20px;right:auto}}
/*# sourceMappingURL=main.4d47f278.css.map*/