/* Vinyl — Contact Us Page */

:root {
  --cream:  #F5F2EC;
  --cream2: #EDE9E0;
  --ink:    #1C1B18;
  --mid:    #6B6860;
  --muted:  #A8A59F;
  --amber:  #BA7517;
  --amber2: #EF9F27;
  --amber3: #FAEEDA;
  --dark:   #0d0a05;
}

/* HERO */
.con-hero {
  background: var(--dark);
  padding: 120px 48px 72px;
  position: relative;
  overflow: hidden;
}
.con-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 85% 55%, rgba(186,117,23,.08) 0%, transparent 65%);
  pointer-events: none;
}
.con-hero-inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.con-eyebrow {
  font-family: 'DM Mono', monospace;
  font-size: var(--font-size-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(250,199,117,.65);
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}
.con-eyebrow::before { content: ''; width: 24px; height: 0.5px; background: rgba(250,199,117,.5); }
.con-h1 {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-size-h1);
  font-weight: 300;
  color: var(--cream);
  line-height: 1.05;
  margin-bottom: 16px;
}
.con-h1 em { font-style: italic; }
.con-hero-sub { font-size: var(--font-size-body); line-height: 1.8; color: rgba(245,242,236,.55); max-width: 480px; }

/* BODY */
.con-body { background: var(--cream); padding: 80px 48px 100px; }
.con-body-inner {
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 80px;
  align-items: start;
}

/* INFO COLUMN */
.con-info { display: flex; flex-direction: column; gap: 36px; padding-top: 8px; }
.con-info-block {}
.con-info-label {
  font-family: 'DM Mono', monospace;
  font-size: var(--font-size-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 8px;
}
.con-info-value {
  font-family: 'Playfair Display', serif;
  font-size: var(--font-size-body);
  font-weight: 300;
  color: var(--ink);
  line-height: 1.8;
}
.con-info-value a { color: var(--ink); text-decoration: none; border-bottom: 0.5px solid #d8d4cc; transition: color .15s, border-color .15s; }
.con-info-value a:hover { color: var(--amber); border-color: var(--amber); }
.con-social { display: flex; flex-direction: column; gap: 4px; }

/* FORM COLUMN */
.con-form-label {
  font-family: 'DM Mono', monospace;
  font-size: var(--font-size-mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.con-form-label::after { content: ''; flex: 1; height: 0.5px; background: #d8d4cc; }

/* Override global GF label color for contact page light background */
.con-form .gform_wrapper .gfield_label,
.con-form .gform_wrapper .gfield_label.gfield_label_before_complex {
  color: var(--ink) !important;
  opacity: 1 !important;
}
.con-form .gform_wrapper .gfield_description {
  color: var(--mid) !important;
}
.con-no-form {
  font-family: 'DM Mono', monospace;
  font-size: var(--font-size-small);
  letter-spacing: .1em;
  color: var(--muted);
  padding: 20px;
  border: 0.5px solid #d8d4cc;
  border-radius: 6px;
}
.con-no-form a { color: var(--amber); text-decoration: none; }

@media (max-width: 768px) {
  .con-hero { padding: 100px 24px 56px; }
  .con-h1   { font-size: var(--font-size-h2); }
  .con-body { padding: 56px 24px 72px; }
  .con-body-inner { grid-template-columns: 1fr; gap: 48px; }
}