/* Novoshop portfolio site - shared monochrome stylesheet. Pure black/white, no accent color
   (Chris 2026-09-13: "Novoshop is monochrome... black and white"). Minimal text, few sections. */
:root{
  --bg:#000; --panel:#0a0a0a; --border:#242424;
  --ink:#fff; --ink-dim:#9a9a9a; --ink-faint:#5c5c5c;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--bg); color:var(--ink);
  line-height:1.5; -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1040px; margin:0 auto; padding:0 24px;}

header{position:sticky; top:0; z-index:50; background:rgba(0,0,0,0.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--border);}
nav{display:flex; align-items:center; justify-content:space-between; padding:20px 24px;}
.logo{display:flex; align-items:center;}
.logo img{height:22px; width:auto; display:block;}
.nav-links{display:flex; gap:30px; align-items:center;}
.nav-links a{font-size:14px; font-weight:600; color:var(--ink-dim); transition:color .15s;}
.nav-links a:hover, .nav-links a.active{color:var(--ink);}
.nav-cta{border:1px solid var(--ink); padding:8px 16px; border-radius:6px; font-weight:700; font-size:13px;}
.nav-cta:hover{background:var(--ink); color:#000;}
@media (max-width:680px){ .nav-links a:not(.nav-cta){display:none;} }

.btn{display:inline-flex; align-items:center; gap:8px; padding:13px 24px; border-radius:6px; font-weight:700; font-size:14px; border:1px solid var(--ink); transition:background .15s,color .15s;}
.btn-solid{background:var(--ink); color:#000;}
.btn-solid:hover{opacity:.85;}
.btn-outline{color:var(--ink);}
.btn-outline:hover{background:var(--ink); color:#000;}

footer{border-top:1px solid var(--border); padding:36px 0;}
.footer-row{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; font-size:13px; color:var(--ink-faint);}
.footer-row a{color:var(--ink-dim); font-weight:600;}
.footer-row a:hover{color:var(--ink);}