* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'Lato', sans-serif;
      color: #0A0A0A;
      overflow-x: hidden;
    }

    .cinzel { font-family: 'Cinzel', serif; font-weight: 700; }
    .montserrat-light { font-family: 'Montserrat', sans-serif; font-weight: 300; }
    .montserrat-semibold { font-family: 'Montserrat', sans-serif; font-weight: 600; }
    .lato-light { font-family: 'Lato', sans-serif; font-weight: 300; }
    .lato-regular { font-family: 'Lato', sans-serif; font-weight: 400; }
    .cormorant-italic { font-family: 'Cormorant Garamond', serif; font-weight: 300; font-style: italic; }

    .hero {
      background: linear-gradient(135deg, #C41E3A 0%, #000000 100%);
      color: #FFFFFF;
      text-align: center;
      padding: 40px 24px 100px;
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: #D4AF37;
      z-index: 2;
    }

    .hero-content {
      position: relative;
      z-index: 1;
    }

    

    .house-of-kel {
      font-family: 'Cormorant Garamond', serif;
      font-weight: 700;
      font-style: italic;
      font-size: 24px;
      color: #D4AF37;
      letter-spacing: 2px;
      margin-top: 40px;
      margin-bottom: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      filter: drop-shadow(-2px -3px 7px rgba(0, 0, 0, 0.5));
    }

    .house-of-kel-fleur {
      font-size: 24px;
      background: linear-gradient(180deg, #e7aa51 0%, #ffe499 25%, #8d5a1b 50%, #e7aa51 75%, #ac7031 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .house-of-kel-line {
      width: 58px;
      height: 2px;
      background: #D4AF37;
    }

    /* .hero-title {
      font-size: 140px;
      letter-spacing: 12px;
      margin: 0;
      line-height: 1;
      background: linear-gradient(180deg, #e7aa51, #ffe499, #8d5a1b, #e7aa51, #ac7031);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      filter: drop-shadow(-3px -5px 11px rgba(0, 0, 0, 0.65));
    } */

    .hero-title {
  font-size: 140px;
  letter-spacing: 12px;
  margin: 0;
  line-height: 1;
  background: linear-gradient(to right, #5a3a0f, #8d5a1b, #e7aa51, #ffe499, #110f0f, #ffe499, #e7aa51, #8d5a1b, #5a3a0f);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(-3px -5px 11px rgba(0, 0, 0, 0.65));
  animation: gradient 20s linear infinite;
}

    .hero-subtitle {
      font-size: 56px;
      background: linear-gradient(180deg, #e7aa51, #ffe499, #8d5a1b, #e7aa51, #ac7031);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      letter-spacing: 16px;
      margin: 0 0 40px 0;
      font-weight: 400;
      filter: drop-shadow(-3px -5px 9px rgba(0, 0, 0, 0.65));
    }   


    /* .hero-divider {
      width: 150px;
      height: 2px;
      background: #D4AF37;
      margin: 0 auto 50px;
    } */

    .hero-divider-luxury {
  margin: 0 auto 50px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.arrow-left,
.arrow-right,
.arrow-center {
  color: #D4AF37;
  font-size: 20px;
}

.arrow-left {
  transform: rotate(180deg);
  display: inline-block;
}

.arrow-line {
  height: 2px;
  background: #D4AF37;
  flex: 1;
}

.arrow-center {
  margin: 0 8px;
}

    .hero-headline {
      font-size: 28px;
      margin: 0 0 30px 0;
      letter-spacing: 2px;
      color: #FFFFFF;
      line-height: 1.6;
      text-shadow: -2px -3px 5px rgba(0, 0, 0, 0.5);
    }

    .hero-body {
      font-size: 18px;
      line-height: 1.8;
      max-width: 800px;
      margin: 0 auto 60px;
      color: #E8E8E8;
    }

    .hero-buttons {
      display: flex;
      gap: 24px;
      justify-content: center;
      flex-wrap: wrap;
    }

    .btn {
      padding: 22px 55px;
      font-size: 18px;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: none;
      cursor: pointer;
      transition: all 0.3s ease;
      border-radius: 3px;
      font-weight: 700;
      text-decoration: none;
      display: inline-block;
    }

    .btn-red {
      background: linear-gradient(180deg, #e52b2b, #731919);
      color: #FFFFFF;
      border: 2px solid #D4AF37;
    }

    .btn-gold {
      background: linear-gradient(180deg, #e7aa51, #ffe499, #8d5a1b, #e7aa51, #ac7031);
      color: #8b0000;
      border: 2px solid #D4AF37;
    }

    .btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 25px rgba(212, 175, 55, 0.7);
    }

    .section-label {
      text-align: center;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase;
      color: #999;
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
    }

    .section-label::before,
    .section-label::after {
      content: '';
      width: 40px;
      height: 1px;
      background: #D4AF37;
    }

    .who-we-serve {
      background: #FFFFFF;
      padding: 100px 24px;
    }

    .section-heading {
      font-size: 64px;
      text-align: center;
      margin: 0 0 80px 0;
      letter-spacing: 2px;
    }

    .cards-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 40px;
      max-width: 1400px;
      margin: 0 auto;
    }

    .card {
      background: #FFFFFF;
      padding: 48px 32px;
      border-left: 4px solid #D4AF37;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
    }

    .card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 40px rgba(212, 175, 55, 0.3);
    }

    .card-icon {
      font-size: 48px;
      margin-bottom: 24px;
    }

    .card-title {
      font-size: 24px;
      margin: 0 0 16px 0;
      letter-spacing: 1px;
      position: relative;
      padding-bottom: 16px;
    }

    .card-title::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 60px;
      height: 2px;
      background: #D4AF37;
    }

    .card ul {
      list-style: none;
      padding: 0;
      margin: 24px 0 0 0;
    }

    .card li {
      padding: 12px 0;
      line-height: 1.8;
      color: #333;
      position: relative;
      padding-left: 24px;
    }

    .card li::before {
      content: '▸';
      position: absolute;
      left: 0;
      color: #D4AF37;
      font-weight: bold;
    }

    .specializations {
      background: #0A0A0A;
      color: #FFFFFF;
      padding: 100px 24px;
    }

    .specializations .section-heading {
      color: #FFFFFF;
    }

    .specializations-subheading {
      text-align: center;
      font-size: 20px;
      color: #D4AF37;
      margin: -60px 0 80px 0;
    }

    .spec-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 32px;
      max-width: 1400px;
      margin: 0 auto;
    }

    .spec-card {
      background: #C41E3A;
      border: 2px solid #D4AF37;
      padding: 48px 32px;
      text-align: center;
      transition: all 0.3s ease;
      border-radius: 2px;
    }

    .spec-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 40px rgba(212, 175, 55, 0.4);
    }

    .spec-icon {
      font-size: 56px;
      margin-bottom: 16px;
    }

    .spec-title {
      font-size: 28px;
      margin: 0 0 24px 0;
      letter-spacing: 1px;
    }

    .spec-divider {
      width: 60px;
      height: 1px;
      background: #D4AF37;
      margin: 0 auto 24px;
    }

    .spec-description {
      font-size: 16px;
      line-height: 1.8;
      color: rgba(255, 255, 255, 0.95);
    }

    .founder {
      background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), #C41E3A;
      color: #FFFFFF;
      padding: 100px 24px;
    }

    .founder-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 80px;
      max-width: 1400px;
      margin: 0 auto;
      align-items: center;
    }

    .founder-image {
      /* width: 100%; */
      width: 45vw;
      height: auto;
      border: 4px solid #D4AF37;
    }

    .founder-label {
      font-size: 12px;
      color: #D4AF37;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 32px;
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .founder-label::before,
    .founder-label::after {
      content: '';
      width: 40px;
      height: 1px;
      background: #D4AF37;
    }

    .founder-quote {
      font-size: 20px;
      line-height: 1.8;
      margin: 0 0 48px 0;
      position: relative;
      padding-left: 40px;
    }

    .founder-quote::before {
      content: '"';
      position: absolute;
      left: 0;
      top: -10px;
      font-size: 72px;
      color: #D4AF37;
      font-family: 'Cinzel', serif;
    }

    .founder-signature {
      width: 120px;
      height: 2px;
      background: #D4AF37;
      margin: 0 0 24px 0;
    }

    .founder-name {
      font-size: 32px;
      letter-spacing: 2px;
      margin: 0 0 12px 0;
    }

    .founder-title {
      font-size: 16px;
      color: #D4AF37;
      margin: 0 0 12px 0;
    }

    .founder-credentials {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1.6;
    }

    .cta {
      background: #0A0A0A;
      color: #FFFFFF;
      text-align: center;
      padding: 120px 24px;
    }

    .cta-heading {
      font-size: 72px;
      margin: 0 0 32px 0;
      letter-spacing: 2px;
    }

    .cta-divider {
      width: 200px;
      height: 1px;
      background: #D4AF37;
      margin: 0 auto 48px;
    }

    .cta-body {
      font-size: 24px;
      line-height: 1.8;
      max-width: 900px;
      margin: 0 auto 48px;
      color: rgba(255, 255, 255, 0.9);
    }

    .cta-buttons {
      display: flex;
      gap: 24px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 32px;
    }

    .cta-contact {
      font-size: 16px;
      color: #999;
    }

    .cta-contact a {
      color: #D4AF37;
      text-decoration: none;
    }

    .footer {
      background: #000000;
      color: #FFFFFF;
      padding: 80px 24px 40px;
    }

    .footer-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 60px;
      max-width: 1400px;
      margin: 0 auto 60px;
    }

    .footer-column h3 {
      font-size: 36px;
      margin: 0 0 16px 0;
      letter-spacing: 1px;
      line-height: 1.2;
    }

    .footer-gold-line {
      width: 80px;
      height: 2px;
      background: #D4AF37;
      margin: 0 0 24px 0;
    }

    .footer-tagline {
      font-size: 14px;
      color: #999;
      margin: 0 0 16px 0;
    }

    .footer-house {
      font-size: 12px;
      color: #D4AF37;
    }

    .footer-heading {
      font-size: 16px;
      color: #D4AF37;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin: 0 0 24px 0;
    }

    .footer-column p {
      margin: 12px 0;
      color: #999;
      font-size: 14px;
      line-height: 1.8;
    }

    .footer-column a {
      color: #D4AF37;
      text-decoration: none;
      transition: color 0.3s ease;
    }

    .footer-column a:hover {
      color: #FFFFFF;
    }

    .social-icons {
      display: flex;
      gap: 20px;
      font-size: 32px;
    }

    .social-icons a {
      color: #D4AF37;
      transition: all 0.3s ease;
    }

    .social-icons a:hover {
      color: #FFFFFF;
      transform: translateY(-2px);
    }

    .footer-divider {
      width: 100%;
      height: 1px;
      background: #D4AF37;
      margin: 0 0 32px 0;
    }

    .footer-legal {
      text-align: center;
      font-size: 12px;
      color: #666;
      max-width: 1400px;
      margin: 0 auto;
    }

    @media (max-width: 1024px) {
      .hero-title { font-size: 100px; letter-spacing: 10px; }
      .hero-subtitle { font-size: 42px; letter-spacing: 12px; }
      .section-heading { font-size: 48px; }
      .cta-heading { font-size: 56px; }
      .founder-container { grid-template-columns: 1fr; gap: 48px; }
    }

    @media (max-width: 768px) {
      .hero { padding: 40px 20px 80px; }
      .hero-title { font-size: 64px; letter-spacing: 6px; }
      .hero-subtitle { font-size: 28px; letter-spacing: 8px; }
      .hero-headline { font-size: 20px; }
      .hero-body { font-size: 16px; }
      .btn { padding: 18px 40px; font-size: 16px; width: 100%; }
      .section-heading { font-size: 36px; }
      .cta-heading { font-size: 40px; }
      .cta-body { font-size: 18px; }
      .cards-container, .spec-grid { grid-template-columns: 1fr; }
      .hero-buttons, .cta-buttons { flex-direction: column; }
      .footer-column h3 { font-size: 28px; }
    }

    /* Animated Shimmer Effect for Imperio and Talent Solutions */
