.top { background:var(--bg); }
[data-theme="dark"] { --cream:#f5efe6; }
.nav { min-height:78px; gap:24px; }
.logo { flex:0 0 auto; min-width:0; }
.logo a { display:block; line-height:0; }
.logo-mark { width:auto; height:auto; }
.logo-mark picture { display:block; }
.logo-mark img { width:292px; height:54px; object-fit:contain; object-position:left center; }
.nav-links a { color:var(--text); }

@media (max-width: 980px) {
  .nav { padding-inline:24px; }
  .logo-mark img { width:226px; height:46px; }
  .nav-links { gap:14px; }
  .nav-links a { letter-spacing:1px; }
}

@media (max-width: 900px) {
  .nav { min-height:0; flex-direction:column; gap:12px; padding:12px 18px; }
  .logo-mark img { width:62px; height:62px; object-position:center; }
  .nav-links { flex-wrap:wrap; justify-content:center; row-gap:10px; }
}

@media (max-width: 420px) {
  .nav { padding-inline:12px; }
  .nav-links { gap:8px 10px; }
  .nav-links a { font-size:10px; }
  .theme-toggle { width:32px; height:32px; }
}