:root{--color-bg: #0a0a0a;--color-text: #f0f0f0;--color-primary: #d4af37;--color-secondary: #1a1a1a;--color-accent: #ffffff;--color-muted: #888888;--font-main: "Inter", sans-serif;--font-heading: "Playfair Display", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-fast: .2s ease;--transition-medium: .4s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:.8rem 1.6rem;background:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,#b8962e 100%);color:var(--color-bg);font-weight:700;border-radius:6px;border:2px solid transparent;transition:all var(--transition-medium);cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;box-shadow:0 4px 6px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #d4af374d;color:var(--color-bg);filter:brightness(1.1)}.btn-outline{display:inline-block;padding:.8rem 1.6rem;background:transparent;color:var(--color-primary);font-weight:700;border-radius:6px;border:2px solid var(--color-primary);transition:all var(--transition-medium);cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-bg);transform:translateY(-2px);box-shadow:0 6px 12px #d4af3733}.btn-text{color:var(--color-muted);font-weight:500;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.btn-text:hover{color:var(--color-primary)}.text-center{text-align:center}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.project-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}@media(max-width:600px){.project-nav{flex-direction:column;gap:1rem}.project-nav .btn{width:100%;text-align:center}}