body{margin:0;padding:0}#root{min-height:100vh}.loader-3d{position:fixed;inset:0;background:#faf8f5;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;animation:loaderOpen .5s ease-out 1.5s forwards}@keyframes loaderOpen{0%{opacity:1}to{opacity:0;visibility:hidden}}.loader-3d canvas{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;opacity:0;animation:canvasReveal .6s ease-out forwards,canvasFadeOut .4s ease-out 1.5s forwards}@keyframes canvasReveal{0%{opacity:0}to{opacity:1}}@keyframes canvasFadeOut{0%{opacity:1}to{opacity:0}}.loader-3d:before{content:"";position:absolute;top:28px;left:28px;width:20px;height:1px;background:#00000026;opacity:0;animation:lineSlideInH .4s ease-out .2s forwards,lineFadeOut .3s ease-out 1.5s forwards}@keyframes lineSlideInH{0%{opacity:0;width:0}to{opacity:1;width:20px}}@keyframes lineFadeOut{to{opacity:0}}.loader-3d:after{content:"";position:absolute;top:28px;left:28px;width:1px;height:20px;background:#00000026;opacity:0;animation:lineSlideInV .4s ease-out .4s forwards,lineFadeOut .3s ease-out 1.5s forwards}@keyframes lineSlideInV{0%{opacity:0;height:0}to{opacity:1;height:20px}}@media(max-width:600px){.loader-3d:before,.loader-3d:after{top:20px;left:20px}.loader-3d:before{width:16px}.loader-3d:after{height:16px}}:root{--black: #0a0a0a;--white: #ffffff;--cream: #fafaf9;--text: #1a1a1a;--muted: #737373;--light: #a3a3a3;--accent: #0066ff;--border: #e5e5e5;--border-strong: #d4d4d4;--card: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--radius-sm: 2px;--radius-md: 4px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(max-width:374px){html{font-size:15px}}body{font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;letter-spacing:-.011em}.page{max-width:680px;margin:0 auto;padding:0 40px;min-height:100vh;min-height:100dvh}@media(min-width:900px){.page{max-width:760px;padding:0 56px}}@media(max-width:768px){.page{max-width:600px;padding:0 32px}}@media(max-width:599px){.page{padding:0 24px}}@media(max-width:374px){.page{padding:0 20px}}.header{padding:64px 0 56px;border-bottom:1px solid var(--border-strong);position:relative}.header:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:1px;background:linear-gradient(90deg,var(--black) 0%,transparent 100%)}@media(max-width:768px){.header{padding:56px 0 48px}.header:after{width:72px}}@media(max-width:599px){.header{padding:48px 0 40px}.header:after{width:64px}}@media(max-width:374px){.header{padding:40px 0 32px}.header:after{width:48px}}.nav{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:48px}@media(max-width:768px){.nav{gap:28px;margin-bottom:40px}}@media(max-width:599px){.nav{gap:24px;margin-bottom:32px}}@media(max-width:374px){.nav{gap:20px;margin-bottom:28px}}.nav a{font-family:Space Mono,monospace;font-size:14px;font-weight:400;color:var(--muted);text-decoration:none;transition:color var(--transition-base);line-height:1.4;position:relative}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--transition-base)}.nav a:hover:after{width:100%}@media(max-width:768px){.nav a{font-size:14px}}@media(max-width:374px){.nav a{font-size:13px}}.hero h1{font-family:Space Mono,monospace;font-size:42px;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px;color:var(--black)}@media(max-width:768px){.hero h1{font-size:36px;margin-bottom:14px}}@media(max-width:599px){.hero h1{font-size:32px;margin-bottom:12px}}@media(max-width:374px){.hero h1{font-size:28px;margin-bottom:10px}}.tagline{font-family:Space Mono,monospace;font-size:14px;font-weight:400;color:var(--muted);margin-bottom:28px;line-height:1.5;letter-spacing:-.01em}@media(max-width:768px){.tagline{font-size:14px;margin-bottom:24px}}@media(max-width:599px){.tagline{font-size:13px;margin-bottom:20px}}@media(max-width:374px){.tagline{font-size:12px;margin-bottom:16px}}.intro{font-size:19px;line-height:1.65;color:var(--text);font-weight:400}@media(max-width:768px){.intro{font-size:18px;line-height:1.6}}@media(max-width:599px){.intro{font-size:17px}}@media(max-width:374px){.intro{font-size:16px}}.section{padding:48px 0;border-bottom:1px solid var(--border)}@media(max-width:768px){.section{padding:40px 0}}@media(max-width:599px){.section{padding:36px 0}}@media(max-width:374px){.section{padding:32px 0}}.section h2{font-family:Space Mono,monospace;font-size:12px;font-weight:700;color:var(--light);margin-bottom:28px;text-transform:lowercase;letter-spacing:.04em}@media(max-width:768px){.section h2{font-size:12px;margin-bottom:24px}}@media(max-width:599px){.section h2{font-size:11px;margin-bottom:20px}}@media(max-width:374px){.section h2{font-size:11px;margin-bottom:18px}}.projects{display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.projects{gap:14px}}@media(max-width:599px){.projects{gap:12px}}.project{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--card);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:all var(--transition-base);position:relative;border-radius:var(--radius-md)}.project:before{content:"";position:absolute;inset:-1px;border:1px solid var(--accent);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-md);pointer-events:none}@media(max-width:768px){.project{padding:18px 20px}}@media(max-width:599px){.project{padding:16px 18px}}@media(max-width:374px){.project{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}}.project:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.project:hover:before{opacity:1}.project:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.project strong{font-family:Space Mono,monospace;font-size:16px;font-weight:600;color:var(--black);line-height:1.3;letter-spacing:-.02em}@media(max-width:768px){.project strong{font-size:15px}}@media(max-width:599px){.project strong{font-size:14px}}.project span{font-size:14px;color:var(--muted);line-height:1.4}@media(max-width:768px){.project span{font-size:13px}}@media(max-width:599px){.project span{font-size:13px}}.work-list{display:flex;flex-direction:column}.work-item{display:flex;justify-content:space-between;align-items:center;padding:22px 0;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border);transition:all var(--transition-base);position:relative}.work-item:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:2px;height:0;background:var(--accent);transition:height var(--transition-base);border-radius:1px}@media(max-width:768px){.work-item{padding:20px 0}}@media(max-width:599px){.work-item{padding:18px 0}.work-item:before{left:-8px}}@media(max-width:374px){.work-item{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 0}.work-item:before{left:-6px;width:2px}}.work-item:last-child{border-bottom:none;padding-bottom:0}.work-item:hover{padding-left:6px;color:var(--text)}.work-item:hover:before{height:50%}.work-item:hover strong{color:var(--accent)}.work-item strong{font-family:Space Mono,monospace;font-size:16px;font-weight:600;color:var(--black);transition:color var(--transition-base);line-height:1.3;letter-spacing:-.02em}@media(max-width:768px){.work-item strong{font-size:15px}}@media(max-width:599px){.work-item strong{font-size:14px}}.work-meta{display:flex;align-items:center;gap:14px}@media(max-width:768px){.work-meta{gap:12px}}@media(max-width:599px){.work-meta{gap:10px}}.work-role{font-size:14px;font-weight:400;color:var(--text);line-height:1.4;letter-spacing:-.011em}@media(max-width:768px){.work-role{font-size:13px}}@media(max-width:599px){.work-role{font-size:13px}}.work-loc{font-family:Space Mono,monospace;font-size:11px;font-weight:400;color:var(--muted);padding:4px 10px;background:var(--cream);border-radius:var(--radius-sm);line-height:1.3;border:1px solid var(--border);letter-spacing:-.01em}@media(max-width:768px){.work-loc{font-size:11px;padding:4px 9px}}@media(max-width:599px){.work-loc{font-size:10px;padding:3px 8px}}.articles{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}@media(max-width:768px){.articles{gap:16px;margin-bottom:18px}}@media(max-width:599px){.articles{gap:14px;margin-bottom:16px}}.articles a{font-family:Space Mono,monospace;font-size:14px;font-weight:400;color:var(--text);text-decoration:none;transition:all var(--transition-base);line-height:1.5;position:relative;padding-left:20px;letter-spacing:-.015em}.articles a:before{content:"→";position:absolute;left:0;color:var(--muted);transition:all var(--transition-base)}@media(max-width:768px){.articles a{font-size:14px;padding-left:18px}}@media(max-width:599px){.articles a{font-size:13px;padding-left:16px}}.articles a:hover{color:var(--accent);padding-left:24px}.articles a:hover:before{color:var(--accent);transform:translate(4px)}@media(max-width:768px){.articles a:hover{padding-left:22px}}@media(max-width:599px){.articles a:hover{padding-left:20px}}.more-link{font-family:Space Mono,monospace;font-size:12px;font-weight:600;color:var(--accent);text-decoration:none;letter-spacing:-.01em;transition:opacity var(--transition-base)}.more-link:hover{opacity:.7}@media(max-width:768px){.more-link{font-size:12px}}@media(max-width:599px){.more-link{font-size:11px}}.testimonials{display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.testimonials{gap:20px}}@media(max-width:599px){.testimonials{gap:18px}}.testimonial p{font-size:17px;line-height:1.65;font-style:italic;color:var(--text);margin-bottom:10px;letter-spacing:-.011em}@media(max-width:768px){.testimonial p{font-size:16px;margin-bottom:8px}}@media(max-width:599px){.testimonial p{font-size:15px;line-height:1.6;margin-bottom:6px}}.testimonial button{background:none;border:none;font-family:Space Mono,monospace;font-size:12px;font-weight:700;color:var(--accent);cursor:pointer;margin-left:6px;padding:0;transition:opacity .2s}@media(max-width:768px){.testimonial button{font-size:11px;margin-left:5px}}@media(max-width:599px){.testimonial button{font-size:11px;margin-left:4px}}.testimonial button:hover{text-decoration:underline;opacity:.8}.testimonial cite{font-family:Space Mono,monospace;font-size:13px;font-style:normal;font-weight:400;color:var(--muted);line-height:1.4}@media(max-width:768px){.testimonial cite{font-size:12px}}@media(max-width:599px){.testimonial cite{font-size:12px}}.cta{padding:56px 0;text-align:center;border-bottom:1px solid var(--border-strong);position:relative}.cta:after{content:"";position:absolute;bottom:-1px;right:0;width:80px;height:1px;background:linear-gradient(270deg,var(--black) 0%,transparent 100%)}@media(max-width:768px){.cta{padding:48px 0}.cta:after{width:72px}}@media(max-width:599px){.cta{padding:40px 0}.cta:after{width:80px}}@media(max-width:374px){.cta{padding:36px 0}.cta:after{width:48px}}.cta p{font-size:16px;color:var(--muted);margin-bottom:24px;line-height:1.6;max-width:28em;margin-left:auto;margin-right:auto}@media(max-width:768px){.cta p{font-size:15px;margin-bottom:22px}}@media(max-width:599px){.cta p{font-size:14px;margin-bottom:20px}}@media(max-width:374px){.cta p{font-size:14px;margin-bottom:18px}}.cta-btn{display:inline-block;font-family:Space Mono,monospace;background:var(--black);color:var(--white);padding:14px 32px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--black);transition:all var(--transition-base);line-height:1.3;position:relative;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);letter-spacing:-.01em}.cta-btn:before{content:"";position:absolute;inset:-1px;border:1px solid var(--accent);opacity:0;transition:opacity var(--transition-base);border-radius:var(--radius-md)}@media(max-width:768px){.cta-btn{padding:13px 28px;font-size:14px}}@media(max-width:599px){.cta-btn{padding:12px 26px;font-size:13px}}@media(max-width:374px){.cta-btn{padding:11px 24px;font-size:13px}}.cta-btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-btn:hover:before{opacity:1}@media(max-width:768px){.cta-btn:hover{box-shadow:var(--shadow-md)}}@media(max-width:599px){.cta-btn:hover{box-shadow:var(--shadow-md)}}.cta-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 56px}@media(max-width:768px){.services-grid{gap:20px 48px}}@media(max-width:599px){.services-grid{gap:18px 40px}}@media(max-width:374px){.services-grid{grid-template-columns:1fr;gap:16px}}.service-item{display:flex;flex-direction:column;gap:3px}.service-name{font-family:Space Mono,monospace;font-size:14px;font-weight:500;color:var(--text);line-height:1.3;letter-spacing:-.02em}@media(max-width:768px){.service-name{font-size:14px}}@media(max-width:599px){.service-name{font-size:13px}}.service-desc{font-size:13px;font-weight:400;color:var(--muted);line-height:1.45}@media(max-width:768px){.service-desc{font-size:13px}}@media(max-width:599px){.service-desc{font-size:12px}}.footer{display:flex;justify-content:space-between;padding:40px 0 64px;font-family:Space Mono,monospace;font-size:12px;color:var(--light);letter-spacing:-.01em}@media(max-width:768px){.footer{padding:36px 0 56px;font-size:11px}}@media(max-width:599px){.footer{padding:32px 0 48px;font-size:11px}}@media(max-width:374px){.footer{padding:28px 0 40px;font-size:10px}}@supports (padding: env(safe-area-inset-bottom)){.page{padding-left:max(40px,env(safe-area-inset-left));padding-right:max(40px,env(safe-area-inset-right))}@media(min-width:900px){.page{padding-left:max(56px,env(safe-area-inset-left));padding-right:max(56px,env(safe-area-inset-right))}}@media(max-width:768px){.page{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}}.footer{padding-bottom:max(64px,calc(40px + env(safe-area-inset-bottom)))}@media(max-width:768px){.footer{padding-bottom:max(56px,calc(36px + env(safe-area-inset-bottom)))}}@media(max-width:599px){.page{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.footer{padding-bottom:max(48px,calc(32px + env(safe-area-inset-bottom)))}}@media(max-width:374px){.page{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.footer{padding-bottom:max(40px,calc(28px + env(safe-area-inset-bottom)))}}}