/* contact.css */

/* ── FULL LAYOUT ── */
.contact-layout{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  min-height:100svh;
  padding-top:64px;
}

/* ── LEFT PANEL ── */
.contact-left{
  background:var(--ink);
  padding:0;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.contact-left-inner{
  padding:56px 48px;
  display:flex;flex-direction:column;
  gap:0;
  flex:1;
}

.contact-eyebrow{
  display:flex;align-items:center;gap:8px;
  margin-bottom:28px;
}
.contact-pg{
  font-family:'Cormorant Garamond',serif;
  font-size:2.5rem;font-weight:700;
  color:rgba(255,255,255,0.12);line-height:1;
}
.contact-slash{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;font-weight:300;
  color:rgba(255,255,255,0.12);
}
.contact-pg-label{
  font-size:0.7rem;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:rgba(255,255,255,0.35);
}

/* Detail list */
.contact-detail-list{
  display:flex;flex-direction:column;gap:20px;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  margin-bottom:32px;
}
.contact-detail-item{
  display:flex;align-items:flex-start;gap:13px;
}
.contact-detail-icon{
  width:32px;height:32px;
  border-radius:7px;
  background:rgba(255,255,255,0.07);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  color:var(--peach);
  margin-top:1px;
}
.contact-detail-lbl{
  font-size:0.65rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(255,255,255,0.35);margin-bottom:3px;
}
.contact-detail-val{
  font-size:0.88rem;
  color:rgba(255,255,255,0.75);
  line-height:1.55;
}

/* Phone wrap */
.contact-phone-wrap{
  margin-bottom:32px;
  display:flex;
  justify-content:flex-start;
}

/* Socials */
.contact-socials{
  display:flex;align-items:center;gap:10px;
  margin-top:auto;padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.08);
}
.contact-social-label{
  font-size:0.7rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:rgba(255,255,255,0.35);
}

/* ── RIGHT PANEL ── */
.contact-right{
  background:var(--white);
  display:flex;align-items:flex-start;justify-content:center;
  padding:64px 48px;
  overflow-y:auto;
}
.contact-form-wrap{
  width:100%;max-width:520px;
}
.contact-form-header{margin-bottom:32px;}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.submit-btn{
  width:100%;
  padding:14px 24px;
  background:var(--ink);
  color:var(--white);
  border:none;border-radius:var(--r-sm);
  font-family:'Epilogue',sans-serif;
  font-size:0.9rem;font-weight:600;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  gap:9px;
  transition:var(--t);
  margin-top:8px;
}
.submit-btn:hover:not(:disabled){
  background:var(--brown);
  transform:translateY(-2px);
  box-shadow:var(--sh-md);
}
.submit-btn:disabled{opacity:0.7;cursor:not-allowed;}

.contact-form-note{
  display:flex;align-items:center;gap:7px;
  font-size:0.78rem;color:var(--grey);
  margin-top:18px;
  padding-top:16px;
  border-top:var(--rule);
  line-height:1.5;
}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .contact-layout{
    grid-template-columns:1fr;
    padding-top:64px;
  }
  .contact-left{
    padding:0;
  }
  .contact-left-inner{
    padding:40px 24px;
  }
  .contact-phone-wrap{display:none;}
  .contact-right{
    padding:40px 24px;
  }
  .contact-form-wrap{max-width:100%;}
}
@media(max-width:500px){
  .form-row{grid-template-columns:1fr;}
}