html,body{
  margin:0;
  padding:0;
  background:#020d17;
  font-family:Arial,sans-serif;
}
.approved-page{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  background:#020d17;
}
.approved-artwork{
  display:block;
  width:100%;
  height:auto;
}
.hotspots{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hotspot,
.contact-form{
  position:absolute;
  pointer-events:auto;
}
.hotspot{
  display:block;
  background:transparent;
  border:0;
  outline:none;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:2px solid rgba(226,181,95,.95);
  outline-offset:1px;
}

/* Header navigation aligned to the approved 1536x1024 artwork */
.home{left:20.7%;top:1.6%;width:3.5%;height:4.7%}
.about{left:24.6%;top:1.6%;width:3.8%;height:4.7%}
.services{left:28.8%;top:1.6%;width:4.2%;height:4.7%}
.wine{left:33.5%;top:1.6%;width:10.4%;height:4.7%}
.lifestyle{left:44.5%;top:1.6%;width:10.2%;height:4.7%}
.contact{left:57.3%;top:1.6%;width:4.8%;height:4.7%}
.consult-top{left:85.7%;top:1.3%;width:11.8%;height:4.3%}

/* Hero CTA/contact links */
.consult-hero{left:3.4%;top:34.4%;width:17.5%;height:4.3%}
.phone-top{left:3.3%;top:37.4%;width:11.8%;height:2.2%}
.email-top{left:17.8%;top:37.4%;width:17.8%;height:2.2%}

/* Functional form controls laid directly over the artwork */
.contact-form{
  inset:0;
  margin:0;
}
.contact-form .field{
  position:absolute;
  margin:0;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  box-sizing:border-box;
  width:100%;
  height:100%;
  border:0;
  background:rgba(255,255,255,.01);
  color:#111;
  font:14px/1.3 Arial,sans-serif;
  padding:7px 10px;
  outline:none;
}
.contact-form select{
  appearance:auto;
}
.contact-form textarea{
  resize:none;
}
.full-name{left:42.32%;top:55.96%;width:21.48%;height:3.42%}
.email-address{left:65.10%;top:55.96%;width:21.48%;height:3.42%}
.phone-number{left:42.32%;top:62.60%;width:21.48%;height:3.42%}
.property-location{left:65.10%;top:62.60%;width:21.48%;height:3.42%}
.service-interest{left:42.32%;top:69.24%;width:44.27%;height:3.42%}
.message{left:42.32%;top:75.88%;width:44.27%;height:5.00%}
.submit-button{
  position:absolute;
  left:42.32%;
  top:82.80%;
  width:17.58%;
  height:3.22%;
  border:0;
  background:transparent;
  cursor:pointer;
  pointer-events:auto;
}

/* Locked homepage footer contact links */
.phone-footer{left:23.2%;top:91.4%;width:11.5%;height:2.3%}
.email-footer{left:23.2%;top:93.5%;width:14.8%;height:2.3%}
.website-footer{left:23.2%;top:95.6%;width:12.6%;height:2.3%}
.consult-footer{left:69.6%;top:91.6%;width:17.5%;height:4.1%}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.mobile-fallback{display:none}

@media (max-width:760px){
  .approved-page{display:none}
  .mobile-fallback{
    display:block;
    min-height:100vh;
    background:#020d17;
    padding-bottom:20px;
  }
  .mobile-fallback img{
    display:block;
    width:100%;
    height:auto;
  }
  .mobile-actions,
  .mobile-contact-form{
    display:grid;
    gap:10px;
    padding:18px;
  }
  .mobile-actions a,
  .mobile-contact-form button{
    display:block;
    padding:14px 16px;
    border:1px solid #c9953d;
    color:#e2b55f;
    background:#020d17;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:700;
    font-size:13px;
  }
  .mobile-contact-form{
    padding-top:0;
  }
  .mobile-contact-form input,
  .mobile-contact-form select,
  .mobile-contact-form textarea{
    box-sizing:border-box;
    width:100%;
    padding:12px;
    border:1px solid #c9953d;
    background:#f5f1eb;
    color:#111;
    font:16px Arial,sans-serif;
  }
  .mobile-contact-form textarea{
    min-height:120px;
    resize:vertical;
  }
}


/* Spam-protection honeypot: hidden from normal visitors */
.hp-field{
  position:absolute !important;
  left:-10000px !important;
  top:auto !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}


/* FIX: navigation/contact hotspots must remain completely invisible */
.hotspot,
.hotspot:link,
.hotspot:visited,
.hotspot:hover,
.hotspot:active,
.hotspot:focus,
.hotspot:focus-visible {
  display:block !important;
  position:absolute !important;
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  color:transparent !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* Keep accessibility focus styling on actual form fields only. */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline:2px solid rgba(226,181,95,.95);
  outline-offset:1px;
}