*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0A0A0A;--text: #E8E8E8;--text-secondary: #999;--accent: #C8C8C8;--border: #1E1E1E;--surface: #141414;--max-width: 920px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;line-height:1.6}main{max-width:var(--max-width);margin:0 auto;padding:0 24px}a{color:var(--text);text-decoration:none;transition:color .2s}a:hover{color:#fff}img{display:block;width:100%;height:auto;border-radius:4px}.hero{padding:120px 0 50px;border-bottom:1px solid var(--border)}.hero h1{font-size:2.75rem;font-weight:500;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.tagline{font-size:1.125rem;color:var(--text);line-height:1.5;margin-bottom:16px;max-width:600px}.bio{font-size:.9375rem;color:var(--text-secondary);line-height:1.65;max-width:600px;margin-bottom:32px}.links{display:flex;gap:24px;flex-wrap:wrap}.links a{font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:2px}.links a:hover{color:#fff;border-color:#fff}.why{padding:80px 0;border-bottom:1px solid var(--border)}.why h2{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:32px}.why-text p{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;max-width:640px;margin-bottom:16px}.why-text p:last-child{margin-bottom:0;color:var(--text)}.work{padding:80px 0 0}.work>h2,.other>h2{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:60px}.project{margin-bottom:100px;padding-bottom:100px;border-bottom:1px solid var(--border)}.project:last-child{border-bottom:none}.project-header{margin-bottom:40px}.project-header h3{font-size:1.5rem;font-weight:500;letter-spacing:-.02em;line-height:1.25;margin-bottom:12px}.project-tagline{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;max-width:640px}.project-nda{font-size:.8125rem;color:var(--text-secondary);margin-top:8px;font-style:italic}.project-images{margin-bottom:40px}.image-full{margin-bottom:12px}.image-full img{border:1px solid var(--border)}.image-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.image-grid-2 img{border:1px solid var(--border);aspect-ratio:4/3;object-fit:cover}.image-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.image-grid-3 img{border:1px solid var(--border);aspect-ratio:1/1;object-fit:cover}.project-meta{display:flex;gap:48px;margin-bottom:24px;flex-wrap:wrap}.meta-item{font-size:.875rem;line-height:1.5}.meta-label{color:var(--text-secondary);display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.project-details{list-style:none;padding:0}.project-details li{font-size:.875rem;color:var(--text-secondary);line-height:1.6;padding-left:16px;position:relative;margin-bottom:8px}.project-details li:before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;border-radius:50%;background:var(--text-secondary)}.project-link{display:inline-block;margin-top:20px;font-size:.875rem;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:2px}.project-link:hover{color:#fff;border-color:#fff}.other{padding:80px 0;border-top:1px solid var(--border)}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.other-item{padding:24px;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.other-item h4{font-size:.9375rem;font-weight:500;margin-bottom:8px;line-height:1.3}.other-item p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}footer{padding:60px 0;border-top:1px solid var(--border)}.footer-name{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid transparent}.footer-links a:hover{color:#fff;border-bottom-color:#fff}@media (max-width: 768px){.hero{padding:80px 0 60px}.hero h1{font-size:2rem}.tagline{font-size:1rem}.work>h2,.other>h2{margin-bottom:40px}.project{margin-bottom:60px;padding-bottom:60px}.project-header h3{font-size:1.25rem}.image-grid-3{grid-template-columns:1fr;gap:8px}.image-grid-3 img{aspect-ratio:auto}.image-grid-2{grid-template-columns:1fr;gap:8px}.image-grid-2 img{aspect-ratio:auto}.project-meta{flex-direction:column;gap:16px}.other-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 480px){main{padding:0 16px}.hero{padding:60px 0 48px}.hero h1{font-size:1.75rem}.links{gap:16px}}
