/* Pages CSS - Urban Cap LLC */

.page-hero {
  background: linear-gradient(135deg, #0a0a0a, #1a1a1a);
  padding: 160px 40px 80px;
  border-bottom: 1px solid rgba(201,168,76,0.15);
}
.page-hero__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.page-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(42px, 5vw, 72px);
  font-weight: 300;
  color: #fff;
}

/* ABOUT */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.about-text h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 42px;
  font-weight: 300;
  margin-bottom: 24px;
  line-height: 1.2;
}
.about-text p {
  font-size: 15px;
  color: #888;
  line-height: 1.8;
  margin-bottom: 16px;
}
.about-stats {
  display: flex;
  gap: 32px;
  margin-top: 40px;
}
.about-stat span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 48px;
  font-weight: 300;
  color: #c9a84c;
  display: block;
}
.about-stat p {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #888;
  margin: 0;
}
.about-values {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.value-card {
  background: #1a1a1a;
  padding: 32px 28px;
}
.value-card h3 {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 10px;
}
.value-card p {
  font-size: 14px;
  color: #888;
  line-height: 1.7;
}

/* CONTACT */
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.contact-info h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 42px;
  font-weight: 300;
  margin-bottom: 16px;
}
.contact-info > p {
  font-size: 15px;
  color: #888;
  margin-bottom: 40px;
}
.contact-items { display: flex; flex-direction: column; gap: 28px; }
.contact-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.contact-item span { font-size: 24px; }
.contact-item h4 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #c9a84c;
  margin-bottom: 4px;
}
.contact-item a, .contact-item p {
  font-size: 15px;
  color: #ccc;
  margin: 0;
}
.contact-form-wrap h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 32px;
  color: #c9a84c;
}
.contact-form { display: flex; flex-direction: column; gap: 20px; }
.contact-form textarea {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  color: #fff;
  padding: 14px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  outline: none;
  resize: vertical;
  transition: border-color 0.3s;
}
.contact-form textarea:focus { border-color: #c9a84c; }

@media (max-width: 768px) {
  .about-grid, .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-values { grid-template-columns: 1fr; }
  .page-hero { padding: 120px 24px 60px; }
}