@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Poppins:wght@300;400;500;600&display=swap");

:root{
  --gold:#d8b46a;
  --gold-light:#f4e2b8;
  --gold-dark:#b88a33;
}

/* =========================
   CONTACT SECTION
========================= */

.contact-section{
  padding:80px 0;
  background:linear-gradient(180deg,#fff,#fcfaf6);
}

.contact-container{
  width:min(1280px,calc(100% - 40px));
  margin:auto;

  display:grid;
  grid-template-columns:1fr .95fr;
  gap:45px;
  align-items:center;
}

/* Left */

.contact-eyebrow{
  display:inline-block;
  color:var(--gold-dark);
  font:600 11px "Poppins",sans-serif;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:14px;
}

.contact-info h2{
  margin:0;
  color:#222;
  font:500 clamp(34px,5vw,58px) "Cinzel",serif;
}

.contact-info>p{
  margin:22px 0 32px;
  color:#666;
  font:400 15px/1.8 "Poppins",sans-serif;
}

.info-card{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:18px;
  margin-bottom:16px;

  background:#fff;
  border:1px solid rgba(216,180,106,.25);
  border-radius:18px;

  box-shadow:0 8px 25px rgba(0,0,0,.05);

  transition:.3s;
}

.info-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 30px rgba(184,138,51,.15);
}

.info-card i{
  width:52px;
  height:52px;
  flex-shrink:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));

  color:#6a4d18;
  font-size:20px;
}

.info-card h4{
  margin:0 0 6px;
  font:600 18px "Cinzel",serif;
  color:#222;
}

.info-card p,
.info-card a{
  margin:0;
  color:#666;
  text-decoration:none;
  font:400 14px/1.7 "Poppins",sans-serif;
}

/* Social */

.social-links{
  display:flex;
  gap:14px;
  margin-top:26px;
}

.social-links a{
  width:46px;
  height:46px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:#fff;

  border:1px solid rgba(216,180,106,.35);

  color:var(--gold-dark);

  text-decoration:none;

  transition:.3s;
}

.social-links a:hover{
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:#fff;
  transform:translateY(-4px);
}

/* Form */

.contact-form-wrap{
  background:#fff;
  border-radius:26px;
  padding:34px;
  border:1px solid rgba(216,180,106,.25);
  box-shadow:0 15px 40px rgba(0,0,0,.07);
}

.contact-form-wrap h3{
  margin:0 0 22px;
  font:500 30px "Cinzel",serif;
  color:#222;
}

.contact-form{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  padding:16px;
  border:1px solid rgba(216,180,106,.28);
  border-radius:14px;
  outline:none;
  font:400 14px "Poppins",sans-serif;
  transition:.3s;
}

.contact-form input:focus,
.contact-form textarea:focus{
  border-color:var(--gold-dark);
  box-shadow:0 0 0 3px rgba(216,180,106,.15);
}

.contact-form button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:16px;
  border:none;
  border-radius:999px;

  background:linear-gradient(135deg,var(--gold),var(--gold-dark));

  color:#fff;
  cursor:pointer;

  font:600 14px "Poppins",sans-serif;

  transition:.3s;
}

.contact-form button:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 30px rgba(184,138,51,.25);
}

/* =========================
   MAP
========================= */

.map-section{
  padding:0 0 80px;
  background:#fcfaf6;
}

.map-container{
  width:min(1280px,calc(100% - 40px));
  margin:auto;
  overflow:hidden;
  border-radius:26px;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.map-container iframe{
  width:100%;
  height:420px;
  border:none;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

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

.contact-form-wrap{
max-width:650px;
}

}

@media(max-width:576px){

.contact-section{
padding:60px 0;
}

.contact-container,
.map-container{
width:calc(100% - 24px);
}

.contact-info h2{
font-size:36px;
}

.contact-form-wrap{
padding:24px;
}

.map-container iframe{
height:300px;
}

.social-links{
justify-content:center;
}

}