:root {
  --bg: #1a1a18;
  --text: #e6d8bf;    /* light sepia */
  --muted: #b3a68f;
  --link: #f0c890;
  --line: #33332f;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Verdana, sans-serif;
  line-height: 1.6;
}
a { color: var(--link); }
a:hover { text-decoration: none; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 16px; }

header { border-bottom: 1px solid var(--line); }
header .wrap {
  display: flex; align-items: center; gap: 20px;
  min-height: 60px;
}
.name { color: var(--text); font-weight: bold; text-decoration: none; margin-right: auto; }
nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
.lang { color: var(--muted); white-space: nowrap; }
#menu-btn {
  display: none; background: none; border: 0; color: var(--text);
  font-size: 26px; line-height: 1; cursor: pointer; padding: 4px 8px;
}

@media (max-width: 600px) {
  header .wrap { flex-wrap: wrap; gap: 12px; }
  #menu-btn { display: block; }
  nav { display: none; order: 1; width: 100%; }
  nav.open { display: block; }
  nav ul { flex-direction: column; gap: 0; padding-bottom: 12px; }
  nav li a { display: block; padding: 10px 0; }
}

main { padding: 32px 0 48px; }
h1, h2 { line-height: 1.3; }
ul.plain { padding-left: 20px; }
footer { color: var(--muted); font-size: 14px; padding: 24px 0; border-top: 1px solid var(--line); }

form.contact { display: flex; flex-direction: column; gap: 6px; max-width: 520px; margin-bottom: 22px; } /* 22px = gap + button margin-top */
form.contact label { margin-top: 10px; }
form.contact input, form.contact textarea, form.contact button {
  font: inherit; color: var(--text); background: #232320;
  border: 1px solid var(--line); border-radius: 4px; padding: 8px 10px;
}
form.contact input:focus, form.contact textarea:focus { outline: 2px solid var(--link); outline-offset: 1px; }
form.contact textarea { resize: vertical; }
form.contact button { margin-top: 16px; align-self: flex-start; cursor: pointer; color: var(--bg); background: var(--link); border-color: var(--link); padding: 8px 20px; }
form.contact button:hover { opacity: .9; }
.honey { display: none; }