.home-page{background:#f8f4e9;color:#173a33}
.home-intro{max-width:1050px;margin:0 auto;padding:48px 24px 25px;text-align:center}
.home-intro h1{max-width:950px;margin:13px auto;font-size:clamp(42px,5.2vw,72px)}
.home-intro p{max-width:720px;margin:0 auto;color:#48665b;line-height:1.6;font-size:clamp(16px,1.8vw,20px)}
.home-stories{max-width:1180px;margin:15px auto 62px;padding:0 24px}
.home-slides{height:clamp(300px,46vw,530px);position:relative;overflow:hidden;border-radius:27px;background:#204a3c;box-shadow:0 20px 45px #193e3130}
.home-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s ease;color:white;text-decoration:none}
.home-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.home-slide img{width:100%;height:100%;display:block;object-fit:cover}
.home-slide:first-child img{object-position:center 42%}
.home-slide .slide-shade{position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#102b24b8)}
.slide-copy{position:absolute;bottom:8%;left:6%;right:6%;display:grid;justify-items:start;gap:9px;text-shadow:0 2px 7px #123a34aa}
.slide-copy small{font-size:12px;letter-spacing:.16em;font-weight:800}
.slide-copy strong{max-width:780px;font-family:Fraunces,serif;font-size:clamp(28px,4vw,50px);line-height:1.13}
.slide-copy em{font-style:normal;background:#fff8e9;color:#173e31;border-radius:30px;padding:10px 17px;font-weight:800;text-shadow:none}
.home-crossroads{position:relative;height:720px;isolation:isolate;overflow:hidden;background:#d6c3a1 url('/images/quartier-panneau-modele-1.png') center center/cover no-repeat}
html[lang=ar] .home-crossroads{background-image:url('/images/quartier-panneau-arabe-base-small.jpg')}
.crossroads-content{position:static;text-align:center}
.crossroads-content>.eyebrow,.crossroads-content>h2{position:relative;z-index:2;color:white;text-shadow:0 2px 12px #172619d9}
.crossroads-content>.eyebrow{display:block;margin-top:26px}
.crossroads-content>h2{font-size:clamp(32px,4vw,53px);margin:7px auto}
.home-page .wood-signpost{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;pointer-events:none}
.home-page .wood-signpost a{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;max-width:none;padding:0 2px!important;text-align:center;white-space:normal;color:#145994;font-family:Georgia,serif;font-weight:800;line-height:1.05;text-decoration:none;text-shadow:0 1px 1px #fff;background:transparent;border:0;border-radius:0;box-shadow:none;clip-path:none;transform:none!important;pointer-events:auto;transition:filter .2s ease}
.home-page .wood-signpost a:hover,.home-page .wood-signpost a:focus-visible{color:#0a3d74;filter:drop-shadow(0 0 3px #fff)}
.home-page .wood-signpost a:focus-visible{outline:3px solid #184f80;outline-offset:2px}
.home-page .wood-signpost .signpost-tile{display:none}
html[lang=fr] .home-page .wood-signpost a{font-size:0!important;color:transparent;text-shadow:none}
/* Le panneau arabe contient déjà les libellés dessinés dans le SVG. Les liens
   restent présents pour la navigation et l'accessibilité, mais ne doivent pas
   être peints une seconde fois par-dessus l'illustration. */
/* Le fond arabe est une copie nettoyée de la photo originale. Les liens
   transparents gardent les mêmes positions et ajoutent seulement l'arabe. */
html[lang=ar] .home-page .wood-signpost a{font-size:clamp(16px,2.25vw,32px)!important;color:#145994;background:transparent;border:0;border-radius:0;text-shadow:0 1px 1px #fff;clip-path:none;padding:0!important;overflow:visible;direction:rtl;letter-spacing:.01em}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(1){transform:rotate(5deg)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(2){transform:rotate(4deg)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(3){transform:rotate(3deg)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(4){transform:rotate(1deg)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(1):hover{transform:rotate(5deg) translateY(-3px)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(2):hover{transform:rotate(4deg) translateY(-3px)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(3):hover{transform:rotate(3deg) translateY(-3px)!important}
html[lang=ar] .home-page .wood-signpost a:nth-of-type(4):hover{transform:rotate(1deg) translateY(-3px)!important}
html[lang=ar] .home-page .wood-signpost a:focus-visible{outline:3px solid #184f80;outline-offset:2px}
.home-afterword{max-width:1000px;margin:auto;padding:62px 24px 75px;text-align:center}
.home-afterword p{font-family:Fraunces,serif;font-size:clamp(23px,3vw,35px);line-height:1.35;margin:0 auto 25px}
.home-afterword a{font-weight:800;color:#a3472f;text-underline-offset:5px}
[dir=rtl] .home-intro,[dir=rtl] .home-afterword,[dir=rtl] .crossroads-content{text-align:center}
[dir=rtl] .slide-copy{justify-items:end;text-align:right}
@media(min-width:651px) and (max-width:1199px){.home-crossroads{background-position:8% center}}
@media(max-width:650px){
 .home-intro{padding:35px 19px 20px}
 .home-intro h1{font-size:clamp(38px,11vw,53px)}
 .home-stories{padding:0 15px;margin-bottom:42px}
 .home-slides{height:390px;border-radius:21px}
 .home-slide img{object-position:center}
 .slide-copy{bottom:8%;left:6%;right:6%}
 .slide-copy strong{font-size:clamp(27px,8vw,38px)}
 .home-crossroads{height:660px;background-position:4% center}
 .crossroads-content>.eyebrow{margin-top:22px}
 .crossroads-content>h2{font-size:clamp(26px,8vw,38px)}
 .home-afterword{padding:45px 22px 60px}
}
@media(prefers-reduced-motion:reduce){.home-slide,.slide-dots button,.home-page .wood-signpost a{transition:none}}
@media(max-width:850px){.site-header .react-nav{display:none!important}}
.react-nav{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.react-nav a{padding:10px 12px;border-radius:11px;transition:none}
.react-nav a:hover,.react-nav a:focus-visible,.react-nav a[aria-current=page]{background:#dfedf3;color:#0b537e;box-shadow:none}
.home-slide-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px}
.slide-arrow{width:40px;height:40px;border:1px solid #cfdbc9;border-radius:50%;background:white;color:#1b4a3a;font-size:30px;line-height:1;cursor:pointer}
.slide-arrow:hover,.slide-arrow:focus-visible{background:#e5eee2}
.slide-dots{display:flex;align-items:center;gap:9px}
.slide-dots button{height:11px;width:11px;border:0;border-radius:50%;background:#a7b8a5;cursor:pointer;padding:0;transition:width .25s ease,background .25s ease}
.slide-dots button.is-active{width:29px;border-radius:7px;background:#bb583c}
.mobile-bottom-nav{display:none}
.react-nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;padding:5px;border:1px solid #d8e3eb;border-radius:18px;background:#f7fafc;box-shadow:0 5px 16px #24506e12}.react-nav a{padding:9px 12px;border-radius:12px;color:#28556f;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.react-nav a:hover,.react-nav a:focus-visible,.react-nav a[aria-current=page]{background:#fff;color:#0b537e;box-shadow:0 2px 8px #24506e1c}
.profile-link{display:inline-grid;justify-items:center;gap:4px;padding:3px 8px;color:#707070;text-decoration:none;font-weight:700;line-height:1;transition:color .2s ease,transform .2s ease}.profile-link:hover,.profile-link:focus-visible{color:#e51d4f;transform:translateY(-1px)}.profile-link small{font-size:12px}.profile-link .profile-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e6e6e6;border:2px solid #777;color:#707070;font-size:24px}
@media(max-width:850px){body{padding-bottom:104px}.react-header .react-nav{display:none}.site-header .react-nav{width:100%;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-radius:15px}.site-header .react-nav::-webkit-scrollbar{display:none}.site-header .profile-link{display:inline-grid;justify-items:center;gap:2px}.site-header .profile-link .profile-avatar{display:grid;place-items:center;overflow:hidden;width:36px;height:36px;border-radius:50%;background:#f1f4f8;border:2px solid #2563a6;box-shadow:none;color:transparent;font-size:0}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;left:0;right:0;bottom:0;z-index:20;padding:14px 10px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #ececec;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -8px 25px #20202014}.mobile-bottom-nav a{position:relative;display:grid;justify-items:center;gap:7px;padding:3px 2px;border-radius:14px;color:#707070;text-decoration:none;font-size:26px;line-height:1;transition:color .2s ease,transform .2s ease}.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus-visible{color:#e51d4f}.mobile-bottom-nav .nav-icon{font-size:27px;line-height:1;font-weight:400}.mobile-bottom-nav small{font-size:12px;font-weight:600;white-space:nowrap}.mobile-bottom-nav a[aria-current=page]{color:#e51d4f}.mobile-bottom-nav a[aria-current=page] small{font-weight:800}.mobile-bottom-nav .nav-card-stack,.mobile-bottom-nav .stadium-avatar,.mobile-bottom-nav .profile-avatar{position:relative;display:grid;place-items:center;width:36px;height:36px}.mobile-bottom-nav .nav-card-stack img{position:absolute;width:18px;height:24px;border:1px solid #d0d0d0;border-radius:3px;background:#fff;box-shadow:0 1px 2px #0002}.mobile-bottom-nav .nav-card-stack img:first-child{left:3px;top:4px;transform:rotate(-10deg)}.mobile-bottom-nav .nav-card-stack img:last-child{right:3px;top:2px;transform:rotate(9deg)}.mobile-bottom-nav .stadium-avatar{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:26px;line-height:1}.mobile-bottom-nav .profile-avatar{overflow:hidden;border-radius:50%;background:#f1f4f8;border:2px solid #2563a6;box-shadow:none;color:transparent;font-size:0}}

.react-nav{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.react-nav a{padding:10px 12px!important;border-radius:11px!important;transition:none!important}.react-nav a:hover,.react-nav a:focus-visible,.react-nav a[aria-current=page]{background:#dfedf3!important;color:#0b537e!important;box-shadow:none!important}