/*
Theme Name: BvH Portfolio
Author: Bastiaan van Haastrecht
Description: Custom portfolio theme voor bvanhaastrecht.nl
Version: 1.0
*/

html{scroll-behavior:smooth}
body{margin:0;background:#0a0c10;color:#c3ccd9;font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;--acc:#4a9eff}
a{color:var(--acc,#4a9eff);text-decoration:none}
a:hover{color:#8ec2ff}
::selection{background:rgba(74,158,255,.3)}
img{max-width:100%}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.nav-link:hover{color:#f2f5f9}
.btn-solid:hover{background:#8ec2ff;color:#0a0c10}
.btn-outline:hover{border-color:var(--acc,#4a9eff);color:#f2f5f9;background:rgba(74,158,255,.08)}
.hover-card:hover{border-color:rgba(74,158,255,.4)}
.portfolio-card:hover{border-color:rgba(74,158,255,.4);color:inherit}

.nav-links{display:flex;align-items:center;gap:28px}
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;background:none;border:none;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:#c3ccd9;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:640px){
  .nav-toggle{display:flex}
  .nav-links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(10,12,16,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);padding:8px clamp(20px,5vw,64px) 20px;max-height:calc(100vh - 64px);overflow-y:auto}
  .nav-links.is-open{display:flex}
  .nav-links a{padding:14px 0;border-top:1px solid rgba(255,255,255,.06)}
  .nav-links a:first-child{border-top:none}
  .nav-links a.btn-solid{margin-top:10px;border-top:none;text-align:center}
}