
/* FNHC Private Enquiry modal */
.pe-overlay{
  position:fixed;
  inset:0;
  z-index:500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(4,15,10,.76);
  backdrop-filter:blur(10px);
}
.pe-overlay.open{display:flex}
.pe-modal{
  position:relative;
  width:min(980px,100%);
  max-height:92vh;
  display:grid;
  grid-template-columns:34% 66%;
  overflow:auto;
  background:#fbfaf6;
  box-shadow:0 34px 110px rgba(0,0,0,.48);
  border:1px solid rgba(184,154,97,.35);
}
.pe-visual{
  min-height:720px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(to top,rgba(7,33,22,.96) 0 31%,rgba(7,33,22,.16) 62%,rgba(7,33,22,.08)),
    url("../img/private-enquiry.jpg") center/cover no-repeat;
}
.pe-visual-brand{
  margin-top:auto;
  padding:34px 28px 36px;
  color:#d2bb88;
  text-align:center;
}
.pe-crest{
  width:52px;
  height:60px;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
  border:1px solid #b89a61;
  font-family:"Cormorant Garamond",serif;
  font-size:28px;
}
.pe-visual-brand p{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  line-height:1.8;
}
.pe-form-panel{
  position:relative;
  padding:52px 58px 44px;
}
.pe-close{
  position:absolute;
  top:19px;
  right:22px;
  border:0;
  background:transparent;
  color:#9a7a42;
  font-size:34px;
  line-height:1;
  cursor:pointer;
}
.pe-eyebrow{
  margin:0 0 10px;
  color:#9a7840;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:600;
}
.pe-form-panel h2{
  margin:0;
  color:#10251a;
  font-family:"Cormorant Garamond",serif;
  font-size:52px;
  font-weight:500;
  line-height:1;
}
.pe-rule{
  width:170px;
  height:1px;
  margin:24px 0 28px;
  background:linear-gradient(90deg,transparent,#b89a61,transparent);
}
.pe-intro{
  max-width:560px;
  margin:0 0 28px;
  color:#566158;
  font-size:14px;
  line-height:1.7;
}
.pe-form{
  display:grid;
  gap:16px;
}
.pe-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.pe-field{
  display:block;
  margin:0;
  padding:12px 14px 10px;
  border:1px solid rgba(18,48,34,.17);
  background:#fff;
}
.pe-field span{
  display:block;
  margin-bottom:6px;
  color:#536057;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:8px;
}
.pe-field input,
.pe-field select,
.pe-field textarea{
  width:100%;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#12271b;
  font:inherit;
}
.pe-field textarea{min-height:108px;resize:vertical}
.pe-submit{
  min-height:58px;
  border:0;
  background:linear-gradient(90deg,#0b2b1e,#123d2b);
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:9px;
  cursor:pointer;
}
.pe-submit:hover{background:#0a2419}
.pe-submit[disabled]{opacity:.65;cursor:wait}
.pe-privacy{
  display:flex;
  align-items:center;
  gap:9px;
  margin:2px 0 0;
  color:#7a817c;
  font-size:10px;
}
.pe-status{
  display:none;
  padding:13px 15px;
  border-left:3px solid #b89a61;
  background:#f2ede2;
  color:#173426;
  font-size:13px;
}
.pe-status.show{display:block}
.pe-status.error{border-color:#8f3d35;background:#f7e8e5;color:#6b2924}
@media(max-width:780px){
  .pe-overlay{padding:10px}
  .pe-modal{grid-template-columns:1fr}
  .pe-visual{display:none}
  .pe-form-panel{padding:48px 25px 30px}
  .pe-form-panel h2{font-size:44px}
}
@media(max-width:520px){
  .pe-two{grid-template-columns:1fr}
}
