:root{--bg:#070707;--muted: rgba(255,255,255,.75);--accent: #ffffff;--container: 1100px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--accent);-webkit-font-smoothing:antialiased}a{color:inherit}.nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 32px;z-index:60}.nav .logo{font-weight:700;letter-spacing:.6px;color:var(--accent);text-decoration:none}.nav-links a{margin-left:20px;color:var(--muted);text-decoration:none}.hero{position:relative;height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000073,#0009);z-index:2}.hero-content{position:relative;z-index:30;text-align:center;padding:0 20px}.hero-title{font-size:clamp(28px,6vw,64px);margin-bottom:8px}.hero-sub{opacity:.9;margin-bottom:18px}.cta{display:inline-block;padding:10px 18px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:inherit;border-radius:6px}.container{max-width:var(--container);margin:0 auto;padding:80px 24px;color:var(--muted)}.page{padding-top:100px}.about-snapshot h2{margin-bottom:8px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 0}.project-card{background:#ffffff08;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s}.thumb-wrap{height:220px;overflow:hidden}.thumb{width:100%;height:100%;object-fit:cover;display:block}.project-meta{padding:12px}.project-meta h3{margin-bottom:6px}.muted{color:var(--muted);opacity:.9}.work-philosophy .large-line{font-size:clamp(22px,5vw,40px);padding:60px 0;text-align:center}.contact-cta{text-align:center;padding:60px 0}.site-footer{border-top:1px solid rgba(255,255,255,.04);padding:24px 0;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.contact-form{display:flex;flex-direction:column;gap:12px;max-width:700px}.contact-form input,.contact-form textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.04);padding:12px;border-radius:6px;color:var(--accent)}.contact-form button{width:max-content;padding:10px 16px;border:none;border-radius:6px;cursor:pointer}.work-philosophy{padding:80px 0;background:linear-gradient(180deg,#0b0b0b,#141414);text-align:center}.large-line{font-size:clamp(24px,5vw,42px);margin-bottom:20px}.hero-sub{font-weight:400;letter-spacing:.4px}.loader{position:fixed;inset:0;background:#0a0a0a;display:flex;justify-content:center;align-items:center;z-index:1000;color:#fff;font-size:clamp(22px,4vw,42px);font-weight:600;letter-spacing:.5px}.coming-soon{color:#ffffff80;font-size:14px;margin-left:20px;border-left:1px solid rgba(255,255,255,.2);padding-left:12px}.coming{text-align:center;padding:80px 0;background:linear-gradient(180deg,#0b0b0b,#141414)}.footer-brand{font-size:18px;margin-bottom:8px}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}.hero{height:75vh}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}.nav-links{display:none}.footer-inner{flex-direction:column;gap:8px}}