*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#f5f5f5;--ink:#0a0a0a;--ink2:#444;--ink3:#666;--border:#00000014;--font-head:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg);color:#0a0a0a;color:var(--ink);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1rem;line-height:1.7}html{scroll-behavior:smooth}.container{margin:0 auto;max-width:1100px;padding:0 2rem}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;left:0;padding:1.25rem 2rem;position:fixed;right:0;top:0;z-index:100}.nav-logo,nav{align-items:center;display:flex}.nav-logo{text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{border:1px solid #0000;border-radius:6px;color:#0a0a0a;color:var(--ink);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.35rem .75rem;text-decoration:none;transition:all .15s}.nav-links a:hover{border-color:#00000080}.hero{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);display:flex;min-height:100vh;padding-top:5rem}.hero-inner{padding-top:2rem;width:100%}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}.hero-links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.section-eyebrow{color:#666;color:var(--ink3);font-size:.875rem;font-weight:500;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.hero-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em;line-height:1.05;margin-bottom:.75rem}.hero-subtitle,.hero-title{color:#0a0a0a;color:var(--ink);font-weight:700}.hero-subtitle{font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1.1rem;margin-bottom:1.25rem}.hero-bio{color:#444;color:var(--ink2);font-size:1rem;line-height:1.85;margin-bottom:0}.bubble-wrap{background:#fafafa;border:1px solid #00000014;border:1px solid var(--border);border-radius:12px;overflow:hidden}.bubble-legend{display:flex;flex-wrap:wrap;gap:.3rem .8rem;padding:.6rem 1rem}.bubble-legend,.stats-row{border-top:1px solid #00000014;border-top:1px solid var(--border)}.stats-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);padding-top:1.5rem}.stat-label{font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:.3rem;text-transform:uppercase}.stat-value{color:#0a0a0a;color:var(--ink);font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:1rem;font-weight:600;line-height:1.4}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:500;gap:.4rem;letter-spacing:.01em;padding:.6rem 1.2rem;text-decoration:none;transition:all .15s}.btn-primary{background:#0a0a0a;background:var(--ink);color:#fff}.btn-primary:hover{background:#333}.btn-outline{background:#0000;border:1px solid #0003;color:#0a0a0a;color:var(--ink)}.btn-outline:hover{background:#0000000a;border-color:#00000059}.legend-item{align-items:center;color:#666;color:var(--ink3);display:flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.7rem;font-weight:500;gap:.3rem}.legend-dot{border-radius:50%;flex-shrink:0;height:.45rem;width:.45rem}section{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);padding:6rem 0}section:last-of-type{border-bottom:none}.section-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.section-desc,.section-title{color:#0a0a0a;color:var(--ink)}.section-desc{font-size:1rem;margin-bottom:3rem}.project-card{background:#fff;border:1px solid #0000001f;border-radius:.75rem;box-shadow:0 4px 20px #0000000d;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;overflow:hidden;transition:box-shadow .2s,border-color .2s}.project-card:hover{border-color:#0003;box-shadow:0 8px 40px #0000001f}.project-card-inner{display:grid;grid-template-areas:"screenshot info" "role info";grid-template-columns:1fr 1fr;min-height:400px}.project-screenshot{background:#fff;grid-area:screenshot;width:100%}.project-role,.project-screenshot{border-right:1px solid #00000014;border-right:1px solid var(--border)}.project-role{background:#f5f5f5;background:var(--bg2);border-top:1px solid #00000014;border-top:1px solid var(--border);grid-area:role;padding:1.25rem 1.5rem}.project-info{display:flex;flex-direction:column;grid-area:info;justify-content:flex-start;padding:2rem}.project-card-inner.reverse{direction:rtl;grid-template-columns:2fr 3fr}.project-card-inner.reverse>*{direction:ltr}.project-screenshot img{background:#fff;display:block;flex:1 1;object-fit:cover;object-position:top;width:100%}.project-screenshot a{display:block}.project-tag{background:#f0f0f0;border-radius:3px;color:#555;display:inline-block;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;padding:.25rem .7rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-name{color:#0a0a0a;color:var(--ink);font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.project-desc{color:#444;color:var(--ink2);font-size:.9375rem;line-height:1.8;margin-bottom:1.5rem}.project-stack{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.5rem}.stack-pill{background:#f5f5f5;background:var(--bg2);border-radius:3px;color:#444;color:var(--ink2);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.75rem;padding:.2rem .6rem}.project-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.project-note{color:#666;color:var(--ink3);font-size:.75rem}.project-role-label{color:#666;color:var(--ink3);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.project-role-text{color:#444;color:var(--ink2);font-size:.875rem;line-height:1.7}.earlier-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.earlier-card{background:#fff;border:1px solid #00000014;border:1px solid var(--border);border-radius:.625rem;cursor:pointer;overflow:hidden;transition:box-shadow .2s,transform .2s}.earlier-card:hover{box-shadow:0 6px 24px #00000012;transform:translateY(-2px)}.earlier-img{aspect-ratio:16/10;background:#f5f5f5;background:var(--bg2);display:block;object-fit:cover;object-position:top;width:100%}.earlier-info{padding:1rem}.earlier-name{color:#0a0a0a;color:var(--ink);font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.earlier-tech{color:#666;color:var(--ink3);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.8125rem}.about-centered{margin:0 auto;max-width:640px}.about-tagline{font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.about-tagline,.about-text{color:#0a0a0a;color:var(--ink)}.about-text{font-size:1rem;line-height:1.8}.about-text p{margin-bottom:1rem}.open-to-work{border-top:1px solid #00000014;border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.otw-desc{color:#0a0a0a;color:var(--ink);font-size:1rem;line-height:1.8}.contact-inner{margin:0 auto;max-width:520px;text-align:center}.contact-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-head);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.contact-sub,.contact-title{color:#0a0a0a;color:var(--ink)}.contact-sub{font-size:1rem;line-height:1.8;margin-bottom:2rem}.contact-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.hamburger span{background:#0a0a0a;background:var(--ink);border-radius:2px;display:block;height:2px;width:22px}.mobile-menu{background:#fff;border-top:1px solid #00000014;border-top:1px solid var(--border);box-shadow:0 8px 24px #00000014;flex-direction:column;gap:0;left:0;position:fixed;right:0;top:64px;z-index:99}.mobile-menu,.mobile-menu a{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border)}.mobile-menu a{color:#0a0a0a;color:var(--ink);display:block;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;padding:1.25rem 2rem;text-decoration:none}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover,footer{color:#666;color:var(--ink3)}footer{background:#fafafa;border-top:1px solid #00000014;border-top:1px solid var(--border);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.75rem;padding:2rem;text-align:center}@media (max-width:768px){.hero-grid{gap:2rem;grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.earlier-grid{grid-template-columns:1fr 1fr}nav{padding:1rem}.project-card-inner{grid-template-columns:1fr}.project-card-inner.reverse{direction:ltr;grid-template-columns:1fr}}@media (max-width:1000px){.project-card-inner{grid-template-areas:"screenshot" "info" "role";grid-template-columns:1fr;margin:0 auto;max-width:600px}.project-screenshot{border-bottom:1px solid #00000014;border-bottom:1px solid var(--border);border-right:none}.project-role{border-right:none;border-top:1px solid #00000014;border-top:1px solid var(--border)}.project-card{max-width:600px}}@media (max-width:480px){.earlier-grid,.stats-row{grid-template-columns:1fr}nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.hamburger{display:flex}.hero-links{flex-wrap:nowrap;justify-content:center;overflow-x:auto}.hero-links .btn{font-size:.75rem;padding:.5rem .75rem;white-space:nowrap}.mobile-menu{display:flex}.nav-links{display:none}}
/*# sourceMappingURL=main.7a01a420.css.map*/