:root{
  --navy:#071f2f;
  --gold:#d7a15b;
  --cream:#f5efe5;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--navy);font-family:Arial,sans-serif}
.page-shell{position:relative;width:100%;max-width:1600px;margin:0 auto;background:var(--navy)}
.page-render{width:100%;height:auto;display:block}
.hotspot{position:absolute;display:block;z-index:20;border-radius:6px}
.hotspot:focus{outline:3px solid rgba(215,161,91,.9);outline-offset:2px}
.contact-input,.contact-select,.contact-textarea{
  position:absolute;z-index:25;background:transparent;border:0;color:#0b2940;
  font:inherit;padding:0 1%;outline:none;
}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{
  box-shadow:0 0 0 3px rgba(215,161,91,.45);border-radius:3px;
}
.contact-select{appearance:auto}
.contact-submit{
  position:absolute;z-index:26;border:0;background:transparent;cursor:pointer;
}
.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.mobile-note{display:none}
@media(max-width:700px){
  .page-shell{min-width:700px;transform-origin:top left}
  body{overflow-x:auto}
}