/* C2 — BRUTALIST TYPOGRAPHY */
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Space Grotesk',sans-serif;background:#FAFAFA;color:#111;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;width:100%}

.topbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;z-index:100;background:rgba(250,250,250,.9);backdrop-filter:blur(12px);border-bottom:2px solid #111}
.topbar-brand{font-weight:800;font-size:.85rem;letter-spacing:.2em}
.topbar-info{font-size:.65rem;color:#888;letter-spacing:.05em}
.topbar-cta{font-weight:700;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:.7rem 1.5rem;border:2px solid #111;transition:background .2s,color .2s}
.topbar-cta:hover{background:#111;color:#fff}

.hero{height:100vh;display:flex;align-items:flex-end;padding:0 4rem 8rem;gap:4rem}
.hero-giant{font-size:clamp(6rem,16vw,18rem);font-weight:800;line-height:.82;letter-spacing:-.04em}
.hero-side{max-width:280px;padding-bottom:.5rem}
.hero-side p{font-size:.85rem;line-height:1.9;color:#666}
.hero-line{width:60px;height:2px;background:#111;margin:1.5rem 0}
.hero-year{font-family:'JetBrains Mono',monospace;font-size:.6rem;color:#aaa;letter-spacing:.2em}

.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #111;border-bottom:2px solid #111}
.nitem{padding:3rem;text-align:center;border-right:2px solid #111}
.nitem:last-child{border-right:none}
.nitem strong{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;display:block}
.nitem span{font-family:'JetBrains Mono',monospace;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#999;margin-top:.5rem;display:block}

.section-title{font-size:clamp(3rem,8vw,7rem);font-weight:800;letter-spacing:-.03em;padding:6rem 4rem 3rem}

.projects{position:relative;padding-bottom:6rem}
.project-list{border-top:2px solid #111}
.prow{display:grid;grid-template-columns:80px 1fr 200px 100px;align-items:center;padding:2rem 4rem;border-bottom:1px solid #ddd;transition:background .3s,padding-left .3s;cursor:pointer}
.prow:hover{background:#f0f0f0;padding-left:5rem}
.prow-num{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#ccc}
.prow-name{font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700}
.prow-cat{font-size:.7rem;color:#999;letter-spacing:.1em;text-transform:uppercase}
.prow-year{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:#bbb;text-align:right}
.project-hover-img{position:fixed;width:350px;height:250px;pointer-events:none;z-index:50;background-size:cover;background-position:center;border-radius:4px;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .3s,transform .3s}
.project-hover-img.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}

.services{padding:0 4rem 6rem}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#111}
.svc{background:#FAFAFA;padding:4rem 3rem}
.svc span{font-family:'JetBrains Mono',monospace;font-size:3rem;font-weight:800;color:#eee;display:block;margin-bottom:1rem}
.svc h3{font-size:1.4rem;font-weight:700;margin-bottom:.8rem}
.svc p{font-size:.82rem;line-height:1.8;color:#777}

.contact{padding:0 4rem 6rem}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-top:2rem}
.contact-info{display:flex;flex-direction:column;gap:2rem}
.contact-info strong{font-size:.6rem;letter-spacing:.2em;display:block;margin-bottom:.3rem}
.contact-info p{font-size:.85rem;color:#666;line-height:1.8}
.contact-grid form{display:flex;flex-direction:column;gap:1.2rem}
.contact-grid input,.contact-grid textarea{background:none;border:none;border-bottom:2px solid #ddd;padding:1rem 0;font-family:'Space Grotesk',sans-serif;font-size:.9rem;outline:none;transition:border-color .3s}
.contact-grid input:focus,.contact-grid textarea:focus{border-color:#111}
.contact-grid textarea{min-height:80px;resize:none}
.contact-grid button{align-self:flex-start;background:#111;color:#fff;border:none;padding:1rem 3rem;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.2em;cursor:pointer;transition:background .3s}
.contact-grid button:hover{background:#333}

footer{display:flex;justify-content:space-between;padding:2rem 4rem;border-top:2px solid #111;font-size:.65rem;color:#aaa;letter-spacing:.1em}

@media(max-width:1024px){.prow{grid-template-columns:60px 1fr 100px}.prow-cat{display:none}.svc-grid{grid-template-columns:1fr}}
@media(max-width:768px){.topbar{padding:1rem 1.5rem}.topbar-info{display:none}.hero{padding:0 1.5rem 5rem;flex-direction:column;align-items:flex-start;justify-content:flex-end}.numbers{grid-template-columns:1fr 1fr}.nitem{border-right:none;border-bottom:2px solid #111}.section-title{padding:4rem 1.5rem 2rem}.prow{padding:1.5rem 1.5rem;grid-template-columns:40px 1fr 60px}.services,.contact{padding:0 1.5rem 4rem}.contact-grid{grid-template-columns:1fr}footer{padding:1.5rem}}