/* La galerie du vivant — architecture minérale, animaux en couleurs. */
:root{color:#25382f;background:#e7dfcf;--navy:#263b32;--cyan:#9aaa89;--glass:#f5f1e8ed;--line:#6f77684d}
body[data-view] .brand,body[data-view] .mast-note,body[data-view] .notice,body[data-view] .credits{color:#25382f;text-shadow:none}
.mast{background:linear-gradient(#f5f0e8c4,transparent);padding-top:28px;padding-bottom:24px}
.entrance{background:#ded6c6}.portal-art{background-image:url('/assets/galerie/entree.webp');background-position:center;transform-origin:72% 49%}.portal-art:after{background:linear-gradient(90deg,#f3eee69c,transparent 46%)}
body[data-view] .entry-copy{color:#25382f}.entry-copy{left:5%;top:29%;width:32%;max-width:445px}.entry-copy h1{text-shadow:0 1px 15px #f8f4eb80}.entry-intro{max-width:280px}.portal-door{left:52%;top:12%;width:38%;height:72%;border-radius:0;transform:none}.portal-wing,.portal-ripple,.portal-access,.entry-index{display:none}
body[data-view] .primary{color:#fffaf1;background:#2e4438;border:1px solid #768270;box-shadow:0 6px 22px #25372b26;border-radius:5px}body[data-view] .primary:hover{background:#415b49;box-shadow:0 6px 22px #25372b36}
.quiet{background:#f4efe4ed;color:#2b4033;border-color:#747c695c;box-shadow:0 3px 15px #27332512}.quiet:hover{background:#fffaf2;border-color:#4b604e}
.hall{background:#d6cebe}.hall:after{background:linear-gradient(#f2ede4c9,transparent 31%,transparent 66%,#e9e2d5cc)}
.hall-heading{top:122px;left:15%;right:15%;color:#283c30;text-shadow:0 1px 12px #f4eddf}.hall-heading .eyebrow{color:#495b47}.hall-heading>p:last-child{color:#344b39}.hall-heading h1{font-size:clamp(26px,2.7vw,40px)}
.room-portal{border-radius:1px}.room-portal[aria-current=true]{border-color:#fcf8e99c;box-shadow:inset 0 0 0 1px #3d513753}.room-portal:hover,.room-portal:focus-visible{background:#f9f9e908;border-color:#fffbee;box-shadow:inset 0 0 20px #ffffff24,0 0 15px #ffffff40}
.door-label{background:#f4f0e7f0;border:1px solid #64705e66;color:#25382e;box-shadow:0 3px 12px #25352626;border-radius:3px;letter-spacing:.08em;font-size:9px}.door-label:after{background:#40513a99}.door-hint{color:#fff9ee;background:#304936e8;border-color:#c7d0b4;border-radius:3px}
.tour-nav{bottom:53px;color:#25392e;background:#f3eee3e3;border:1px solid #eae4d8ab;border-radius:9px;padding:14px 20px 13px;box-shadow:0 4px 30px #25372b14;backdrop-filter:blur(10px);width:min(490px,90vw)}.tour-current{margin-bottom:9px;text-shadow:none}.tour-current h2{font-size:25px}.tour-current small,.tour-current p{display:none}.turn{color:#304936;background:#fcf8edf0;border-color:#68725f77;box-shadow:none}.turn:hover{background:white}.compass{margin-top:11px}.room-dot{background:#7b8b72;border-color:#586b4e;box-shadow:none}.room-dot[aria-current=true]{background:#2f4936}.room-count{color:#3f543e}
.motion-control{top:96px;background:#f3eee4e8}.notice>div{color:#2a4032;background:#f7f3eafa;border-color:#a5ab98;text-shadow:none}.directory{background:#f6f1e7f7;color:#283d30;border-color:#9ba58e;border-radius:9px}.directory::backdrop{background:#1c2d2255}.directory-head button{color:#304936;border-color:#87977c}.directory-rooms a,.directory-more{border-color:#bdc4af}.directory-rooms small{color:#596d50}.room-transition{background:#e7dfcf}.entry-status{background:#f6f1e8;color:#304632}.credits{font-size:7px}
@media(max-width:700px){.mast{padding:23px 6%}.entry-copy{top:15%;left:6%;right:6%;width:auto}.entry-copy h1{font-size:44px;max-width:340px}.entry-intro{max-width:none}.entrance:before{background:#e8e1d3}.portal-art{top:32%;left:-79%;width:184%;height:auto;aspect-ratio:1672/941;background-size:100% 100%;transform-origin:75% 48%;-webkit-mask-image:linear-gradient(transparent,black 9%,black 88%,transparent);mask-image:linear-gradient(transparent,black 9%,black 88%,transparent)}.portal-door{left:17%;top:35%;width:78%;height:38%;transform:none;border-radius:0}.entry-copy #entry-key{bottom:90px}.entry-small{bottom:65px}.hall-heading{top:123px;left:6%;right:6%}.hall-heading h1{font-size:28px}.hall-heading>p:last-child{max-width:285px}.tour-nav{bottom:29px;padding:12px 13px;width:92vw}.tour-current h2{font-size:24px}.enter-room{min-width:200px}.motion-control{top:88px}.door-label{font-size:8px;max-width:130px}.notice{font-size:8px}.hall-nav{gap:5px}.quiet{padding:9px 10px;font-size:8px}}
@media(max-width:700px) and (max-height:740px){.entry-copy{top:16%}.entry-copy h1{font-size:38px}.entry-copy #entry-key{bottom:70px}.entry-small{bottom:47px}.portal-art{top:31%}.tour-nav{bottom:18px}.hall-heading{top:115px}.hall-heading h1{font-size:25px}.tour-current h2{font-size:22px}}

/* Battant réellement animé en perspective, posé sur le seuil du décor. */
.portal-art{transition:transform 2.2s cubic-bezier(.65,.04,.5,1),filter 2s;overflow:visible}.door-rig{position:absolute;left:0;top:0;width:600px;height:620px;transform-origin:0 0;transform-style:preserve-3d;pointer-events:none;z-index:1;perspective:1600px}.door-leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transform:rotateY(-3deg);transition:transform 1.65s cubic-bezier(.45,.05,.24,1);box-shadow:8px 4px 18px #17251b66}.door-face{position:absolute;inset:0;backface-visibility:hidden;border:4px solid #51492e;background:#64583a}.door-front{background:url('/assets/galerie/battant.webp') center/100% 100%}.door-back{transform:rotateY(180deg);background:linear-gradient(110deg,#62583b,#86754d)}.opening .door-leaf{transform:rotateY(-108deg)}.opening .portal-art{transition-delay:.85s;transform:scale(3.6);filter:brightness(1.06)}.opening .portal-door{opacity:0}.opening .entry-copy{opacity:0} .door-rig[hidden]{display:none}
@media(max-width:700px){.opening .portal-art{transform:scale(4.3)}}
@media(prefers-reduced-motion:reduce){.door-leaf,.portal-art{transition:none!important}}

/* Commandes mobiles dégagées du bandeau Wix. */
@media(max-width:700px){.tour-nav{bottom:72px}}
@media(max-width:700px) and (max-height:740px){.tour-nav{bottom:66px}}