/* pages/consulting.css */
@import url('shared.css');

.page-hero { height: 360px; }
.page-hero-bg { background-image: url('https://kemiteglobalgroup.com/images/galery/g10.jpeg'); }

.section-consulting-intro { background: var(--dark); }
.section-services-vmv { background: var(--dark-3); position: relative; }
.section-why { background: var(--dark-2); }

/* Services highlight bar */
.services-bar { display: flex; gap: 0; border: 1px solid rgba(201,168,76,.15); margin-top: 48px; }
.sbar-item { flex: 1; padding: 28px 20px; text-align: center; border-right: 1px solid rgba(201,168,76,.15); transition: background .3s; }
.sbar-item:last-child { border-right: none; }
.sbar-item:hover { background: rgba(201,168,76,.05); }
.sbar-item .material-icons { color: var(--gold); font-size: 28px; margin-bottom: 10px; display: block; }
.sbar-item-title { font-family: 'Rajdhani',sans-serif; font-size: .75rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--text-muted); }

/* Expertise cards */
.expertise-card { background: var(--dark-card); border: 1px solid rgba(201,168,76,.12); padding: 34px 28px; transition: border-color .3s, transform .3s; position: relative; overflow: hidden; }
.expertise-card::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 0; background: var(--gold); transition: height .4s ease; }
.expertise-card:hover::before { height: 100%; }
.expertise-card:hover { border-color: rgba(201,168,76,.4); transform: translateY(-4px); }
.expertise-num { font-family: 'Cormorant Garamond',serif; font-size: 3.5rem; font-weight: 700; color: rgba(201,168,76,.1); line-height: 1; margin-bottom: 8px; }
.expertise-title { font-family: 'Cormorant Garamond',serif; font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 10px; }
.expertise-text { font-size: .82rem; color: var(--text-muted); line-height: 1.8; }

/* 992px */
@media (max-width: 992px) {
  .page-hero { height: 280px; }
  .services-bar { flex-wrap: wrap; }
  .sbar-item { flex: 1 1 calc(33% - 1px); min-width: 120px; }
}

/* 768px */
@media (max-width: 768px) {
  .services-bar { flex-direction: column; }
  .sbar-item { border-right: none; border-bottom: 1px solid rgba(201,168,76,.15); flex: none; width: 100%; }
  .sbar-item:last-child { border-bottom: none; }
  .page-hero { height: 240px; }
}

/* 480px */
@media (max-width: 480px) {
  .expertise-card { padding: 24px 16px; }
  .expertise-num { font-size: 2.5rem; }
  .page-hero { height: 210px; }
}