/* Direction Enquêtes GSB : plans cinéma, chapitres liés au défilement, guide contextuel. */
.enquete{--marge:clamp(22px,5.5vw,110px);background:#0B1B2B;overflow-x:clip}
html:has(body.enquete){scroll-padding-top:88px}
.enquete [hidden]{display:none!important}
.enquete h1,.enquete h2,.enquete h3{font-weight:600;letter-spacing:-.065em}
.enquete .entete{height:88px;background:#0b1b2bf2;border-bottom:1px solid #afc1cd22}
.enquete .entete nav{gap:26px;font-size:12px}.enquete .marque img{width:142px}
.enquete .bouton{background:#29B6D6;border-radius:2px}.enquete .bouton:hover{background:#E8C840}
.avance-lecture{position:absolute;bottom:-1px;left:0;height:2px;background:#29B6D6;width:calc(var(--lecture,0)*100%);pointer-events:none}
.enquete-hero{min-height:680px;height:calc(100svh - 88px);max-height:1100px;position:relative;isolation:isolate;overflow:hidden}
.hero-film,.hero-film>img,.hero-film>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-film{z-index:-2}.hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1b2bcd 0%,#0b1b2b80 35%,#0b1b2b08 70%),linear-gradient(0deg,#0b1b2b 0%,transparent 30%);z-index:2}
.film-scene{display:block;opacity:0;transition:opacity .7s}.film-scene.pret{opacity:1}
.hero-reperes{position:absolute;top:28px;left:var(--marge);right:var(--marge);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#c3d6df}
.hero-reperes .visee{font-size:28px;font-weight:200;line-height:1}
.hero-encre{padding:clamp(105px,12vh,170px) var(--marge) 130px;max-width:1040px;position:relative}
.hero-encre .surtitre{font-size:10px;color:#e0e9ef;margin-bottom:27px}
.hero-encre h1{font-size:clamp(68px,8.1vw,140px);line-height:.99;color:#f3f7fa;letter-spacing:-.075em}
.hero-encre h1 em{color:#29B6D6}.hero-phrase{font-size:clamp(16px,1.4vw,22px);margin-top:33px;color:#d2dfe7;line-height:1.55}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}
.hero-actions .lien{font-size:12px}.hero-defiler{position:absolute;left:var(--marge);bottom:65px;display:flex;align-items:center;gap:15px;min-height:44px;font-size:9px;letter-spacing:.16em}
.hero-defiler>span{border:1px solid #afc1cd55;border-radius:30px;display:grid;place-items:center;width:30px;height:44px;font-size:18px}
.hero-bas{position:absolute;left:var(--marge);right:var(--marge);bottom:25px;display:flex;justify-content:space-between;color:#afc1cd;font-size:8px;letter-spacing:.12em}
.enquete-intro{padding:110px var(--marge) 120px;border-bottom:1px solid #afc1cd22}
.enquete-intro h2{font-size:clamp(42px,5.6vw,90px);line-height:1.09;margin:35px 0 50px;max-width:1150px}
.intro-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;max-width:1160px}.intro-details p{font-size:14px;max-width:360px}
.intro-details strong{color:#f3f7fa;font-weight:500}.intro-signe{font-size:70px;color:#29B6D6;line-height:.8}
.enquete-sequence{position:relative;background:#071422}
.sequence-entete{padding:40px var(--marge) 30px;display:flex;gap:30px;justify-content:space-between;align-items:center;border-bottom:1px solid #afc1cd22}
.sequence-entete h2{font-size:32px;letter-spacing:-.05em;line-height:1.1}.sequence-entete>p{font-size:9px;letter-spacing:.15em}
.sequence-commandes{display:flex;gap:8px}.sequence-commandes button{background:transparent;padding:6px;opacity:.55;min-width:52px;min-height:52px}
.sequence-commandes button[aria-pressed=true]{opacity:1;outline:1px solid #afc1cd66}.sequence-commandes .hip{width:30px;height:30px;font-size:17px}
.sequence-scene{position:relative;isolation:isolate;min-height:650px;overflow:hidden}
.sequence-image{position:absolute;inset:0;z-index:-2}.sequence-image img,.sequence-image video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sequence-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071422ed,#071422b0 40%,#07142205 75%),linear-gradient(0deg,#071422,transparent 30%)}
.sequence-texte{padding:80px var(--marge);max-width:730px}.sequence-texte>.surtitre{display:flex;gap:17px;align-items:center;margin-bottom:25px}
.sequence-texte .hip{width:28px;height:28px;font-size:17px}.sequence-texte h3{font-size:clamp(46px,5vw,84px);line-height:1.05}
.sequence-texte>p:not(.surtitre){margin:25px 0 20px;max-width:400px;font-size:14px;color:#cfdae3}
.mot-chapitre{position:absolute;z-index:-1;right:-3%;bottom:40px;font-size:clamp(110px,15vw,260px);line-height:.8;font-weight:700;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #afc1cd44;pointer-events:none}
.sequence-bas{position:absolute;left:var(--marge);right:var(--marge);bottom:24px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#afc1cd}
.sequence-progression{height:3px;background:#afc1cd33}.sequence-progression>span{display:block;height:100%;width:calc(var(--sequence,0)*100%);background:#29B6D6}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .cinema-pret .enquete-sequence{height:360vh}
 .cinema-pret .sequence-cadre{position:sticky;top:88px;height:calc(100svh - 88px);max-height:1000px;display:flex;flex-direction:column}
 .cinema-pret .sequence-scenes{position:relative;flex:1;min-height:0;overflow:hidden}
 .cinema-pret .sequence-scene{position:absolute;inset:0;min-height:0}
 .cinema-pret .sequence-texte{padding-top:clamp(35px,5vh,80px)}
 .cinema-pret .sequence-scene:not(.scene-active){pointer-events:none}
 .cinema-pret .sequence-image img,.cinema-pret .sequence-image video{transform:scale(var(--echelle,1));transform-origin:72% 50%}
 .mouvements-pauses .enquete-sequence{height:auto}.mouvements-pauses .sequence-cadre{position:relative;top:0;height:auto;max-height:none}
 .mouvements-pauses .sequence-scenes{overflow:visible}.mouvements-pauses .sequence-scene{position:relative;min-height:650px;clip-path:none!important;opacity:1!important}
 .mouvements-pauses .sequence-scene:not(.scene-active){pointer-events:auto}
}
.besoins-enquete{padding-top:110px;padding-bottom:110px}.besoins-liste{border-top:1px solid #afc1cd44}
.besoin-ligne{display:grid;grid-template-columns:50px 1.5fr .65fr 50px;align-items:center;gap:20px;min-height:135px;border-bottom:1px solid #afc1cd44;padding:26px 0;transition:padding .3s,background .3s}
.besoin-ligne>span:first-child{font-size:11px;color:#29B6D6}.besoin-ligne h3{font-size:clamp(27px,3.2vw,49px)}
.besoin-tags{font-size:11px;color:#afc1cd;max-width:180px}.besoin-fleche{font-size:32px;color:#29B6D6;text-align:right}
.besoin-ligne:hover{padding-left:20px;background:#102536}.besoin-ligne:hover .besoin-fleche{color:#E8C840}
.preuve-enquete{background:#102536;display:grid;grid-template-columns:1fr 1fr;gap:70px;overflow:hidden;min-height:760px}
.preuve-texte>.surtitre{color:#29B6D6;font-size:9px;margin-bottom:30px}.preuve-texte h2{font-size:clamp(48px,5.8vw,90px)}
.preuve-texte>p:not(.surtitre){margin-top:26px;max-width:430px;font-size:14px}.preuve-texte ul{padding:0;margin:30px 0;list-style:none;font-size:12px;color:#e1eaf0}
.preuve-texte li{padding:11px 0;border-bottom:1px solid #afc1cd33}.preuve-texte li:before{content:"↗";color:#29B6D6;margin-right:14px}
.preuve-texte .petite-mention{font-size:10px!important;margin-top:14px!important}
.preuve-documents{position:relative;min-height:520px;perspective:1200px;align-self:center}
.preuve-mot{position:absolute;top:-40px;left:0;color:transparent;-webkit-text-stroke:1px #29b6d64d;font-size:150px;font-weight:700;letter-spacing:-.08em}
.preuve-page{position:absolute;left:2%;top:50px;z-index:2;padding:0;background:none;width:58%;transform:rotate(-8deg) rotateY(12deg);box-shadow:18px 22px 50px #0007;transition:transform .5s}
.preuve-page img{display:block}.preuve-page:hover{transform:rotate(-2deg) rotateY(0)}
.preuve-page-suite{position:absolute;right:2%;top:95px;width:57%;transform:rotate(9deg);box-shadow:12px 15px 45px #0004}
.cabinet-enquete{padding:90px 0 0}.cabinet-panorama{position:relative;min-height:650px;overflow:hidden;isolation:isolate}
.cabinet-panorama>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 43%;z-index:-2}
.cabinet-panorama:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1b2bf0,#0b1b2b99 43%,#0b1b2b00)}
.cabinet-panorama>div{padding:100px var(--marge);max-width:980px}.cabinet-panorama h2{font-size:clamp(43px,5.4vw,88px);margin:28px 0 35px}
.cabinet-chiffres{display:grid;grid-template-columns:repeat(3,1fr);padding:60px var(--marge);gap:50px;border-bottom:1px solid #afc1cd33}
.cabinet-chiffres strong{display:block;font-size:44px;line-height:1.1;letter-spacing:-.04em;color:#29B6D6;margin-bottom:15px}
.cabinet-chiffres span{display:block;font-size:12px;max-width:280px}
.enquete-faq details{border-bottom:1px solid #afc1cd44}.enquete-faq summary{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:30px;font-size:16px}
.enquete-faq summary>span{font-size:26px;color:#29B6D6}.enquete-faq details[open] summary>span{transform:rotate(45deg)}.enquete-faq details>p{max-width:800px;padding:0 0 28px;font-size:14px}




.telephone{min-height:48px;display:flex;align-items:center;margin-left:auto;font-size:19px;font-weight:600}
.pied-enquete{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:40px;padding:70px var(--marge) 40px}
.pied-enquete>div p{font-size:10px;letter-spacing:.1em;margin-bottom:20px}.pied-enquete a{display:inline-flex;align-items:center;min-height:44px;font-size:11px}.pied-enquete nav{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.pied-enquete .mention-locale{font-size:10px;grid-column:1/-1;margin-top:20px}
@media(min-width:901px) and (max-height:800px){
 .sequence-entete{padding-top:22px;padding-bottom:22px}.sequence-entete h2{font-size:27px}
 .cinema-pret .sequence-texte{padding-top:27px;padding-bottom:50px}.sequence-texte h3{font-size:54px}
 .sequence-texte>.surtitre{margin-bottom:18px}.sequence-texte>p:not(.surtitre){margin-top:18px;margin-bottom:10px;font-size:13px}
}
.enquete.interieur-nouveau .page-hero{padding:100px 0 90px;min-height:430px;isolation:isolate;overflow:visible}
.enquete.interieur-nouveau .page-hero:has(.interieur-cinema){min-height:560px}
.enquete.interieur-nouveau .page-hero h1{font-size:clamp(44px,5.5vw,86px);max-width:920px;position:relative}
.enquete.interieur-nouveau .page-hero .lead{max-width:650px;position:relative;color:#d4e0e8;font-size:15px}
.enquete.interieur-nouveau .page-hero .eyebrow{position:relative}.interieur-cinema{position:absolute;top:0;bottom:0;left:max(calc(-1*var(--marge)),calc((100% - 100vw)/2));right:max(calc(-1*var(--marge)),calc((100% - 100vw)/2));z-index:-2;overflow:hidden}
.interieur-cinema img,.interieur-cinema video{width:100%;height:100%;object-fit:cover;object-position:center 40%}.interieur-cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1b2bf5,#0b1b2bcc 45%,#0b1b2b40),linear-gradient(0deg,#0b1b2b,transparent 40%)}
.enquete.interieur-nouveau .cabinet-universe{margin-top:70px}.enquete.interieur-nouveau .method-step{background:#102536;border:1px solid #afc1cd33;border-radius:0}
.enquete.interieur-nouveau .cabinet-image{min-height:440px;margin:0}.enquete.interieur-nouveau .cabinet-image img{max-width:100%}
@media(max-width:1100px){.enquete .entete nav{gap:18px;font-size:11px}.hero-actions{gap:20px}.hero-encre{max-width:900px}.sequence-entete>p{display:none}.sequence-texte{max-width:650px}.preuve-enquete{gap:40px}.preuve-documents{min-height:440px}}
@media(max-width:900px){
 .enquete .entete{height:76px}.enquete .entete nav{top:75px;font-size:16px}.enquete-hero{height:calc(100svh - 76px);min-height:700px}
 .hero-encre{padding-top:140px}.hero-encre h1{font-size:clamp(64px,10vw,100px)}.hero-film img,.hero-film video{object-position:63% center}
 .intro-details{grid-template-columns:60px 1fr;gap:24px}.intro-details p:last-child{grid-column:2}
 .sequence-entete{padding:32px 22px}.sequence-scene{min-height:650px}.sequence-texte{padding:65px 22px;max-width:570px}
 .sequence-texte h3{font-size:58px}.sequence-texte>p:not(.surtitre){max-width:340px}.sequence-image img,.sequence-image video{object-position:65% center}
 .besoin-ligne{grid-template-columns:30px 1fr 40px;gap:15px}.besoin-tags{display:none}
 .preuve-enquete{grid-template-columns:1fr;gap:35px}.preuve-documents{width:min(500px,100%);min-height:540px;margin:auto}.preuve-texte>p:not(.surtitre){max-width:550px}
 .cabinet-chiffres{gap:25px}.cabinet-chiffres strong{font-size:32px}.pied-enquete{grid-template-columns:1fr 1fr}

}
@media(max-width:600px){
 .enquete .marque img{width:125px}.enquete-hero{min-height:710px;max-height:900px}.hero-encre{padding:116px 22px 170px}
 .hero-encre h1{font-size:clamp(61px,15vw,82px)}.hero-encre .surtitre{font-size:8px;max-width:255px;line-height:1.8;margin-bottom:25px}
 .hero-phrase{font-size:15px;margin-top:28px;max-width:300px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px;margin-top:26px}
 .hero-actions .bouton{min-height:50px}.hero-actions .lien{font-size:11px;min-height:44px}.hero-film:after{background:linear-gradient(90deg,#0b1b2bd9,#0b1b2b75),linear-gradient(0deg,#0b1b2b 1%,transparent 35%)}
 .hero-film img,.hero-film video{object-position:66% center}.hero-reperes{top:24px;font-size:7px}.hero-bas{font-size:7px;right:22px;bottom:20px}
 .hero-bas span:last-child{display:none}.hero-defiler{bottom:52px;font-size:8px}
 .enquete-intro{padding:65px 22px}.enquete-intro h2{font-size:39px;line-height:1.1;margin:26px 0 35px}.enquete-intro .surtitre{font-size:9px}
 .intro-details{display:block}.intro-signe{display:none}.intro-details p{font-size:13px;max-width:100%;margin-top:20px}
 .sequence-entete h2{font-size:25px}.sequence-commandes{gap:2px}.sequence-commandes button{min-width:44px;min-height:44px;padding:5px}
 .sequence-commandes .hip{width:26px;height:26px;font-size:15px}.sequence-scene{min-height:630px}.sequence-texte{padding:65px 22px 90px}
 .sequence-texte h3{font-size:49px}.sequence-texte>p:not(.surtitre){font-size:13px;max-width:310px}.sequence-image:after{background:linear-gradient(90deg,#071422ef,#071422a6),linear-gradient(0deg,#071422,transparent)}
 .mot-chapitre{font-size:95px;bottom:60px;right:-5%;opacity:.7}.sequence-bas{font-size:6px}.sequence-bas>span:first-child{max-width:190px}
 .besoins-enquete{padding:65px 22px}.besoin-ligne{min-height:108px;padding:22px 0;grid-template-columns:20px 1fr 28px;gap:12px}.besoin-ligne h3{font-size:26px;line-height:1.15}
 .besoin-ligne>span:first-child{font-size:9px}.besoin-fleche{font-size:26px}.preuve-enquete{padding:65px 22px}.preuve-texte h2{font-size:51px}
 .preuve-texte>.surtitre{font-size:8px}.preuve-texte>p:not(.surtitre){font-size:13px}.preuve-documents{min-height:420px;margin-top:30px}.preuve-mot{font-size:120px;top:-10px}
 .preuve-page{top:60px}.preuve-page-suite{top:100px}.cabinet-enquete{padding:0}.cabinet-panorama{min-height:600px}.cabinet-panorama>div{padding:75px 22px}
 .cabinet-panorama h2{font-size:43px}.cabinet-panorama>img{object-position:60% center}.cabinet-panorama:after{background:linear-gradient(90deg,#0b1b2be0,#0b1b2b77)}
 .cabinet-chiffres{grid-template-columns:1fr;gap:0;padding:15px 22px}.cabinet-chiffres p{padding:27px 0;display:grid;grid-template-columns:135px 1fr;gap:20px;align-items:center}
 .cabinet-chiffres p+p{border-top:1px solid #afc1cd33}.cabinet-chiffres strong{font-size:29px;margin:0}.cabinet-chiffres span{font-size:10px}
 .enquete-faq summary{font-size:14px;min-height:85px}.enquete-faq details>p{font-size:13px}
 .telephone{margin-left:0;width:100%;font-size:20px}
 .pied-enquete{padding:50px 22px 90px;grid-template-columns:1fr;gap:25px}.pied-enquete .mention-locale{margin:0}


 .enquete.interieur-nouveau .page-hero{padding:65px 0 60px;min-height:340px}.enquete.interieur-nouveau .page-hero:has(.interieur-cinema){min-height:490px}
 .enquete.interieur-nouveau .page-hero h1{font-size:43px;line-height:1.1}.enquete.interieur-nouveau .page-hero .lead{font-size:14px}
 .interieur-cinema img,.interieur-cinema video{object-position:65% center}.interieur-cinema:after{background:linear-gradient(90deg,#0b1b2bed,#0b1b2bb0),linear-gradient(0deg,#0b1b2b,transparent)}
}
@media(prefers-reduced-motion:reduce){.film-scene{display:none}.sequence-scene{clip-path:none!important}.hero-encre{transform:none!important}}
.mouvements-pauses .film-scene{opacity:0}.mouvements-pauses .hero-encre{transform:none!important}
/* Chaque panneau possède son mouvement, lié au geste de lecture. */
.enquete-intro{--entree:1;position:relative}
.enquete-intro:before{content:"";position:absolute;left:var(--marge);top:54px;width:calc(var(--entree)*80px);height:2px;background:#29B6D6}
.enquete-intro h2 em{color:transparent;background:linear-gradient(90deg,#29B6D6 calc(var(--entree)*100%),#afc1cd 0);background-clip:text;-webkit-background-clip:text}
.preuve-enquete{--entree:1}
.preuve-page{transform:translateY(calc((1 - var(--entree))*65px)) rotate(calc(-16deg + var(--entree)*8deg)) rotateY(12deg)}
.preuve-page-suite{transform:translateY(calc((1 - var(--entree))*110px)) rotate(calc(18deg - var(--entree)*9deg))}
.cabinet-enquete{--entree:1}
.cabinet-panorama>img{transform:scale(calc(1.08 - var(--entree)*.08));transform-origin:70% 50%}
.besoin-ligne{position:relative;isolation:isolate}
.besoin-ligne:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#29b6d614,transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s;z-index:-1}
.besoin-ligne:is(:hover,:focus-visible):before{transform:scaleX(1)}
.besoin-fleche{transition:transform .3s}.besoin-ligne:is(:hover,:focus-visible) .besoin-fleche{transform:translate(3px,-3px)}
.enquete-faq details[open]{border-color:#29B6D6}.enquete-faq details[open]>p{animation:reponse-enquete .3s ease-out}
@keyframes reponse-enquete{from{opacity:.4;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mediatheque-hero,.territoires-hero{position:relative;overflow:hidden!important}
.mediatheque-hero:before{content:"▶";position:absolute;right:3%;top:50px;font-size:300px;color:#29b6d60c;transform:rotate(-9deg);pointer-events:none}
.territoires-hero:before{content:"";position:absolute;right:0;top:20px;width:360px;height:360px;border:1px solid #29b6d630;border-radius:50%;box-shadow:0 0 0 50px #29b6d607,0 0 0 100px #29b6d604;pointer-events:none}
.enquete .interieur-cinema video{position:absolute;inset:0}
.enquete.interieur-nouveau .page-hero:has(.interieur-cinema) h1{max-width:760px}
.enquete.interieur-nouveau .page-hero:has(.interieur-cinema) .lead{max-width:550px}
@media(max-width:600px){
 .enquete-intro:before{top:30px;left:22px}
 .mediatheque-hero:before{font-size:200px;top:50px;right:-35px}
 .enquete.interieur-nouveau .page-hero:has(.interieur-cinema){padding-bottom:70px;min-height:560px}
}
@media(prefers-reduced-motion:reduce){
 .enquete-intro h2 em{color:#29B6D6;background:none}
 .preuve-page,.preuve-page-suite,.cabinet-panorama>img{transform:none}
 .enquete-faq details[open]>p{animation:none}
}
.mouvements-pauses .enquete-faq details[open]>p{animation:none}