/* ----------------- SECTION TAG ----------------- */

.section-tag {

  display: inline-flex;

  align-items: center;

  gap: 1rem;

  margin-bottom: 1.5rem;

  color: var(--color-gold);

  font-size: 0.68rem;

  letter-spacing: 0.28em;

  text-transform: uppercase;

}

.section-tag::before {

  content: '';

  width: 2rem;

  height: 1px;

  background: var(--color-gold);

}

/* ----------------- GOLD LINE ----------------- */

.gold-line {

  width: 3rem;

  height: 1px;

  margin-block: 2rem;

  background: var(--color-gold);

}

/* ----------------- CONTACT ----------------- */

.contact-section {

  position: relative;

}

.contact-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 6rem;

  align-items: start;

}

.contact-text {

  max-width: 560px;

  color: var(--color-gray-light);

  line-height: 1.9;

  margin-bottom: 3rem;

}

.contact-info {

  display: flex;

  flex-direction: column;

  gap: 1.5rem;

}

.contact-info-item span {

  display: block;

  margin-bottom: 0.5rem;

  color: var(--color-gold);

  font-size: 0.72rem;

  letter-spacing: 0.18em;

  text-transform: uppercase;

}

.contact-info-item p {

  color: var(--color-gray-light);

}

.contact-form {

  display: flex;

  flex-direction: column;

  gap: 1.5rem;

}

.form-row {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 1rem;

}

.form-group {

  display: flex;

  flex-direction: column;

  gap: 0.5rem;

}

.form-group label {

  color: var(--color-gray);

  font-size: 0.68rem;

  letter-spacing: 0.18em;

  text-transform: uppercase;

}

.form-group input,
.form-group textarea,
.form-group select {

  width: 100%;

  padding: 1rem;

  background: rgba(255,255,255,0.03);

  border: 1px solid rgba(255,255,255,0.08);

  color: var(--color-white);

  outline: none;

  transition: var(--transition-default);

}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {

  border-color: rgba(201,168,76,0.4);

}

.form-group textarea {

  min-height: 140px;

  resize: vertical;

}