/* .hero-title {
  background: linear-gradient(180deg, #e7aa51, #ffe499, #8d5a1b, #e7aa51, #ac7031);
  background-size: 100% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(-3px -5px 11px rgba(0, 0, 0, 0.65));
  animation: shimmer 6s ease-in-out infinite;
}

.hero-subtitle {
  background: linear-gradient(180deg, #e7aa51, #ffe499, #8d5a1b, #e7aa51, #ac7031);
  background-size: 100% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 16px;
  margin: 0 0 40px 0;
  font-weight: 400;
  filter: drop-shadow(-3px -5px 9px rgba(0, 0, 0, 0.65));
  animation: shimmer 6s ease-in-out infinite;
}

@keyframes shimmer {
  0% {
    background-position-y: 0%;
  }
  50% {
    background-position-y: 100%;
  }
  100% {
    background-position-y: 0%;
  }
} */

/* End of Shimmer 👆 */

/* .hero-title {
  font-size: 140px;
  letter-spacing: 12px;
  margin: 0;
  line-height: 1;
  background: linear-gradient(to right, #8d5a1b, #e7aa51, #ffe499, #e7aa51, #8d5a1b);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(-3px -5px 11px rgba(0, 0, 0, 0.65));
  animation: gradient 6s linear infinite;
}

.hero-subtitle {
  font-size: 56px;
  background: linear-gradient(to right, #8d5a1b, #e7aa51, #ffe499, #e7aa51, #8d5a1b);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 16px;
  margin: 0 0 40px 0;
  font-weight: 400;
  filter: drop-shadow(-3px -5px 9px rgba(0, 0, 0, 0.65));
  animation: gradient 6s linear infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
} */


/* .hero-subtitle {
  font-size: 56px;
  background: linear-gradient(to right, #5a3a0f, #8d5a1b, #e7aa51, #ffe499, #110f0f, #ffe499, #e7aa51, #8d5a1b, #5a3a0f );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 16px;
  margin: 0 0 40px 0;
  font-weight: 400;
  filter: drop-shadow(-3px -5px 9px rgba(0, 0, 0, 0.65));
  animation: gradient 22s linear infinite;
} */

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}