/* about page - additional styles (extends style.css) */

.section-title-poppins{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 3.2vw, 40px);
  color: #141414;
  line-height: 1.25;
}

/* about hero */
.about-hero{
  background: var(--anz-black);
  padding: 170px 0 90px;
  position: relative;
  overflow: hidden;
}
.since-heading{
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(56px, 8vw, 110px);
  color: #fff;
  line-height: 0.95;
  margin-bottom: 30px;
  letter-spacing: -0.01em;
}
.about-hero-text{
  color: #b0b0b0;
  font-size: 16px;
  max-width: 560px;
  line-height: 1.8;
  margin-bottom: 18px;
}
.about-hero-side{ height: 100%; min-height: 260px; }
.hero-icon-stack{ display: flex; flex-direction: column; gap: 18px; align-items: center; }
.hero-icon-stack a{
  color: #d8d8d8;
  font-size: 16px;
  transition: color .2s ease;
}
.hero-icon-stack a:hover{ color: var(--anz-accent); }
.asterisk-mark{ font-size: 90px; color: #fff; line-height: 1; }

/* born in kerala */
.lead-text-center{
  color: #4a4a4a;
  font-size: 16px;
  line-height: 1.9;
  margin-bottom: 20px;
}

/* vision / mission / value */
.vmv-block{ padding: 22px 0; border-top: 1px solid var(--anz-border); }
.vmv-block:first-child{ border-top: none; padding-top: 0; }
.vmv-block h5{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; margin-bottom: 10px; }
.vmv-block p{ color: #6b6b6b; font-size: 15px; line-height: 1.8; margin: 0; }

/* promise band */
.promise-band{
  background: var(--anz-black);
  padding: 80px 0;
}
.promise-heading{
  font-family: var(--font-display);
  font-weight: 800;
  font-size: clamp(32px, 4.5vw, 54px);
  color: #fff;
  margin: 14px 0 0;
}
.promise-text{ color: #b8b8b8; font-size: 15px; line-height: 1.8; margin-bottom: 22px; }
.hex-btn{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .04em;
}
.hex-icon{
  width: 42px; height: 42px;
  background: #fff;
  color: var(--anz-black);
  clip-path: polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  transition: background .2s ease, color .2s ease;
}
.hex-btn:hover .hex-icon{ background: var(--anz-accent); }

/* ceo spotlight */
.ceo-photo-card{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  height: 100%;
  min-height: 440px;
}
.ceo-photo-card img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.ceo-caption{
  position: absolute;
  left: 20px; right: 20px; bottom: 20px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(6px);
  border-radius: 16px;
  padding: 20px 24px;
}
.ceo-caption p{ font-size: 13px; color: #555; }
.ceo-caption h4{ font-family: 'Poppins', sans-serif; font-weight: 600; }

.ceo-quote-card{
  background: var(--anz-black);
  border-radius: 22px;
  height: 100%;
  min-height: 440px;
  padding: 40px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ceo-badge{
  display: inline-block;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 100px;
  padding: 8px 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 26px;
  width: fit-content;
}
.ceo-quote{ color: #e2e2e2; font-size: 16px; line-height: 1.8; margin-bottom: 18px; }
.ceo-watermark{ position: absolute; right: -10px; bottom: -10px; opacity: .5; }

/* team intro button */
.join-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--anz-black);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .04em;
  margin-top: 8px;
}
.join-icon{
  width: 34px; height: 34px;
  background: var(--anz-black);
  color: #fff;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
  transition: background .2s ease;
}
.join-btn:hover .join-icon{ background: var(--anz-accent); color: var(--anz-black); }

/* team grid */
.team-grid{ margin-top: 10px; }
.team-card{
  position: relative;
  overflow: hidden;
  aspect-ratio: 3.2 / 4;
  cursor: pointer;
}
.team-card img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: filter .4s ease, transform .5s ease;
}
.team-card:hover img{ filter: grayscale(0%); transform: scale(1.04); }
.team-caption{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  background: #fff;
  padding: 12px 14px;
  transform: translateY(100%);
  transition: transform .3s ease;
}
.team-card:hover .team-caption{ transform: translateY(0); }
.team-card.is-active .team-caption{ transform: translateY(0); }
.team-card.is-active img{ filter: grayscale(0%); transform: scale(1.04); }
.team-caption h6{ margin: 0; font-size: 14px; font-weight: 700; }
.team-caption p{ margin: 0; font-size: 12px; color: var(--anz-grey); }

/* our works cards */
.work-card{
  border-radius: 20px;
  overflow: hidden;
  background: #14161a;
  min-height: 340px;
}
.work-mock{
  padding: 26px;
  height: 100%;
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #fff;
  position: relative;
}
.work-finova .work-mock{ background: linear-gradient(160deg,#151726,#2b2470 65%,#4133a6); }
.mock-topbar{ display: flex; gap: 6px; margin-bottom: 18px; }
.mock-topbar span{ width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.3); }
.mock-brand{ font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #b9b6ff; margin-bottom: 14px; display: flex; align-items: center; gap: 6px; }
.mock-brand i{ font-size: 8px; }
.work-mock h5{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 1.4; margin-bottom: 20px; }
.mock-bars{ display: flex; align-items: flex-end; gap: 8px; height: 80px; margin-bottom: 20px; }
.mock-bars span{ flex: 1; background: linear-gradient(to top, #7c6cf2, #a99bff); border-radius: 4px 4px 0 0; }
.mock-stats{ display: flex; gap: 22px; margin-top: auto; }
.mock-stats strong{ display: block; font-size: 16px; }
.mock-stats small{ color: #b9b6ff; font-size: 11px; }

.work-mock-phone{ background: linear-gradient(160deg,#0c1220,#132437 60%,#1c3a52); justify-content: flex-end; }
.work-mock-phone .mock-brand{ color: #9fd7e8; letter-spacing: .2em; }
.work-mock-phone h5{ font-size: 20px; }
.mock-btn{
  display: inline-block;
  background: #fff;
  color: #14161a;
  border-radius: 100px;
  padding: 10px 18px;
  font-size: 12px;
  font-weight: 700;
  width: fit-content;
}
.mock-btn-dark{ background: #14161a; color: #fff; }

.work-mock-light{ background: linear-gradient(160deg,#efe9df,#e3dccd); color: #2a2620; justify-content: flex-end; }
.work-mock-light .mock-brand{ color: #8a7a5c; }
.work-mock-light h5{ color: #2a2620; }

.work-label{ margin-top: 16px; font-weight: 600; font-size: 15px; }

@media (max-width: 767px){
  .about-hero{ padding: 130px 0 60px; }
  .team-grid .col-6{ flex: 0 0 50%; }
}