@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');

/* Tous les styles sont limités à #l4c-volunteers. */
#l4c-volunteers{--l4cv-ink:#143b45;--l4cv-teal:#087b88;--l4cv-orange:#ea872b;--l4cv-muted:#5b6d72;color:var(--l4cv-ink);font-family:Inter,Arial,sans-serif;}
#l4c-volunteers,#l4c-volunteers *{box-sizing:border-box;}
#l4c-volunteers .l4cv-container{width:calc(100% - 48px);max-width:1200px;margin:0 auto;}
#l4c-volunteers .l4cv-section{padding:76px 0;overflow:visible;}
#l4c-volunteers figure{margin:0;}
#l4c-volunteers img{display:block;max-width:100%;}
#l4c-volunteers p{font-size:16px;line-height:1.7;margin:0 0 18px;color:var(--l4cv-muted);}
#l4c-volunteers .l4cv-kicker{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:800;color:var(--l4cv-teal);text-transform:uppercase;margin:0 0 22px;}
#l4c-volunteers h1,#l4c-volunteers h2{color:var(--l4cv-ink);font-family:'Barlow Condensed',Impact,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;}
#l4c-volunteers h2{font-size:clamp(36px,4vw,54px);line-height:1.04;margin:0 0 22px;}
#l4c-volunteers h2 span{color:var(--l4cv-orange);}
#l4c-volunteers a{transition:background .2s,color .2s,transform .2s;}
#l4c-volunteers a:focus-visible{outline:3px solid var(--l4cv-teal);outline-offset:5px;}
#l4c-volunteers .l4cv-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;min-height:52px;padding:16px 24px;border-radius:3px;background:var(--l4cv-orange);color:#162f36;font:800 12px/1.4 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;}
#l4c-volunteers .l4cv-button span{font-size:21px;font-weight:500;line-height:1;}
#l4c-volunteers .l4cv-button:hover{background:#f7a044;transform:translateY(-2px);}
#l4c-volunteers .l4cv-text-link{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--l4cv-teal);font-size:12px;font-weight:800;text-decoration:none;}
#l4c-volunteers .l4cv-text-link:hover{text-decoration:underline;}
#l4c-volunteers .l4cv-hero{padding:150px 0 85px;background:#fff;overflow:visible;}
#l4c-volunteers .l4cv-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center;}
#l4c-volunteers h1{font-size:clamp(65px,7.4vw,106px);line-height:.9;margin:0 0 26px;}
#l4c-volunteers h1 span{color:var(--l4cv-orange);}
#l4c-volunteers .l4cv-lead{color:var(--l4cv-ink);font-size:24px;font-weight:600;line-height:1.35;}
#l4c-volunteers .l4cv-hero-text{max-width:520px;font-size:15px;}
#l4c-volunteers .l4cv-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px;}
#l4c-volunteers .l4cv-hero-photo{position:relative;margin:20px 0 20px 0;}
#l4c-volunteers .l4cv-hero-photo::before{content:"";position:absolute;inset:-18px -18px 18px 18px;border:3px solid var(--l4cv-orange);}
#l4c-volunteers .l4cv-hero-photo img{position:relative;width:100%;height:480px;object-fit:cover;object-position:50% 48%;border-radius:3px;}
#l4c-volunteers .l4cv-hero-photo figcaption{position:absolute;left:-24px;bottom:-24px;right:34px;background:var(--l4cv-ink);color:white;padding:23px 24px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px;border-radius:3px;}
#l4c-volunteers .l4cv-photo-dot{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--l4cv-orange);}
#l4c-volunteers .l4cv-family{background:#f8f9fa;}
#l4c-volunteers .l4cv-family-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:85px;align-items:center;max-width:1040px;}
#l4c-volunteers .l4cv-family-number{color:#e6edef;position:relative;text-align:center;font:800 210px/.8 'Barlow Condensed',Impact,sans-serif;border-right:1px solid #dce6e6;padding-right:50px;}
#l4c-volunteers .l4cv-family-number span{display:block;font:800 14px/1 Inter,Arial,sans-serif;letter-spacing:.28em;margin-top:23px;color:var(--l4cv-teal);}
#l4c-volunteers .l4cv-family-call{color:var(--l4cv-ink);margin-bottom:0;}
#l4c-volunteers .l4cv-family-call strong{font-weight:800;}
#l4c-volunteers .l4cv-missions{background:#fff;scroll-margin-top:100px;}
#l4c-volunteers .l4cv-section-title{text-align:center;margin-bottom:36px;}
#l4c-volunteers .l4cv-section-title h2{font-family:Inter,Arial,sans-serif;font-size:28px;line-height:1.3;color:var(--l4cv-orange);margin-bottom:16px;}
#l4c-volunteers .l4cv-section-title p{font-size:14px;}
#l4c-volunteers .l4cv-mission-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
#l4c-volunteers .l4cv-mission{position:relative;background:#f8f9fa;padding:24px 20px;border-radius:4px;border-top:3px solid var(--l4cv-teal);}
#l4c-volunteers .l4cv-mission-number{font-size:11px;color:#8a9da2;font-weight:800;}
#l4c-volunteers .l4cv-mission svg{display:block;width:40px;height:40px;fill:none;stroke:var(--l4cv-orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin:20px 0 17px;}
#l4c-volunteers .l4cv-mission h3{font:800 15px/1.3 Inter,Arial,sans-serif;color:var(--l4cv-ink);margin:0 0 11px;}
#l4c-volunteers .l4cv-mission p{font-size:12px;line-height:1.65;margin:0;}
#l4c-volunteers .l4cv-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;}
#l4c-volunteers .l4cv-photo-grid figure{overflow:hidden;border-radius:4px;background:#fff;border:1px solid #e0e8e7;}
#l4c-volunteers .l4cv-photo-grid img{width:100%;height:235px;object-fit:cover;}
#l4c-volunteers .l4cv-photo-grid figcaption{padding:20px 22px;font-size:16px;font-weight:800;color:var(--l4cv-ink);}
#l4c-volunteers .l4cv-photo-grid figcaption span{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--l4cv-teal);margin-bottom:8px;}
#l4c-volunteers .l4cv-team{background:#f8f9fa;}
#l4c-volunteers .l4cv-team-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;}
#l4c-volunteers .l4cv-team-photo img{width:100%;height:360px;object-fit:cover;border-radius:4px;}
#l4c-volunteers .l4cv-team-copy p:not(.l4cv-kicker){font-size:15px;}
#l4c-volunteers .l4cv-join{background:#fff;}
#l4c-volunteers .l4cv-join-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;background:var(--l4cv-ink);padding:52px 56px;border-radius:5px;}

