:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f8;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080a0d;--surface:#0d1014;--surface-2:#11151a;--border:#222831;--border-strong:#353d48;--text:#f4f6f8;--muted:#929ba6;--accent:#59bfff;--accent-soft:#122333;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:12px;--max-width:1200px;background:#080a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);margin:0}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.section{width:min(calc(100% - 48px), var(--max-width));padding-block:var(--space-8);margin-inline:auto}.navbar-shell{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080a0de0;border-bottom:1px solid #222831cc;position:sticky;top:0}.navbar{width:min(calc(100% - 48px), var(--max-width));justify-content:space-between;align-items:center;min-height:64px;margin-inline:auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--text);letter-spacing:.08em;font-size:14px;font-weight:750;display:flex}.brand-mark{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.brand-suffix{color:var(--muted);font-weight:500}.nav-links{align-items:center;gap:var(--space-6);color:var(--muted);font-size:14px;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}.nav-github{padding-left:var(--space-5);border-left:1px solid var(--border);color:var(--text)!important}.menu-button{width:40px;height:40px;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--space-2);background:var(--surface);display:none}.menu-button span{background:var(--text);height:1px;margin-block:5px;display:block}.hero{align-items:center;gap:var(--space-8);grid-template-columns:1fr 1fr;min-height:calc(100vh - 64px);display:grid}.eyebrow,.kicker,.project-meta,.visual-bar,.visual-caption,.section-index{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.eyebrow{margin-bottom:var(--space-5);align-items:center;gap:var(--space-3);color:var(--muted);display:flex}.eyebrow span{background:var(--accent);width:24px;height:1px}h1,h2,h3,p{margin-top:0}h1{max-width:700px;margin-bottom:var(--space-5);color:var(--text);letter-spacing:-.055em;font-size:clamp(48px,7vw,84px);line-height:.98}h2{letter-spacing:-.035em;margin-bottom:0;font-size:32px;line-height:1.15}h3{margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:18px}.hero-copy>p{max-width:600px;margin-bottom:var(--space-6);color:var(--muted);font-size:16px;line-height:1.7}.button-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.button{min-height:48px;padding-inline:var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--accent);border-radius:var(--space-2);font-size:14px;font-weight:650;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--accent);color:#061017}.button--secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.button--secondary:hover{border-color:var(--accent)}.hero-visual{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.hero-visual img{object-fit:cover;width:100%;min-height:320px;display:block}.visual-bar,.visual-caption{min-height:48px;padding-inline:var(--space-4);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.visual-bar{border-bottom:1px solid var(--border)}.visual-caption{border-top:1px solid var(--border)}.status{align-items:center;gap:var(--space-2);color:var(--text);display:flex}.status i{width:var(--space-2);height:var(--space-2);background:var(--accent);box-shadow:0 0 16px var(--accent);border-radius:50%}.section-heading{margin-bottom:var(--space-7);grid-template-columns:64px 1fr;align-items:start;display:grid}.section-index,.kicker{color:var(--muted)}.kicker{margin-bottom:var(--space-2)}.projects,.feature-section,.split-section{border-top:1px solid var(--border)}.project-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform .2s,border-color .2s;overflow:hidden}.project-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.project-card--featured{grid-column:span 2}.project-card--featured .project-image{aspect-ratio:2.3}.project-image{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:#06080b;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.project-card:hover .project-image img{transform:scale(1.02)}.project-placeholder{height:100%;color:var(--muted);letter-spacing:.16em;place-items:center;font-size:12px;display:grid;position:relative}.project-placeholder:before,.project-placeholder:after,.project-placeholder i{content:"";background:var(--border);position:absolute}.project-placeholder:before{width:1px;height:100%;left:50%}.project-placeholder:after{width:100%;height:1px;top:50%}.project-placeholder i{border:1px solid var(--border-strong);background:var(--surface);border-radius:50%;width:64px;height:64px}.project-placeholder span{z-index:1}.project-body{padding:var(--space-5)}.project-meta{margin-bottom:var(--space-5);color:var(--muted);justify-content:space-between;display:flex}.project-body p,.feature-card p,.split-copy p{color:var(--muted);font-size:14px;line-height:1.7}.project-body p{max-width:700px}.text-link{margin-top:var(--space-3);align-items:center;gap:var(--space-2);color:var(--accent);font-size:14px;font-weight:600;display:inline-flex}.text-link--muted{color:var(--muted);font-weight:500}.feature-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{min-height:220px;padding:var(--space-5);border-top:1px solid var(--border-strong);background:var(--surface)}.feature-number{margin-bottom:var(--space-7);color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;display:block}.split-section{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.split-title .section-index{margin-bottom:var(--space-7);display:block}.split-copy{max-width:600px;padding-top:var(--space-8)}.split-copy p{margin-bottom:var(--space-5);font-size:16px}.split-copy .button{margin-top:var(--space-3)}.footer{align-items:end;gap:var(--space-6);border-top:1px solid var(--border);grid-template-columns:1fr auto;display:grid}.footer-brand{align-items:center;gap:var(--space-3);display:flex}.footer-brand div{gap:var(--space-1);flex-direction:column;display:flex}.footer-brand strong{letter-spacing:.08em;font-size:14px}.footer-brand span,.copyright{color:var(--muted);font-size:12px}.footer-links{gap:var(--space-5);font-size:14px;display:flex}.copyright{padding-top:var(--space-6);grid-column:span 2}.reveal{animation:.7s both reveal}.reveal--delay{animation-delay:.12s}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=860px){.menu-button{display:block}.nav-links{padding:var(--space-5);align-items:stretch;gap:var(--space-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:none;position:absolute;top:64px;left:24px;right:24px}.nav-links--open{display:flex}.nav-github{padding-top:var(--space-5);border-top:1px solid var(--border);border-left:0;padding-left:0}.hero,.split-section{grid-template-columns:1fr}.hero{padding-top:var(--space-8)}.hero-visual{order:-1}.feature-grid{grid-template-columns:1fr}.split-copy{padding-top:0}}@media (width<=620px){.section,.navbar{width:min(calc(100% - 32px), var(--max-width))}.section{padding-block:var(--space-7)}.brand-suffix{display:none}.hero{gap:var(--space-7);min-height:auto}h1{font-size:48px}h2{font-size:24px}.hero-visual img{min-height:240px}.project-grid{grid-template-columns:1fr}.project-card--featured{grid-column:auto}.project-card--featured .project-image{aspect-ratio:16/9}.section-heading{grid-template-columns:48px 1fr}.footer{grid-template-columns:1fr}.footer-links,.copyright{grid-column:auto}}