:root{
  --page-width:1024;
  --page-height:1536;
}
*{box-sizing:border-box}
html,body{
  margin:0;
  min-height:100%;
  background:#000;
}
body{
  font-family:Arial,Helvetica,sans-serif;
}
.page-shell{
  position:relative;
  width:min(100%,1024px);
  margin:0 auto;
  line-height:0;
  background:#000;
}
.page-art{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
}
.hotspot-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hotspot{
  position:absolute;
  display:block;
  pointer-events:auto;
  background:transparent;
  border:0;
  outline:none;
}
.hotspot:focus-visible{
  outline:2px solid #f0bd55;
  outline-offset:2px;
  background:rgba(240,189,85,.08);
}

/* Header navigation positions are percentages of the approved 1024 × 1536 artwork */
.logo-top{left:1.6%;top:.8%;width:23%;height:4.5%}
.home{left:30.0%;top:1.1%;width:5.2%;height:3.0%}
.about{left:36.5%;top:1.1%;width:5.8%;height:3.0%}
.services{left:43.0%;top:1.1%;width:7.0%;height:3.0%}
.lifestyle{left:50.0%;top:1.0%;width:14.5%;height:3.2%}
.service-areas{left:66.7%;top:1.1%;width:9.0%;height:3.0%}
.why-choose-us{left:76.0%;top:1.1%;width:10.5%;height:3.0%}
.consultation-top{left:86.6%;top:1.0%;width:12.0%;height:3.4%}

/* Lower call to action */
.consultation-bottom{left:3.4%;top:88.2%;width:25.6%;height:3.5%}

/* Footer links */
.logo-bottom{left:2.0%;top:92.2%;width:25.5%;height:5.0%}
.phone{left:35.0%;top:93.1%;width:16.5%;height:1.8%}
.email{left:34.7%;top:95.0%;width:20.0%;height:1.8%}

@media (max-width:700px){
  body{background:#020d17}
  .page-shell{
    width:100%;
    overflow-x:hidden;
  }
}