*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg: #0a0a0a;--bg-card: #111;--bg-input: #111;--bg-hover: #1a1a1a;--text: #e8e8e8;--text-muted: #888;--text-faint: #444;--accent: #ff3b30;--border: #1e1e1e;--radius: 8px;--radius-lg: 12px;--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", monospace;--max-width: 1100px;--nav-height: 64px;--transition: .2s ease}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px;min-height:100vh}a{color:var(--text);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent)}img{display:block;max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:80px 0}.section-title{font-size:.875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:40px}nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:100;background:transparent;transition:background var(--transition),backdrop-filter var(--transition)}nav.scrolled{background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-weight:600;font-size:1.125rem;letter-spacing:-.02em}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.875rem;font-weight:400;color:var(--text-muted);text-transform:lowercase;letter-spacing:.05em}.nav-links a:hover,.nav-links a.active{color:var(--text)}.menu-toggle{display:none;background:none;border:none;color:var(--text);padding:8px}.menu-toggle svg{width:24px;height:24px}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--nav-height) 24px 80px}.hero .avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:32px;border:2px solid var(--border)}.hero-name{font-family:Archivo,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:385;font-stretch:98.2%;text-transform:uppercase;line-height:1;margin-bottom:16px;letter-spacing:0}.hero .tagline{font-size:1.125rem;color:var(--text-muted);margin-bottom:32px;font-weight:400}.hero .socials{display:flex;gap:20px}.hero .socials a{color:var(--text-muted);transition:color var(--transition),transform var(--transition)}.hero .socials a:hover{color:var(--text);transform:translateY(-2px)}.hero .socials svg{width:22px;height:22px;fill:currentColor}.reel{padding:0 24px 80px}.reel-inner{max-width:900px;margin:0 auto}.reel .video-wrapper{position:relative;padding-top:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:#000}.reel .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}a.project-card{color:inherit;text-decoration:none}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:12px}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-card h3{font-size:1rem;font-weight:600}.project-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5;flex:1}.project-card .meta{display:flex;align-items:center;gap:16px;font-size:.8rem;color:var(--text-faint)}.project-card .language{display:flex;align-items:center;gap:6px}.language-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.project-card .stars{display:flex;align-items:center;gap:4px}.page-header{padding:calc(var(--nav-height) + 60px) 24px 40px;text-align:center}.page-header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.04em}.page-header .subtitle{color:var(--text-muted);margin-top:8px;font-size:1rem}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;padding:0 24px}.filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:8px 20px;border-radius:100px;font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:all var(--transition)}.filter-btn:hover{border-color:var(--text-muted);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#000}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.video-item{display:none}.video-item.active{display:block}.video-card{cursor:pointer;border-radius:var(--radius);overflow:hidden;transition:transform var(--transition)}.video-card:hover{transform:translateY(-4px)}.video-card .thumbnail{position:relative;padding-top:56.25%;background:var(--bg-card);overflow:hidden}.video-card .thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-card:hover .thumbnail img{transform:scale(1.05)}.video-card .video-info{padding:12px 4px;display:flex;justify-content:space-between;align-items:baseline}.video-card .video-title{font-size:.9rem;font-weight:500}.video-card .video-views{font-size:.8rem;color:var(--text-faint);white-space:nowrap;margin-left:12px}.video-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.video-modal.open{display:flex}.video-modal .overlay{position:absolute;inset:0;background:#000000eb;backdrop-filter:blur(4px)}.video-modal .modal-content{position:relative;width:100%;max-width:960px;z-index:1}.video-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.video-modal .modal-title{font-size:1rem;font-weight:500}.close-btn{background:none;border:none;color:var(--text-muted);padding:8px;font-size:1.5rem;line-height:1;transition:color var(--transition);cursor:pointer}.close-btn:hover{color:var(--text)}.video-modal .video-wrapper{position:relative;padding-top:56.25%;border-radius:var(--radius);overflow:hidden;background:#000}.video-modal .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.photo-grid{columns:3;column-gap:8px;max-width:var(--max-width);margin:0 auto;padding:0 24px}.photo-item{break-inside:avoid;margin-bottom:8px;border-radius:var(--radius);overflow:hidden;cursor:pointer}.photo-item img{width:100%;display:block;transition:transform .4s ease}.photo-item:hover img{transform:scale(1.03)}.lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox .overlay{position:absolute;inset:0;background:#000000f2}.lightbox-content{position:relative;z-index:1}.lightbox-content img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius)}.lightbox .close-btn{position:absolute;top:-40px;right:0}.words-list{max-width:680px;margin:0 auto;padding:0 24px 80px}a.words-item{display:block;padding:24px 0;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}a.words-item:first-child{border-top:1px solid var(--border)}.words-item .date{font-size:.8rem;color:var(--text-faint);font-family:var(--font-mono);margin-bottom:4px}.words-item h2{font-size:1.25rem;font-weight:600;transition:color var(--transition)}a.words-item:hover h2{color:var(--accent)}.blog-post{max-width:680px;margin:0 auto;padding:calc(var(--nav-height) + 60px) 24px 80px}.blog-post .post-date{font-size:.8rem;color:var(--text-faint);font-family:var(--font-mono);margin-bottom:8px}.blog-post h1{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:40px}.blog-post .post-content{font-size:1.05rem;line-height:1.8}.blog-post .post-content p{margin-bottom:1.5em}.blog-post .post-content h2{margin-top:2.5em;margin-bottom:.75em;font-size:1.5rem}.blog-post .post-content h3{margin-top:2em;margin-bottom:.5em}.blog-post .post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.blog-post .post-content a:hover{text-decoration-color:transparent}.blog-post .post-content blockquote{border-left:3px solid var(--accent);padding-left:20px;margin:1.5em 0;color:var(--text-muted);font-style:italic}.blog-post .post-content strong{font-weight:600}.blog-post .back-link{margin-top:60px;padding-top:24px;border-top:1px solid var(--border)}.blog-post .back-link a{color:var(--text-muted);font-size:.9rem}.blog-post .back-link a:hover{color:var(--accent)}.contact{max-width:500px;margin:0 auto;padding:0 24px 80px}.contact .section-title{text-align:center}.contact form{display:flex;flex-direction:column;gap:16px}.contact input,.contact textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;color:var(--text);font-family:inherit;font-size:.95rem;transition:border-color var(--transition);outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--accent)}.contact input::placeholder,.contact textarea::placeholder{color:var(--text-faint)}.contact textarea{resize:vertical;min-height:120px}.contact button[type=submit]{background:var(--accent);color:#000;border:none;border-radius:var(--radius);padding:14px 24px;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:opacity var(--transition),transform var(--transition)}.contact button[type=submit]:hover{opacity:.9;transform:translateY(-1px)}footer{text-align:center;padding:40px 24px;color:var(--text-faint);font-size:.8rem;border-top:1px solid var(--border)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (max-width: 768px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--bg);align-items:center;justify-content:center;gap:40px}.nav-links.open a{font-size:1.5rem}.menu-toggle{display:block}.hero h1{font-size:clamp(2.5rem,12vw,5rem)}.projects-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.photo-grid{columns:2}section{padding:60px 0}}@media (max-width: 480px){.photo-grid{columns:1}.video-grid{grid-template-columns:1fr}.filter-bar{gap:6px}.filter-btn{padding:6px 14px;font-size:.75rem}}