.reference-home{background:#fbfaf5}.reference-home>header{max-width:none;background:rgba(255,255,255,.92);padding:10px 5.3%;min-height:72px;gap:25px}.reference-home .brand{font-size:14px;letter-spacing:0;gap:13px}.reference-home .brand small{font-size:13px}.reference-home .brand .cross{display:none}.ref-logo{width:47px;height:64px;object-fit:contain;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);margin-bottom:-12px;position:relative;z-index:2}.reference-home nav{font-size:10px;letter-spacing:.035em}.reference-home main{font-family:Georgia,'Times New Roman',serif;line-height:1.18}.reference-home main h1,.reference-home main h2,.reference-home main h3{letter-spacing:0;font-weight:400}.ref-hero{min-height:410px;height:40vw;max-height:650px;position:relative;background:#0c0a07 url('/assets/home-hero.webp') center/cover no-repeat;color:white;isolation:isolate}.ref-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080807 0%,#080807 44%,rgba(8,8,7,.95) 46%,transparent 58%)}.ref-hero-copy{padding:4.5% 6% 2%;width:48%;height:100%;display:flex;flex-direction:column;justify-content:center}.ref-hero h1{text-transform:uppercase;font-size:clamp(31px,3.4vw,54px);line-height:.96;margin:0;width:max-content;max-width:100%}.ref-values{font-size:clamp(11px,1.1vw,17px);padding-top:8px;border-top:2px solid #a51a1d;margin:10px 0 12px;white-space:nowrap;width:max-content;max-width:100%}.ref-motto{font-style:italic;font-size:clamp(22px,2.15vw,34px);line-height:1.15;margin:0 0 18px}.ref-actions{display:flex;gap:15px}.ref-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#98080b;color:#fff;border:1px solid #98080b;padding:13px 19px;font:10px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ref-button:hover{background:#6e0608;color:#fff}.ref-button.outline{background:transparent;border-color:#fff}.ref-latin{font:9px/1.35 Arial,sans-serif;text-transform:uppercase;text-align:center;letter-spacing:.1em;margin:15px 0 0;max-width:390px}.ref-label{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;text-transform:uppercase;font:16px/1.25 Georgia,serif!important;margin:0 0 8px!important}.ref-label:before,.ref-label:after{content:'';height:1px;width:40px;background:#b92d30;flex-shrink:0}.ref-about{padding:18px 22% 12px;text-align:center;min-height:220px;background:url('/assets/home-about-left.webp') left center/27% 100% no-repeat,url('/assets/home-about-right.webp') right center/24% 100% no-repeat}.ref-about h2{font-size:27px;line-height:1;margin:0 0 15px}.ref-about-text{font-size:12px;line-height:1.12}.ref-about p{margin:0 0 8px}.ref-commitments{padding:0 4.1% 25px}.ref-four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ref-four img{height:auto;aspect-ratio:2.52;object-fit:cover}.ref-four h3{font-size:13px;text-transform:uppercase;margin:10px 10px 6px}.ref-four p{font-size:12px;line-height:1.2;margin:0 10px}.ref-territories{display:grid;grid-template-columns:1fr 1fr;background:#f5f2e9;min-height:246px;padding:10px 0 0}.ref-france{border-right:1px solid #cdb3a8}.ref-france-content{display:grid;grid-template-columns:49% 51%;align-items:center}.ref-map img{width:100%;height:225px;object-fit:contain}.ref-commandries{list-style:none;padding:0 15px 0 0;margin:8px 0 18px}.ref-commandries li{display:flex;gap:12px;align-items:center;font-size:12px;margin:0 0 10px}.ref-commandries li span{color:#7a2921;font-size:27px;line-height:1}.ref-commandries li:first-child span{color:#bd0c16}.ref-commandries strong{font-weight:400}.ref-france .ref-button{padding:10px 12px;font-size:9px;white-space:normal}.ref-world{background:url('/assets/home-world.webp') right center/34% 100% no-repeat}.ref-world-content{padding:6px 26% 14px 8%}.ref-world h3{font-size:23px;line-height:1.06;margin:0 0 8px}.ref-world p{font-size:12px;line-height:1.15;margin:0 0 10px;color:#555}.ref-flags{display:flex;gap:12px;margin:12px 0 16px}.ref-flags figure{margin:0;flex:1;min-width:0;text-align:center}.ref-flags img{width:100%;aspect-ratio:1.5;object-fit:fill;height:auto}.ref-flags figcaption{font:9px/1.5 Arial,sans-serif;margin-top:3px}.ref-world .ref-button{padding:10px 12px;font-size:9px}.ref-life{padding:10px 4.8% 24px}.ref-events{display:grid;grid-template-columns:repeat(3,1fr) 110px;gap:24px;align-items:start}.ref-event>img{aspect-ratio:2.97;object-fit:cover}.ref-event-body{display:flex;gap:10px}.ref-event time{display:block;background:#98080b;color:#fff;min-width:47px;text-align:center;padding:5px;font:10px/1.1 Arial,sans-serif;align-self:start}.ref-event time b{display:block;font-weight:400;font-size:21px}.ref-event h3{font-size:14px;line-height:1;margin:10px 0 3px}.ref-event p{font:11px/1.2 Arial,sans-serif;margin:0 0 8px}.ref-event-body span{font:9px/1.2 Arial,sans-serif;text-transform:uppercase;color:#9b1016}.ref-all-events{align-self:end;background:transparent;color:#9b1016;white-space:normal;text-align:left;padding:10px;font-size:9px}.ref-join{background:#0a0907 url('/assets/home-join.webp') left center/34% 100% no-repeat;color:#fff;display:grid;grid-template-columns:1fr 215px;gap:25px;padding:24px 5% 24px 33%;min-height:176px;align-items:center}.ref-join-copy{text-align:center}.ref-join h2{text-transform:uppercase;font-size:25px;margin:0 0 10px}.ref-join p{font-size:16px;font-style:italic;line-height:1.2;margin:0 0 13px}.ref-join-actions{display:grid;gap:10px}.ref-join .ref-button{font-size:9px;padding:12px}.reference-home footer{font-size:13px}.reference-home .preview{font-size:8px;line-height:2}
@media(min-width:1300px){.ref-about{min-height:270px;padding-top:25px}.ref-about h2{font-size:34px}.ref-about-text{font-size:15px}.ref-label{font-size:19px!important}.ref-commitments{padding-bottom:35px}.ref-four h3{font-size:16px}.ref-four p{font-size:15px}.ref-territories{min-height:315px}.ref-commandries li{font-size:15px}.ref-map img{height:280px}.ref-world h3{font-size:30px}.ref-world p{font-size:15px}.ref-flags figcaption{font-size:11px}.ref-world .ref-button,.ref-france .ref-button{font-size:11px}.ref-life{padding-top:18px;padding-bottom:32px}.ref-event h3{font-size:18px}.ref-event p{font-size:13px}.ref-event-body span{font-size:11px}.ref-join{min-height:230px}.ref-join h2{font-size:31px}.ref-join p{font-size:19px}}
@media(max-width:900px){.ref-hero-copy{width:57%;padding-left:5%}.ref-hero h1{font-size:34px}.ref-actions{flex-wrap:wrap;gap:8px}.ref-button{padding:11px;font-size:9px}.ref-values{white-space:normal}.ref-about{padding-left:16%;padding-right:16%}.ref-four{gap:12px}.ref-territories{grid-template-columns:1fr}.ref-france{border:0;border-bottom:1px solid #cdb3a8;padding-bottom:15px}.ref-world{padding-top:18px}.ref-world-content{padding-left:10%;padding-right:30%}.ref-map img{height:230px}.ref-commandries li{font-size:15px}.ref-world p{font-size:14px}.ref-events{grid-template-columns:repeat(3,1fr);gap:15px}.ref-all-events{grid-column:1/-1;justify-self:center}.ref-join{padding-left:27%;grid-template-columns:1fr}.ref-join-actions{display:flex;justify-content:center;flex-wrap:wrap}.ref-join h2{font-size:24px}}
@media(max-width:600px){.reference-home>header{padding:10px 5%}.reference-home .brand{font-size:10px;gap:8px}.reference-home .brand small{font-size:9px}.ref-logo{width:34px;height:48px}.ref-hero{height:auto;min-height:590px;background-position:62% center}.ref-hero:before{background:linear-gradient(90deg,#080807 0%,#080807eb 54%,#08080755 100%)}.ref-hero-copy{padding:50px 6% 32px;width:100%;max-width:380px;min-height:590px;justify-content:center}.ref-hero h1{font-size:40px}.ref-values{font-size:12px;max-width:300px}.ref-motto{font-size:26px}.ref-actions{gap:10px;margin-top:5px}.ref-button{font-size:10px;padding:13px}.ref-latin{font-size:8px;text-align:left;margin-top:20px}.ref-about{padding:25px 6% 15px;background-size:50% 100%,35% 100%;background-blend-mode:screen;background-color:#ffffff99}.ref-about h2{font-size:28px}.ref-about-text{font-size:15px;line-height:1.4}.desktop-br{display:none}.ref-about p{margin-bottom:12px}.ref-label{font-size:15px!important;gap:8px}.ref-label:before,.ref-label:after{width:25px}.ref-commitments{padding:8px 6% 24px}.ref-four{grid-template-columns:1fr 1fr;gap:24px 14px}.ref-four h3{font-size:12px;margin:9px 0 5px}.ref-four p{font-size:13px;margin:0;line-height:1.3}.ref-four img{aspect-ratio:1.7}.ref-france-content{grid-template-columns:43% 57%;padding-top:10px}.ref-commandries li{font-size:12px;gap:7px}.ref-france .ref-button{font-size:8px}.ref-map img{height:230px}.ref-world-content{padding:12px 24% 20px 6%}.ref-world h3{font-size:28px}.ref-world p{font-size:14px;line-height:1.3}.ref-flags{gap:7px}.ref-flags figcaption{font-size:8px}.ref-world .ref-button{white-space:normal;font-size:9px}.ref-life{padding:20px 6%}.ref-events{grid-template-columns:1fr;gap:25px}.ref-event h3{font-size:18px}.ref-event p{font-size:12px}.ref-event-body span{font-size:10px}.ref-event>img{aspect-ratio:2.7}.ref-all-events{grid-column:auto}.ref-join{padding:28px 6%;background-size:60% 100%;position:relative;isolation:isolate;gap:12px}.ref-join:before{content:'';position:absolute;inset:0;background:#0008;z-index:-1}.ref-join h2{font-size:24px}.ref-join p{font-size:17px}.ref-join-actions{display:grid}.ref-join .ref-button{font-size:10px}.reference-home footer{padding-top:30px}}

.reference-home>header:not(:has(nav.is-open)){overflow:visible}.reference-home .brand{font-weight:400}.ref-about{background-size:27% 100%,24% 100%}

.ref-about{position:relative;isolation:isolate;background:none}.ref-about:before,.ref-about:after{content:'';position:absolute;top:0;bottom:0;z-index:-1;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat}.ref-about:before{left:0;width:29%;background-image:url('/assets/home-about-left.webp');mask-image:linear-gradient(to right,#000 70%,transparent)}.ref-about:after{right:0;width:24%;background-image:url('/assets/home-about-right.webp');mask-image:linear-gradient(to left,#000 65%,transparent)}@media(max-width:600px){.ref-about:before,.ref-about:after{opacity:.22;width:48%}}

/* Le blason suit le contour de l’écu et déborde sous le bandeau blanc. */
.reference-home .brand{position:relative;min-height:44px;padding-left:68px}
.reference-home .ref-logo{position:absolute;left:0;top:-7px;width:56px;height:80px;margin:0;object-fit:fill;clip-path:polygon(0 0,100% 0,100% 73%,85% 73%,80% 80%,68% 88%,50% 98%,32% 88%,20% 80%,15% 73%,0 73%);z-index:2}
@media(max-width:600px){.reference-home .brand{padding-left:51px;min-height:44px}.reference-home .ref-logo{width:44px;height:64px;top:0}}

.reference-home .ref-logo{clip-path:none;object-fit:contain;background:transparent}

/* Fondu de la carte vers le fond clair, pour dégager les textes. */
.ref-world{position:relative;isolation:isolate;background:none}
.ref-world:before{content:'';position:absolute;inset:0 0 0 58%;z-index:-1;background:url('/assets/home-world.webp') right center/100% 100% no-repeat;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.65) 50%,#000 80%);pointer-events:none}
.ref-world-content{position:relative}
@media(max-width:600px){.ref-world:before{left:48%;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.6) 72%,#000 100%)}}

.ref-map img{height:265px;object-fit:contain}.ref-commandries li .ref-map-number{display:inline-flex;justify-content:center;align-items:center;width:19px;height:19px;flex-shrink:0;border-radius:50%;background:#a3161b;color:#fff;font:11px/1 Arial,sans-serif}.ref-map-note,.ref-map-credit{font:10px/1.35 Arial,sans-serif;color:#756b58}.ref-map-note{margin:0 15px 10px 0}.ref-map-credit{margin:5px 6% 10px}.ref-map-credit a{text-decoration:underline;text-underline-offset:2px}@media(min-width:1300px){.ref-map img{height:300px}}@media(max-width:600px){.ref-map img{height:230px}.ref-commandries li{font-size:12px}.ref-map-note,.ref-map-credit{font-size:9px}}

.ref-commandries li:first-child .ref-map-number{color:#fff}

/* Garde les proportions de la maquette sur les écrans larges. */
html:has(>body.reference-home){background:#e9e4da}
body.reference-home{width:100%;max-width:none;margin:0;background:#e9e4da}
.reference-home>main{width:100%;max-width:1280px;margin-inline:auto;background:#fbfaf5;box-shadow:0 0 36px #30261912}
body.reference-home>header,body.reference-home>footer{width:100%;max-width:none}
.reference-home .ref-hero{height:clamp(410px,40vw,512px);max-height:512px}
@media(min-width:1280px){.reference-home .ref-hero h1{font-size:43.5px}.reference-home .ref-values{font-size:14px}.reference-home .ref-motto{font-size:27.5px}}
@media(max-width:600px){.reference-home>main{box-shadow:none}.reference-home .ref-hero{height:auto;max-height:none}}