/* ===========================================
   SECTION STYLES
   ========================================= */
@import url('tokens.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');

/* Hero Section */
.hero-luxury {
  position: relative;
  background: var(--gradient-luxury);
  padding: var(--spacing-24) 0 var(--spacing-16) 0;
  text-align: center;
  overflow: hidden;
}
.hero-content-base {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
}
.hero-greeting {
  font-size: clamp(1.5rem, 7vw, 3.5rem);
  color: var(--color-gold);
  font-family: var(--font-heading);
  font-weight: 800;
  margin-bottom: var(--spacing-2);
  text-shadow: 0 0 12px var(--color-gold), 0 0 32px #fff2;
  opacity: 0;
  transform: translateY(32px);
  animation: heroGreetingFadeInUp 1.1s cubic-bezier(0.68,-0.55,0.27,1.55) 0.3s forwards;
  line-height: 1.1;
  letter-spacing: 0.01em;
}
.hero-title-luxury {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 5vw, 2.7rem);
  color: var(--color-darker-brown);
  text-shadow: 0 0 4px #fff4;
  margin-bottom: var(--spacing-4);
  font-weight: 800;
  line-height: 1.15;
}
.hero-subtitle-luxury {
  font-family: var(--font-body);
  font-size: clamp(1rem, 3vw, 2rem);
  color: var(--color-dark-brown);
  margin-bottom: var(--spacing-6);
  line-height: 1.2;
}
body.dark-mode .hero-title-luxury {
  color: var(--color-dark-gold) !important;
  text-shadow: 0 0 12px var(--color-dark-gold), 0 0 32px #fff2;
}
.profile-img-glow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: linear-gradient(135deg, #FFD700 0%, #C9A227 100%);
  box-shadow: 0 0 0 8px #fff, 0 0 32px 8px var(--color-bright-gold);
  padding: 6px;
  margin-bottom: var(--spacing-6);
  animation: hero-gold-glow 2.5s ease-in-out infinite alternate;
}
.profile-img-glow img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  background: #fff;
  box-shadow: 0 0 0 0 #FFD700;
}
@media (max-width: 900px) {
  .hero-luxury {
    padding: var(--spacing-16) 0 var(--spacing-8) 0;
  }
  .hero-content-base {
    gap: var(--spacing-4);
  }
}
@media (max-width: 600px) {
  .hero-luxury {
    padding: var(--spacing-8) 0 var(--spacing-4) 0;
  }
  .hero-title-luxury {
    font-size: clamp(1.1rem, 7vw, 2.1rem);
  }
  .hero-greeting {
    font-size: clamp(1.1rem, 10vw, 2.2rem);
  }
  .hero-subtitle-luxury {
    font-size: clamp(0.9rem, 4vw, 1.2rem);
  }
}
@media (max-width: 480px) {
  .hero-luxury {
    padding: var(--spacing-4) 0 var(--spacing-2) 0;
  }
  .hero-title-luxury {
    font-size: clamp(1rem, 8vw, 1.5rem);
  }
  .hero-greeting {
    font-size: clamp(0.95rem, 12vw, 1.5rem);
  }
  .hero-subtitle-luxury {
    font-size: clamp(0.8rem, 5vw, 1rem);
  }
}
@keyframes hero-gold-glow {
  0% { box-shadow: 0 0 0 8px #fff, 0 0 32px 8px #FFD700; }
  100% { box-shadow: 0 0 0 8px #fff, 0 0 48px 16px #FFD700; }
}
@keyframes heroGreetingFadeInUp {
  0% { opacity: 0; transform: translateY(32px); }
  100% { opacity: 1; transform: translateY(0); }
}

.hero-content-base .text-center a,
.hero-content-base .text-center p {
  color: var(--color-darker-brown);
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Skills Section */
/* Testimonials Section */
/* Projects Section */
/* Blog Section */
/* Contact Section */

/* Skills Section */
#skills .skill-card { /* ... */ }
#skills .progress-bar { /* ... */ }
#skills .stat-card { /* ... */ }
#skills .stat-number { /* ... */ }
#skills .stat-label { /* ... */ }

/* Testimonials Section */
#testimonials .testimonials-slider { /* ... */ }
#testimonials .testimonial-card { /* ... */ }
#testimonials .testimonial-quote { /* ... */ }
#testimonials .testimonial-author { /* ... */ }
#testimonials .testimonials-controls button { /* ... */ }

/* Projects Section */
#projectsGrid .portfolio-card-luxury { /* ... */ }
.project-filters { /* ... */ }
.filter-btn { /* ... */ }

/* Blog Section */
.blog-card { /* ... */ }
.blog-snippet { /* ... */ }
.read-more-btn { /* ... */ }

/* Contact Section */
.contact-form-main { /* ... */ }
.input-luxury { /* ... */ }
.submit-button { /* ... */ }
.contact-links .contact-btn { /* ... */ }

/* Responsive section paddings and card layouts */
.section-card {
  padding: 4.5rem 2.5rem 3.5rem 2.5rem;
  margin: 3.5rem auto 0 auto;
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1280px) {
  .section-card {
    max-width: 1000px;
    padding: 3.5rem 1.5rem 2.5rem 1.5rem;
  }
}
@media (max-width: 1024px) {
  .section-card {
    max-width: 800px;
    padding: 2.5rem 1rem 2rem 1rem;
  }
}
@media (max-width: 900px) {
  .section-card {
    max-width: 100%;
    padding: 2rem 0.5rem 1.5rem 0.5rem;
    margin: 2rem auto 0 auto;
  }
}
@media (max-width: 600px) {
  .section-card {
    padding: 1.2rem 0.2rem 1rem 0.2rem;
    margin: 1rem auto 0 auto;
  }
}

/* Responsive card grid layouts */
#skillsGrid, #projectsGrid, #blogGrid, .stats-grid, #testimonialsSlider {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
  width: 100%;
}
@media (max-width: 900px) {
  #skillsGrid, #projectsGrid, #blogGrid, .stats-grid, #testimonialsSlider {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
}

/* Responsive text sizes for section headers */
.section-header h2 {
  font-size: clamp(1.5rem, 5vw, 3rem);
}
.section-header p {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
}