.site-header{backdrop-filter:blur(6px)}
.main-nav{display:flex;align-items:center}
.hamburger{display:none;background:transparent;border:0;font-size:20px}

@media (max-width:768px){
  .main-nav{display:none}
  .hamburger{display:block}
}

.main-nav.open{display:flex;flex-direction:column;position:absolute;top:64px;right:16px;background:var(--card);padding:12px;border-radius:10px;box-shadow:var(--shadow)}

/* Logo image styling */
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.logo img{height:64px;width:64px;border-radius:10px;object-fit:contain;box-shadow:none;background:transparent;padding:0}
.site-title{font-weight:700;color:var(--text);font-size:18px;line-height:1}
.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

@media(max-width:768px){.logo img{height:56px;width:56px;padding:0}.site-title{font-size:16px}}
@media(max-width:480px){.logo img{height:44px;width:44px;padding:0}.site-title{font-size:14px}}