:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #18362f;
  background: #fffaf0;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  line-height: 1.65;
}

main {
  width: min(760px, calc(100% - 40px));
  margin: 0 auto;
  padding: 64px 0 80px;
}

.eyebrow {
  color: #d75d45;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

h1 { font-size: clamp(2.3rem, 7vw, 4rem); line-height: 1.05; }
h2 { margin-top: 2.2rem; }
a { color: #087f6c; }
.lead { font-size: 1.2rem; max-width: 42rem; }
.card {
  margin: 28px 0;
  padding: 24px;
  border: 1px solid #edd9b6;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 40px rgb(91 62 21 / 8%);
}

nav { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 30px; }
.muted { color: #61716b; }

.facts { display: grid; gap: 14px; margin: 0; }
.facts div { display: grid; grid-template-columns: minmax(90px, .6fr) 2fr; gap: 18px; }
.facts dt { color: #61716b; font-weight: 700; }
.facts dd { margin: 0; }
.gallery { display: grid; gap: 18px; }
.gallery img { display: block; width: 100%; border: 1px solid #edd9b6; border-radius: 16px; }

@font-face { font-family: Lilita; src: url("assets/fonts/LilitaOne-Regular.ttf") format("truetype"); font-display: swap; }
body:not(.home) h1, body:not(.home) h2 { font-family: Lilita, sans-serif; font-weight: 400; }
body:not(.home) .eyebrow { color: #123c32; }
body:not(.home) nav a { text-underline-offset: 5px; }
a:focus-visible { outline: 3px solid #dd8a38; outline-offset: 4px; }