.about-grid,.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}:root{--heading-color:#2a2c39;--accent-color:#ef6603;--text-color:#555;--light-bg:rgba(239, 101, 3, 0.05)}.hero-apropos{background:linear-gradient(135deg,rgba(44,62,80,.8),rgba(94,59,52,.8)),url('../../assets/img/apropos/hero.png') center center/cover no-repeat;color:#fff;padding:80px 20px;text-align:center;margin-top:90px}.hero-apropos h1{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff}.hero-apropos .subtitle{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.section-notrehistoire .section-title{font-size:2.8rem;font-weight:700;margin:10px 0}.section-notrehistoire .description{font-weight:500;font-size:1rem;max-width:63%;margin:0 auto}.about-grid{margin:2rem auto}.about-card{color:#fff;text-align:center;transition:transform .3s;box-shadow:0 10px 20px rgba(0,0,0,.1);padding-bottom:30px}.about-card.dark{background-color:#2a2c39}.about-card.orange{background-color:#ef6603}.about-card .icon{width:80px;height:80px;margin:40px auto 20px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.about-card .icon i{font-size:2rem;color:#ef6603;line-height:1}.about-card h3{font-size:1.5rem;font-weight:600;margin:10px 0;color:#fff}.about-card p{font-size:1rem;padding:0 20px;opacity:.9;color:#fff}.section-nos-valeurs{padding:60px 0}.values-title{font-size:2.8rem;font-weight:700;margin-bottom:50px;color:var(--heading-color);text-align:center}.values-grid{gap:1.5rem;padding:0 15px}.value-card{padding:30px;text-align:center;background-color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.value-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.value-icon{font-size:3rem;margin-bottom:20px;color:var(--accent-color)}.value-description{font-size:1.05rem;color:var(--text-color);line-height:1.6}.section-histoire{padding:80px 0;background-color:var(--light-bg);overflow:hidden}.circle-left,.circle-right,.circle-right-top{position:absolute;width:150px;height:150px;border-radius:50%;background:var(--heading-color);opacity:.05;z-index:0}.timeline-icon,.timeline::before{background-color:var(--accent-color)}.circle-left{top:50%;left:-75px}.circle-right{bottom:15%;right:-75px}.circle-right-top{top:15%;right:20px}.section-equipe .section-title,.section-histoire .section-title{font-size:2.8rem;font-weight:700;color:var(--heading-color);text-align:center;margin-bottom:1rem}.section-equipe .section-subtitle,.section-histoire .section-subtitle{font-size:1.1rem;color:var(--text-color);text-align:center;margin-bottom:4rem;max-width:90%;margin-left:auto;margin-right:auto}.timeline{position:relative;max-width:800px;margin:0 auto;padding:20px 0}.timeline::before{content:'';position:absolute;top:0;left:30px;transform:translateX(-50%);width:4px;height:100%;border-radius:2px}.timeline-item{position:relative;margin-bottom:40px;width:100%;padding-left:70px}.timeline-icon{position:absolute;top:50%;left:0;transform:translateY(-50%);width:60px;height:60px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;z-index:1}.timeline-content{background-color:#fff;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s;position:relative}.timeline-content h3{font-size:1.5rem;text-align:left;color:var(--heading-color);margin-bottom:10px}.timeline-content p{font-size:1rem;text-align:left;color:var(--text-color);line-height:1.6}.section-equipe{padding:80px 0}.equipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 20px}@media (max-width:992px){.equipe-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.equipe-grid{grid-template-columns:1fr}}.equipe-card{position:relative;background-size:cover;background-position:center;height:400px;overflow:hidden;display:flex;align-items:flex-end;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .4s,box-shadow .4s}.equipe-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.equipe-card-overlay{width:100%;height:100%;padding:20px;color:#fff;background:linear-gradient(to top,rgb(42 44 57 / 73%) 0,rgb(42 44 57 / 17%) 40%,rgba(103,105,115,0) 100%);display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.equipe-card-title{font-size:1.4rem;font-weight:700;color:#fff;text-transform:uppercase;margin-bottom:.5rem}.equipe-card-role{font-size:.9rem;color:rgba(255,255,255,.85);font-weight:300;text-transform:uppercase;margin-bottom:1rem}.equipe-card-footer{display:flex;justify-content:center;gap:15px}.social-icon{font-size:1.4rem;color:#fff;transition:color .3s,transform .3s}.social-icon:hover{color:#ccccccff;transform:scale(1.1)}.cta{background:var(--accent-color);color:#fff;padding:4rem 20px;text-align:center;margin:4rem 0;border-radius:0}.cta h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta p{font-size:1.1rem;opacity:.9;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta .btn{display:inline-block;padding:12px 30px;background:#fff;color:var(--accent-color);text-decoration:none;border-radius:50px;font-weight:600;transition:.3s;border:2px solid #fff}.cta .btn:hover{background:0 0;border-color:#fff;color:#fff}@media (min-width:768px){.timeline::before{left:50%}.timeline-item{width:50%;padding-left:0}.timeline-item:nth-child(odd){left:0;padding-right:50px;text-align:right}.timeline-item:nth-child(2n){left:50%;padding-left:50px;text-align:left}.timeline-item:nth-child(odd) .timeline-icon{right:-30px;left:auto}.timeline-item:nth-child(2n) .timeline-icon{left:-30px;right:auto}.cta{border-radius:20px}}@media (max-width:768px){.hero-apropos h1,.section-equipe .section-title,.section-histoire .section-title,.section-notrehistoire .section-title,.values-title{font-size:2.2rem;line-height:1.3}.hero-apropos .subtitle,.section-equipe .section-subtitle,.section-histoire .section-subtitle{font-size:1rem}.section-notrehistoire .description{max-width:100%;font-size:1rem}.about-grid,.equipe-grid,.values-grid{grid-template-columns:1fr}.cta h2{font-size:1.8rem}}@media (max-width:576px){.hero-apropos{padding:60px 15px}.timeline-content h3{font-size:1.3rem}.timeline-content p{font-size:.95rem}}