/* about page only */
#message{padding:56px 0;}
#message .section-header{margin-bottom:24px;}
#message .section-label{letter-spacing:.12em;font-weight:700;font-size:12px;opacity:.7;}
#message .section-title{font-size:28px;line-height:1.25;margin:6px 0 0;}

.ceo-message{display:grid;grid-template-columns:140px 1fr;gap:28px;align-items:start;}
.ceo-photo{width:140px;height:140px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#f2f5ff,#e8fff6);border:1px solid rgba(0,0,0,.08);
  font-weight:800;font-size:48px;color:rgba(0,0,0,.72);
}
.ceo-content h3{margin:0;font-size:20px;}
.ceo-title{margin:6px 0 18px;color:rgba(0,0,0,.65);font-size:14px;}
.ceo-text p{margin:0 0 14px;line-height:1.9;}
.ceo-signature{margin-top:14px;font-weight:700;letter-spacing:.04em;}

@media (max-width: 768px){
  .ceo-message{grid-template-columns:1fr;}
  .ceo-photo{width:112px;height:112px;font-size:40px;margin:0 auto;}
  #message .section-title{font-size:24px;}
}

/* steps (about only) */
.about-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px;}
.about-step{position:relative;padding:18px 18px 18px 56px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:rgba(255,255,255,.75);backdrop-filter:saturate(120%) blur(2px);}
.about-step::before{content:counter(step);counter-increment:step;position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  background:#111827;color:#fff;font-weight:800;font-size:14px;}
.about-steps{counter-reset:step;}
.about-step h3{margin:0 0 6px;font-size:18px;}
.about-step p{margin:0;color:rgba(0,0,0,.75);line-height:1.8;}

/* values cards (about only) */
.about-values{margin:12px 0 28px;}
.about-values-lead{margin:0 0 14px;line-height:1.9;color:rgba(0,0,0,.78);}
.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px;}
.about-value-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px;background:rgba(255,255,255,.75);
  backdrop-filter:saturate(120%) blur(2px);
}
.about-value-card h3{margin:0 0 8px;font-size:18px;}
.about-value-card p{margin:0;line-height:1.8;color:rgba(0,0,0,.72);}
@media (max-width: 900px){
  .about-value-grid{grid-template-columns:1fr;}
}

/* Vision/Mission cards (about only) */
.about-vm{margin:10px 0 28px;}
.about-vm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px;}
.about-vm-card{border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:18px;background:rgba(255,255,255,.75);
  backdrop-filter:saturate(120%) blur(2px);
}
.about-vm-card h3{margin:0 0 8px;font-size:18px;}
.about-vm-card p{margin:0;line-height:1.8;color:rgba(0,0,0,.72);}
@media (max-width: 900px){
  .about-vm-grid{grid-template-columns:1fr;}
}

/* about-message refinements */
.about-message{padding:64px 0;}
.about-message .section-header{margin-bottom:20px;}
.about-message .section-title{font-size:30px;line-height:1.2;}
.about-message .section-label{font-size:12px;letter-spacing:.14em;}

.about-message .ceo-message{gap:32px;}
.about-message .ceo-content{max-width:780px;}
.about-message .ceo-title{margin:6px 0 14px;}
.about-message .ceo-text p{margin:0 0 12px;font-size:15px;line-height:1.95;color:rgba(0,0,0,.78);}
.about-message .ceo-signature{margin-top:10px;}

@media (max-width: 768px){
  .about-message{padding:44px 0;}
  .about-message .section-title{font-size:24px;}
  .about-message .ceo-text p{font-size:15px;}
}