.welcome-page{background:#F6F1E7;color:#071A33}.welcome-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding:64px 0 50px}.welcome-copy h1{font-size:clamp(42px,4.7vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:26px 0}.welcome-copy h1 em{font-style:normal;font-weight:400;color:#3E5F8A}.welcome-copy>p{max-width:480px;font-size:18px;line-height:1.7;color:#536276}.welcome-copy .hero-actions{align-items:flex-start;flex-direction:column;gap:20px;margin-top:28px}.welcome-copy .welcome-note{font-size:12px;margin-top:24px}.welcome-image{margin:0;position:relative;min-width:0}.welcome-image img{width:100%;height:560px;object-fit:cover;object-position:44% center;border-radius:180px 180px 14px 14px;display:block}.welcome-image figcaption{padding:18px 4px;font-size:14px}.welcome-image small{display:block;margin-top:6px;font-size:10px;color:#536276}.welcome-paths{padding:64px 0}.welcome-page h2{font-size:clamp(32px,3.2vw,48px);line-height:1.12;letter-spacing:-.04em;font-weight:500}.welcome-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.welcome-option{padding:32px;border:1px solid #deddd6;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,background .2s}.welcome-option:hover{transform:translateY(-4px);background:#fffaf3}.welcome-option h3{font-size:26px;letter-spacing:-.03em;margin:28px 0 14px}.welcome-option p{font-size:15px;line-height:1.7;color:#536276;margin-bottom:26px;flex:1}.welcome-option .text-link{font-size:13px}.welcome-city{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:70px 0}.welcome-city figure{margin:0}.welcome-city img{display:block;width:100%;height:500px;object-fit:cover;object-position:center 65%;border-radius:12px}.welcome-city h2{margin:24px 0}.welcome-city p{font-size:17px;line-height:1.7;color:#536276}.welcome-area-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.welcome-area-links a{padding:10px 14px;border:1px solid #ddd8cd;border-radius:30px;font-size:12px}.welcome-area-links a:hover{background:#E7E1D4}.welcome-proof{background:#e8edf0;border-radius:18px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:40px 0 60px}.welcome-proof h2{margin:22px 0}.welcome-proof p{line-height:1.7;color:#536276}.welcome-numbers>div{padding:20px 0;border-bottom:1px solid #c4cdd5;display:flex;align-items:center;justify-content:space-between;gap:15px}.welcome-numbers strong{font-size:44px;font-weight:500;letter-spacing:-.05em;white-space:nowrap}.welcome-numbers span{font-size:14px}.welcome-numbers p{font-size:12px}.welcome-join{text-align:center;padding:65px 20px 100px}.welcome-join h2{font-size:clamp(40px,4.5vw,64px);margin:26px 0}.welcome-join p{color:#536276;line-height:1.8;margin-bottom:30px}.welcome-footer{border-top:1px solid #deddd6;padding:30px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px}.welcome-footer nav{display:flex;gap:22px}.welcome-page a:focus-visible{outline:2px solid #3E5F8A;outline-offset:5px}@media(max-width:800px){.welcome-hero{gap:25px;padding-top:35px}.welcome-image img{height:450px}.welcome-options{gap:12px}.welcome-option{padding:22px}.welcome-city{gap:30px}.welcome-proof{padding:30px;gap:30px}}@media(max-width:600px){.welcome-hero{grid-template-columns:1fr;gap:20px}.welcome-copy h1{font-size:46px;max-width:440px}.welcome-copy>p{font-size:16px}.welcome-image img{height:350px;border-radius:100px 100px 12px 12px;object-position:center}.welcome-options,.welcome-city,.welcome-proof{grid-template-columns:1fr}.welcome-paths{padding:30px 0}.welcome-option h3{margin-top:16px}.welcome-city{padding:40px 0}.welcome-city img{height:340px}.welcome-proof{margin:30px 0;padding:26px;gap:14px}.welcome-numbers strong{font-size:38px}.welcome-join{padding:50px 0 65px}.welcome-footer{flex-direction:column}.welcome-footer nav{flex-wrap:wrap}.welcome-page .section-heading{display:block}}@media(prefers-reduced-motion:reduce){.welcome-option{transition:none}.welcome-option:hover{transform:none}}
@media(max-width:600px){.welcome-image{grid-row:1}.welcome-image img{height:240px;border-radius:80px 80px 12px 12px}.welcome-image figcaption{padding:10px 2px;font-size:12px}.welcome-image small{font-size:10px}.welcome-copy h1{font-size:40px;margin:18px 0}.welcome-hero{padding-top:24px}}
.living-hero{position:relative;min-height:650px;margin-top:24px;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-radius:4px}.living-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2}.living-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,51,.85),rgba(7,26,51,.08)),linear-gradient(0deg,rgba(7,26,51,.45),transparent 65%);z-index:-1}.living-hero-content{padding:65px;width:100%;color:#fff}.living-hero h1{font-size:clamp(45px,6vw,84px);font-weight:500;line-height:1.02;letter-spacing:-.05em;margin:28px 0}.living-hero h1 em{font-style:normal;font-weight:400}.living-hero .eyebrow{color:#fff}.living-hero p{font-size:18px;line-height:1.7;color:#fff}.living-hero .btn{background:#F6F1E7;color:#071A33}.living-hero .hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.living-secondary{color:white;border-bottom:1px solid #fff;padding:12px 0;font-size:14px}.living-hero-credit{position:absolute;right:18px;bottom:12px;color:#fff;font-size:10px;text-shadow:0 1px 4px #071a33}.living-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px 70px;padding:75px 0 36px;align-items:end}.living-intro>.eyebrow{grid-column:1/-1}.living-intro h2{margin:0}.living-intro p{font-size:17px;color:#536276;line-height:1.7;margin:0}.living-gallery{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:22px;align-items:start;margin-bottom:72px}.living-gallery figure{margin:0;overflow:hidden}.living-gallery figure:nth-child(2){margin-top:65px}.living-gallery img{width:100%;height:330px;object-fit:cover;display:block;border-radius:4px;transition:transform .45s}.living-gallery figure:nth-child(2) img{height:410px}.living-gallery figure:hover img{transform:scale(1.025)}.living-gallery figcaption{padding:20px 0}.living-gallery figcaption>span{font-size:10px;letter-spacing:.12em;color:#536276}.living-gallery h3{font-size:27px;letter-spacing:-.04em;margin:10px 0}.living-gallery figcaption a{font-size:10px;color:#536276;line-height:1.6}.living-film{padding:50px 0 65px}.city-film{position:relative;aspect-ratio:16/9;background:#071A33;overflow:hidden;border-radius:8px}.city-film>img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.film-invite{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:20px;text-align:center;color:#fff}.film-invite .eyebrow{color:white}.film-invite .btn{background:#F6F1E7;color:#071A33;padding:20px 35px}.film-invite small{font-size:12px;max-width:300px;line-height:1.5}.city-film iframe{width:100%;height:100%;border:0;display:block}.film-credit{font-size:12px;color:#536276;line-height:1.6}.film-credit a{text-decoration:underline}.area-panorama{margin:25px 0}.area-panorama img{width:100%;height:330px;object-fit:cover;display:block;border-radius:8px}.area-panorama figcaption{font-size:11px;color:#536276;margin-top:8px}@media(max-width:760px){.living-hero{min-height:580px}.living-hero-content{padding:35px}.living-hero h1{font-size:56px}.living-intro{gap:20px;grid-template-columns:1fr}.living-gallery{gap:15px}.living-gallery img{height:260px}.living-gallery figure:nth-child(2) img{height:320px}.living-gallery h3{font-size:23px}}@media(max-width:520px){.living-hero{min-height:590px;margin-top:16px}.living-hero-content{padding:30px 22px 50px}.living-hero h1{font-size:46px}.living-hero .eyebrow{font-size:10px}.living-hero p{font-size:16px}.living-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.living-hero-photo{object-position:57% center}.living-hero:before{background:linear-gradient(0deg,rgba(7,26,51,.94),rgba(7,26,51,.15))}.living-hero-credit{font-size:8px}.living-intro{padding-top:50px}.living-gallery{grid-template-columns:1fr 1fr;gap:20px}.living-gallery figure:nth-child(1){grid-column:1/-1}.living-gallery figure:nth-child(2){margin-top:0}.living-gallery img{height:235px}.living-gallery figure:nth-child(2) img{height:235px}.living-gallery h3{font-size:22px}.living-gallery figcaption a{font-size:9px}.living-film{padding:0 0 35px}.city-film{aspect-ratio:4/3}.film-invite{gap:12px}.film-invite .btn{padding:14px 20px}.film-invite .eyebrow{font-size:10px}.film-invite small{font-size:10px}.area-panorama img{height:240px}}@media(prefers-reduced-motion:reduce){.living-gallery img{transition:none}.living-gallery figure:hover img{transform:none}}
/* Immersive editorial welcome · September 2026 */
.welcome-page .living-hero{min-height:740px;height:calc(100svh - 110px);max-height:980px;margin-top:0;border-radius:0;align-items:center}.living-hero-content{padding:70px 6% 130px}.living-hero h1{font-size:clamp(72px,10vw,144px);line-height:.9;letter-spacing:-.065em;max-width:900px}.living-hero h1 em{color:#d9e7f2}.living-hero p{margin-top:30px}.living-hero-photo,.living-hero-alternate{animation:city-drift 22s ease-in-out infinite alternate;transition:opacity 1.6s ease}.living-hero-alternate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0}.scene-jumeirah .living-hero-alternate{opacity:1}.scene-jumeirah .living-hero-photo{opacity:0}.living-hero:before{background:linear-gradient(90deg,rgba(7,26,51,.8),rgba(7,26,51,.1)),linear-gradient(0deg,rgba(7,26,51,.75),transparent 40%)}.scene-controls{position:absolute;bottom:45px;left:6%;display:flex;gap:24px;align-items:center}.scene-controls button{font:inherit;font-size:12px;color:#fff;border:0;border-top:2px solid #ffffff55;background:transparent;padding:14px 0;cursor:pointer}.scene-controls button[aria-pressed=true]{border-color:#fff}.scene-controls button:last-child{border:1px solid #ffffff70;padding:10px 16px;border-radius:30px}.scene-controls button:focus-visible{outline:2px solid #fff;outline-offset:5px}.welcome-manifesto{padding:28px 0;display:flex;justify-content:space-between;border-bottom:1px solid #cfcfc8;gap:20px;font-size:12px;letter-spacing:.14em}.living-intro{padding-top:110px}.welcome-page h2{font-size:clamp(38px,4.5vw,68px)}.living-gallery{gap:26px;margin-top:22px}.living-gallery figure{position:relative;border-radius:5px;isolation:isolate}.living-gallery img,.living-gallery figure:nth-child(2) img{height:490px;transition:transform .8s}.living-gallery figure:nth-child(2){margin-top:90px}.living-gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071a33ed,transparent 75%);pointer-events:none}.living-gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:26px;z-index:1;color:#fff}.living-gallery figcaption>span,.living-gallery figcaption a{color:#e6edf4}.living-gallery h3{font-size:34px;line-height:1.05}.welcome-paths{padding:95px 0}.welcome-option{border-radius:0;border:0;border-top:1px solid #a7afb5;padding:30px 14px;transition:background .3s,transform .3s}.welcome-option h3{font-size:32px}.welcome-proof{background:#071a33;color:#f6f1e7;padding:65px;border-radius:4px}.welcome-proof p,.welcome-proof .eyebrow{color:#c2d0df}.welcome-proof .btn{color:#fff;border-color:#b9c9db}.welcome-numbers strong{font-size:60px}.welcome-join{padding:100px 20px 120px;background:#e7e1d4;margin-top:65px}.welcome-join h2{font-size:clamp(46px,6vw,84px)}.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.revealed{opacity:1;transform:none}.motion-paused .living-hero-photo,.motion-paused .living-hero-alternate{animation-play-state:paused}@keyframes city-drift{from{transform:scale(1)}to{transform:scale(1.09) translateX(-1%)}}@media(max-width:760px){.welcome-page .living-hero{min-height:650px;max-height:850px}.living-hero h1{font-size:84px}.living-gallery img,.living-gallery figure:nth-child(2) img{height:380px}.living-gallery figcaption{padding:16px}.living-gallery h3{font-size:25px}.welcome-proof{padding:32px}.welcome-numbers strong{font-size:46px}}@media(max-width:520px){.welcome-page .living-hero{min-height:650px;height:calc(100svh - 95px)}.living-hero-content{padding:35px 24px 130px}.living-hero h1{font-size:68px}.scene-controls{left:24px;right:20px;bottom:45px;gap:16px;justify-content:space-between}.scene-controls button{font-size:10px}.scene-controls button:last-child{padding:10px}.welcome-manifesto{font-size:9px;letter-spacing:.08em;padding:22px 0}.living-intro{padding-top:65px}.living-gallery{display:flex;flex-direction:column;gap:18px}.living-gallery figure{width:100%}.living-gallery figure:nth-child(2){margin-top:0}.living-gallery img,.living-gallery figure:nth-child(2) img{height:370px}.living-gallery h3{font-size:34px}.living-gallery figcaption{padding:25px}.welcome-paths{padding:45px 0}.welcome-join{padding:65px 20px;margin-top:30px}}@media(prefers-reduced-motion:reduce){.living-hero-photo,.living-hero-alternate{animation:none;transition:none}.reveal-ready{opacity:1;transform:none;transition:none}.living-gallery img{transition:none}.living-gallery figure:hover img{transform:none}}

@media(prefers-reduced-motion:reduce){[data-motion-pause]{display:none}}

/* Correctif hero accueil, 21 septembre 2026, defaut constate en production.
   1. Le titre passait sur trois lignes et le bloc debordait de la hauteur du
      hero : les boutons d'action recouvraient les commandes de panorama.
   2. Le sur-titre restait illisible sur le ciel. */
.welcome-page .living-hero h1{font-size:clamp(56px,7.8vw,112px);max-width:none}
.welcome-page .living-hero-content{padding:70px 6% 142px}
.welcome-page .scene-controls{bottom:46px}
.welcome-page .living-hero:before{background:linear-gradient(90deg,rgba(7,26,51,.86),rgba(7,26,51,.14)),linear-gradient(0deg,rgba(7,26,51,.78),transparent 46%),linear-gradient(180deg,rgba(7,26,51,.45),rgba(7,26,51,0) 28%)}
.welcome-page .living-hero .eyebrow{color:#fff;text-shadow:0 1px 10px rgba(7,26,51,.7)}
.welcome-page .living-hero-credit{text-shadow:0 1px 6px rgba(7,26,51,.9)}
@media(max-width:760px){
 .welcome-page .living-hero h1{font-size:clamp(52px,9.4vw,72px)}
 .welcome-page .living-hero-content{padding:60px 6% 140px}
}
/* 3. Sur mobile, le selecteur FR/EN flottant recouvrait le bouton de pause :
      la commande de pause passe au-dessus des deux vignettes, cote gauche. */
@media(max-width:520px){
 .welcome-page .living-hero h1{font-size:clamp(32px,10.9vw,50px);margin:14px 0 16px}
 .welcome-page .living-hero p{margin-top:16px;font-size:14.5px;line-height:1.6}
 .welcome-page .living-hero .hero-actions{margin-top:18px}
 .welcome-page .living-hero-content{padding:22px 24px 158px}
 .welcome-page .scene-controls{right:auto;justify-content:flex-start;gap:18px;padding-top:54px;bottom:44px}
 .welcome-page .scene-controls button[data-motion-pause]{position:absolute;top:0;left:0}
}
@media(max-width:380px){
 .welcome-page .living-hero h1{font-size:clamp(30px,9.6vw,40px);margin:12px 0 14px}
 .welcome-page .living-hero p{font-size:14px;margin-top:14px}
 .welcome-page .living-hero .hero-actions{margin-top:16px}
 .welcome-page .living-hero-content{padding:16px 20px 146px}
 .welcome-page .scene-controls{padding-top:50px;bottom:40px}
}