/* NAV */
 header.nav {
   position: sticky;
   top: 0;
   z-index: 50;
   background: rgba(255, 255, 255, 0.92);
   backdrop-filter: blur(6px);
   border-bottom: 1px solid var(--hairline);
 }

 .nav-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 20px 32px;
   max-width: var(--max);
   margin: 0 auto;
 }

 .logo {
   display: flex;
   align-items: center;
   gap: 9px;
   font-family: 'Space Grotesk', sans-serif;
   font-weight: 700;
   font-size: 21px;
   letter-spacing: -0.01em;
 }

 .logo-mark {
   width: 20px;
   height: 20px;
 }

 .nav-links {
   display: flex;
   gap: 34px;
   list-style: none;
   margin: 0;
   padding: 0;
   font-weight: 600;
   font-size: 14.5px;
 }

 .nav-links a {
   opacity: .68;
   transition: opacity .15s;
 }

 .nav-links a:hover {
   opacity: 1;
 }

 .nav-right {
   display: flex;
   align-items: center;
   gap: 22px;
 }

 .nav-account {
   font-weight: 600;
   font-size: 14.5px;
   opacity: .8;
 }

 .nav-burger {
   display: none;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 5px;
   width: 34px;
   height: 34px;
   padding: 0;
   margin-left: 8px;
   border: none;
   background: transparent;
   cursor: pointer;
   flex-shrink: 0;
 }

 .nav-burger span {
   display: block;
   width: 22px;
   height: 2px;
   background: var(--ink);
   border-radius: 2px;
   transition: transform .25s ease, opacity .2s ease;
 }

 .nav-burger[aria-expanded="true"] span:nth-child(1) {
   transform: translateY(7px) rotate(45deg);
 }

 .nav-burger[aria-expanded="true"] span:nth-child(2) {
   opacity: 0;
 }

 .nav-burger[aria-expanded="true"] span:nth-child(3) {
   transform: translateY(-7px) rotate(-45deg);
 }

 @media (max-width:900px) {
   .nav-inner {
     padding: 16px 20px;
     flex-wrap: wrap;
   }

   .logo img {
     width: 200px;
     height: auto;
   }

   .nav-burger {
     display: flex;
   }

   .nav-links {
     flex-direction: column;
     position: absolute;
     top: 100%;
     left: 0;
     right: 0;
     background: var(--paper);
     border-bottom: 1px solid var(--hairline);
     box-shadow: var(--shadow);
     margin: 0;
     padding: 0 20px;
     gap: 0;
     max-height: 0;
     overflow: hidden;
     opacity: 0;
     transition: max-height .3s ease, opacity .2s ease, padding .3s ease;
     pointer-events: none;
   }

   .nav-links.is-open {
     max-height: 400px;
     opacity: 1;
     padding: 10px 20px 18px;
     pointer-events: auto;
   }

   .nav-links li {
     width: 100%;
     border-top: 1px solid var(--hairline);
   }

   .nav-links li:first-child {
     border-top: none;
   }

   .nav-links a {
     display: block;
     padding: 13px 2px;
     opacity: 1;
     font-size: 15px;
   }
 }

 @media (max-width:480px) {
   .logo img {
     width: 150px;
   }

   .nav-right {
     gap: 10px;
   }

   .nav-account {
     font-size: 13px;
   }

   .nav-right .btn {
     padding: 10px 16px;
     font-size: 13px;
   }
 }