/* Keep Embark's supplied square mark calm inside the reference site's horizontal header. */
.regal-header { min-height: 88px; }
.regal-brand { align-items: center; height: 88px; overflow: hidden; width: 180px; }
.regal-brand img { height: 66px; object-fit: cover; object-position: center; width: 156px; }
.regal-header::after { background: linear-gradient(90deg, transparent, rgb(193 157 104 / 42%), transparent); bottom: 0; content: ""; height: 1px; left: clamp(22px, 8vw, 120px); position: absolute; right: clamp(22px, 8vw, 120px); }

@media (max-width: 1040px) {
  .regal-brand { width: 166px; }
}

@media (max-width: 680px) {
  .regal-header { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto auto; min-height: 70px; padding: 0 16px; }
  .regal-brand { flex: 0 0 auto; height: 70px; width: 124px; }
  .regal-brand img { height: 54px; width: 124px; }
  .regal-menu-toggle { margin: 0; padding: .5rem .55rem; }
  .regal-book-now { font-size: .59rem; padding: 12px 8px; position: static; }
  .regal-header::after { left: 16px; right: 16px; }
  .regal-hero h1 { font-size: 2.35rem; letter-spacing: .035em; }
}