:root{--bg:#080a09;--surface:#101512;--surface-light:#17201b;--green:#39ff88;--green-soft:#8affb8;--brass:#c6a15b;--text:#e7f0ea;--muted:#829087;--border:#253229}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:80px;max-width:1200px;min-height:85vh;margin:0 auto;padding:100px 32px;display:grid}.eyebrow{color:var(--green);letter-spacing:.2em;margin-bottom:20px;font-size:.75rem;font-weight:700}.hero h1 span{color:var(--green)}.button{border:1px solid var(--border);padding:13px 20px;transition:all .2s}.button-primary{background:var(--green);color:#06100a;border-color:var(--green)}.button-primary:hover{box-shadow:0 0 25px #39ff8840}.hero-image{position:relative}.hero-image:before{content:"";border:1px solid var(--brass);opacity:.5;z-index:-1;position:absolute;inset:-15px}.hero-image img{filter:grayscale(20%);width:100%}.section-heading h2,.journal-preview h2{margin:0 0 20px;font-size:clamp(2.5rem,5vw,4rem)}.section-heading p:last-child,.journal-preview p:last-child{color:var(--muted);line-height:1.8}.project-card{background:var(--surface);border:1px solid var(--border);transition:transform .2s,border-color .2s}.project-card:hover{border-color:var(--green);transform:translateY(-5px)}.project-image{aspect-ratio:16/9;background:var(--surface-light);overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-label{color:var(--brass);letter-spacing:.15em;font-size:.7rem}.project-content h3{margin:10px 0;font-size:1.7rem}.project-description{color:var(--muted);line-height:1.7}.technologies span{background:var(--surface-light);border:1px solid var(--border);color:var(--green-soft);padding:6px 9px;font-size:.75rem}.project-links{flex-wrap:wrap;gap:18px;display:flex}.project-links a{color:var(--green);font-size:.85rem}.project-links a:hover{text-decoration:underline}.journal-preview{border-top:1px solid var(--border);max-width:1200px;margin:0 auto;padding:120px 32px}@media (width<=800px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-image{max-width:400px}.project-grid{grid-template-columns:1fr}}.site-header{z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a09e0;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;max-width:1400px;min-height:72px;margin:0 auto;padding:0 32px;display:flex}.brand{flex-direction:column;gap:3px;display:flex}.brand-status{color:var(--green);letter-spacing:.16em;font-size:.55rem}.nav-links>a,.nav-dropdown-button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.82rem;transition:color .2s;position:relative}.nav-dropdown-menu{background:var(--surface);border:1px solid var(--border);opacity:0;visibility:hidden;flex-direction:column;width:245px;padding:10px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + 18px);right:-20px;transform:translateY(-8px);box-shadow:0 20px 50px #0006}.nav-socials a:hover{color:var(--green)}.mobile-menu-button{color:var(--text);cursor:pointer;background:0 0;border:0;display:none}@media (width<=850px){.navbar{min-height:64px;padding:0 20px}.mobile-menu-button{justify-content:center;align-items:center;display:flex}.nav-links{background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:4px;padding:20px;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{display:flex}.nav-links>a,.nav-dropdown-button{text-align:left;width:100%;padding:14px 10px}.nav-dropdown-menu{width:100%;box-shadow:none;opacity:1;visibility:visible;margin-top:4px;display:none;position:static;transform:none}.nav-dropdown-menu.show{display:flex}.nav-socials{border-left:0;border-top:1px solid var(--border);margin-top:10px;padding:14px 10px 0}}.page{max-width:1100px;min-height:80vh;margin:0 auto;padding:100px 32px}.page h1{letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(3rem,7vw,6rem);line-height:1}.page>p:last-child{max-width:650px;color:var(--muted);font-size:1.1rem;line-height:1.8}:root{--bg:#080a09;--bg-elevated:#0b0f0c;--surface:#101512;--surface-hover:#141b17;--surface-light:#18211b;--green:#39ff88;--green-soft:#8affb8;--green-dark:#1c9d54;--brass:#c6a15b;--brass-muted:#806b43;--text:#e7f0ea;--text-soft:#bdc9c1;--muted:#829087;--border:#253229;--border-light:#304038;--danger:#ff6969;--max-width:1200px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:radial-gradient(circle at 80% 10%, #39ff8809, transparent 30%), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}body::selection{background:var(--green);color:#06100a}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--green-dark)}.site-header{z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:#080a09db;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;width:100%;max-width:1400px;min-height:72px;margin:0 auto;padding:0 32px;display:flex}.brand{flex-direction:column;gap:3px;transition:opacity .2s;display:flex}.brand:hover{opacity:.8}.brand-name{color:var(--text);letter-spacing:.12em;font-size:.9rem;font-weight:800}.brand-status{color:var(--green);letter-spacing:.16em;font-size:.55rem;font-weight:600}.nav-links{align-items:center;gap:26px;display:flex}.nav-links>a,.nav-dropdown-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.8rem;font-weight:500;transition:color .2s;position:relative}.nav-links>a:hover,.nav-dropdown-button:hover{color:var(--green)}.nav-links>a:after{content:"";background:var(--green);transform-origin:50%;height:1px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links>a:hover:after{transform:scaleX(1)}.nav-dropdown{position:relative}.nav-dropdown-button{align-items:center;gap:5px;display:flex}.nav-dropdown-button svg{transition:transform .2s}.nav-dropdown-button .rotate{transform:rotate(180deg)}.nav-dropdown-menu{border:1px solid var(--border);opacity:0;visibility:hidden;background:#101512fa;flex-direction:column;width:255px;padding:8px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;top:calc(100% + 17px);right:-20px;transform:translateY(-7px);box-shadow:0 20px 60px #00000073,0 0 0 1px #39ff8806}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{color:var(--muted);border-left:2px solid #0000;padding:11px 13px;font-size:.78rem;transition:color .15s,background .15s,border-color .15s}.nav-dropdown-menu a:hover{color:var(--green);background:var(--surface-hover);border-left-color:var(--green)}.nav-socials{border-left:1px solid var(--border);align-items:center;gap:12px;padding-left:16px;display:flex}.nav-socials a{color:var(--muted);transition:color .2s,transform .2s;display:flex}.nav-socials a:hover{color:var(--green);transform:translateY(-1px)}.mobile-menu-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;padding:8px;display:none}.eyebrow{color:var(--green);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:.68rem;font-weight:700}h1,h2,h3,h4{color:var(--text)}p{line-height:1.75}.hero{width:100%;max-width:var(--max-width);grid-template-columns:1.35fr .65fr;align-items:center;gap:80px;min-height:calc(100vh - 72px);margin:0 auto;padding:100px 32px;display:grid}.hero-content{position:relative}.hero-content:before{content:"01";color:#39ff8821;letter-spacing:.15em;font-family:monospace;font-size:.7rem;position:absolute;top:-55px;left:-2px}.hero h1{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(3.8rem,8vw,7.5rem);line-height:.91}.hero h1 span{color:var(--green);display:block}.hero-description{max-width:600px;color:var(--muted);margin:35px 0;font-size:1.05rem;line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--border);justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:.78rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);border-color:var(--green);color:#06100a}.button-primary:hover{background:var(--green-soft);box-shadow:0 8px 30px #39ff8829}.button-secondary{color:var(--text);background:0 0}.button-secondary:hover{border-color:var(--green);color:var(--green)}.hero-image{justify-self:end;width:100%;max-width:390px;position:relative}.hero-image:before{content:"";border:1px solid var(--brass-muted);z-index:-1;position:absolute;inset:18px -18px -18px 18px}.hero-image:after{content:"";background:var(--brass);width:8px;height:8px;position:absolute;bottom:-23px;right:-23px}.hero-image img{border:1px solid var(--border);filter:grayscale(20%);width:100%}.projects-section{max-width:var(--max-width);margin:0 auto;padding:120px 32px}.section-heading{max-width:700px;margin-bottom:60px}.section-heading h2,.journal-preview h2{letter-spacing:-.05em;margin:0 0 18px;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.section-heading p:last-child,.journal-preview p:last-child{color:var(--muted)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);transition:transform .25s,border-color .25s,background .25s;overflow:hidden}.project-card:hover{background:var(--surface-hover);border-color:var(--border-light);transform:translateY(-5px)}.project-image{aspect-ratio:16/9;background:var(--surface-light);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.project-image:after{content:"";pointer-events:none;background:linear-gradient(135deg,#39ff8814,#0000 45%);position:absolute;inset:0}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.025)}.project-content{padding:28px}.project-label{color:var(--brass);letter-spacing:.18em;margin:0 0 10px;font-size:.63rem;font-weight:700}.project-content h3{letter-spacing:-.03em;margin:0 0 12px;font-size:1.65rem}.project-description{color:var(--muted);margin:0;font-size:.9rem;line-height:1.7}.technologies{flex-wrap:wrap;gap:7px;margin:24px 0;display:flex}.technologies span{border:1px solid var(--border);color:var(--green-soft);background:#39ff8806;padding:5px 8px;font-family:monospace;font-size:.67rem}.project-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:18px;padding-top:20px;display:flex}.project-links a{color:var(--green);font-size:.76rem;font-weight:600;transition:opacity .2s}.project-links a:hover{opacity:.7}.journal-preview{max-width:var(--max-width);border-top:1px solid var(--border);margin:0 auto;padding:120px 32px}.journal-preview:before{content:"FIELD NOTES";color:var(--brass-muted);letter-spacing:.25em;margin-bottom:30px;font-family:monospace;font-size:.6rem;display:block}.page{width:100%;max-width:var(--max-width);min-height:calc(100vh - 72px);margin:0 auto;padding:110px 32px}.page h1{letter-spacing:-.06em;max-width:900px;margin:0 0 25px;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.95}.page>p:last-child{max-width:680px;color:var(--muted);margin:0;font-size:1rem;line-height:1.8}@media (width<=850px){.navbar{min-height:64px;padding:0 20px}.mobile-menu-button{display:flex}.nav-links{border-bottom:1px solid var(--border);background:#101512fa;flex-direction:column;align-items:stretch;gap:2px;padding:15px 20px 20px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 20px 40px #0000004d}.nav-links.open{display:flex}.nav-links>a,.nav-dropdown-button{text-align:left;width:100%;padding:13px 10px}.nav-dropdown-menu{width:100%;box-shadow:none;opacity:1;visibility:visible;margin-top:3px;display:none;position:static;transform:none}.nav-dropdown-menu.show{display:flex}.nav-socials{border-top:1px solid var(--border);border-left:0;margin-top:10px;padding:14px 10px 0}.hero{grid-template-columns:1fr;gap:60px;min-height:auto;padding:90px 24px}.hero h1{font-size:clamp(3.5rem,17vw,6rem)}.hero-image{justify-self:start;max-width:360px}.projects-section,.journal-preview{padding:90px 24px}.project-grid{grid-template-columns:1fr}.page{padding:80px 24px}}@media (width<=500px){.hero{padding-top:70px}.hero-description{font-size:.95rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}}.journal-entry{max-width:900px;margin:0 auto}.journal-entry-header{border-bottom:1px solid var(--border);margin-bottom:3rem;padding-bottom:2rem}.journal-entry-header h1{max-width:800px;margin:.5rem 0 1rem}.journal-entry-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.journal-entry-excerpt{max-width:700px;color:var(--muted);margin-top:1.5rem;font-size:1.1rem;line-height:1.8}.markdown-content{max-width:760px;color:var(--text);margin:0 auto;font-size:1.05rem;line-height:1.85}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text);line-height:1.25}.markdown-content h1{margin-top:3rem;font-size:2.2rem}.markdown-content h2{margin-top:2.75rem;font-size:1.7rem}.markdown-content h3{margin-top:2rem;font-size:1.3rem}.markdown-content p{margin:1.25rem 0}.markdown-content a{color:var(--green)}.markdown-content a:hover{color:var(--green-soft)}.markdown-content ul,.markdown-content ol{margin:1.25rem 0;padding-left:1.5rem}.markdown-content li{margin:.5rem 0}.markdown-content blockquote{border-left:3px solid var(--brass);background:var(--surface);color:var(--muted);margin:2rem 0;padding:1rem 1.5rem}.markdown-content code{background:var(--surface-light);color:var(--green-soft);border-radius:4px;padding:.2rem .4rem;font-family:monospace}.markdown-content pre{border:1px solid var(--border);background:#050706;border-radius:6px;margin:2rem 0;padding:1.25rem;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content img{border:1px solid var(--border);max-width:100%;height:auto;margin:2rem auto;display:block}.markdown-content hr{border:0;border-top:1px solid var(--border);margin:3rem 0}.journal-entry-footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem}.project-page{max-width:1100px;margin:0 auto}.project-page-header{margin-bottom:3rem}.project-page-header h1{margin:.5rem 0 1rem}.project-description{max-width:750px;color:var(--muted);margin:1.5rem 0;font-size:1.1rem;line-height:1.8}.project-status{border:1px solid var(--brass);color:var(--brass);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;margin-bottom:1rem;padding:.3rem .65rem;font-size:.72rem;font-weight:600;display:inline-block}.project-page-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.project-hero-image{border:1px solid var(--border);background:var(--surface);width:100%;margin-bottom:4rem}.project-hero-image img{object-fit:cover;width:100%;max-height:600px;display:block}.project-video{margin:3rem 0}.project-video video{border:1px solid var(--border);background:#000;width:100%;display:block}.related-journal{border-top:1px solid var(--border);margin-top:5rem;padding-top:3rem}.related-journal h2{margin-bottom:2rem}.project-page-footer{border-top:1px solid var(--border);margin-top:4rem;padding-top:2rem}.hero{border-bottom:1px solid var(--border);align-items:center;min-height:72vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 75% 35%,#39ff8814,#0000 30%),radial-gradient(circle at 20% 80%,#c6a15b0d,#0000 25%);position:absolute;inset:0}.hero-inner{z-index:1;width:min(1100px,100% - 3rem);margin:0 auto;padding:7rem 0;position:relative}.hero h1{letter-spacing:-.055em;margin:.5rem 0 1.5rem;font-size:clamp(3.5rem,9vw,7rem);line-height:.95}.hero-description{max-width:680px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.home-section{width:min(1100px,100% - 3rem);margin:0 auto;padding:6rem 0}.home-section+.home-section{border-top:1px solid var(--border)}.section-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.section-heading h2{margin:.4rem 0 0;font-size:clamp(2rem,5vw,3rem)}.home-journal{padding-bottom:8rem}@media (width<=700px){.hero{min-height:65vh}.hero-inner{width:min(100% - 2rem,1100px);padding:5rem 0}.home-section{width:min(100% - 2rem,1100px);padding:4rem 0}.section-heading{flex-direction:column;align-items:flex-start;gap:1rem}}.project-card{border:1px solid var(--border);background:var(--surface);transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--green);width:3px;height:0;transition:height .18s;position:absolute;top:0;left:0}.project-card:hover{border-color:#39ff8859;transform:translateY(-4px);box-shadow:0 15px 45px #00000059,0 0 25px #39ff880a}.project-card:hover:before{height:100%}.project-card-image{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:#050706;overflow:hidden}.project-card-image img{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .3s,opacity .3s;display:block}.project-card:hover .project-card-image img{opacity:1;transform:scale(1.025)}.project-card-content{padding:1.5rem}.project-card h2,.project-card h3{margin:.5rem 0 .75rem}.project-card p{color:var(--muted);line-height:1.7}.project-card .text-link{margin-top:1.25rem;display:inline-block}.project-status{border:1px solid var(--brass);color:var(--brass);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;align-items:center;gap:.45rem;padding:.3rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.project-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.profile-image{object-fit:cover;border:1px solid var(--brass);border-radius:4px;width:220px;height:220px;box-shadow:8px 8px #c6a15b1f}.home-profile{justify-content:center;align-items:center;display:flex}@media (width<=768px){.profile-image{width:170px;height:170px}}