*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-surface:#f5f5f5;--color-border:#e0e0e0;--color-text:#222;--color-muted:#666;--color-accent:#05c;--color-accent-h:#04a;--font:"Inter", system-ui, sans-serif;--radius:4px;--max-w:960px;font-family:var(--font);color:var(--color-text);background:var(--color-bg);font-size:16px;line-height:1.6}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.section-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin-bottom:2rem;font-size:.7rem;font-weight:600}.btn{border-radius:var(--radius);background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);padding:.45rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--color-accent-h);border-color:var(--color-accent-h);text-decoration:none}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover{color:var(--color-text);background:0 0;border-color:#aaa;text-decoration:none}.btn--sm{padding:.3rem .7rem;font-size:.8rem}.nav{border-bottom:1px solid var(--color-border);background:#fff}.nav__inner{justify-content:space-between;align-items:center;height:52px;display:flex}.nav__logo{color:var(--color-text);letter-spacing:.03em;font-size:.95rem;font-weight:700;text-decoration:none}.nav__logo:hover{text-decoration:none}.nav__links{align-items:center;gap:2rem;display:flex}.nav__links a{color:var(--color-muted);font-size:.875rem;text-decoration:none}.nav__links a:hover,.nav__links a.is-active{color:var(--color-text);text-decoration:none}.nav__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav__hamburger span{background:var(--color-text);border-radius:1px;width:20px;height:2px;display:block}.hero{border-bottom:1px solid var(--color-border);padding:5rem 1.5rem 4rem}.hero__heading{color:var(--color-text);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.hero__sub{color:var(--color-muted);max-width:500px;margin-bottom:2rem;font-size:.95rem;line-height:1.7}.hero__icons{align-items:center;gap:1.25rem;display:flex}.hero__icons a{color:var(--color-muted);align-items:center;transition:color .15s;display:flex}.hero__icons a:hover{color:var(--color-text);text-decoration:none}.hero__icons svg{fill:currentColor;width:22px;height:22px}.projects{border-bottom:1px solid var(--color-border);padding:4rem 1.5rem}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.status{color:var(--color-muted);align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.status--live{color:#16a34a}.status--active{color:#2563eb}.status--refining{color:#b45309}.status--completed{color:var(--color-muted)}@keyframes pulse-live{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}.status--live .status__dot{animation:2s infinite pulse-live}.project-row__meta{margin-bottom:.5rem}.projects__list{flex-direction:column;display:flex}.project-row{border-top:1px solid var(--color-border);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:3rem 0;display:grid}.project-row:nth-child(2n) .project-row__text{order:2}.project-row:nth-child(2n) .project-row__media{order:1}.project-row__title{margin-bottom:.6rem;font-size:1.2rem;font-weight:600}.project-row__desc{color:var(--color-muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.75}.project-row__links{flex-wrap:wrap;gap:1.25rem;display:flex}.project-row__link{color:var(--color-accent);font-size:.875rem;text-decoration:none}.project-row__link:hover{text-decoration:underline}.project-row__stack{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-content:center;gap:.6rem;min-height:140px;padding:2rem;display:flex}.project-row__stack span{color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.project-row__video-wrap{border:1px solid var(--color-border);border-radius:var(--radius);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.project-row__video-wrap iframe{width:100%;height:100%;position:absolute;inset:0}.project-row__video-native,.project-row__image{border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.card__stack{flex-wrap:wrap;gap:.4rem;display:flex}.card__stack li{color:var(--color-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:.15rem .5rem;font-size:.7rem;font-weight:500}.about{border-bottom:1px solid var(--color-border);padding:4rem 1.5rem}.about__inner{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.about__bio p{color:var(--color-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.8}.about__links{gap:1.5rem;margin-top:1.25rem;display:flex}.about__links a{color:var(--color-accent);font-size:.875rem}.about__skills{flex-direction:column;gap:1.25rem;display:flex}.skills-group h4{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:.35rem;font-size:.7rem;font-weight:600}.skills-group p{color:var(--color-text);font-size:.875rem;line-height:1.6}.contact{border-bottom:1px solid var(--color-border);text-align:center;padding:4rem 1.5rem}.contact__sub{color:var(--color-muted);margin-bottom:1.5rem;font-size:.9rem}.contact__links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.contact__links a{color:var(--color-accent);font-size:.95rem}.detail{max-width:720px;padding-top:3rem;padding-bottom:6rem}.detail__back{margin-bottom:2rem}.detail__back a{color:var(--color-muted);font-size:.875rem;text-decoration:none}.detail__back a:hover{color:var(--color-text)}.detail__header{margin-bottom:1.5rem}.detail__title-row{flex-wrap:wrap;align-items:baseline;gap:1.25rem;margin-bottom:.6rem;display:flex}.detail__links{flex-wrap:wrap;gap:.5rem;display:flex}.detail__header h1{font-size:1.75rem;font-weight:700}.detail__sub{color:var(--color-muted);font-size:.95rem;line-height:1.7}.detail__stack{margin-top:0;margin-bottom:2.5rem}.detail__sections{flex-direction:column;gap:2.5rem;display:flex}.detail__section h2{margin-bottom:.6rem;font-size:1rem;font-weight:600}.detail__section p{color:var(--color-muted);margin-bottom:.75rem;font-size:.9rem;line-height:1.8}.detail__section p:last-child{margin-bottom:0}.detail__media{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.detail__media-item{flex-direction:column;gap:.5rem;display:flex}.detail__media-caption{color:var(--color-muted);font-size:.8rem}.detail__video-wrap{border:1px solid var(--color-border);border-radius:var(--radius);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.detail__video-wrap iframe{width:100%;height:100%;position:absolute;inset:0}.detail__video-native,.detail__image{border:1px solid var(--color-border);border-radius:var(--radius);width:100%}.footer{text-align:center;color:var(--color-muted);padding:1.5rem;font-size:.8rem}@media (width<=768px){.nav__links{display:none}.nav__links.is-open{border-bottom:1px solid var(--color-border);z-index:100;background:#fff;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:absolute;top:52px;left:0;right:0}.nav__hamburger{display:flex}.hero{padding:3rem 1.5rem 2.5rem}.about__inner{grid-template-columns:1fr;gap:2rem}.project-row{grid-template-columns:1fr;gap:1.5rem}.project-row:nth-child(2n) .project-row__text{order:1}.project-row:nth-child(2n) .project-row__media{order:2}}