:root {
  --display: 'Rye', Georgia, serif;
  --ornate: 'Cinzel Decorative', Georgia, serif;
}

.brand strong,
.hero h1,
.era-meta strong {
  font-family: var(--display);
  font-weight: 400;
}

.section h2,
.era-dialog h2,
.mission strong,
.stay-card strong,
.quick-facts strong {
  font-family: var(--ornate);
}

.brand strong {
  color: #fff2cf;
  letter-spacing: .055em;
  text-shadow:
    0 1px 0 #5a280e,
    0 2px 0 #1e0c05,
    0 0 12px rgba(237, 151, 54, .32);
}

.hero h1 {
  font-size: clamp(2.75rem, 5.65vw, 5.75rem);
  line-height: .98;
  letter-spacing: -.015em;
  color: #fff4d8;
  text-shadow:
    -1px -1px 0 #54240d,
    1px -1px 0 #54240d,
    -1px 1px 0 #54240d,
    1px 1px 0 #54240d,
    0 3px 0 #170a04,
    0 6px 18px rgba(0, 0, 0, .88);
}

.hero h1 em,
.section h2 em,
.era-dialog h2 em {
  font-style: normal;
  color: #f4bd58;
  -webkit-text-fill-color: #f4bd58;
  filter: drop-shadow(0 2px 0 #2b1107) drop-shadow(0 0 12px rgba(255, 178, 59, .34));
}

.section h2,
.era-dialog h2 {
  font-weight: 900;
  line-height: 1.03;
  letter-spacing: -.025em;
  color: #f7ecd2;
  text-shadow: 0 2px 0 #3a1709, 0 5px 18px rgba(0, 0, 0, .72);
}

.eyebrow,
.topbar nav a,
.book,
.ghost,
.era-meta small {
  letter-spacing: .16em;
}

.book {
  font-family: var(--ornate);
  font-weight: 900;
  letter-spacing: .055em;
  text-shadow: 0 1px 0 #4b1e08;
}

.era-meta strong {
  color: #f8e9c6;
  font-size: 1.78rem;
  letter-spacing: .01em;
  line-height: 1.25;
  text-shadow: 0 2px 0 #3b1708, 0 4px 12px #000;
}

.mission strong,
.stay-card strong {
  font-weight: 700;
  color: #f3d79c;
}

@media (max-width: 700px) {
  .hero h1 {
    font-size: clamp(2.65rem, 12vw, 4.1rem);
    line-height: 1.02;
  }

  .hero-actions .book {
    display: none;
  }

  .section-heading h2 {
    font-size: clamp(2.15rem, 9.5vw, 3.15rem);
  }

  .brand strong {
    font-size: .85rem;
  }
}