:root{--bg: #141f12;--bg-secondary: #1a2918;--text: #f0e8cc;--text-muted: #89a882;--accent: #b5d4ac;--border: #243020;--font-mono: "IBM Plex Mono", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-mono);background-color:var(--bg);color:var(--text);scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}main{flex:1;padding:var(--space-md) var(--space-sm);max-width:860px;margin:0 auto;width:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-md)}header nav{display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto}.site-name{font-size:.85rem;font-weight:700;color:var(--text);letter-spacing:.05em;text-decoration:none}.site-name:hover{text-decoration:none;color:var(--accent)}.nav-links{display:none;margin:0;padding:0;list-style:none}.nav-links a{color:var(--text-muted);font-size:.8rem;display:block;text-align:center;padding:10px 0;text-decoration:none;font-weight:500;letter-spacing:.05em;text-transform:lowercase}.nav-links a:hover{color:var(--text);text-decoration:none}.hamburger{cursor:pointer;padding:4px;display:flex;flex-direction:column;gap:5px}.hamburger .line{display:block;width:24px;height:2px;background-color:var(--text)}.expanded{display:block;background:var(--bg);border-bottom:1px solid var(--border);padding:var(--space-xs) 0;width:100%}@media screen and (min-width: 636px){.nav-links{display:flex;gap:var(--space-sm);position:static;width:auto;background:none;border:none;padding:0}.nav-links a{display:inline-block;padding:4px 0}.hamburger{display:none}}.hero{padding:var(--space-md) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.hero-text{flex:1;min-width:0}.hero-photo-wrap{position:relative;width:140px;height:140px;flex-shrink:0;cursor:pointer}.hero-photo{width:140px;height:140px;object-fit:cover;border-radius:50%;border:2px solid var(--border);position:absolute;top:0;left:0;transition:opacity .3s ease}.hero-photo-alt{opacity:0}.hero-photo-wrap:hover .hero-photo:not(.hero-photo-alt),.hero-photo-wrap.cooked .hero-photo:not(.hero-photo-alt){opacity:0}.hero-photo-wrap:hover .hero-photo-alt,.hero-photo-wrap.cooked .hero-photo-alt{opacity:1}.hero-name{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--text);margin:0 0 var(--space-xs);letter-spacing:-.03em;line-height:1;white-space:nowrap;border-right:3px solid transparent}.hero-role{color:var(--text-muted);font-size:.9rem;margin:0 0 var(--space-xs);letter-spacing:.05em}.hero-lines{display:flex;flex-direction:column;gap:4px;margin:var(--space-xs) 0 var(--space-md)}.hero-line{font-size:.85rem;margin:0;letter-spacing:.05em;color:var(--text-muted)}.hero-verb{font-weight:700;margin-right:8px}.hero-verb.building{color:var(--accent)}.hero-verb.reading{color:#d4a86a}.hero-verb.writing{color:#9ab5d4}.hero-verb.playing{color:#b09dd4}.hero-subject-link{cursor:pointer;border-bottom:1px solid currentColor;transition:opacity .15s}.hero-subject-link:hover{opacity:.7}.hero-line-cursor{color:var(--text-muted);opacity:0;animation:blinkTextCursor .6s steps(1) infinite}.hero-name-cursor{animation:blinkTextCursor .6s steps(1) infinite}@keyframes blinkTextCursor{0%,to{border-right-color:var(--text)}50%{border-right-color:transparent}}.section-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-sm);border-bottom:1px solid var(--border);padding-bottom:var(--space-xs)}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.post-card{border:1px solid var(--border);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);transition:border-color .15s}.post-card:hover{border-color:var(--text-muted)}.post-card-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0 0 4px}.post-card-meta{font-size:.75rem;color:var(--text-muted);margin:0 0 var(--space-xs)}.post-card-excerpt{font-size:.8rem;color:var(--text-muted);margin:0 0 var(--space-xs);line-height:1.5}.post-card-link{font-size:.75rem;color:var(--accent);letter-spacing:.05em}.project-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);width:100vw;position:relative;left:50%;transform:translate(-50%);padding-left:var(--space-md);padding-right:var(--space-md);max-width:1200px}.project-card{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.project-card:hover{border-color:var(--text-muted)}.project-preview{width:100%;flex-shrink:0}.browser-chrome{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg);border-bottom:1px solid var(--border)}.chrome-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chrome-dot:nth-child(1){background:#ff5f57}.chrome-dot:nth-child(2){background:#febc2e}.chrome-dot:nth-child(3){background:#28c840}.chrome-url{font-size:.6rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;flex:1}.project-preview img{width:100%;height:260px;object-fit:cover;object-position:top;display:block}.project-body{padding:var(--space-sm);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex:1}.project-info{flex:1;min-width:0}.project-name{font-size:.9rem;font-weight:700;color:var(--text);margin:0 0 4px}.fav-star{color:var(--accent);margin-left:6px;font-size:.85em}.project-desc{font-size:.75rem;color:var(--text-muted);margin:0 0 var(--space-xs);line-height:1.5}.stack-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent);padding:2px 8px;color:var(--accent);border-radius:999px}.project-links{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}.project-link{font-size:.75rem;color:var(--accent);white-space:nowrap}model-viewer{width:100%;height:500px}.keebs-container{text-align:center}.resume-body{padding:var(--space-md);max-width:860px;margin:0 auto}.resume-body h1{font-size:1.5rem;margin-bottom:var(--space-xs)}.resume-body h2{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:4px;margin-top:var(--space-md)}.resume-body h3{font-size:.9rem;font-weight:700;margin-bottom:4px}.resume-body p,.resume-body li{font-size:.85rem;color:var(--text-muted);line-height:1.6}.resume-body a{color:var(--accent)}.resume-meta{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.socials-row{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-sm)}.socials-row a{font-size:.75rem;color:var(--text-muted);letter-spacing:.06em}.socials-row a:hover{color:var(--text);text-decoration:none}.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;margin:0;width:100vw;position:relative;left:50%;transform:translate(-50%)}.marquee-track{display:flex;width:max-content;animation:marquee 50s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;padding:0 var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.marquee-label{position:absolute;top:50%;transform:translateY(-50%);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--bg);padding:0 10px;z-index:1;white-space:nowrap}.marquee-label-left{left:0}.marquee-label-right{right:0}.marquee-sep{color:var(--accent);font-size:.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-reverse{border-top:none;margin-bottom:var(--space-lg)}.marquee-reverse .marquee-track{animation-direction:reverse}footer{border-top:1px solid var(--border);padding:var(--space-sm) var(--space-md);font-size:.75rem;color:var(--text-muted);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px}footer a{color:var(--text-muted)}footer a:hover{color:var(--text);text-decoration:none}@media screen and (max-width: 600px){header{padding:var(--space-sm)}main{padding:var(--space-md) var(--space-sm)}.hero{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm) 0}.hero-text{width:100%}.hero-name{font-size:clamp(1.8rem,10vw,3rem)}.hero-photo-wrap{width:100px;height:100px;align-self:center}.hero-photo{width:100px;height:100px}.project-grid{grid-template-columns:1fr}.project-preview img{height:200px}.project-links{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-sm)}.post-card,.project-card,.resume-body{padding:var(--space-sm)}.marquee-label{font-size:.55rem;padding:0 6px}model-viewer{height:300px}footer{padding:var(--space-sm)}}