/* Trois ambiances compactes ; le reste du site garde sa charte. */
.immersive-hero{min-height:0;height:auto;max-height:none}
.hero-content{padding-top:52px;padding-bottom:112px;max-width:1200px}
.hero-content h1{font-size:clamp(44px,5.2vw,72px);line-height:1.08;letter-spacing:-1.8px;max-width:900px;margin:22px 0}
.hero-content .eyebrow{font-size:clamp(12px,1vw,14px);line-height:1.5;max-width:850px}
.hero-description{font-size:clamp(15px,1.15vw,17px);line-height:1.6;max-width:790px;font-weight:600;margin-bottom:26px}
.hero-content .button{font-size:14px;padding:16px 22px}
.hero-base{bottom:17px;padding-top:13px}.hero-base a{font-size:10px}.scroll-line{height:15px;margin-top:7px}
/* Arrière-plan commun : ambiance originale conservée. Seuls les textes varient. */
.immersive-hero .hero-shade{background:linear-gradient(90deg,#21170edb 0%,#241a1294 60%,#241a122b 100%),linear-gradient(0deg,#21170e88,transparent 60%)}
.immersive-hero .hero-content .eyebrow,.immersive-hero .hero-description{color:var(--hero-text);text-shadow:0 2px 12px #160d08}
.immersive-hero .hero-content h1{color:var(--hero-title)}
.immersive-hero .hero-content h1 em{color:var(--hero-emphasis)}
.accueil-theme-blanc{--hero-title:#fff;--hero-text:#fff;--hero-emphasis:#fff}
.accueil-theme-casse{--hero-title:#d6dbe0;--hero-text:#d6dbe0;--hero-emphasis:#d6dbe0}
.accueil-theme-creme{--hero-title:#ffe2ac;--hero-text:#fff;--hero-emphasis:#ffe2ac}
.accueil-choices{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px 6%;background:#e9e2d6;font-size:14px}.accueil-choices a{text-decoration:underline;text-underline-offset:4px}.accueil-choices a[aria-current]{font-weight:700}
/* Traversée synchronisée avec le défilement de la page. */
.home-traverse{height:260svh;position:relative;background:#eee8dd}
.traverse-pin{position:sticky;top:96px;height:calc(100svh - 96px);min-height:520px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:22px 0}
.traverse-heading h2{font-size:clamp(28px,3vw,43px);margin:8px 0}.traverse-heading p{margin:0 0 10px;font-size:14px}.traverse-heading .eyebrow{font-size:11px}
.traverse-window{width:100%;overflow:hidden;flex:1;min-height:200px;max-height:460px;margin:10px 0}
.traverse-track{display:flex;height:100%;gap:26px;padding:0 6vw;will-change:transform}
.traverse-card{flex:0 0 54vw;max-width:800px;height:100%;position:relative;padding:0;border:0;background:#ded5c5;overflow:hidden;cursor:zoom-in;color:#fff;text-align:left}
.traverse-card img{width:100%;height:100%;object-fit:cover;display:block}.traverse-card:nth-child(4) img{object-fit:contain}
.traverse-card:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#21180d99);pointer-events:none}
.traverse-label{position:absolute;left:25px;bottom:22px;z-index:1;font:italic clamp(24px,3vw,38px)/1.1 Georgia,serif}
.enlarge-hint{position:absolute;right:16px;top:16px;padding:7px 12px;background:#21180dbd;font:13px Arial,sans-serif;z-index:1}
.traverse-card:focus-visible{outline:3px solid #856124;outline-offset:-6px}.traverse-bottom{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-top:12px}
.image-dialog{background:#161914f5;color:#fff;border:0;padding:0;width:calc(100vw - 32px);max-width:1400px;height:calc(100svh - 32px);max-height:1000px;overflow:hidden}
.image-dialog::backdrop{background:#000b}.image-dialog-inner{height:100%;display:flex;flex-direction:column;padding:16px;gap:12px}.image-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.image-dialog-top p{margin:0;font-size:16px}.image-dialog button{border:1px solid #ffffff66;background:transparent;color:#fff;padding:10px 16px;cursor:pointer;font:14px Arial,sans-serif}.image-dialog button:hover{background:#ffffff20}.image-dialog img{width:100%;height:100%;object-fit:contain;min-height:0;flex:1}.image-dialog-bottom{display:flex;justify-content:center;align-items:center;gap:20px;font-size:14px}.image-dialog button:focus-visible{outline:3px solid #e9c98c;outline-offset:2px}
@media(max-width:700px){.hero-content{padding-top:32px;padding-bottom:92px}.hero-content h1{font-size:clamp(40px,9vw,55px);letter-spacing:-1px}.hero-description{font-size:15px}.hero-content .eyebrow{font-size:12px}.home-traverse{height:280svh}.traverse-pin{top:82px;height:calc(100svh - 82px);min-height:470px;padding:16px 0}.traverse-track{gap:18px}.traverse-card{flex-basis:82vw}.traverse-label{left:18px;bottom:18px;font-size:27px}.traverse-bottom{font-size:11px}.accueil-choices{gap:12px;font-size:12px}.image-dialog{width:100vw;height:100svh;max-height:none}.image-dialog-inner{padding:12px}.image-dialog-top p{font-size:14px}}
@media(max-height:650px) and (min-width:701px){.traverse-pin{min-height:330px}.traverse-heading h2{font-size:28px}.traverse-heading p{font-size:12px}.traverse-window{min-height:120px}}
@media(prefers-reduced-motion:reduce){.home-traverse{height:auto}.traverse-pin{position:static;height:auto;min-height:0}.traverse-window{overflow-x:auto;max-height:none;height:350px;flex:auto;scroll-snap-type:x mandatory}.traverse-track{transform:none!important;will-change:auto}.traverse-card{scroll-snap-align:center}.traverse-count{display:none}}
@media(max-height:550px){.traverse-pin{min-height:0;padding:10px 0}.traverse-heading h2{font-size:25px}.traverse-heading p{font-size:12px;margin-bottom:4px}.traverse-heading .eyebrow{display:none}.traverse-window{min-height:90px;margin:5px 0}.traverse-bottom{margin-top:5px}.enlarge-hint{top:8px;right:8px}}

/* Photo d’accueil : hauteur retrouvée et cadrage sans suragrandissement. */
.immersive-hero{min-height:clamp(560px,78svh,800px);display:flex;align-items:center}
.immersive-hero .hero-photo{height:100%;top:0;object-position:center;will-change:auto}
.immersive-hero .hero-content{width:88%;padding-top:52px;padding-bottom:112px}
@media(max-width:700px){.immersive-hero{min-height:clamp(550px,80svh,700px)}.immersive-hero .hero-photo{object-position:60% center}.immersive-hero .hero-content{padding-top:32px;padding-bottom:92px}}

/* Signature Féorya issue du flyer validé. */
.immersive-hero .hero-fairy-title{font-size:clamp(48px,5.2vw,74px);max-width:1000px;margin-top:0;margin-bottom:24px}
.immersive-hero .hero-fairy-title em{font-style:italic;color:#ffe2ac}
.immersive-hero .hero-description{margin-bottom:14px}
.hero-motto{font:italic clamp(21px,2vw,29px)/1.35 Georgia,serif;color:#f2c978;text-shadow:0 2px 9px #160d08;margin:0 0 28px;max-width:850px}
@media(max-width:700px){.immersive-hero .hero-fairy-title{font-size:clamp(42px,9vw,56px);margin-bottom:20px}.hero-motto{font-size:22px;margin-bottom:24px}}

/* Les deux signatures coexistent, dans l’ordre demandé. */
.immersive-hero .hero-fairy-title{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-1.8px;color:#ffe2ac}
.immersive-hero .hero-home-title,.immersive-hero .hero-home-title em{color:#ffe2ac}
.immersive-hero .hero-home-title{margin-top:20px;margin-bottom:22px}

/* Titre principal et accroche secondaire ; descriptif plus aéré. */
.immersive-hero .hero-home-title{font-family:Georgia,serif;font-size:clamp(28px,2.7vw,39px);font-weight:400;line-height:1.25;letter-spacing:-.5px;margin:20px 0 24px;max-width:950px}
.immersive-hero .hero-description{font-family:Verdana,Tahoma,sans-serif;font-size:17px;font-weight:500;line-height:1.95;letter-spacing:.1px;max-width:850px;color:#fff;margin-bottom:20px}
@media(max-width:700px){.immersive-hero .hero-home-title{font-size:29px;margin:18px 0 22px}.immersive-hero .hero-description{font-size:16px;line-height:1.9}}

/* Comparaison typographique : charte et hiérarchie communes. */
body{--hero-reading-font:Arial,Helvetica,sans-serif}
body.reading-verdana{--hero-reading-font:Verdana,Tahoma,sans-serif}
body.reading-trebuchet{--hero-reading-font:"Trebuchet MS",Arial,sans-serif}
.immersive-hero .hero-fairy-title,.immersive-hero .hero-fairy-title em,.immersive-hero .hero-home-title,.immersive-hero .hero-home-title em,.immersive-hero .hero-motto{font-family:Georgia,"Times New Roman",serif;color:#ffe2ac;font-weight:400;text-shadow:0 2px 9px #160d0870}
.immersive-hero .hero-fairy-title{font-size:clamp(48px,4.5vw,64px);line-height:1.15;margin:0 0 20px;letter-spacing:-1px}
.immersive-hero .hero-home-title{font-size:clamp(34px,3.3vw,46px);line-height:1.2;margin:20px 0;letter-spacing:-.5px}
.immersive-hero .hero-motto{font-size:clamp(23px,2.3vw,30px);line-height:1.35;font-style:italic;margin:18px 0 28px;letter-spacing:0}
.immersive-hero .hero-content .eyebrow,.immersive-hero .hero-description{font-family:var(--hero-reading-font);color:#fff;font-weight:700;letter-spacing:0;text-shadow:0 2px 9px #160d0880}
.immersive-hero .hero-content .eyebrow{font-size:15px;line-height:1.65;max-width:950px;margin:0}
.immersive-hero .hero-description{font-size:17px;line-height:1.75;max-width:880px;margin:0}
@media(max-width:700px){.immersive-hero .hero-fairy-title{font-size:45px;letter-spacing:-.6px;margin-bottom:18px}.immersive-hero .hero-home-title{font-size:34px;margin:18px 0}.immersive-hero .hero-content .eyebrow{font-size:13px}.immersive-hero .hero-description{font-size:16px;line-height:1.75}.immersive-hero .hero-motto{font-size:24px;margin:18px 0 24px}}

/* Police retenue et ligne du secteur légèrement agrandie. */
.immersive-hero .hero-content .eyebrow{font-size:16px}
@media(max-width:700px){.immersive-hero .hero-content .eyebrow{font-size:14px}}

/* Ouverture simplifiée : signature, secteur, description. */
.immersive-hero .hero-content .eyebrow{margin-bottom:24px}
.immersive-hero .hero-description{margin-bottom:28px}