@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background-color:#fafafa;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.03) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(37,99,235,.03) 0px,transparent 50%);color:#1a1a1a;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1400px;margin:0 auto;padding:80px 80px 120px;line-height:1.7;font-size:18px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:3.2em;font-weight:700;margin-bottom:.8em;letter-spacing:.02em;color:#111;text-transform:lowercase;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1 .highlight{color:#2563eb;font-weight:700}.navigation{display:flex;gap:.5em;margin-bottom:2.5em;border-bottom:2px solid #e5e7eb;padding-bottom:0}.navigation button{background:none;border:none;padding:.8em 1.5em;font-size:1em;font-weight:500;color:#666;cursor:pointer;position:relative;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px;font-family:inherit}.navigation button:hover{color:#333;background:#2563eb0a}.navigation button.active{color:#2563eb;border-bottom-color:#2563eb}.about-section{min-height:300px;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic}h2{font-size:2em;font-weight:600;margin-top:0;margin-bottom:.6em;color:#111;letter-spacing:-.02em}p{margin:1em 0;font-size:1.05em;color:#555;line-height:1.8}a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease;position:relative}a:hover{color:#1d4ed8;border-bottom-color:#2563eb;transform:translateY(-1px)}hr{border:none;height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:5em 0;opacity:.8}.project-section{display:flex;gap:4em;align-items:flex-start;margin:3.5em 0;padding:2em;border-radius:16px;transition:all .4s ease;background:#ffffff80}.project-section:hover{background:#fffc;box-shadow:0 8px 32px #0000000f;transform:translateY(-4px)}.project-text{flex:0 0 400px;padding-top:.5em}.project-header{display:flex;align-items:center;gap:.8em;margin-bottom:.8em}.project-text h2{margin:0}.status-badge{font-size:.7em;font-weight:500;padding:.4em .8em;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status-badge.active{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.status-badge.archived{background:#f9fafb;color:#6b7280;border:1px solid #e5e7eb}.status-badge.clickable{cursor:pointer;transition:all .3s ease}.status-badge.clickable:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:2.5em;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{margin:0 0 1em;font-size:1.5em;color:#111;font-weight:600}.modal-content p{margin:0;line-height:1.8;color:#555}.modal-close{position:absolute;top:1em;right:1em;background:none;border:none;font-size:2em;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1;padding:0}.modal-close:hover{background:#f3f4f6;color:#111}.project-text p:last-child{margin-top:1.5em}.project-media{flex:1;max-width:none;position:relative}.project-media video{border-radius:12px;box-shadow:0 4px 24px #00000014,0 2px 8px #0000000f;transition:all .4s ease;border:1px solid rgba(0,0,0,.06)}.project-media video:hover{box-shadow:0 8px 40px #0000001f,0 4px 12px #00000014;transform:scale(1.01)}.contact-section{text-align:center;padding:1em 0}.contact-links{display:flex;justify-content:center;gap:1.5em;flex-wrap:wrap;font-size:1.05em}@media(max-width:768px){.container{padding:60px 24px 80px;font-size:17px}h1{font-size:2.2em;letter-spacing:.01em}h2{font-size:1.7em}.navigation{margin-bottom:2em}.navigation button{padding:.7em 1.2em;font-size:.95em}.project-section{flex-direction:column;gap:2em;padding:1.5em;margin:2em 0}.project-text{flex:1}.project-header{flex-wrap:wrap;gap:.6em}.status-badge{font-size:.65em}.project-media{max-width:100%}.contact-links{flex-direction:row;gap:1em}.modal-content{padding:2em;margin:20px}.modal-content h3{font-size:1.3em;padding-right:1em}}