.about-hero__visual img,.about-story__img img{height:100%;object-fit:cover;display:block;width:100%}:root{--green:#006143;--light:#a1ba85;--cream:#f8f5ef;--sand:#ede8dc;--white:#ffffff;--muted:#6a6a6a;--serif:'Amiri',serif;--sans:'Tajawal',sans-serif}.rv{opacity:0;transition:opacity .7s,transform .7s}.rv.from-bottom{transform:translateY(40px)}.rv.from-left{transform:translateX(-50px)}.rv.from-right{transform:translateX(50px)}.rv.from-top{transform:translateY(-40px)}.rv.scale-in{transform:scale(.88)}.rv.show{opacity:1;transform:none!important}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:90vh;overflow:hidden}.about-hero__content{display:flex;flex-direction:column;justify-content:center;padding:5rem 3.5rem;background:var(--white)}.about-hero__tag{animation:.6s .1s both fadeUp;display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--green);margin-bottom:1.4rem}.about-hero__title{animation:.65s .22s both fadeUp;font-family:var(--sans);font-size:clamp(2.4rem, 4vw, 4rem);font-weight:700;line-height:1.2;color:#5b5e5f;margin-bottom:1.3rem}.about-hero__lead{animation:.65s .36s both fadeUp;font-size:1rem;line-height:1.9;color:var(--muted);max-width:430px;margin-bottom:2rem}.btn-outline,.btn-primary{padding:.8rem 2rem;font-size:.88rem;text-decoration:none;font-family:var(--sans)}.about-hero__actions{animation:.65s .5s both fadeUp;display:flex;gap:1rem}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.about-hero__tag::before{content:'';width:2rem;height:2px;background:var(--green)}.about-cta h2 em,.about-hero__title em{font-style:italic;color:var(--light)}.btn-primary{background:var(--green);color:var(--white);font-weight:700;border-radius:3px;transition:opacity .2s,transform .2s,background-color .2s}.btn-primary:hover{opacity:.85;transform:translateY(-2px);background-color:#a1ba85;color:#f8f5ef}.btn-outline{border:2px solid var(--green);color:var(--green);font-weight:600;border-radius:3px;transition:.2s}.btn-outline:hover{background:var(--green);color:var(--white)}.about-hero__visual{position:relative;overflow:hidden;animation:.9s .15s both slideFromRight}@keyframes slideFromRight{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}.about-hero__visual img{animation:14s ease-in-out infinite alternate slowZoom}@keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.06)}}.about-hero__visual::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--cream) 0,transparent 22%);z-index:1}.about-hero__badge{position:absolute;bottom:2rem;left:2rem;z-index:2;background:var(--green);padding:1rem 1.5rem;border-right:4px solid var(--light);border-radius:2px;box-shadow:0 6px 24px rgba(0,0,0,.22);animation:.55s cubic-bezier(.34,1.56,.64,1) .85s both badgePop}.about-cta,.about-stats{animation:8s infinite gradientShift}@keyframes badgePop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.about-hero__badge .yr{font-family:var(--sans);font-size:2rem;color:var(--light);line-height:1}.about-hero__badge .yr-lbl{font-size:.68rem;color:rgba(255,255,255,.55);margin-top:.2rem}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(135deg,#00b37d,#004d36,#006143,#004d36,#00b37d);background-size:300% 300%}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.about-stats__item{padding:2.6rem 1rem;text-align:center;border-left:1px solid rgba(255,255,255,.1)}.about-stats__item:last-child{border:none}.about-stats__num{font-family:var(--sans);font-size:2.6rem;color:var(--cream);line-height:1}.about-stats__num sup{font-size:1.2rem}.about-stats__lbl{margin-top:.4rem;font-size:.78rem;color:rgba(255,255,255,.5)}.about-stats__num.counting{animation:.35s numPulse}@keyframes numPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15);color:#fff}}.about-story{display:grid;grid-template-columns:1fr 1fr}.about-story__img{position:relative;min-height:440px;overflow:hidden}.about-story__img img{transition:transform .6s}.about-story__img:hover img{transform:scale(1.04)}.about-story__body{padding:4.5rem 3.5rem;background:var(--white);display:flex;flex-direction:column;justify-content:center}.section-tag{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--light);margin-bottom:.8rem}.section-title{font-family:var(--sans);font-size:clamp(1.8rem, 2.8vw, 2.4rem);font-weight:700;color:var(--green);line-height:1.25;margin-bottom:1.1rem;position:relative;display:inline-block}.section-title em{font-style:italic;opacity:.75;color:#5b5e5f}.about-story__body p{font-size:.95rem;line-height:1.9;color:var(--muted);margin-bottom:.9rem}.pillar,.vcard h3{color:var(--green)}.section-title::after{content:'';position:absolute;bottom:-6px;right:0;width:0;height:3px;background:var(--light);border-radius:2px;transition:width .55s}.rv.show .section-title::after{width:100%}.pillars{margin-top:1.5rem;display:flex;flex-direction:column;gap:.65rem}.pillar{display:flex;align-items:center;gap:.9rem;padding:.75rem 1.2rem;background:var(--cream);border-radius:3px;border-right:3px solid var(--green);font-size:.88rem;font-weight:600;transition:transform .2s,box-shadow .2s;opacity:0;transform:translateX(30px)}.pillars.show .pillar{opacity:1;transform:none}.pillars.show .pillar:first-child{transition:.5s .1s}.pillars.show .pillar:nth-child(2){transition:.5s .22s}.pillars.show .pillar:nth-child(3){transition:.5s .34s}.pillar:hover{transform:translateX(-4px);box-shadow:0 4px 14px rgba(0,97,67,.12)}.about-values{padding:5rem 3.5rem;background:var(--sand)}.about-values__head{text-align:center;margin-bottom:2.6rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.vcard{background:var(--white);padding:2rem 1.8rem;border-radius:4px;text-align:center;border-top:3px solid transparent;box-shadow:0 2px 14px rgba(0,0,0,.05);transition:border-color .25s,transform .25s,box-shadow .25s}.vcard:hover{border-color:var(--green);transform:translateY(-6px);box-shadow:0 14px 32px rgba(0,97,67,.12)}.vcard__icon{width:54px;height:54px;margin:0 auto 1rem;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform .3s,background .3s}.vcard:hover .vcard__icon{transform:rotate(10deg) scale(1.1);background:var(--light)}.vcard h3{font-family:var(--sans);font-size:1.15rem;margin-bottom:.55rem}.vcard p{font-size:.85rem;line-height:1.8;color:var(--muted)}.about-cta{padding:5rem 3.5rem;background:linear-gradient(135deg,#00b37d,#004d36,#006143,#004d36,#00b37d);background-size:300% 300%;text-align:center;overflow:hidden;position:relative}.btn-border,.btn-light{padding:.85rem 2.2rem;font-size:.88rem;text-decoration:none}.about-cta::after,.about-cta::before{content:'';position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.08);animation:7s ease-in-out infinite alternate floatRing}.about-cta::before{width:320px;height:320px;top:-100px;left:-80px}.about-cta::after{width:200px;height:200px;bottom:-60px;right:-40px;animation-delay:2s}@keyframes floatRing{from{transform:translateY(0) scale(1)}to{transform:translateY(18px) scale(1.04)}}.about-cta h2{font-family:var(--sans);font-size:clamp(1.9rem, 3.2vw, 2.8rem);color:var(--white);margin-bottom:.9rem}.about-cta p{font-size:.95rem;color:rgba(255,255,255,.6);max-width:440px;margin:0 auto 2rem;line-height:1.8}.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-light{background:var(--light);color:#fff;font-weight:700;border-radius:3px;transition:opacity .2s,background .2s,transform .2s}.btn-light:hover{opacity:.9;background-color:#8faa6e;transform:translateY(-2px)}.btn-border{border:2px solid rgba(255,255,255,.35);color:rgba(255,255,255,.85);border-radius:3px;transition:.2s}.btn-border:hover{border-color:var(--light);color:var(--light);transform:translateY(-2px)}@media (max-width:860px){.about-hero,.about-story,.values-grid{grid-template-columns:1fr}.about-hero__content{padding:3rem 1.5rem 2rem}.about-hero__visual{height:55vw}.about-stats{grid-template-columns:repeat(2,1fr)}.about-story__img{min-height:240px}.about-story__body{padding:3rem 1.5rem}.about-cta,.about-values{padding:4rem 1.5rem}}