.mono{font-family:var(--mono)}.bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.layout{z-index:2;max-width:860px;margin:0 auto;padding:0 24px 80px;position:relative}.nav{z-index:100;border:1px solid var(--border-h);background:#0b0b0b;border-radius:14px;justify-content:space-between;align-items:center;margin:0 8px;padding:12px 16px;transition:all .3s;display:flex;position:sticky;top:12px}.nav--scrolled{background:#0b0b0b}.nav__logo-img{width:auto;height:28px;display:block}.nav__links{gap:28px;list-style:none;display:flex}.nav__link{color:var(--text-muted);letter-spacing:.06em;font-size:12px;font-weight:400;transition:color .15s}.nav__link:hover{color:var(--text)}.hero{padding:80px 0 60px}.hero__split{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.hero__left{flex-direction:column;flex:420px;gap:18px;min-width:280px;display:flex}.hero__right{flex:0 420px;justify-content:flex-end;display:flex}.hero__ascii{font-family:var(--mono);color:var(--text);opacity:.9;-webkit-user-select:none;user-select:none;font-size:clamp(5px,1.1vw,11px);line-height:1.2;overflow-x:auto}.hero__sub{color:var(--text-muted);letter-spacing:.04em;font-size:13px;font-weight:400}.hero__line{color:var(--text-muted);max-width:48ch;font-size:14px;font-weight:300;line-height:1.7}.hero__links{flex-direction:column;gap:10px;display:flex}.hero__link{color:var(--text-muted);letter-spacing:.04em;align-items:center;gap:12px;font-size:12px;transition:color .15s;display:inline-flex}.hero__link:hover{color:var(--text)}.hero__link-label{color:var(--text-dim);text-transform:lowercase;min-width:72px}.hero__tech{flex-direction:column;gap:10px;margin-top:4px;display:flex}.hero__tech-title{letter-spacing:.14em;color:var(--text-dim);text-transform:lowercase;font-size:11px}.hero__tags{flex-wrap:wrap;gap:6px;display:flex}.hero__bonsai-wrap{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);border-radius:2px;justify-content:center;align-items:center;width:100%;min-width:300px;max-width:420px;padding:16px 20px;display:flex;overflow-x:auto}.hero__bonsai-wrap ascii-art,.hero__bonsai-wrap pre{font-family:var(--mono);color:#bdbdbd;margin:0;font-size:11px;line-height:1.15}.about__inline-link{color:var(--text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--border-h);text-decoration-color:var(--border-h);text-underline-offset:3px}.about__inline-link:hover{color:var(--text)}.section{margin-top:72px}.section__title{letter-spacing:.14em;color:var(--text-dim);text-transform:lowercase;margin-bottom:20px;font-size:11px;font-weight:400}.about__text{color:var(--text);max-width:56ch;font-size:15px;font-weight:300;line-height:1.75}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.projects__grid>a{display:block}.project__header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.project__name{letter-spacing:.04em;color:var(--text);font-size:14px;font-weight:500}.project__role{color:var(--text-dim);letter-spacing:.06em;margin-bottom:14px;font-size:11px;display:block}.project__desc{color:var(--text-muted);max-width:46ch;margin-bottom:14px;font-size:13px;font-weight:300;line-height:1.65}.project__link{color:var(--text-dim);letter-spacing:.04em;margin-bottom:16px;font-size:11px;transition:color .15s;display:inline-block}a:hover .project__link{color:var(--text-muted)}.project__tags{flex-wrap:wrap;gap:6px;display:flex}.tag{letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--border);border-radius:1px;padding:2px 8px;font-size:10px}.dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.dot--active{background:#3a3a3a;box-shadow:0 0 6px #ffffff1f}.dot--shipped{background:#2a2a2a}.contact__grid{grid-template-columns:repeat(2,minmax(140px,220px));justify-content:start;gap:12px;display:grid}.contact__card{display:block}.contact__card--center{grid-column:1/-1;justify-self:center;width:min(220px,100%)}.contact__platform{letter-spacing:.1em;color:var(--text-dim);text-transform:lowercase;margin-bottom:6px;font-size:11px;display:block}.contact__handle{color:var(--text-muted);letter-spacing:.03em;font-size:13px;transition:color .15s;display:block}.contact__card:hover .contact__handle{color:var(--text)}.footer{border-top:1px solid var(--border);letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;margin-top:80px;padding-top:20px;font-size:11px;display:flex}@media (width<=720px){.hero__split{flex-direction:column}.hero__right{justify-content:flex-start;width:100%}.hero__bonsai-wrap{max-width:100%}}@media (width<=540px){.hero__ascii{font-size:4px}.projects__grid,.contact__grid{grid-template-columns:1fr}.contact__card--center{grid-column:auto;justify-self:stretch;width:100%}.footer{flex-direction:column;gap:8px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg-2:#0f0f0f;--surface:#ffffff0a;--surface-h:#ffffff12;--border:#ffffff14;--border-h:#ffffff2e;--text:#f2f2f2;--text-muted:#d0d0d0;--text-dim:#b0b0b0;--mono:"IBM Plex Mono", monospace;--sans:"Inter", sans-serif}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#000;min-height:100vh;font-weight:300;line-height:1.6;overflow-x:hidden}::selection{background:#ffffff26}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-h)}a{color:inherit;text-decoration:none}