/* ============================================================
   About Us — Malawi Immigration Sacco
   ============================================================ */
body.about-us{background-color:#fff;}

.mis-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:14px 20px;background-color:#1b5e20;color:#fff;font-family:"Sora",sans-serif;font-size:14px;font-weight:600;line-height:1.7;letter-spacing:-.4px;text-decoration:none;white-space:nowrap;transition:background-color .25s ease,color .25s ease,border-color .25s ease;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-btn:hover,.mis-btn:focus{background-color:#000;color:#fff;}
.mis-btn-ghost{background-color:transparent;color:#1b5e20;border:1px solid #1b5e20;}
.mis-btn-ghost:hover,.mis-btn-ghost:focus{background-color:#1b5e20;color:#fff;}

.mis-section{padding:110px 30px;}
.mis-section-alt{background-color:#f1faee;background-image:radial-gradient(at top right,#F1FAEE 0%,#FFFFFF 65%);}
.mis-container{width:100%;max-width:1240px;margin:0 auto;}
.mis-section-head{max-width:760px;margin:0 auto 64px;text-align:center;}
.mis-section-head .mis-eyebrow{justify-content:center;}
.mis-section-head h2{margin:0 0 14px;font-family:"Sora",sans-serif;font-size:44px;font-weight:600;line-height:1.08;letter-spacing:-1.8px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-section-head p{margin:0;font-family:"Manrope",sans-serif;font-size:16px;font-weight:400;line-height:1.85;color:#717170;}

.mis-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:"Sora",sans-serif;font-size:12px;font-weight:600;line-height:1.7;letter-spacing:2px;text-transform:uppercase;color:#1b5e20;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background-color:#d2831a;flex:none;}

/* ---------------- About hero ---------------- */
.mis-about-hero{position:relative;background-color:#14100c;padding:230px 30px 120px;overflow:hidden;}
.mis-about-hero-media{position:absolute;inset:0;pointer-events:none;z-index:0;}
.mis-about-hero-media img{width:100%;height:100%;object-fit:cover;display:block;animation:mis-hero-zoom 16s ease-in-out infinite alternate;}
.mis-about-hero-overlay{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(20,16,12,.86) 0%,rgba(20,16,12,.62) 55%,rgba(20,16,12,.2) 100%);}
.mis-about-hero-content{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;}
.mis-about-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);font-family:"Sora",sans-serif;font-size:12px;font-weight:600;line-height:1.7;letter-spacing:2px;text-transform:uppercase;color:#fff;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-about-hero-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background-color:#48c08a;flex:none;}
.mis-about-hero-content h1{margin:24px 0 20px;max-width:760px;font-family:"Sora",sans-serif;font-size:64px;font-weight:600;line-height:1.04;letter-spacing:-2.6px;color:#fff;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-about-hero-content .mis-about-hero-desc{margin:0;max-width:620px;font-family:"Manrope",sans-serif;font-size:17px;font-weight:400;line-height:1.7;color:rgba(255,255,255,.82);}
.mis-about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:860px;margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.22);}
.mis-about-stat .mis-about-stat-num{font-family:"Sora",sans-serif;font-size:44px;font-weight:600;line-height:1.1;letter-spacing:-1.4px;color:#fff;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-about-stat .mis-about-stat-prefix,.mis-about-stat .mis-about-stat-suffix{color:#48c08a;}
.mis-about-stat .mis-about-stat-label{margin-top:10px;font-family:"Manrope",sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:rgba(255,255,255,.66);}

/* ---------------- Vision & Mission ---------------- */
.mis-vm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
.mis-vm-card{position:relative;display:flex;flex-direction:column;gap:24px;padding:44px;background-color:#fff;border:1px solid #e9e9e9;border-radius:24px;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;}
.mis-vm-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background-color:#1b5e20;}
.mis-vm-card:nth-child(2)::before{background-color:#d2831a;}
.mis-vm-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(20,16,12,.1);}
.mis-vm-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;background-color:#e8f5e9;color:#1b5e20;font-size:26px;flex:none;}
.mis-vm-card:nth-child(2) .mis-vm-icon{background-color:#fff4ce;color:#b2740f;}
.mis-vm-icon i{font-style:normal;}
.mis-vm-card h3{margin:0;font-family:"Sora",sans-serif;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.6px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-vm-card p{margin:0;font-family:"Manrope",sans-serif;font-size:15px;font-weight:400;line-height:1.85;color:#5b5b5a;}

/* ---------------- Core Values ---------------- */
.mis-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mis-value-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:36px 32px;background-color:#fff;border:1px solid #e9e9e9;border-radius:20px;transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease;}
.mis-value-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(20,16,12,.08);border-color:#1b5e20;}
.mis-value-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background-color:#e8f5e9;color:#1b5e20;font-size:24px;}
.mis-value-icon i{font-style:normal;}
.mis-value-card h4{margin:0;font-family:"Sora",sans-serif;font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.4px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-value-card p{margin:0;font-family:"Manrope",sans-serif;font-size:14px;font-weight:400;line-height:1.8;color:#5b5b5a;}

/* ---------------- Our Story ---------------- */
.mis-story{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.mis-story-text .mis-story-eyebrow{margin-bottom:18px;}
.mis-story-text h2{margin:0 0 18px;font-family:"Sora",sans-serif;font-size:44px;font-weight:600;line-height:1.1;letter-spacing:-1.8px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-story-text p{margin:0 0 18px;font-family:"Manrope",sans-serif;font-size:16px;font-weight:400;line-height:1.85;color:#5b5b5a;}
.mis-story-list{list-style:none;margin:28px 0 34px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;}
.mis-story-list li{display:flex;align-items:flex-start;gap:10px;font-family:"Manrope",sans-serif;font-size:14px;font-weight:600;line-height:1.6;color:#2d1f13;}
.mis-story-list svg{width:18px;height:18px;flex:none;fill:#1b5e20;margin-top:2px;}
.mis-story-media{position:relative;min-height:540px;}
.mis-story-circle{position:absolute;top:-30px;left:-30px;width:360px;height:360px;z-index:0;}
.mis-story-circle img{width:100%;height:100%;}
.mis-story-main{position:absolute;top:0;right:0;width:340px;z-index:2;}
.mis-story-main img{width:100%;border-radius:24px;}
.mis-story-stats{position:absolute;left:0;bottom:10px;width:300px;z-index:3;border-radius:18px;overflow:hidden;box-shadow:0 24px 48px rgba(20,16,12,.18);}
.mis-story-stats img{width:100%;display:block;}
.mis-story-badge{position:absolute;left:40px;top:40px;width:170px;z-index:4;border-radius:16px;overflow:hidden;box-shadow:0 16px 36px rgba(20,16,12,.16);}
.mis-story-badge img{width:100%;display:block;}

/* ---------------- Team ---------------- */
.mis-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.mis-team-card{text-align:center;}
.mis-team-photo{position:relative;border-radius:24px;overflow:hidden;background-color:#e9e9e9;}
.mis-team-photo img{width:100%;display:block;aspect-ratio:4/4.8;object-fit:cover;transition:transform .4s ease;}
.mis-team-card:hover .mis-team-photo img{transform:scale(1.05);}
.mis-team-card h4{margin:20px 0 4px;font-family:"Sora",sans-serif;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.3px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-team-card .mis-team-role{margin:0;font-family:"Manrope",sans-serif;font-size:14px;font-weight:600;line-height:1.6;color:#1b5e20;}

/* ---------------- FAQ ---------------- */
.mis-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center;}
.mis-faq-text .mis-eyebrow{margin-bottom:18px;}
.mis-faq-text h2{margin:0 0 18px;font-family:"Sora",sans-serif;font-size:44px;font-weight:600;line-height:1.1;letter-spacing:-1.8px;color:#2d1f13;font-feature-settings:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;}
.mis-faq-text p{margin:0 0 32px;font-family:"Manrope",sans-serif;font-size:16px;font-weight:400;line-height:1.85;color:#5b5b5a;}
.mis-faq-text .mis-faq-contact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.mis-faq-text .mis-faq-contact a{white-space:nowrap;}

/* ---------------- Responsive ---------------- */
@media(max-width:1024px){
.mis-section{padding:90px 30px;}
.mis-about-hero-content h1{font-size:50px;letter-spacing:-2px;}
.mis-about-stats{gap:28px;}
.mis-about-stat .mis-about-stat-num{font-size:36px;}
.mis-section-head h2,.mis-story-text h2,.mis-faq-text h2{font-size:38px;letter-spacing:-1.4px;}
.mis-story{gap:48px;}
.mis-story-main{width:280px;}
.mis-story-stats{width:250px;}
.mis-story-badge{width:140px;}
.mis-story-media{min-height:460px;}
.mis-team-grid{grid-template-columns:repeat(2,1fr);}
.mis-values-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:767px){
.mis-section{padding:70px 20px;}
.mis-about-hero{padding:150px 20px 70px;}
.mis-about-hero-content h1{font-size:36px;letter-spacing:-1.6px;}
.mis-about-hero-content .mis-about-hero-desc{font-size:15px;}
.mis-about-stats{grid-template-columns:1fr;gap:26px;margin-top:44px;padding-top:36px;}
.mis-about-stat .mis-about-stat-num{font-size:34px;}
.mis-section-head{margin-bottom:44px;}
.mis-section-head h2,.mis-story-text h2,.mis-faq-text h2{font-size:31px;letter-spacing:-1.1px;}
.mis-vm-grid{grid-template-columns:1fr;}
.mis-vm-card{padding:32px 28px;}
.mis-values-grid{grid-template-columns:1fr;}
.mis-story{grid-template-columns:1fr;gap:48px;}
.mis-story-text .mis-story-list{grid-template-columns:1fr;}
.mis-story-media{min-height:380px;margin-top:8px;}
.mis-story-circle{width:220px;height:220px;top:-20px;left:-20px;}
.mis-story-main{width:210px;}
.mis-story-stats{width:200px;bottom:0;}
.mis-story-badge{width:120px;top:20px;left:16px;}
.mis-team-grid{grid-template-columns:1fr;gap:32px;}
.mis-team-photo{max-width:320px;margin:0 auto;}
.mis-faq{grid-template-columns:1fr;gap:40px;}
}