/* NDHDesign portfolio. Change colors and the font here. */
:root {
  --bg: #f5f5f3;
  --ink: #141413;
  --muted: #5f5f5c;
  --line: #cfcfcb;
  --surface: #ececea;
  --accent: #3fe0d0;
  --accent-dark: #0b7a72;
  --font: 'Inter Tight',Helvetica,Arial,sans-serif;
}
body { margin: 0; font-family: var(--font); }
.wrap { max-width: 1200px; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0 clamp(20px, 3vw, 40px); }
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--accent-dark)}
header a{display:inline-block;padding:12px 0}
.case a.card{transition:background .2s,color .2s}
.case a.card:hover{background:var(--ink);color:var(--accent)}
.case a.card:hover .m{color:var(--accent)}
.home a.card .pv{transition:transform .4s}.home a.card .arw{transition:transform .2s}.home a.card:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.home a.card:hover .pv{transform:scale(1.04)}
.home a.card:hover .arw{transform:translate(3px,-3px)}