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

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

#l4c-sierre-zinal .l4csz-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
#l4c-sierre-zinal .l4csz-mission{padding:30px;}
#l4c-sierre-zinal .l4csz-mission h3{font-size:21px;margin-top:20px;}
#l4c-sierre-zinal .l4csz-mission p{font-size:14px;}
#l4c-sierre-zinal .l4csz-family-number{font-size:150px;}
#l4c-sierre-zinal .l4csz-date{display:inline-block;color:var(--l4csz-teal);font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:20px;}
#l4c-sierre-zinal .l4csz-notice{margin-top:34px;padding:28px 32px;background:#fff6ea;border-left:4px solid var(--l4csz-orange);border-radius:3px;}
#l4c-sierre-zinal .l4csz-notice h3{margin:0 0 10px;font-size:19px;color:var(--l4csz-ink);}
#l4c-sierre-zinal .l4csz-notice p{font-size:14px;margin:0;}
#l4c-sierre-zinal .l4csz-gallery-photo img{width:100%;height:440px;object-fit:cover;object-position:center 65%;border-radius:4px;}
#l4c-sierre-zinal .l4csz-gallery-photo figcaption{font-size:12px;color:var(--l4csz-muted);padding-top:12px;}
#l4c-sierre-zinal .l4csz-gallery-link{text-align:center;margin-top:28px;}
@media(max-width:767px){#l4c-sierre-zinal h1{font-size:64px;}#l4c-sierre-zinal .l4csz-mission-grid{grid-template-columns:1fr;}#l4c-sierre-zinal .l4csz-gallery-photo img{height:280px;}#l4c-sierre-zinal .l4csz-notice{padding:24px;}#l4c-sierre-zinal .l4csz-button{white-space:normal;}#l4c-sierre-zinal .l4csz-text-link{white-space:normal;}}

#l4c-sierre-zinal h1{font-size:clamp(44px,4.2vw,64px);line-height:1.02;}
@media(max-width:767px){#l4c-sierre-zinal h1{font-size:44px;}}

@media(max-width:767px){#l4c-sierre-zinal .l4csz-mission-grid{display:flex;flex-direction:column;}#l4c-sierre-zinal .l4csz-mission{width:100%;}}

#l4c-sierre-zinal h1{font-size:clamp(44px,4.2vw,64px);line-height:1.02;}
@media(max-width:767px){#l4c-sierre-zinal h1{font-size:44px;}}
