/* Michael Ralph Media — dark enquiry page */

body.contact-v2{
  margin:0;
  background:#090909;
  color:#f4f1eb;
  font-family:"DM Sans",Arial,sans-serif;
}

.contact-v2 *{box-sizing:border-box}
.contact-v2 a{color:inherit;text-decoration:none}

.contact-v2 .contact-shell{
  width:100%;
  min-height:100svh;
  background:#090909;
}

.contact-v2 .contact-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:82px;
  padding:0 4vw;
  border-bottom:1px solid rgba(255,255,255,.12);
  background:#0a0a0a;
}

.contact-v2 .contact-brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-family:"Space Grotesk","DM Sans",Arial,sans-serif;
  font-size:21px;
  font-weight:600;
  letter-spacing:-.02em;
  text-transform:uppercase;
}

.contact-v2 .contact-brand img{
  width:34px;
  height:34px;
  object-fit:contain;
}

.contact-v2 .contact-nav-links{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.contact-v2 .contact-nav-links a{
  opacity:.82;
  transition:opacity .2s ease;
}

.contact-v2 .contact-nav-links a:hover,
.contact-v2 .contact-nav-links a:focus-visible{opacity:1}

.contact-v2 .enquiry-page{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);
  min-height:calc(100svh - 82px);
}

.contact-v2 .enquiry-intro{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:56px;
  padding:clamp(64px,8vw,118px) 6vw 64px 4vw;
  border-right:1px solid rgba(255,255,255,.12);
  background:#0d0d0d;
}

.contact-v2 .eyebrow{
  display:block;
  margin-bottom:16px;
  color:#d66d48;
  font-size:10px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.contact-v2 .enquiry-intro h1{
  max-width:650px;
  margin:0;
  font-family:"Space Grotesk","DM Sans",Arial,sans-serif;
  font-size:clamp(56px,7.5vw,108px);
  font-weight:600;
  line-height:.88;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.contact-v2 .enquiry-intro .intro-copy{
  max-width:590px;
  margin:28px 0 0;
  color:#b8b3ad;
  font-size:15px;
  line-height:1.75;
}

.contact-v2 .prep{
  max-width:560px;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.14);
}

.contact-v2 .prep strong{
  display:block;
  margin-bottom:12px;
  font-family:"Space Grotesk","DM Sans",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
}

.contact-v2 .prep p{
  margin:0;
  color:#8f8a84;
  font-size:12px;
  line-height:1.65;
}

.contact-v2 .enquiry-panel{
  display:flex;
  align-items:center;
  padding:64px 4vw;
  background:#111;
}

.contact-v2 .enquiry-form{
  width:min(760px,100%);
  margin:0 auto;
}

.contact-v2 .success-message{
  display:none;
  margin-bottom:28px;
  padding:18px 20px;
  border:1px solid rgba(214,109,72,.55);
  background:rgba(214,109,72,.08);
}

.contact-v2 .success-message.visible{display:block}

.contact-v2 .success-message strong{
  display:block;
  margin-bottom:5px;
  font-family:"Space Grotesk","DM Sans",Arial,sans-serif;
  font-size:18px;
}

.contact-v2 .success-message span{
  color:#c5c0ba;
  font-size:12px;
  line-height:1.55;
}

.contact-v2 .form-heading{
  margin-bottom:34px;
}

.contact-v2 .form-heading h2{
  margin:0;
  font-family:"Space Grotesk","DM Sans",Arial,sans-serif;
  font-size:clamp(34px,3.7vw,54px);
  font-weight:600;
  line-height:1;
  letter-spacing:-.04em;
}

.contact-v2 .form-heading p{
  max-width:620px;
  margin:13px 0 0;
  color:#96918b;
  font-size:12px;
  line-height:1.65;
}

.contact-v2 .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px 18px;
}

.contact-v2 .field{
  display:flex;
  flex-direction:column;
  gap:9px;
}

.contact-v2 .field.full{grid-column:1 / -1}

.contact-v2 label{
  color:#d7d2cc;
  font-size:9px;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.contact-v2 .optional{
  color:#77726d;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:none;
}

.contact-v2 input,
.contact-v2 select,
.contact-v2 textarea{
  width:100%;
  border:1px solid #343434;
  border-radius:0;
  outline:none;
  background:#0d0d0d;
  color:#f4f1eb;
  font:500 14px/1.4 "DM Sans",Arial,sans-serif;
  transition:border-color .2s ease,background .2s ease;
}

.contact-v2 input,
.contact-v2 select{
  min-height:52px;
  padding:0 14px;
}

.contact-v2 textarea{
  min-height:170px;
  resize:vertical;
  padding:14px;
}

.contact-v2 input::placeholder,
.contact-v2 textarea::placeholder{color:#66625d}

.contact-v2 input:focus,
.contact-v2 select:focus,
.contact-v2 textarea:focus{
  border-color:#d66d48;
  background:#101010;
}

.contact-v2 select{
  color-scheme:dark;
}

.contact-v2 .honeypot{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

.contact-v2 .form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.12);
}

.contact-v2 .form-note{
  max-width:460px;
  margin:0;
  color:#74706b;
  font-size:10px;
  line-height:1.55;
}

.contact-v2 .submit-btn{
  flex:0 0 auto;
  min-height:48px;
  padding:0 20px;
  border:1px solid #d66d48;
  background:#d66d48;
  color:#090909;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:.2s ease;
}

.contact-v2 .submit-btn:hover,
.contact-v2 .submit-btn:focus-visible{
  background:#e57a54;
  border-color:#e57a54;
}

.contact-v2 .direct-contact{
  margin-top:28px;
  color:#8e8983;
  font-size:11px;
}

.contact-v2 .direct-contact a{
  color:#d7d2cc;
  border-bottom:1px solid #555;
}

.contact-v2 .contact-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px 4vw 32px;
  border-top:1px solid rgba(255,255,255,.1);
  background:#080808;
  color:#77726d;
  font-size:9px;
}

.contact-v2 .contact-footer div{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

@media(max-width:900px){
  .contact-v2 .contact-nav{
    min-height:72px;
    padding:0 22px;
  }

  .contact-v2 .contact-brand{font-size:18px}
  .contact-v2 .contact-brand img{width:29px;height:29px}

  .contact-v2 .enquiry-page{
    grid-template-columns:1fr;
    min-height:0;
  }

  .contact-v2 .enquiry-intro{
    padding:72px 22px 54px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .contact-v2 .enquiry-intro h1{
    font-size:clamp(54px,13vw,84px);
  }

  .contact-v2 .enquiry-panel{
    padding:56px 22px 72px;
  }

  .contact-v2 .enquiry-form{
    max-width:680px;
  }
}

@media(max-width:600px){
  .contact-v2 .contact-nav-links{gap:14px}
  .contact-v2 .contact-nav-links a{font-size:8px}

  .contact-v2 .enquiry-intro{
    gap:38px;
    padding-top:60px;
  }

  .contact-v2 .enquiry-intro h1{
    font-size:clamp(50px,16vw,68px);
  }

  .contact-v2 .enquiry-intro .intro-copy{
    font-size:13px;
  }

  .contact-v2 .form-grid{
    grid-template-columns:1fr;
  }

  .contact-v2 .field.full{grid-column:auto}

  .contact-v2 .form-footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-v2 .submit-btn{
    width:100%;
  }

  .contact-v2 .contact-footer{
    align-items:flex-start;
    flex-direction:column;
    padding-inline:22px;
  }
}