/* Højsted Catering: one page, after the business card. Black, white, and
   the gold of the logo. Josefin Sans (SIL Open Font License) is served
   from here, so the page calls no other site. */
@font-face {
  font-family: "Josefin Sans";
  src: url("assets/josefin-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Josefin Sans";
  src: url("assets/josefin-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  --black: #000;
  --white: #fff;
  --gold: #cda050;
}

* { box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
}

body {
  background: var(--black);
  color: var(--white);
  font-family: "Josefin Sans", "Century Gothic", "Trebuchet MS", sans-serif;
  font-size: clamp(1.15rem, 0.9rem + 1.2vw, 1.6rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
}

main {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 16px 3rem;
  text-align: center;
}

h1 {
  margin: 0;
  width: min(100%, 30rem);
}

h1 img {
  display: block;
  width: 100%;
  height: auto;
}

address {
  font-style: normal;
  margin-top: 2.25rem;
}

address p { margin: 0; }

.name {
  font-weight: 600;
  font-size: 1.15em;
}

.title { margin-bottom: 0.6em; }

a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}

a:hover,
a:focus-visible {
  color: var(--gold);
  border-bottom-color: var(--gold);
  outline: none;
}

@media (prefers-reduced-motion: reduce) {
  a { transition: none; }
}