:root{--bg:#fdfcfb;--text:#1a1a1a;--accent:#d44d2e;--border:rgba(0, 0, 0, 0.08);--font-sans:'Plus Jakarta Sans', sans-serif;--font-mono:'Space Mono', monospace;--container-width:1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}.grain::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.04;pointer-events:none;z-index:9999}.container{max-width:var(--container-width);margin:0 auto;padding:0 40px}.mono{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase}.header{padding:40px 0;position:sticky;top:0;z-index:100;background:rgb(253 252 251 / .8);backdrop-filter:blur(10px)}.nav-wrap{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:1.4rem;text-decoration:none;color:var(--text);letter-spacing:-1px}.logo span{color:var(--accent)}nav{display:flex;gap:40px}nav a{text-decoration:none;color:var(--text);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;transition:color 0.3s}nav a:hover{color:var(--accent)}.nav-num{color:var(--accent);margin-right:4px;font-weight:700}.menu-btn{display:none;background:none;border:1px solid var(--border);padding:8px 16px;font-family:var(--font-mono);cursor:pointer}.hero{padding:120px 40px 100px}h1{font-size:clamp(2.8rem, 8vw, 5.5rem);line-height:1.05;font-weight:800;letter-spacing:-3px;margin-bottom:40px}h1 em{font-style:italic;font-weight:300;color:var(--accent)}.hero-desc{font-size:1.4rem;max-width:650px;margin-bottom:60px;font-weight:300;color:#444}.cta-main{font-family:var(--font-mono);text-decoration:none;color:var(--text);font-weight:800;font-size:1.1rem;border-bottom:3px solid var(--accent);padding-bottom:4px;transition:background 0.3s}.cta-main:hover{background:rgb(212 77 46 / .1)}.hero-footer{display:flex;justify-content:space-between;align-items:flex-end}.hero-tags{display:flex;gap:20px;font-family:var(--font-mono);font-size:.7rem;opacity:.4}.section{padding:100px 0}.border-top{border-top:1px solid var(--border)}.section-label{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;margin-bottom:60px;text-transform:uppercase;font-weight:700}.grid-services{display:grid;grid-template-columns:repeat(3,1fr);gap:80px}.service-box h3{font-size:1.6rem;margin:20px 0 15px;letter-spacing:-.5px}.service-box p{color:#555;font-size:1rem}.project-table{width:100%}.project-row{display:flex;justify-content:space-between;align-items:center;padding:35px 0;border-bottom:1px solid var(--border);transition:color 0.3s;cursor:default}.project-row:hover{color:var(--accent)}.p-cat{display:block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;margin-bottom:8px;opacity:.5}.p-title{font-size:1.4rem;font-weight:600}.p-meta{font-family:var(--font-mono);opacity:.4}.contact-hero p{font-size:2rem;margin-bottom:10px;font-weight:300}.contact-email{font-size:clamp(2rem, 10vw, 6rem);color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-4px;transition:color 0.3s}.contact-email:hover{color:var(--accent)}.footer{padding:80px 0 40px;background:#fff}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start}.footer-left p{margin-top:15px;opacity:.5;font-size:.9rem}.footer-right{text-align:right}.footer-right p{margin-bottom:20px;font-size:.75rem}.copy{opacity:.3}@media (max-width:900px){.grid-services{grid-template-columns:1fr;gap:50px}nav{display:none}.menu-btn{display:block}nav.open{display:flex;flex-direction:column;position:absolute;top:100px;left:0;width:100%;background:var(--bg);padding:40px;border-bottom:1px solid var(--border)}.hero-footer{flex-direction:column;align-items:flex-start;gap:40px}.project-row{flex-direction:column;align-items:flex-start;gap:10px}.p-meta{font-size:.8rem}.footer-grid{flex-direction:column;gap:40px}.footer-right{text-align:left}}.fade-in{opacity:0;transform:translateY(30px);transition:all 1s ease}.fade-in.show{opacity:1;transform:translateY(0)}.projects-intro{max-width:700px;margin-bottom:60px;font-size:1.1rem;color:#555;line-height:1.6}.project-row{display:grid;grid-template-columns:1fr 100px;padding:40px 0;border-bottom:1px solid var(--border);align-items:flex-start}.p-detail{margin-top:15px;max-width:800px;font-size:.95rem;color:#666;line-height:1.5;font-weight:300}@media (max-width:900px){.project-row{grid-template-columns:1fr}.p-meta{margin-top:10px;order:-1}}