/* About page specific styles (extracted & cleaned) */

.about-hero { min-height:550px; color:var(--kc-green); background:#fff url('images/hero-bg.png') no-repeat center center / fill; border-radius:44px 0 44px 44px; }
.about-hero .container { min-height:550px; }

.btn-outline { display:inline-block; padding:12px 80px; border:2px solid var(--kc-gold); color:var(--kc-gold); background:transparent; text-decoration:none; font-weight:700; margin-left:16px; border-radius:4px 10px 4px 20px; }
.about-actions { margin-top:28px; }

/* History section */
.history-section { background: var(--kc-green) url('images/history-bg.png') no-repeat center center; background-size:fill; border-radius:0 0 44px 44px; margin-bottom:10px; position:relative; z-index:2;}
.history-content { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:48px; padding-bottom:0; }
.history-main { flex:1 1 700px; min-width:320px; max-width:800px; }
.history-side { flex:0 0 400px; max-width:400px; width:100%; display:flex; justify-content:flex-end; align-items:flex-start; margin-top:0; }
.history-image { width:150%; max-width:500px; height:auto; display:block; border-radius:24px; box-shadow:0 8px 32px rgba(0,0,0,0.18); margin-top:62px; margin-left:-80px; }
.history-title { color:#fff; font-size:54px; font-weight:700; margin-bottom:18px; font-family:'Poppins', sans-serif; }
.history-desc { max-width:900px; color:#fff; font-size:18px; font-weight:400; font-family:'Roboto', serif; margin-bottom:38px; line-height:1.6; }
.history-timeline { margin-bottom:38px; max-width:100%; }
.history-item { display:flex; align-items:flex-start; gap:18px; margin-bottom:18px; }
.history-year { background:var(--kc-gold); color:#fff; font-weight:700; font-size:18px; border-radius:8px; padding:8px 22px; min-width:70px; text-align:center; margin-right:8px; font-family:'Poppins', sans-serif; flex-shrink:0; }
.history-text { color:#fff; font-size:17px; font-family:'Poppins', sans-serif; flex:1; }
.history-stats { width:100%; background:transparent; margin-top:20px; }
.history-stats .container { display:flex; justify-content:center; gap:200px; text-align:center; flex-wrap:wrap; padding-bottom:40px; }
.history-stat { font-size:54px; color:#fff; font-weight:700; display:block; margin-bottom:0; }
.history-stats p { color:#fff; font-size:16px; margin-top:8px; margin-bottom:0; }

/* Values section */
.values-section { background:#fff; padding:40px 20px 80px; width:100%; border-radius:44px 0 44px 44px; }
.values-card { border-radius:18px; width:100%; margin:0; box-sizing:border-box; position:relative; }
.values-title { text-align:center; color:var(--kc-green); font-size:54px; margin:6px 0 22px; font-family:'Poppins', sans-serif; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.value-item { padding:22px 28px; text-align:left; display:flex; flex-direction:column; align-items:flex-start; }
.value-heading { display:flex; align-items:baseline; gap:18px; }
.value-number { color:var(--kc-gold); font-weight:700; font-size:54px; display:inline-block; min-width:54px; line-height:1; }
.value-title { color:var(--kc-green); font-weight:700; margin:0; font-size:35px; line-height:1; display:inline-block; }
.value-desc { color:#666; font-size:14px; line-height:1.45; margin:8px 0 0 0; max-width:400px; width:100%; box-sizing:border-box; }
.values-card::before, .values-card::after { content:""; position:absolute; width:1px; background:#E9D9BA; top:120px; bottom:24px; transform:translateX(-0.5px); }
.values-card::before { left:calc(100% / 3); }
.values-card::after { left:calc(100% * 2 / 3); }
.values-grid .value-item:nth-child(n+4){ border-top:1px solid #E9D9BA; padding-top:24px; }

@media (max-width:900px){
  .history-title { font-size:36px; }
  .history-stat { font-size:36px; }
  .history-content { gap:24px; }
  .history-main { flex:1 1 100%; max-width:none; }
  .history-side { flex:1 1 100%; max-width:none; justify-content:center; }
  .history-image { width:100%; max-width:420px; margin-top:32px; }
  .values-card { padding:24px; }
  .values-grid { grid-template-columns:repeat(2,1fr); }
  .values-card::before, .values-card::after { display:none; }
  .values-grid .value-item:nth-child(n+4){ border-top:1px solid #E9D9BA; }
  .about-hero h1 { font-size:36px; }
  .about-hero h1 .big { font-size:42px; }
}
@media (max-width:600px){ .values-grid { grid-template-columns:1fr; } .values-grid .value-item { border-left:none; border-top:none; padding-left:0; } .values-card::before, .values-card::after { display:none; } }

/* Contact section tweaks on about page */
.contact-section .contact-container .contact-actions { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:0; }
.contact-section .contact-container .contact-actions a { border-radius:10px !important; }
.contact-section .contact-container .btn-outline { padding:10px 36px; margin-left:0; }

/* Small tweaks moved from inline */
.header .logo img { height:30px; }
.newsletter-form input[name="hp"] { position:absolute; left:-9999px; width:1px; height:1px; }
