/* Base */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,Arial,sans-serif;line-height:1.6;color:#222;background:#fff}
.container{max-width:1200px;margin:0 auto;padding:1rem}

/* Header */
.site-header{background:#000;color:#fff}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1rem}
.logo img{display:block;width:100px;height:100px;object-fit:contain}
nav ul{list-style:none;display:flex;gap:1rem}
nav a{color:#fff;text-decoration:none;font-weight:500}
nav a:hover{opacity:.8}

/* Footer */
.site-footer{background:#000;color:#fff;text-align:center;padding:1rem}

/* Responsive */
@media(max-width:600px){
  .site-header .container{flex-direction:column;align-items:flex-start}
  nav ul{flex-wrap:wrap}
  .logo img{width:80px;height:80px}
}