:root {
  --font: "Open Sans", sans-serif;
  --text: #4a4a4a;
  --gold: #efce5b;
  --ink: #312c37;
  --header: 180px;
  --container: 1200px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.8;
  color: var(--text);
  background: #fff;
}

img { max-width: 100%; height: auto; }

a { color: inherit; }

.skip-link {
  position: absolute;
  left: 12px;
  top: -40px;
  background: #000;
  color: #fff;
  padding: 8px 12px;
  z-index: 10000;
}

.skip-link:focus { top: 8px; }

.container {
  width: min(1200px, calc(100% - 40px));
  margin-inline: auto;
}