@import url('https://fonts.googleapis.com/css2?family=Averia+Serif+Libre:wght@400;700&display=swap');

nav {
  height: 90px;
  background: white;
  display: flex;
  align-items: center;
  padding: 0 4vw;
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  border-bottom: 1px solid #f0f0f0;
  font-family: 'Averia Serif Libre', serif;
}
.logo-group { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #000; }
.logo-img { height: 60px !important; width: auto !important; }
.brand-name { font-weight: 900; font-size: 2.5rem; }
.nav-right-group { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.social-links-header { display: flex; gap: 15px; align-items: center; }
.social-links-header a { color: #000; display: flex; }
.nav-links { display: flex; gap: 30px; }
.nav-links a { text-decoration: none; color: #000; font-size: 2rem; font-weight: 600; }
.burger { display: none; }
.mobile-menu { display: none; position: fixed; top: 70px; left: 0; right: 0; background: white; flex-direction: column; padding: 2rem 5vw; gap: 1.5rem; z-index: 1000; }
.mobile-menu.open { display: flex; }
.mobile-menu a { text-decoration: none; color: #000; font-size: 1.5rem; font-weight: 600; }

@media (max-width: 768px) {
  nav { height: 58px; padding: 0 5vw; }
  .brand-name { font-size: 1.5rem; }
  .logo-img { height: 40px !important; }
  .social-links-header { display: flex; gap: 5px; align-items: center; }
  .social-links-header a img { width: 28px !important; height: 28px !important; }
  .nav-links { display: none !important; }
  .back-wrapper { padding-top: 70px !important; padding-bottom: 20px !important; }
  .burger { display: flex; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; background: none; border: none; cursor: pointer; z-index: 1001; padding: 0; }
  .burger span { display: block; height: 2px; width: 100%; background: #000; transition: transform 0.3s, opacity 0.3s; transform-origin: center; }
  .burger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .burger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
  .burger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
}