.about-hero {
  position:relative;
  min-height:300px;
  background-image:url('images/abouthero.png');
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.about-hero-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(0,0,0,0.92) 0%,
    rgba(0,0,0,0.75) 30%,
    rgba(0,0,0,0.35) 55%,
    rgba(0,0,0,0.05) 75%
  );
}

.about-hero-content {
  position:relative;
  z-index:1;
  max-width:1000px;
  margin:0 auto;
  padding:0 24px;
  width:100%;
}

.about-hero-title {
  color:#fff;
  font-size:30px;
  font-weight:400;
  line-height:1.15;
  margin-bottom:10px;
  max-width:560px;
}

.about-hero-desc {
  color:#ddd;
  font-size:10px;
  line-height:1.6;
  max-width:460px;
}

/* Tablet */
@media (max-width: 900px) {
  .about-hero { min-height:300px; }
  .about-hero-title { font-size:34px; }
}

/* Mobile */
@media (max-width: 560px) {
  .about-hero {
    min-height:260px;
    background-position:75% center;
  }
  .about-hero-overlay {
    background:linear-gradient(180deg,
      rgba(0,0,0,0.9) 0%,
      rgba(0,0,0,0.75) 45%,
      rgba(0,0,0,0.4) 75%
    );
  }
  .about-hero-content { padding:0 16px; }
  .about-hero-title { font-size:24px; margin-bottom:10px; max-width:100%; }
  .about-hero-desc { font-size:12.5px; max-width:100%; }
}

.drives-section {
  background:#fff;
  padding:28px 24px 32px;
}

.drives-heading {
  font-size:16px;
  font-weight:600;
  color:#111;
  margin-bottom:20px;
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
}
.highlight-red { color:#e0392b; }

.drives-grid {
  max-width:1000px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
}

.drive-card {
  background:#fff;
  border:1px solid #eee;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}

.drive-icon-box {
  background:#f2f2f2;
  height:100px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.drive-icon-box img {
  height:90px;
  width:auto;
  object-fit:contain;
}

.drive-body { padding:16px; }
.drive-body h3 {
  font-size:16px;
  font-weight:800;
  color:#111;
  margin-bottom:8px;
}
.drive-body p {
  font-size:12.5px;
  color:#666;
  line-height:1.55;
}

/* Tablet */
@media (max-width: 900px) {
  .drives-grid { grid-template-columns:1fr; gap:12px; }
  .drive-icon-box { height:140px; }
  .drive-icon-box img { height:90px; }
}

/* Mobile */
@media (max-width: 560px) {
  .drives-section { padding:20px 14px 24px; }
  .drives-heading { font-size:19px; margin-bottom:14px; }
  .drive-icon-box { height:120px; }
  .drive-icon-box img { height:75px; }
  .drive-body { padding:14px; }
  .drive-body h3 { font-size:14px; }
  .drive-body p { font-size:11.5px; }
}

.values-section {
  background:#fff;
  padding:36px 24px;
  text-align:center;
}

.values-heading {
  font-size:32px;
  font-weight:600;
  color:#111;
  margin-bottom:12px;
}

.values-sub {
  font-size:14px;
  color:#333;
  max-width:600px;
  margin:0 auto 28px;
  line-height:1.5;
}

.values-grid {
  max-width:1300px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  text-align:left;
}

.value-card {
  border:1px solid #e5e5e5;
  border-radius:10px;
  padding:18px 20px;
}

.value-card h3 {
  font-size:16px;
  font-weight:800;
  color:#111;
  margin-bottom:6px;
}

.underline {
  display:block;
  width:24px;
  height:2px;
  background:#e0392b;
  margin-bottom:10px;
}

.value-card p {
  font-size:13px;
  color:#666;
  line-height:1.5;
}

/* Tablet */
@media (max-width: 900px) {
  .values-heading { font-size:26px; }
  .values-grid { gap:12px; }
  .value-card { padding:16px; }
}

/* Mobile - keep 3 per row, just compact further */
@media (max-width: 560px) {
  .values-section { padding:24px 12px; }
  .values-heading { font-size:20px; }
  .values-sub { font-size:12px; margin-bottom:18px; }
  .values-grid { gap:8px; }
  .value-card { padding:10px 8px; }
  .value-card h3 { font-size:11.5px; margin-bottom:4px; }
  .underline { width:16px; margin-bottom:6px; }
  .value-card p { font-size:9.5px; line-height:1.4; }
}

.founders-section {
  background:#fff;
  padding:32px 24px 40px;
  text-align:center;
}

.founders-heading {
  font-size:30px;
  font-weight:700;
  color:#111;
  margin-bottom:10px;
}

.founders-sub {
  font-size:13.5px;
  color:#333;
  max-width:600px;
  margin:0 auto 24px;
  line-height:1.5;
}

.founders-grid {
  max-width:600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}

.founder-card {
  position:relative;
  border-radius:10px;
  overflow:hidden;
  aspect-ratio:4/4;
}

.founder-card img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(100%);
  display:block;
}

.founder-overlay {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:16px 18px;
  background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);
  text-align:left;
}

.founder-overlay h3 {
  color:#fff;
  font-size:17px;
  font-weight:800;
  margin-bottom:2px;
}

.founder-overlay p {
  color:#eee;
  font-size:13px;
  font-weight:500;
}

/* Tablet */
@media (max-width: 700px) {
  .founders-heading { font-size:24px; }
  .founders-grid { gap:12px; }
}

/* Mobile - stack cards */
@media (max-width: 480px) {
  .founders-section { padding:22px 14px 28px; }
  .founders-heading { font-size:19px; }
  .founders-sub { font-size:11.5px; margin-bottom:18px; }
  .founders-grid { grid-template-columns:1fr; gap:12px; max-width:340px; }
  .founder-overlay { padding:12px 14px; }
  .founder-overlay h3 { font-size:15px; }
  .founder-overlay p { font-size:12px; }
}