*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  scroll-behavior:smooth;
  background:#040100;
}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at bottom, rgba(212,141,57,.18), transparent 24%),
    linear-gradient(180deg, #040100 0%, #090200 100%);
  font-family: Georgia, "Times New Roman", serif;
}
.page{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:18px;
}
.poster-wrap{
  width:100%;
  display:flex;
  justify-content:center;
}
.poster{
  position:relative;
  width:min(100%, 820px);
}
.poster-image{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
  box-shadow:0 24px 80px rgba(0,0,0,.55);
}
.anchor{
  position:absolute;
  left:0;
  width:1px;
  height:1px;
}
.hotspot{
  position:absolute;
  display:block;
  z-index:5;
  border-radius:10px;
  background:rgba(255,255,255,0);
}
.hotspot:hover{
  outline:2px solid rgba(231,180,98,.55);
  background:rgba(231,180,98,.08);
}

/* flyer hotspot map */
.nav-home{ left:67.2%; top:3.7%; width:7.7%; height:3.1%; }
.nav-rates{ left:76.0%; top:3.7%; width:7.0%; height:3.1%; }
.nav-book{ left:84.1%; top:3.7%; width:10.0%; height:3.1%; }

.cta-main{ left:7.4%; top:43.6%; width:31.4%; height:5.6%; }

.rates-anchor{ top:34%; }
.contact-anchor{ top:82%; }

.phone-text{ left:29%; top:82.8%; width:43%; height:4.6%; }
.phone-call{ left:29%; top:88.7%; width:43%; height:5.1%; }

@media (max-width: 640px){
  .page{ padding:8px; }
  .poster{ width:100%; }
}