:root{--color-primary:#e03223;--color-secondary:#f6eae0;--color-foreground:#0b0807;--color-accent:tan;--font-heading:"Bricolage Grotesque", sans-serif;--font-body:"JetBrains Mono", monospace;--border-heavy:4px solid var(--color-foreground);--border-light:1px solid var(--color-foreground);--grid-gap:2rem;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-secondary);color:var(--color-foreground);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;font-weight:800;line-height:1}.container{max-width:var(--container-width);border-left:var(--border-light);border-right:var(--border-light);margin:0 auto}.section{border-bottom:var(--border-heavy)}.grid-layout{border-bottom:var(--border-light);grid-template-columns:repeat(12,1fr);display:grid}.navbar{border-bottom:var(--border-heavy);background-color:var(--color-secondary);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.05em;font-size:2rem;font-weight:800}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--color-foreground);text-transform:uppercase;font-size:.9rem;font-weight:700;text-decoration:none}.nav-links a:hover{background-color:var(--color-foreground);color:var(--color-secondary);margin:-.2rem -.5rem;padding:.2rem .5rem}.hero{background-color:var(--color-primary);color:var(--color-foreground);flex-direction:column;align-items:flex-start;padding:8rem 2rem;display:flex}.hero h1{letter-spacing:-.02em;word-wrap:break-word;max-width:100%;margin-bottom:2rem;font-size:clamp(4rem,10vw,8rem)}.hero p{background-color:var(--color-foreground);max-width:600px;color:var(--color-secondary);padding:.5rem 1rem;font-size:1.5rem;font-weight:700}.btn{background-color:var(--color-accent);color:var(--color-foreground);border:var(--border-heavy);font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--color-foreground);padding:1rem 2rem;font-size:1.2rem;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.btn:hover{box-shadow:8px 8px 0 var(--color-foreground);transform:translate(-2px,-2px)}.btn:active{box-shadow:0px 0px 0 var(--color-foreground);transform:translate(6px,6px)}.module-header{border-bottom:var(--border-light);background-color:var(--color-secondary);padding:2rem;font-size:3rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{border-right:var(--border-light);border-bottom:var(--border-light);flex-direction:column;padding:2rem;transition:background-color .2s;display:flex}.project-card:hover{background-color:var(--color-primary)}.project-card:nth-child(2n){background-color:var(--color-accent)}.project-card:nth-child(2n):hover{background-color:var(--color-primary)}.project-title{margin-bottom:1rem;font-size:2rem}.project-meta{text-transform:uppercase;border-bottom:1px dashed var(--color-foreground);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:.8rem}.footer{background-color:var(--color-foreground);color:var(--color-secondary);justify-content:space-between;padding:4rem 2rem;display:flex}