:root{--bg:#141414;--card-bg:#1e1e1e;--text:#f0ede6;--muted:#888;--accent:#00ff6a;--border:2px solid #f0ede6;--shadow:4px 4px 0px #00ff6a;--font-display:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.hero-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content,.hero-images,.hero-scroll{z-index:1;position:relative}.nav{z-index:100;background:var(--bg);border-bottom:var(--border);justify-content:space-between;align-items:center;height:64px;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text);font-size:16px;font-weight:700}.nav-links{gap:40px;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--muted);font-size:14px;transition:color .15s}.nav-links a:hover{color:var(--text)}@media (width<=768px){.nav{padding:0 24px}.nav-links{gap:20px}.nav-links a{font-size:12px}}.hero{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-items:center;column-gap:60px;min-height:100vh;padding:64px 60px 0;display:grid;position:relative}.hero-content{grid-area:1/1}.hero-images{grid-area:1/2;grid-template-rows:250px 250px;grid-template-columns:1fr 1fr;align-self:center;gap:16px;display:grid}.hero-img{border:var(--border);box-shadow:var(--shadow);overflow:hidden}.hero-img img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-img--ace{grid-area:1/1/3}.hero-img--coffee{grid-area:1/2}.hero-img--rock{grid-area:2/2}.hero-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:32px;font-size:80px;font-weight:800;line-height:.95}.hero-role{font-family:var(--font-mono);color:var(--muted);margin-bottom:20px;font-size:15px}.hero-bio{font-family:var(--font-display);color:var(--text);max-width:480px;font-size:20px;font-weight:400;line-height:1.5}.hero-scroll{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;grid-area:2/1;align-self:end;padding-bottom:48px;font-size:14px;transition:opacity .15s}.hero-scroll:hover{opacity:.75}@media (width<=768px){.hero{grid-template-rows:auto auto auto;grid-template-columns:1fr;row-gap:40px;padding:64px 24px 0}.hero-content{grid-area:1/1}.hero-images{grid-area:2/1;grid-template-rows:180px 180px;gap:12px}.hero-scroll{grid-area:3/1;align-self:auto;padding-bottom:40px}.hero-name{margin-bottom:24px;font-size:52px}.hero-role{font-size:13px}.hero-bio{font-size:17px}}.projects{padding:120px 60px}.section-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;margin-bottom:48px;font-size:14px;display:block}.projects-list{flex-direction:column;gap:24px;display:flex}.project-card{background:var(--card-bg);border:var(--border);box-shadow:var(--shadow);cursor:default;justify-content:space-between;align-items:flex-start;gap:40px;padding:40px;transition:transform .15s,box-shadow .15s;display:flex}.project-card:hover{transform:translateY(-4px);box-shadow:8px 8px #00ff6a}.project-card:hover .project-arrow{color:var(--accent)}.project-card-left{flex:1;min-width:0}.project-name{font-family:var(--font-display);color:var(--text);margin-bottom:10px;font-size:32px;font-weight:700;line-height:1.1}.project-desc{color:var(--muted);margin-bottom:20px;font-size:16px;line-height:1.4}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--font-mono);color:var(--text);border:var(--border);background:var(--bg);white-space:nowrap;padding:4px 10px;font-size:12px}.project-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.project-category{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:12px}.project-role{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.project-role-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);border:var(--border);padding:2px 6px;font-size:11px}.project-arrow{color:var(--text);font-size:28px;line-height:1;transition:color .15s}.project-arrow-link{cursor:pointer;text-decoration:none}@media (width<=768px){.projects{padding:80px 24px}.project-card{flex-direction:column;gap:20px;padding:28px 24px}.project-card-right{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.project-name{font-size:24px}}.background{border-top:var(--border);padding:120px 60px}.background-photos{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:72px;display:grid}.background-photo{border:var(--border);box-shadow:var(--shadow);overflow:hidden}.background-photo img{object-fit:cover;object-position:center top;width:100%;height:380px;display:block}.background-grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.background-prose{flex-direction:column;gap:20px;display:flex}.background-prose p{color:var(--text);font-size:18px;line-height:1.65}.background-stats{flex-direction:column;gap:0;display:flex}.stat-block{border-bottom:var(--border);flex-direction:column;gap:6px;padding:32px 0;display:flex}.stat-block:first-child{border-top:var(--border)}.stat-value{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:56px;font-weight:800;line-height:1}.stat-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.03em;font-size:14px}@media (width<=768px){.background{padding:80px 24px}.background-photos{grid-template-columns:1fr;gap:16px;margin-bottom:48px}.background-photo img{height:260px}.background-grid{grid-template-columns:1fr;gap:56px}.background-prose p{font-size:16px}.stat-value{font-size:44px}}.experience{border-top:var(--border);padding:120px 60px}.experience-list{flex-direction:column;display:flex}.experience-entry{border-bottom:var(--border);padding:40px 0}.experience-entry:first-child{border-top:var(--border)}.experience-body{grid-template-columns:1fr 400px;align-items:start;gap:48px;display:grid}.experience-body--reverse{grid-template-columns:400px 1fr}.experience-body--reverse .experience-image-wrap{order:-1}.experience-text{flex-direction:column;gap:16px;display:flex}.experience-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.experience-left{flex-direction:column;gap:6px;display:flex}.experience-company{font-family:var(--font-display);color:var(--text);font-size:28px;font-weight:700;line-height:1.1}.experience-role{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;font-size:14px}.experience-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.experience-period{font-family:var(--font-mono);color:var(--text);letter-spacing:.03em;white-space:nowrap;font-size:13px}.experience-location{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;white-space:nowrap;font-size:12px}.experience-desc{color:var(--text);font-size:16px;line-height:1.65}.experience-image-wrap{border:var(--border);box-shadow:var(--shadow);flex-shrink:0;overflow:hidden}.experience-image{object-fit:cover;object-position:center top;width:100%;height:320px;display:block}@media (width<=768px){.experience{padding:80px 24px}.experience-body{grid-template-columns:1fr;gap:24px}.experience-header{flex-direction:column;gap:8px}.experience-right{align-items:flex-start}.experience-company{font-size:22px}.experience-image{height:220px}}.stack{border-top:var(--border);padding:120px 60px}.stack-grid{flex-wrap:wrap;gap:12px;display:flex}.stack-tag{font-family:var(--font-mono);color:var(--text);border:var(--border);background:var(--bg);white-space:nowrap;padding:8px 16px;font-size:14px}@media (width<=768px){.stack{padding:80px 24px}.stack-tag{padding:7px 13px;font-size:13px}}.contact{border-top:var(--border);padding:120px 60px}.contact-block{text-align:center;flex-direction:column;align-items:center;gap:40px;display:flex}.contact-headline{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:64px;font-weight:800;line-height:1}.contact-links{flex-direction:column;align-items:center;gap:12px;display:flex}.contact-link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.01em;font-size:16px;transition:color .15s}.contact-link:hover{color:var(--text)}@media (width<=768px){.contact{padding:80px 24px}.contact-headline{font-size:40px}.contact-link{font-size:14px}}