/* ===== About ===== */
#about {
  padding: 110px 0;
  background: #f7f1e7;
}

.about-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}

.about-media {
  position: relative;
}

.about-img {
  height: 460px;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

.about-badge {
  position: absolute;
  bottom: -20px;
  left: 24px;
  right: 24px;
  background: #17120f;
  color: #ffffff;
  font-size: 13.5px;
  letter-spacing: 0.03em;
  padding: 16px 22px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 12px 30px rgba(23, 18, 15, 0.25);
}

.about-badge i { color: #c9a227; }

.about-text .about-title {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: 40px;
  color: #241d17;
  margin-bottom: 20px;
  line-height: 1.25;
}

.about-text p {
  font-size: 15.5px;
  color: #6b5d4a;
  margin-bottom: 18px;
}

.about-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #c9a227;
  text-decoration: none;
  margin-top: 8px;
  transition: gap 0.3s ease;
}

.about-cta:hover { gap: 16px; }

/* ===== Responsive ===== */
@media (min-width: 1440px) {
  .about-inner { max-width: 1280px; padding: 0 64px; }
}

@media (max-width: 1024px) {
  #about { padding: 90px 0; }
  .about-inner { padding: 0 32px; gap: 48px; }
  .about-img { height: 400px; }
  .about-text .about-title { font-size: 34px; }
}

@media (max-width: 768px) {
  .about-inner { grid-template-columns: 1fr; gap: 56px; }
  .about-img { height: 340px; }
}

@media (max-width: 480px) {
  #about { padding: 64px 0; }
  .about-inner { padding: 0 16px; }
  .about-img { height: 280px; }
  .about-badge { position: static; margin-top: 16px; }
  .about-text .about-title { font-size: 28px; }
}