#l4c-volunteers .l4cv-join-panel>div{position:relative;}
#l4c-volunteers .l4cv-join h2{color:white;}
#l4c-volunteers .l4cv-join .l4cv-kicker{color:#b3d7d8;}
#l4c-volunteers .l4cv-join-panel p:not(.l4cv-kicker){color:#c5d7da;font-size:14px;margin-bottom:0;}
#l4c-volunteers .l4cv-join-action{text-align:center;}
#l4c-volunteers .l4cv-join-action .l4cv-button{width:100%;max-width:315px;}
#l4c-volunteers .l4cv-join-action p{margin-top:14px;}
@media(max-width:1100px){#l4c-volunteers .l4cv-hero-grid{gap:40px;}#l4c-volunteers .l4cv-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#l4c-volunteers .l4cv-team-grid{gap:40px;}}
@media(max-width:767px){#l4c-volunteers .l4cv-container{width:calc(100% - 40px);}#l4c-volunteers .l4cv-section{padding:54px 0;}#l4c-volunteers .l4cv-hero{padding:122px 0 70px;}#l4c-volunteers .l4cv-hero-grid,#l4c-volunteers .l4cv-family-grid,#l4c-volunteers .l4cv-team-grid,#l4c-volunteers .l4cv-join-panel{grid-template-columns:1fr;gap:34px;}#l4c-volunteers h1{font-size:77px;}#l4c-volunteers .l4cv-lead{font-size:21px;}#l4c-volunteers .l4cv-hero-photo{margin:10px 15px 15px 0;}#l4c-volunteers .l4cv-hero-photo img{height:340px;}#l4c-volunteers .l4cv-hero-photo figcaption{left:15px;right:-15px;bottom:-18px;font-size:11px;padding:17px;}#l4c-volunteers .l4cv-family-number{display:none;}#l4c-volunteers .l4cv-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#l4c-volunteers .l4cv-mission:last-child{grid-column:1/-1;}#l4c-volunteers .l4cv-photo-grid{grid-template-columns:1fr;gap:20px;}#l4c-volunteers .l4cv-photo-grid img{height:240px;}#l4c-volunteers .l4cv-section-title h2{font-size:23px;}#l4c-volunteers .l4cv-team-photo img{height:auto;max-height:350px;object-fit:contain;}#l4c-volunteers .l4cv-join-panel{padding:35px 26px;}#l4c-volunteers .l4cv-join-action{text-align:left;}#l4c-volunteers .l4cv-join-action .l4cv-button{max-width:none;}}
@media(prefers-reduced-motion:reduce){#l4c-volunteers a{transition:none;}#l4c-volunteers .l4cv-button:hover{transform:none;}}