:root{--navy:#06264a;--gold:#c98a22;--cream:#f7f3ea}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--cream);font-family:Arial,sans-serif;color:var(--navy)}
body{overflow-x:auto}
.site{min-width:1100px}
.visual{display:block;width:100%;height:auto}
.stage{position:relative;width:100%;overflow:hidden;background:#fff}
.hotspot{position:absolute;display:block;background:transparent;border:0;cursor:pointer;text-decoration:none}
.hotspot:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.home-stage{aspect-ratio:1536/1024}
.services-stage{aspect-ratio:1344/1152}
.contact-stage{aspect-ratio:1536/1024}
.topbar{position:absolute;z-index:10;left:0;right:0;top:0;height:10%;display:flex;align-items:center;justify-content:center}
.nav-hotspot{top:0;height:10%}
.nav-home{left:24%;width:10%}.nav-services{left:34%;width:12%}.nav-contact{left:46%;width:17%}
.nav-cta{right:3%;width:18%}
.hero-cta{left:29%;top:36%;width:22%;height:8%}
.about-cta{left:79%;top:75%;width:18%;height:6%}
.service-card-link{width:30%;height:29%;top:19%}
.s1{left:2%}.s2{left:35%}.s3{left:68%}
.s4,.s5,.s6{top:49%}.s4{left:2%}.s5{left:35%}.s6{left:68%}
.s7,.s8,.s9{top:76%}.s7{left:2%}.s8{left:35%}.s9{left:68%}
.contact-form{position:absolute;left:57%;top:8%;width:25%;height:39%}
.form-name{top:13%;height:10%;width:90%;left:5%}.form-email{top:23%;height:10%;width:90%;left:5%}
.form-phone{top:33%;height:10%;width:90%;left:5%}.form-message{top:43%;height:20%;width:90%;left:5%}
.form-submit{top:67%;height:12%;width:90%;left:5%}
.contact-cta{left:29%;top:36%;width:22%;height:8%}
.footer-cta{left:36%;top:91%;width:26%;height:6%}
.small-note{max-width:900px;margin:18px auto;padding:0 20px 24px;text-align:center;color:#667085;font-size:13px}
@media(max-width:900px){
  .site{min-width:1100px}
  .small-note{font-size:12px}
}