:root{--paper:#fbfaf7;--white:#fff;--ink:#202622;--muted:#6f7770;--line:#e8e8e1;--green:#183f35;--green2:#244f42;--lime:#dce8b3;--gold:#f1c747;--coral:#e77b67;--blue:#9bb5c5;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--radius:22px;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;background:var(--green);color:white;padding:12px 16px;z-index:99;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(251,250,247,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(32,38,34,.07)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;min-width:222px}.brand img{height:54px;width:54px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply}.brand-name{font:700 10px/1.3 var(--display);letter-spacing:.1em}.brand-name b{display:block;font-size:12px;letter-spacing:.045em}.desktop-nav{display:flex;align-items:center;gap:clamp(18px,3vw,38px);margin-inline:auto}.desktop-nav a,.mobile-nav a{font-size:13px;font-weight:600;color:#525b53;transition:color .2s}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:0 22px;border:0;border-radius:999px;background:var(--green);color:white;font-weight:700;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 7px 18px rgba(24,63,53,.13);cursor:pointer}.button:hover{transform:translateY(-2px);background:var(--green2);box-shadow:0 12px 24px rgba(24,63,53,.18)}.button span{font-size:18px;font-weight:400;transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}.button-small{min-height:43px;padding-inline:18px;font-size:12px;gap:14px}.menu-toggle,.mobile-nav{display:none}.hero{min-height:690px;padding-top:76px;position:relative;display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:5.5%;padding-bottom:92px}.hero-copy{padding:12px 0 0 14px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#68746a}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--coral)}h1,h2,h3,p{margin-top:0}h1,h2{font:600 clamp(42px,5.3vw,67px)/1.08 var(--display);letter-spacing:-.065em;margin:24px 0 21px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;color:var(--green);white-space:normal}.hero-intro{max-width:480px;color:#606960;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:31px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--green);font-size:13px;font-weight:700;padding:9px 0}.text-link span{font-size:17px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.hero-note{display:flex;align-items:center;gap:13px;margin-top:60px;color:#69716b;font-size:11px;line-height:1.45}.mini-avatars{display:flex;padding-left:3px}.mini-avatars span{display:grid;place-items:center;width:31px;height:31px;margin-left:-4px;border:2px solid var(--paper);border-radius:50%;background:#d8e3d4;color:var(--green);font:700 10px var(--display)}.mini-avatars span:nth-child(2){background:#f3d7c9}.mini-avatars span:nth-child(3){background:#e5e8c8}.hero-art{height:510px;position:relative;border-radius:170px 170px 28px 28px;background:#e8ece3;box-shadow:0 28px 65px rgba(32,38,34,.1)}.hero-photo{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85);transform:scale(1.025);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.hero-art:hover .hero-photo img{transform:scale(1.07)}.photo-overlay{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(10,31,41,.03) 35%,rgba(15,39,35,.56) 100%);pointer-events:none}.float-card{position:absolute;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 13px 35px rgba(24,42,35,.14);border:1px solid rgba(255,255,255,.75);border-radius:18px}.years{top:65px;left:-39px;padding:17px 21px;display:flex;flex-direction:column;line-height:1.1}.years strong{font:700 37px var(--display);letter-spacing:-.07em;color:var(--green)}.years span{font-size:10px;color:#69716b;margin-top:6px}.action-count{right:-28px;bottom:104px;display:flex;align-items:center;gap:12px;padding:15px 19px;font-size:11px;line-height:1.45;color:#59635b}.action-count b{font-size:12px;color:var(--ink)}.spark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e5efcf;color:var(--green);font-size:23px}.hero-caption{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:.04em}.hero-caption span:first-child{opacity:.75}.hero-bottom{position:absolute;left:14px;right:14px;bottom:21px;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#7a8179}.hero-bottom span:last-child{margin-left:auto}.scroll-line{height:1px;width:48px;background:#aeb4aa}.section-pad{padding:116px 0}.intro-section{background:#f1f2ec}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.section-heading h2{font-size:57px;margin-bottom:0}.intro-text{max-width:500px;padding:0 0 4px}.lead{font:500 22px/1.45 var(--display);letter-spacing:-.03em;color:#313a33;margin-bottom:14px}.lead strong{color:var(--green)}.intro-text>p:not(.lead){color:#6a726b;font-size:14px;line-height:1.85;margin-bottom:14px}.values-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:64px}.value-card{min-height:177px;background:rgba(255,255,255,.74);border:1px solid rgba(25,56,43,.055);border-radius:17px;padding:18px 15px;transition:transform .25s,box-shadow .25s}.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(24,63,53,.08)}.value-icon{height:37px;width:37px;display:grid;place-items:center;border-radius:12px;background:#e7eddd;color:var(--green);font-size:21px}.value-icon.green{background:#e4edce}.value-icon.coral{background:#fae5dc;color:#b65b48}.value-icon.blue{background:#e0eaf0;color:#557b8d}.value-icon.gold{background:#f9edc6;color:#957524}.value-card h3{font:700 14px var(--display);letter-spacing:-.02em;margin:16px 0 5px}.value-card p{font-size:11px;line-height:1.55;color:#7a8179;margin:0}.actions-section{background:var(--paper)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:43px}.section-top h2{font-size:55px;margin:17px 0 0}.section-top>p{color:#747b73;font-size:13px;line-height:1.7;margin:0 0 7px}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.action-card{background:var(--white);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-height:435px;box-shadow:0 4px 20px rgba(32,38,34,.035);transition:transform .3s,box-shadow .3s}.action-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(32,38,34,.1)}.action-visual{height:236px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-tag{position:absolute;bottom:15px;left:18px;border-radius:999px;padding:7px 11px;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);font-size:9px;font-weight:700;letter-spacing:.04em;color:#49534c}.food-visual{background:#e6eddd;justify-content:flex-start}.produce{height:150px;width:260px;position:absolute;left:50%;top:50%;transform:translate(-42%,-50%);filter:drop-shadow(0 15px 8px rgba(31,61,38,.12))}.produce i{position:absolute;border-radius:50%;display:block}.produce i:nth-child(1){background:#f1a23d;width:104px;height:104px;left:0;top:25px}.produce i:nth-child(2){background:#d65e49;width:83px;height:83px;left:76px;top:47px}.produce i:nth-child(3){background:#92a958;width:99px;height:99px;left:132px;top:14px}.produce i:nth-child(4){background:#ebc751;width:66px;height:66px;left:180px;top:76px}.produce i:nth-child(5){background:#d2d8af;width:38px;height:38px;left:62px;top:5px}.visual-stamp{position:absolute;z-index:1;left:22px;top:23px;font:italic 22px/1.05 var(--serif);color:#3f6644;transform:rotate(-8deg)}.telethon-visual{background:#233c78}.telethon-visual:before,.telethon-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:250px;height:250px}.telethon-visual:after{width:330px;height:330px}.ribbon{font:700 42px var(--display);color:#fff;letter-spacing:-.06em;z-index:1}.heart-line{position:absolute;right:17%;top:16%;font:120px var(--serif);color:#eecb67;transform:rotate(-15deg);opacity:.92}.rose-visual{background:#f3d7d4}.rose-visual:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(153,76,87,.16);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.2),0 0 0 48px rgba(255,255,255,.12)}.pillow{display:grid;place-items:center;width:118px;height:106px;background:#fff9f4;color:#d77e82;border-radius:55% 55% 48% 48%;box-shadow:0 17px 28px rgba(140,75,83,.14);font:65px var(--serif);transform:rotate(-12deg);z-index:1}.pillow:after{content:"";position:absolute;width:24px;height:24px;bottom:-2px;border-radius:50%;background:#fff9f4}.action-content{position:relative;padding:21px 23px 25px;flex:1}.action-content .eyebrow{font-size:9px;letter-spacing:.14em}.action-content h3{font:700 22px/1.2 var(--display);letter-spacing:-.045em;margin:11px 40px 8px 0}.action-content p{font-size:12px;line-height:1.65;color:#717970;margin-bottom:0;max-width:460px}.round-link{position:absolute;right:21px;top:35px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #e6e8e1;border-radius:50%;font-size:15px;color:var(--green);transition:background .2s,color .2s,transform .2s}.round-link:hover{background:var(--green);color:white;transform:rotate(45deg)}.more-card{background:#e9eee4;position:relative}.more-card .action-content{padding-top:33px}.more-card .action-content h3{font-size:25px}.more-orbit{height:236px;background:radial-gradient(circle at 50% 50%,#e1eacb 0 22%,transparent 22.5%),radial-gradient(circle at 50% 50%,transparent 0 39%,rgba(24,63,53,.15) 39.5% 40%,transparent 40.5%),radial-gradient(circle at 50% 50%,transparent 0 63%,rgba(24,63,53,.12) 63.5% 64%,transparent 64.5%);display:grid;place-items:center;color:var(--green);position:relative}.more-orbit span{font:300 74px var(--display);transform:translateY(-5px)}.more-orbit i,.more-orbit b{position:absolute;font-style:normal;font-size:23px}.more-orbit i{top:36px;right:30%}.more-orbit b{bottom:32px;left:27%;font-weight:400}.editor-note{font-size:10px;color:#9a9e97;margin:17px 0 0}.impact-section{background:var(--green);color:white;overflow:hidden;position:relative}.impact-wrap{min-height:375px;display:grid;grid-template-columns:1fr 1.12fr;gap:9%;align-items:center;position:relative}.eyebrow.light{color:#d9e1d8}.impact-title h2{font-size:49px;margin:19px 0 13px}.impact-title h2 em{color:#e2ebcc}.impact-title>p{font-size:12px;color:#c1cdc5;margin:0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px;padding:12px 0}.stat{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:13px}.stat strong{font:600 46px/1 var(--display);letter-spacing:-.07em}.stat strong span{color:var(--lime)}.stat>span{font-size:11px;color:#cad3cd}.impact-mark{position:absolute;right:-37px;bottom:-92px;font:800 128px/.8 var(--display);letter-spacing:-.1em;color:rgba(255,255,255,.035);text-align:right}.impact-mark span{font:700 14px var(--display);letter-spacing:.18em}.commitments-section{background:#f1f2ec}.commit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.commit-card{min-height:290px;position:relative;overflow:hidden;padding:22px;border-radius:19px;display:flex;flex-direction:column;transition:transform .25s}.commit-card:hover{transform:translateY(-5px)}.commit-solidarity{background:#ebd8ce}.commit-nature{background:#dce5cc}.commit-world{background:#dce6e8}.commit-civic{background:#e8e2ce}.commit-num{font-size:10px;font-weight:700;color:rgba(32,38,34,.47)}.commit-symbol{position:absolute;right:21px;top:37px;font:60px/1 var(--serif);color:rgba(31,70,53,.27);transform:rotate(-13deg)}.commit-card h3{font:700 23px var(--display);letter-spacing:-.05em;margin:auto 0 8px}.commit-card p{font-size:12px;line-height:1.65;color:#626b62;max-width:220px;margin-bottom:16px}.commit-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#687168;border-top:1px solid rgba(32,38,34,.15);padding-top:12px}.commit-foot i{font-size:15px;font-style:normal}.team-section{background:#fbfaf7}.team-heading{margin-bottom:39px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.team-card{min-width:0}.portrait{height:265px;position:relative;overflow:hidden;border-radius:17px;background:var(--portrait-bg,#dae2d7);display:flex;align-items:flex-end;justify-content:center}.portrait:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.25);right:-45px;top:-50px}.portrait:after{content:"";position:absolute;width:145px;height:180px;border-radius:68px 68px 0 0;background:var(--shirt,#54705e);bottom:-60px}.person-head{position:absolute;z-index:1;bottom:104px;width:85px;height:101px;border-radius:46% 48% 43% 45%;background:var(--skin,#c98e6a);box-shadow:inset 8px 0 rgba(95,52,38,.08)}.person-head:before{content:"";position:absolute;width:96px;height:58px;border-radius:54% 48% 24% 32%;background:var(--hair,#382d29);left:-4px;top:-12px;transform:rotate(-3deg)}.person-head:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#342c27;top:48px;left:23px;box-shadow:34px 0 #342c27}.portrait-label{position:absolute;z-index:2;top:13px;left:13px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.69);font-size:8px;color:#566057;backdrop-filter:blur(6px)}.team-info{padding:14px 2px 0}.team-info h3{font:700 15px var(--display);letter-spacing:-.02em;margin:0 0 3px}.team-role{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--green)}.team-quote{font:italic 12px/1.5 var(--serif);color:#848980;margin:8px 0 0}.history-section{background:#e9eee5}.history-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14%;align-items:center}.history-intro h2{font-size:52px;margin:20px 0}.history-intro h2 em{color:#40614e}.history-intro>p{font-size:13px;line-height:1.8;color:#667067;max-width:355px}.timeline{padding:10px 0}.timeline article{display:grid;grid-template-columns:85px 18px 1fr;gap:18px;position:relative;min-height:126px}.timeline article:not(:last-child):after{content:"";position:absolute;left:111px;top:21px;bottom:-1px;width:1px;background:#bdc8b9}.timeline-date{font-size:11px;font-weight:700;color:#657066;padding-top:2px}.timeline-dot{width:10px;height:10px;border:2px solid var(--green);background:#e9eee5;border-radius:50%;margin-top:4px;z-index:1}.timeline article:first-child .timeline-dot{background:var(--green)}.timeline h3{font:700 17px var(--display);letter-spacing:-.035em;margin:0 0 7px}.timeline p{font-size:12px;line-height:1.7;color:#6c756c;margin:0}.timeline small{font-size:10px;color:#939a90}.social-section{background:var(--paper)}.social-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:14%;align-items:center}.social-copy h2{font-size:52px;margin:20px 0 14px}.social-copy>p{font-size:13px;line-height:1.8;color:#737b73;max-width:330px}.social-links{border-top:1px solid var(--line)}.social-links>a{min-height:83px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);transition:padding .2s}.social-links>a:hover{padding-inline:9px}.social-icon{width:42px;height:42px;display:grid;place-items:center;background:#eff1e9;border-radius:50%;font:700 18px var(--display);color:var(--green)}.social-links>a>span:nth-child(2){display:flex;flex-direction:column;gap:1px}.social-links b{font:700 14px var(--display)}.social-links small{font-size:10px;color:#899087}.social-links i{margin-left:auto;font-size:18px;font-style:normal;color:var(--green)}.join-section{background:var(--green);color:white;overflow:hidden}.join-inner{min-height:420px;display:flex;align-items:center;justify-content:space-between;position:relative;padding-block:68px}.join-copy{position:relative;z-index:1}.join-copy h2{font-size:51px;margin:20px 0 14px}.join-copy h2 em{color:#e5edcf}.join-copy>p{font-size:13px;line-height:1.8;color:#d1dbd4;max-width:510px}.join-actions{display:flex;align-items:center;gap:24px;margin-top:25px}.button-light{background:#f5f5e9;color:var(--green);box-shadow:0 9px 25px rgba(0,0,0,.14)}.button-light:hover{background:white}.join-contact{font-size:12px;color:#e7ede7;font-weight:700;display:flex;gap:12px;align-items:center}.join-contact span{font-size:17px}.join-decoration{position:absolute;right:32px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:rgba(255,255,255,.16)}.join-decoration:before,.join-decoration:after{content:"";position:absolute;inset:25px;border:1px solid rgba(255,255,255,.13);border-radius:50%}.join-decoration:after{inset:60px}.join-decoration>span{font:800 103px var(--display);letter-spacing:-.1em}.join-decoration i{position:absolute;right:45px;top:61px;font-style:normal;font-size:42px;color:#d9e5bc}.join-decoration b{position:absolute;bottom:68px;font:700 10px/1.5 var(--display);letter-spacing:.23em;text-align:center;color:rgba(255,255,255,.75)}.form-section{background:#f2f1e9}.form-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:12%;align-items:start}.form-intro h2{font-size:48px;margin:20px 0 14px}.form-intro>p{max-width:340px;font-size:13px;line-height:1.8;color:#70786f}.form-aside{display:flex;flex-wrap:wrap;gap:7px;margin-top:26px}.form-aside span{padding:7px 10px;border:1px solid #dce0d6;border-radius:999px;color:#657064;font-size:9px}.join-form{padding:27px;background:#fff;border:1px solid rgba(32,38,34,.04);border-radius:20px;box-shadow:0 15px 40px rgba(29,43,32,.05)}.join-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:700;color:#5e685f;margin-bottom:14px}.join-form label small{display:inline;color:#9aa097;font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.join-form input:not([type=checkbox]),.join-form textarea,.join-form select{width:100%;min-height:43px;padding:10px 12px;border:1px solid #e5e8e1;border-radius:9px;background:#fbfbf8;color:#29312b;font-size:12px;outline:none;transition:border-color .2s,box-shadow .2s}.join-form textarea{resize:vertical;min-height:96px}.join-form input:focus,.join-form textarea:focus,.join-form select:focus{border-color:#6c8a6d;box-shadow:0 0 0 3px rgba(108,138,109,.12)}.join-form input::placeholder,.join-form textarea::placeholder{color:#a4aaa2}.consent{display:grid!important;grid-template-columns:17px 1fr;gap:9px!important;align-items:start;font-size:10px!important;line-height:1.5;font-weight:400!important;color:#737b72!important}.consent input{accent-color:var(--green);margin-top:2px}.consent a{text-decoration:underline}.form-submit{min-height:48px;padding-inline:20px;gap:29px}.form-hint{font-size:9px;color:#a0a69d;margin:12px 0 0}.form-success{padding:13px 15px;border-radius:10px;background:#e8f0dc;color:#31583c;font-size:12px;line-height:1.6;margin:14px 0 0}.site-footer{background:#202d27;color:white;padding:50px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:38px}.footer-brand img{mix-blend-mode:normal;background:white}.footer-brand .brand-name{color:#eef2eb}.footer-nav{display:grid;grid-template-columns:repeat(3,145px);gap:35px}.footer-nav>div{display:flex;flex-direction:column;gap:7px}.footer-nav>div>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#93a197;margin-bottom:4px}.footer-nav a{font-size:11px;color:#d7ded8;transition:color .2s}.footer-nav a:hover,.footer-bottom a:hover{color:#dce8b3}.footer-bottom{display:flex;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;color:#9ca8a0;font-size:9px}.footer-bottom>div{display:flex;gap:18px;margin-left:auto}.footer-bottom a{transition:color .2s}.back-top{width:29px;height:29px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:15px;margin-left:8px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.reveal.is-visible{opacity:1;transform:none}.value-card:nth-child(2),.action-card:nth-child(2),.commit-card:nth-child(2),.team-card:nth-child(2){transition-delay:.06s}.value-card:nth-child(3),.action-card:nth-child(3),.commit-card:nth-child(3),.team-card:nth-child(3){transition-delay:.12s}.value-card:nth-child(4),.action-card:nth-child(4),.commit-card:nth-child(4),.team-card:nth-child(4){transition-delay:.18s}
@media(min-width:1400px){.hero{min-height:740px}.hero-art{height:555px}}
@media(max-width:900px){.wrap{width:min(100% - 40px,var(--wrap))}.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.brand{min-width:180px}.brand img{width:47px;height:47px}.brand-name{font-size:9px}.brand-name b{font-size:10px}.hero{gap:4%;min-height:620px}.hero-art{height:430px}.hero h1{font-size:52px}.values-grid{grid-template-columns:repeat(3,1fr)}.value-card{min-height:150px}.team-grid{grid-template-columns:repeat(4,1fr);gap:12px}.portrait{height:215px}.person-head{transform:scale(.83);transform-origin:bottom}.commit-grid{grid-template-columns:repeat(2,1fr)}.commit-card{min-height:250px}.join-decoration{right:-92px}.join-copy{max-width:70%}.footer-nav{grid-template-columns:repeat(3,125px);gap:22px}}
@media(max-width:680px){html{scroll-padding-top:76px}.wrap{width:calc(100% - 38px)}.site-header{height:70px}.header-inner{width:calc(100% - 30px)}.brand{min-width:unset;gap:8px}.brand img{width:43px;height:43px}.brand-name{font-size:8px}.brand-name b{font-size:9px}.desktop-nav{display:none}.header-cta{margin-left:auto;margin-right:11px;min-height:38px;padding:0 12px;font-size:10px;gap:8px}.header-cta span{font-size:15px}.menu-toggle{height:40px;width:40px;border:1px solid #e1e5dc;border-radius:50%;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:15px;height:1.5px;background:var(--green);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(251,250,247,.98);backdrop-filter:blur(18px);padding:30px 25px;flex-direction:column;gap:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.65,.3,1);visibility:hidden}.mobile-nav.open{transform:none;visibility:visible}.mobile-nav a{font:700 23px var(--display);letter-spacing:-.04em;padding:18px 0;border-bottom:1px solid var(--line)}.mobile-nav a.mobile-join{margin-top:18px;padding:17px 20px;background:var(--green);border-radius:999px;color:white;font-size:16px;display:flex;justify-content:space-between}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:72px;gap:29px;min-height:unset}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{font-size:clamp(39px,11vw,54px);margin:18px 0 15px;line-height:1.08}.hero-intro{font-size:13px;line-height:1.75;max-width:500px}.hero-actions{margin-top:22px;gap:17px;flex-wrap:wrap}.hero-actions .button{min-height:48px;padding-inline:17px;font-size:11px;gap:13px}.hero-actions .text-link{font-size:11px}.hero-note{display:none}.hero-art{height:370px;border-radius:120px 120px 22px 22px;margin:0 6px}.years{left:-11px;top:48px;padding:11px 15px}.years strong{font-size:29px}.years span{font-size:8px}.action-count{right:-10px;bottom:72px;padding:11px 13px}.action-count .spark{width:28px;height:28px;font-size:19px}.action-count{font-size:9px}.action-count b{font-size:10px}.hero-caption{left:18px;right:18px;bottom:17px;font-size:8px}.hero-bottom{left:0;right:0;bottom:18px;font-size:8px}.hero-bottom .scroll-line{width:25px}.section-pad{padding:77px 0}.intro-grid,.history-grid,.social-wrap,.form-grid{grid-template-columns:1fr;gap:24px}.section-heading h2,.section-top h2{font-size:43px}.intro-grid{gap:22px}.lead{font-size:19px}.intro-text>p:not(.lead){font-size:12px}.values-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:35px}.value-card{min-height:142px;padding:14px}.value-card h3{font-size:13px;margin-top:12px}.value-card p{font-size:10px}.section-top{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:26px}.section-top h2{margin-top:14px}.section-top>p{font-size:11px}.actions-grid{grid-template-columns:1fr;gap:13px}.action-card{min-height:unset}.action-visual,.more-orbit{height:195px}.action-content{padding:18px 18px 20px}.action-content h3{font-size:20px}.action-content p{font-size:11px}.round-link{right:17px;top:29px}.editor-note{font-size:9px}.impact-wrap{grid-template-columns:1fr;gap:32px;min-height:unset}.impact-title h2{font-size:40px}.impact-title>p{font-size:11px}.stats-grid{gap:23px 14px}.stat strong{font-size:39px}.stat>span{font-size:10px}.impact-mark{font-size:80px;right:-12px;bottom:-45px}.impact-mark span{font-size:8px}.commit-grid{grid-template-columns:1fr 1fr;gap:9px}.commit-card{min-height:227px;padding:16px}.commit-symbol{font-size:49px;right:14px;top:32px}.commit-card h3{font-size:18px}.commit-card p{font-size:10px}.commit-foot{font-size:8px}.team-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.portrait{height:205px;border-radius:13px}.portrait:after{width:130px}.person-head{transform:scale(.83)}.team-info{padding-top:11px}.team-info h3{font-size:13px}.team-role{font-size:8px}.team-quote{font-size:11px}.history-grid{gap:34px}.history-intro h2{font-size:43px;margin:18px 0}.history-intro>p{font-size:12px}.timeline article{grid-template-columns:67px 16px 1fr;gap:11px;min-height:121px}.timeline article:not(:last-child):after{left:86px}.timeline h3{font-size:14px}.timeline p{font-size:11px}.social-wrap{gap:23px}.social-copy h2{font-size:44px;margin:16px 0 10px}.social-copy>p{font-size:12px}.social-links>a{min-height:70px}.social-icon{width:38px;height:38px}.social-links b{font-size:13px}.social-links small{font-size:9px}.join-inner{min-height:unset;padding-block:64px}.join-copy{max-width:100%}.join-copy h2{font-size:39px}.join-copy>p{font-size:12px;max-width:440px}.join-actions{gap:15px;flex-wrap:wrap}.button-light{min-height:49px;font-size:11px;padding-inline:16px;gap:13px}.join-contact{font-size:11px}.join-decoration{width:215px;height:215px;right:-107px;top:20px;opacity:.55}.join-decoration>span{font-size:61px}.join-decoration i{font-size:25px;right:29px;top:36px}.join-decoration b{font-size:7px;bottom:41px}.form-grid{gap:25px}.form-intro h2{font-size:41px}.form-intro>p{font-size:12px}.form-aside{margin-top:15px}.join-form{padding:19px 15px;border-radius:16px}.form-row{gap:9px}.join-form label{font-size:9px}.join-form input:not([type=checkbox]),.join-form textarea,.join-form select{font-size:11px;min-height:42px;padding-inline:9px}.consent{font-size:9px!important}.site-footer{padding:34px 0 18px}.footer-main{flex-direction:column;gap:30px;padding-bottom:26px}.footer-nav{grid-template-columns:repeat(3,1fr);gap:12px}.footer-nav>div>span{font-size:8px}.footer-nav a{font-size:9px}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:10px;font-size:8px}.footer-bottom>div{order:3;margin-left:0;width:100%;gap:14px}.back-top{margin-left:auto;margin-top:-8px}}
@media(max-width:380px){.hero h1{font-size:37px}.hero-art{height:325px}.header-cta{font-size:9px;padding-inline:9px}.commit-card{padding:13px}.commit-card h3{font-size:16px}.commit-foot{letter-spacing:-.02em}.footer-nav{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.legal-disclosures{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px}.legal-disclosures details{font-size:9px;color:#c3cec5}.legal-disclosures summary{cursor:pointer;color:#d9e2da}.legal-disclosures p{color:#9ca8a0;line-height:1.6;margin:9px 0 0;max-width:500px}
@media(max-width:680px){.legal-disclosures{grid-template-columns:1fr;gap:12px}}
:root{--paper:#f6f3e9;--green:#07583c;--green2:#06452f;--lime:#b4d343;--ink:#173b2f;--line:#dce2d8;--coral:#e47b64}
body{background:var(--paper)}
.hero{min-height:690px;padding-top:58px;gap:4%;grid-template-columns:.9fr 1.1fr}
.hero-art{height:510px;border-radius:10px 150px 14px 14px;box-shadow:0 28px 65px rgba(12,55,37,.15)}
.hero-photo img{object-position:center 40%}
.hero-copy h1{max-width:630px}
.intro-section,.commitments-section{background:#e9ede2}
.impact-section,.join-section,.site-footer{background:#06472f}
.impact-title h2 em,.join-copy h2 em{color:#dce9c1}
.commit-grid{gap:14px}
.commit-card{min-height:365px;padding:12px 12px 17px;border:1px solid rgba(17,67,45,.08);background:#fbfaf4;box-shadow:0 10px 25px rgba(19,58,39,.05);border-radius:16px}
.commit-num{position:absolute;right:22px;top:22px;z-index:2;background:rgba(255,255,255,.88);padding:5px 9px;border-radius:999px;color:#14553a;font-size:9px}
.commit-image{width:100%;height:205px;position:relative;overflow:hidden;border-radius:11px;background:#dce6d7;margin-bottom:16px}
.commit-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,48,32,.22))}
.commit-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.commit-card:hover .commit-image img{transform:scale(1.055)}
.commit-card h3{font-size:20px;margin:0 0 6px}
.commit-card p{font-size:11px;margin-bottom:12px}
.commit-foot{margin-top:auto}
.team-section{background:var(--paper)}
.portrait{height:282px;border-radius:14px;background:#dce6d7}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.team-card:hover .portrait img{transform:scale(1.04)}
.portrait:after,.portrait:before,.person-head{display:none}
.portrait-label{top:auto;left:10px;bottom:10px;z-index:2;background:rgba(249,248,239,.88);padding:6px 9px;border-radius:999px;font-size:8px;color:#3f5144}
.team-grid{grid-template-columns:repeat(3,1fr);gap:25px 20px}
.team-card{padding:10px;border-radius:19px;background:#fff;box-shadow:0 7px 25px rgba(15,58,37,.055);transition:transform .25s,box-shadow .25s}
.team-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px rgba(15,58,37,.11)}
.team-info{padding:13px 5px 5px}
.team-info h3{font-size:17px}
.team-role{font-size:9px}
.team-quote{font-size:13px}
.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 18px}
.stat{min-height:87px}
.stat strong{font-size:clamp(34px,4vw,49px);white-space:nowrap}
.stat-wide{grid-column:1/-1;align-items:center;text-align:center}
.hero .eyebrow,.section-top .eyebrow,.section-heading .eyebrow,.history-intro .eyebrow,.social-copy .eyebrow,.form-intro .eyebrow{color:#64766a}
.button{background:#0b5c3f}
.button-light{background:#f7f4e9;color:#104b35}
@media(max-width:900px){.hero{min-height:620px}.hero-art{height:430px;border-radius:10px 120px 12px 12px}.team-grid{grid-template-columns:repeat(3,1fr)}.portrait{height:235px}}
@media(max-width:680px){.hero{min-height:unset;padding-top:42px;gap:29px}.hero-art{height:370px;border-radius:9px 100px 11px 11px}.commit-grid{grid-template-columns:1fr 1fr}.commit-card{min-height:315px;padding:9px}.commit-image{height:155px;margin-bottom:13px}.commit-card h3{font-size:16px}.commit-card p{font-size:10px}.commit-foot{font-size:8px}.team-grid{grid-template-columns:repeat(2,1fr);gap:14px 11px}.team-card{padding:7px;border-radius:14px}.portrait{height:205px;border-radius:10px}.team-info{padding:10px 3px 4px}.team-info h3{font-size:14px}.team-role{font-size:8px}.team-quote{font-size:11px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.stat-wide{grid-column:1/-1}.stat strong{font-size:35px}.impact-section{overflow:hidden}}
.site-header{background:rgba(246,243,233,.72);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.54);box-shadow:0 6px 25px rgba(24,56,39,.045)}
.hero{width:100%;max-width:none;min-height:min(740px,calc(100svh - 86px));height:clamp(620px,calc(100svh - 86px),780px);padding:0;display:grid;grid-template-columns:1fr;align-items:center;gap:0;position:relative;isolation:isolate;overflow:hidden;color:#fff}
.hero-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;margin:0;border-radius:0;box-shadow:none;background:#103f31}
.hero-photo,.hero-photo img,.photo-overlay{position:absolute;inset:0;width:100%;height:100%;border-radius:0}
.hero-photo img{object-fit:cover;object-position:center 43%;filter:none;transform:none}
.hero-art:hover .hero-photo img{transform:scale(1.025)}
.photo-overlay{background:linear-gradient(90deg,rgba(4,35,26,.9) 0%,rgba(4,35,26,.76) 38%,rgba(4,35,26,.28) 72%,rgba(4,35,26,.12) 100%),linear-gradient(0deg,rgba(4,35,26,.43),transparent 44%)}
.hero-copy{width:min(var(--wrap),calc(100% - 56px));margin:0 auto;padding:50px 0 70px 14px;align-self:center}
.hero-copy .eyebrow{color:rgba(255,255,255,.78)}
.hero-copy h1{max-width:690px;color:#fff;font-size:clamp(48px,6vw,76px)}
.hero-copy h1 em{color:#e4edc8}
.hero-intro{max-width:550px;color:rgba(255,255,255,.86);font-size:16px}
.hero-actions .text-link,.hero-note{color:#f4f5ec}
.hero-actions .button{background:#b4d343;color:#123e2d;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.hero-actions .button:hover{background:#c4e153}
.hero-note{margin-top:46px}
.mini-avatars span{border-color:#194d3a}
.years{left:auto;right:8%;top:11%;background:rgba(250,249,241,.9)}
.action-count{right:5%;bottom:19%}
.hero-caption{left:auto;right:max(28px,calc((100% - var(--wrap))/2));bottom:26px;max-width:260px}
.hero-bottom{width:min(var(--wrap),calc(100% - 56px));left:50%;right:auto;transform:translateX(-50%);bottom:23px;color:rgba(255,255,255,.72);z-index:1}
.scroll-line{background:rgba(255,255,255,.5)}
.belief-section{padding:34px 0 0;background:var(--paper)}
.belief-frame{overflow:hidden;border-radius:19px;box-shadow:0 18px 45px rgba(16,53,38,.12)}
.belief-frame img{width:100%;height:auto;max-height:420px;object-fit:cover;object-position:center}
.action-visual{position:relative;background:#e6ecdf}
.action-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.action-card:hover .action-visual>img{transform:scale(1.045)}
.action-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(11,35,25,.33));pointer-events:none}
.action-visual .visual-tag{z-index:1}
.more-card{background:#fff}
@media(max-width:900px){.hero{height:650px;min-height:620px}.hero-copy{padding-left:0}.years{right:5%}.action-count{right:4%}}
@media(max-width:680px){.hero{height:calc(100svh - 70px);min-height:650px;max-height:820px;padding:0}.hero-copy{width:calc(100% - 38px);padding:35px 0 85px}.hero-copy h1{font-size:clamp(43px,12vw,61px)}.hero-intro{font-size:13px;max-width:440px}.hero-art{height:100%;border-radius:0}.hero-photo img{object-position:54% center}.photo-overlay{background:linear-gradient(90deg,rgba(4,35,26,.86),rgba(4,35,26,.56) 75%,rgba(4,35,26,.35)),linear-gradient(0deg,rgba(4,35,26,.58),transparent 55%)}.hero-actions{align-items:flex-start}.hero-note{display:flex;margin-top:30px}.years{top:15px;right:14px;padding:9px 12px}.years strong{font-size:25px}.action-count{display:none}.hero-caption{right:19px;bottom:52px}.hero-bottom{width:calc(100% - 38px);left:19px;transform:none;bottom:17px}.hero-bottom span:last-child{display:none}.belief-section{padding-top:22px}.belief-frame{width:calc(100% - 38px);border-radius:12px}.belief-frame img{min-height:190px;object-fit:cover}.action-visual{height:195px}}
:root{--paper:#faf9f5;--green:#203f61;--green2:#17324f;--ink:#1b2f43;--lime:#e4c244;--blue:#264c73;--line:#dbe1e7;--coral:#d97768}
.site-header{background:rgba(248,249,251,.72);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.58);box-shadow:0 6px 24px rgba(19,42,65,.06)}
.impact-section,.join-section,.site-footer{background:#1e3d60}
.hero-copy h1 em,.impact-title h2 em,.join-copy h2 em{color:#f0d36b}
.hero-copy .eyebrow{color:rgba(255,255,255,.82)}
.photo-overlay{background:linear-gradient(90deg,rgba(15,36,57,.91) 0%,rgba(15,36,57,.76) 38%,rgba(15,36,57,.28) 72%,rgba(15,36,57,.1) 100%),linear-gradient(0deg,rgba(15,36,57,.43),transparent 44%)}
.hero-actions .button{background:#e4c244;color:#1d3550}
.hero-actions .button:hover{background:#f0d36b}
.button,.button-small{background:var(--green)}
.button-light{background:#f7f6ef;color:#1c3958}
.values-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}
.value-card{min-height:178px;padding:21px;background:#fff;border-radius:17px}
.value-card h3{font-size:16px}
.value-card p{font-size:12px;max-width:300px}
.value-icon.green,.value-icon.blue,.value-icon.coral{background:#e9eef3;color:#254967}
.value-icon.coral{background:#f4e9e6;color:#a9564b}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 22px;align-content:center}
.stat{min-height:100px}
.stat-wide{grid-column:auto;text-align:left;align-items:flex-start}
.stat strong{font-size:clamp(38px,4.4vw,53px);line-height:1.04}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.team-card{padding:22px 16px 19px;text-align:center}
.portrait{width:min(100%,178px);height:auto;aspect-ratio:1;margin:0 auto 12px;border-radius:50%;background:#e4e9ee}
.portrait img{border-radius:50%;object-position:center 32%}
.portrait-label{left:50%;bottom:4px;transform:translateX(-50%);white-space:nowrap}
.team-info{text-align:center;padding:8px 4px 3px}
.team-quote{min-height:38px}
.history-image{height:188px;position:relative;overflow:hidden;margin:24px 0 0;border-radius:14px}
.history-image img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.history-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(16,36,55,.55))}
.history-image figcaption{position:absolute;z-index:1;left:14px;bottom:12px;color:white;font-size:10px;font-weight:600}
.history-grid{gap:9%}
.timeline article{min-height:132px}
.timeline-date{max-width:90px;line-height:1.4}
.timeline h3{color:#1b2f43}
.timeline p{max-width:420px}
.join-decoration i{color:#e4c244}
.intro-section,.commitments-section,.history-section{background:#edf1f5}
.hero-art{background:#1e3d60}
@media(max-width:900px){.values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card{padding:17px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portrait{width:min(100%,160px)}.history-image{height:170px}}
@media(max-width:680px){.values-grid{grid-template-columns:1fr;gap:9px;margin-top:32px}.value-card{min-height:unset;padding:15px;display:grid;grid-template-columns:39px 1fr;column-gap:12px;align-items:center}.value-card .value-icon{grid-row:span 2}.value-card h3{margin:0 0 3px;font-size:14px}.value-card p{font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.stat{min-height:85px}.stat strong{font-size:34px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-card{padding:15px 9px 13px}.portrait{width:min(100%,135px);margin-bottom:8px}.team-info h3{font-size:13px}.team-quote{font-size:10px;min-height:35px}.history-image{height:190px}.history-grid{gap:30px}.timeline article{min-height:135px}.photo-overlay{background:linear-gradient(90deg,rgba(15,36,57,.86),rgba(15,36,57,.55) 75%,rgba(15,36,57,.34)),linear-gradient(0deg,rgba(15,36,57,.58),transparent 55%)}}

/* Derniers ajustements visuels et mobile */
.hero-photo img{object-position:50% 5%}
.action-card:first-child .action-visual>img{object-position:50% 8%}
.value-icon.green,.value-icon.blue,.value-icon.coral{background:#e9eef3;color:#254967}
.value-icon.coral{background:#e9eef3;color:#254967}
.value-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-icon{color:#203f61;background:#e9eef3}
.social-icon svg{width:21px;height:21px;fill:currentColor}
.social-icon svg rect,.social-icon svg circle:not(.social-dot){fill:none;stroke:currentColor;stroke-width:1.8}
.social-icon svg .social-dot{fill:currentColor}
.join-decoration{isolation:isolate}
.join-decoration .join-logo{position:relative;z-index:1;width:min(62%,220px);height:min(62%,220px);object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 16px 42px rgba(5,20,37,.2)}
@media(max-width:680px){
  .site-header{z-index:1002}
  .mobile-nav{z-index:1001;inset:0;width:100vw;height:100vh;height:100dvh;overflow-y:auto;isolation:isolate;padding:100px 25px 30px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);border:0;box-shadow:0 14px 40px rgba(22,50,77,.16)}
  .mobile-nav.open{transform:translateX(0);visibility:visible;pointer-events:auto}
  .mobile-nav a{color:#1b2f43;border-color:rgba(32,63,97,.13)}
  .mobile-nav a:hover{color:#203f61}
  .mobile-nav a.mobile-join{background:#203f61;color:white;box-shadow:0 10px 24px rgba(32,63,97,.19)}
  .hero-photo img{object-position:54% 50%}
  .hero-caption{display:none}
  .join-decoration .join-logo{width:62%;height:62%}
}
.hero-photo img{object-position:50% 44%}
.hero-caption{bottom:64px}
.hero-actions .text-link{min-height:54px;padding:0 20px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,255,255,.075);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.16);color:#fff;transition:transform .2s,background .2s,border-color .2s}
.hero-actions .text-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.15);border-color:#fff}
@media(max-width:680px){.hero-actions .text-link{min-height:48px;padding-inline:16px}}
.footer-logo-circle{width:70px;height:70px;flex:0 0 70px;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.12)}
.footer-brand-link{display:inline-flex;align-items:center;justify-content:center}
.footer-brand .footer-logo-circle img{width:52px;height:52px;object-fit:contain;border-radius:0;background:transparent;mix-blend-mode:normal}
.action-content h3{margin-right:0}
@media(max-width:680px){.footer-logo-circle{width:60px;height:60px;flex-basis:60px}.footer-brand .footer-logo-circle img{width:44px;height:44px}}

@media(max-width:680px){
  .mobile-nav{inset:auto 14px auto auto;top:78px;left:auto;right:14px;bottom:auto;width:min(340px,calc(100vw - 28px));height:auto;max-height:calc(100dvh - 96px);overflow-y:auto;padding:12px 20px 20px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:rgba(246,249,253,.62);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 22px 65px rgba(12,34,56,.3),inset 0 1px rgba(255,255,255,.86);transform:translateY(-8px) scale(.98)}
  .mobile-nav.open{transform:translateY(0) scale(1)}
  .mobile-nav a{padding:13px 0;font-size:19px}
  .mobile-nav a.mobile-join{margin-top:14px;padding:14px 18px;font-size:15px}
  .hero-photo img{object-position:50% 50%}
}
@media(min-width:901px){.hero-photo img{object-position:50% 40%;filter:contrast(1.04) saturate(1.03)}}

/* Cadrage centré de la photo d’origine et étiquettes ancrées au bas des visuels. */
@media(min-width:901px){.hero-photo img{object-position:50% 50%}}
.action-visual .visual-tag{position:absolute;top:auto;right:auto;bottom:12px;left:12px;z-index:2;display:inline-flex;align-items:center;max-width:calc(100% - 24px);padding:7px 11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.84);color:#203f61;font-size:9px;line-height:1.25;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* Définitions LEO plus généreusement arrondies et timeline parfaitement alignée. */
.leo-definition{border-radius:999px;padding:10px 16px}
.timeline article{grid-template-columns:85px 10px minmax(0,1fr);gap:18px}
.timeline article:not(:last-child)::after{left:108px;top:9px;bottom:-9px}
.timeline-dot{justify-self:center}
.back-top{width:auto;height:auto;display:inline-block;border:0;border-radius:0;font-size:inherit;margin-left:8px}
@media(max-width:680px){
  .timeline article{grid-template-columns:67px 10px minmax(0,1fr);gap:14px}
  .timeline article:not(:last-child)::after{left:86px;top:9px;bottom:-9px}
  .back-top{margin-left:auto;margin-top:-8px}
}
@media(max-width:1100px){.join-decoration{right:-54px}}
@media(max-width:680px){.join-decoration{right:-38px;opacity:.4}}
.brand img{flex:0 0 54px;aspect-ratio:1/1;object-fit:contain}
.join-decoration .join-logo{aspect-ratio:1/1;flex:0 0 auto;object-fit:contain;border-radius:50%}
@media(max-width:680px){.brand img{flex-basis:43px;width:43px;height:43px}}

/* Header plus fin et translucide, dans l’esprit du menu en verre dépoli. */
.site-header{height:70px;background:rgba(248,249,251,.46);-webkit-backdrop-filter:blur(29px) saturate(185%);backdrop-filter:blur(29px) saturate(185%);border-bottom:1px solid rgba(255,255,255,.68);box-shadow:0 7px 25px rgba(19,42,65,.07)}
@media(max-width:680px){
  html{scroll-padding-top:70px}
  .site-header{height:62px}
  .mobile-nav{top:70px}
}
@media(min-width:681px){html{scroll-padding-top:82px}}
@media(min-width:901px){
  .hero{margin-top:-70px;height:clamp(696px,calc(100svh - 10px),856px);min-height:clamp(696px,calc(100svh - 10px),856px);padding-top:70px}
  .hero-photo img{object-position:50% 10%}
}
@media(min-width:901px){
  .site-header{height:58px;background:rgba(15,42,67,.58);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:0;box-shadow:0 8px 28px rgba(5,20,35,.13)}
  .site-header .brand img{flex-basis:40px;width:40px;height:40px}
  .site-header .brand-name,.site-header .brand-name b{color:#fff}
  .desktop-nav{margin-left:auto;margin-right:22px;gap:clamp(18px,2.2vw,30px)}
  .desktop-nav a{color:rgba(255,255,255,.96);font-size:12px;text-shadow:0 1px 3px rgba(5,20,35,.25)}
  .desktop-nav a:hover{color:#f1c747}
  .header-cta{min-height:40px}
}

.mini-avatars{border:0;padding-top:0;padding-bottom:0;background:transparent;cursor:pointer}
.mini-avatars span{transition:transform .2s,box-shadow .2s}
.mini-avatars:hover span{transform:scale(1.06);box-shadow:0 4px 12px rgba(0,0,0,.16)}
.mini-avatars:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:999px}
.hero-note.is-expanded{align-items:flex-start;position:relative;z-index:4}
.hero-note.is-expanded .mini-avatars{flex-direction:column;gap:7px;padding:0}
.hero-note.is-expanded .mini-avatars span{margin:0}
.hero-note.is-expanded .hero-note-copy{display:none}
.leo-definitions:not([hidden]){display:flex;flex-direction:column;justify-content:space-between;gap:7px;max-width:430px;padding:10px 14px;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.leo-definitions p{display:flex;flex-direction:column;gap:2px;margin:0;color:rgba(255,255,255,.9);font-size:10px;line-height:1.4}
.leo-definitions b{color:#f0d36b;font:700 11px var(--display)}
@media(max-width:680px){.leo-definitions:not([hidden]){gap:6px;padding:9px 11px}.leo-definitions p{font-size:9px}.leo-definitions b{font-size:10px}}

/* Cartes LEO intégrées aux bulles et cadrage plus équilibré de la photo. */
.hero-caption{display:none}
.photo-overlay{background:linear-gradient(90deg,rgba(15,36,57,.8) 0%,rgba(15,36,57,.58) 38%,rgba(15,36,57,.16) 72%,rgba(15,36,57,.08) 100%),linear-gradient(0deg,rgba(15,36,57,.28),transparent 44%)}
.hero-bottom span.scroll-line{margin-left:0}
.leo-note.is-expanded .mini-avatars,.leo-note.is-expanded .hero-note-copy{display:none}
.leo-definitions:not([hidden]){position:relative;display:flex;flex-direction:column;gap:8px;width:min(390px,calc(100vw - 60px));max-width:390px;padding:9px;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.leo-definition{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.48);border-radius:15px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);box-shadow:inset 0 1px rgba(255,255,255,.18)}
.leo-letter{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(255,255,255,.22);color:#f0d36b;font:700 12px var(--display)}
.leo-definition-copy{display:flex;flex-direction:column;gap:2px;color:rgba(255,255,255,.92);font-size:10px;line-height:1.4}
.leo-definition-copy b{color:#f0d36b;font:700 11px var(--display)}
.leo-close{position:absolute;top:0;right:0;z-index:2;width:25px;height:25px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.88);color:#203f61;font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.hero.leo-expanded{height:auto;max-height:none;min-height:min(740px,calc(100svh - 86px))}
@media(max-width:680px){
  .hero.leo-expanded{height:auto;max-height:none;min-height:650px}
  .hero-bottom span.scroll-line{display:block;margin-left:0}
}

/* Le hero passe derrière le header desktop aminci, avec la photo centrée. */
@media(min-width:901px){
  .hero{margin-top:-58px;padding-top:58px}
  .hero-photo img{object-position:50% 38%}
  .site-header .brand{position:relative;z-index:2}
  .site-header .brand img{aspect-ratio:1/1;object-fit:contain;mix-blend-mode:normal;filter:none;opacity:1}
}

/* Bulles LEO en capsules généreuses, dans le même esprit que les CTA. */
.leo-definitions:not([hidden]){width:min(440px,calc(100vw - 48px));max-width:440px}
.leo-definition{min-height:52px;padding:10px 18px;border-radius:999px}
@media(max-width:680px){
  .leo-definitions:not([hidden]){width:min(390px,calc(100vw - 42px));max-width:390px}
  .leo-definition{min-height:50px;padding:9px 15px}
}

/* Présentation desktop des trois valeurs et de leurs explications. */
.hero-value-pills,.hero-values-strip{display:none}
@media(min-width:901px){
  .hero-note{display:none}
  .hero-value-pills{position:absolute;z-index:3;left:50%;bottom:62px;transform:translateX(-50%);width:min(780px,calc(100% - 120px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .hero-value-pills span{display:flex;min-height:48px;align-items:center;justify-content:center;padding:9px 20px;border:1px solid rgba(255,255,255,.64);border-radius:999px;background:rgba(255,255,255,.17);-webkit-backdrop-filter:blur(14px) saturate(145%);backdrop-filter:blur(14px) saturate(145%);box-shadow:inset 0 1px rgba(255,255,255,.2);color:#fff;font:700 13px/1.2 var(--display);text-align:center}
  .hero-values-strip{display:block;padding:18px 0 24px;background:#edf1f5}
  .hero-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .hero-values-grid article{min-height:104px;padding:15px 20px 14px;border:1px solid rgba(32,63,97,.09);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(32,63,97,.045)}
  .hero-values-grid h2{margin:0 0 5px;color:#203f61;font:700 15px/1.3 var(--display);letter-spacing:-.025em}
  .hero-values-grid p{margin:0;color:#566678;font-size:11px;line-height:1.55}
}

@media(min-width:901px){
  .hero-value-pills{display:none}
  .hero-note{display:flex}
}

.hero-note .mini-avatars{display:none}
.hero-note{gap:0}
.hero-bottom{display:none}

/* Le décor du CTA final ne se comprime pas : ses cercles restent circulaires. */
.join-decoration{flex:0 0 360px;aspect-ratio:1/1}
.join-decoration .join-logo{width:min(62%,220px);height:min(62%,220px);max-width:none;aspect-ratio:1/1;flex:0 0 auto;object-fit:contain;border-radius:50%}
@media(max-width:680px){
  .join-decoration{flex-basis:215px;width:215px;height:215px}
  .join-decoration .join-logo{width:62%;height:62%}
}
@media(max-width:900px){
  .hero-value-pills{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);width:calc(100% - 38px);display:block}
  .hero-value-caption{margin:0;color:rgba(255,255,255,.9);font-size:10px;line-height:1.35;text-align:center;text-shadow:0 1px 5px rgba(7,26,44,.45)}
  .hero-value-pills span{display:none}
  .hero-values-strip{display:block;padding:16px 0 22px;background:#edf1f5}
  .hero-values-grid{grid-template-columns:1fr;gap:10px}
  .hero-values-grid article{min-height:unset;padding:14px 17px;border-radius:18px}
  .hero-values-grid h2{font-size:14px}
  .hero-values-grid p{font-size:11px}
}
@media(min-width:360px) and (max-width:680px){
  .hero-values-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hero-values-grid article{padding:12px 10px;border-radius:16px}
  .hero-values-grid h2{font-size:12px;line-height:1.3}
  .hero-values-grid p{font-size:9px;line-height:1.45}
}
@media(min-width:681px) and (max-width:900px){
  .hero-values-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
  .hero-value-caption,.hero-values-strip{display:none!important}
  .hero-note{display:flex!important;position:relative;z-index:4;align-items:center;margin-top:20px;gap:12px}
  .hero-note .mini-avatars{display:flex!important;flex:0 0 auto}
  .hero-note-copy{display:block!important}
  .hero-note.is-expanded .mini-avatars,.hero-note.is-expanded .hero-note-copy{display:none!important}
}
