/* Saphélis : GRAND HALL en plaque peinte (accueil seul). Fond : scène peinte du propriétaire (docs/ASSETS-LICENCES.json « hall-peint »). Notes : docs/design/DA-SITE.md. */
.hall-recherche{margin:0 auto;max-width:44rem}
.hall-recherche .grande-recherche-champ{border-radius:999px;background:linear-gradient(#1b1f24eb,#111315eb);border:1px solid #e8c27a8c;box-shadow:0 0 0 1px #0006,0 0 32px #e6c07f59,0 0 90px #e6c07f2e,inset 0 1px 0 #ffe6be1f}
.hall-recherche .grande-recherche-champ:focus-within{border-color:var(--da-or);box-shadow:0 0 0 2px var(--da-or),0 0 44px #e6c07f8c}
.hall-recherche .grande-recherche-champ .ico{color:var(--da-or)}
.hall-recherche input{color:var(--da-creme);background:transparent!important;border:0!important}.hall-recherche input::placeholder{color:#c4ad8a}
.hall-recherche button{border-radius:999px!important;background:#e6c07f linear-gradient(#f6cf86,#e2a24c)!important;color:#15171b!important;box-shadow:0 0 18px #e6c07f8c}
/* Plaque peinte (config/accueil-plaque.json) : fond unique ; zones posées en unités de conteneur depuis les pixels source et le recadrage cover (--k : px rendus par px source). */
.page-accueil .tete{position:absolute;inset:0 0 auto;z-index:5;background:linear-gradient(#060708f2,#060708d9 55%,#0607088c 85%,#06070800);box-shadow:none;border:0}
.page-accueil .univers-nav{background:none;border:0}
.hall-recherche{width:100%}
::view-transition-group(pl-vt){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* Livre vivant dans le flux (sans JavaScript) : entrées réelles chargées après le rendu (hall.js, textContent). */
/* 22.10.2026 (decision du proprietaire) : plus de livre ouvert (pages de papier, reliure). Le Livre vivant (entrees datees) est une carte nette DA 3.0. */
.livre-vivant{width:min(46rem,100%);margin:clamp(28px,4vw,48px) auto 0}
/* 22.10.2026 (decision du proprietaire) : « Le journal vivant » en une seule colonne nette, plus deux volets de livre ouvert. */
.lv-livre{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #2a3039;border-top:3px solid #e6c07f;border-radius:12px;background:#151920}
.lv-page{min-width:0;padding:18px 20px;color:#c9ced5;text-align:left;font:400 .95rem/1.45 var(--f-texte)}
.lv-d{border-top:1px solid #2a3039}
.premium .lv-sur{margin:0;font:640 1.15rem/1.2 var(--f-titre);letter-spacing:-.01em;color:#f2efe9}
.lv-maj{margin:4px 0 6px;font:600 .7rem/1.3 var(--f-texte);letter-spacing:.08em;text-transform:uppercase;color:#a9b0ba}
.lv-liste{margin:0;padding:0;list-style:none;display:grid}.premium .lv-liste a{display:inline-block;min-height:44px;padding:12px 0;line-height:20px;box-sizing:border-box}
.lv-liste li+li{border-top:1px solid #2a3039}
.lv-liste time{font:600 .74rem var(--f-texte);color:#a9b0ba;margin-right:6px}
.premium .lv-page a{color:#f2efe9;text-decoration-color:#e6c07f99;text-underline-offset:3px}
.premium .lv-page a:focus-visible{outline:2px solid #e6c07f;outline-offset:2px}
.lv-repos{margin:10px 0 0}.premium .lv-repos a{display:inline-block;padding:12px 0}
.lv-plume{margin:0 0 6px;min-height:2.6em;font:640 1.05rem/1.3 var(--f-titre);color:#f2efe9}
.lv-plume-texte{margin:0;font:400 .9rem/1.45 var(--f-texte);color:#c9ced5}
.lv-plume.ecrit::after{content:"";display:inline-block;width:.06em;height:1em;margin-left:.08em;background:#e6c07f;vertical-align:-.12em;animation:hall-plume 1s steps(2) infinite}
@media(max-width:640px){.lv-livre{grid-template-columns:1fr}.lv-d{display:none}}

@keyframes hall-plume{50%{opacity:0}}
/* Bandeau de confiance : faits vérifiables seulement. */
.confiance-barre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3) var(--s-5);width:100%;max-width:78rem;margin:clamp(28px,4vw,48px) auto 0;padding:var(--s-4) var(--s-5);list-style:none;border-radius:14px;border:1px solid var(--da-filet);background:linear-gradient(#0c0e10e6,#090a0cf2),var(--da-bois) center/512px;box-shadow:0 18px 40px -20px #000}
.confiance-barre li{display:flex;align-items:center;gap:12px;min-width:0}
.confiance-barre .ico{flex:none;width:40px;height:40px;padding:9px;border-radius:50%;color:var(--da-ambre);background:#1b1f24;box-shadow:inset 0 0 0 1px #e8c27a59}
.confiance-barre b{display:block;font-size:var(--t-sm);color:var(--da-creme)}
.confiance-barre small{display:block;font-size:var(--t-xs);color:var(--c-ink-3)}
.confiance-barre a{display:inline-flex;align-items:center;min-height:44px;color:var(--da-or)!important}
@media(max-width:1023px){.confiance-barre{grid-template-columns:1fr 1fr}}
@media(max-width:479px){.confiance-barre{grid-template-columns:1fr;padding:var(--s-3) var(--s-4)}}

[data-qualite-cinema][aria-pressed=true]{color:var(--da-ambre)!important;background:#e8c27a1f}
@media(max-width:900px){[data-qualite-cinema]{display:none!important}}

/* NEF (DA 3.0, 21.10.2026, docs/design/DA-3.0.md ; site/tools/accueil-plaque.js sceneNef) : Grand Hall architectural.
   Lieu en CSS (aretes et lames en perspective, coeur de lumiere champagne au point de fuite, sol), titre = element LCP.
   Univers = cartes nettes (22.10.2026, decision du proprietaire : plus de livres en volume ni de socle). */
.page-accueil:has(.une--nef) .tete{position:relative;background:#0e1013}@supports not selector(:has(*)){.une--nef{padding-top:150px!important}}
.une--nef{position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,6vh,72px) 16px clamp(28px,5vh,56px);background:#0e1013}
.nef-lieu,.nef-lieu i{position:absolute;inset:0;pointer-events:none}.nef-lieu{z-index:-1;bottom:auto;height:max(100svh,640px)}
.nef-coeur{background:radial-gradient(16% 20% at 50% 36.7%,var(--nef-coeur,#e6c07f40),#0000 72%),radial-gradient(42% 46% at 50% 36.7%,#e6c07f14,#0000 72%),radial-gradient(80% 60% at 50% -10%,var(--nef-ciel,#24344d),#0000 70%)}
.nef-lieu .nef-sol{top:auto;height:42%;background:linear-gradient(#0e101300,#0e1013 92%),repeating-linear-gradient(90deg,#ffffff00 0 119px,#ffffff08 119px 120px)}
.nef-texte{position:relative;max-width:900px;margin:0 auto;text-align:center}
.une--nef h1{margin:0 auto;max-width:17ch;font:640 clamp(2.1rem,1.1rem + 3vw,3.7rem)/1.03 var(--f-titre);letter-spacing:-.036em;color:#f2efe9;text-wrap:balance}
.une--nef .pl-sous{max-width:40rem;margin:16px auto 0;font-size:clamp(.95rem,.9rem + .2vw,1.06rem);line-height:1.5;color:#d4d6db}
.une--nef .hall-recherche{max-width:680px;margin:clamp(22px,3.4vh,34px) auto 0}
.une--nef .grande-recherche-champ{border-radius:999px;background:#14181dcc;border:1px solid #46505e;box-shadow:0 24px 60px -30px #000,inset 0 1px 0 #ffffff0d}
.une--nef .grande-recherche-champ:focus-within{border-color:#e6c07f;box-shadow:0 0 0 4px #e6c07f2e,0 24px 60px -30px #000;transform:none}
.une--nef .grande-recherche-champ .ico{color:#a9b0ba}.une--nef .grande-recherche-champ input{height:58px}.une--nef .grande-recherche-champ button:hover{background:#f3dcae}
.une--nef .exemples{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.une--nef .exemples a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #2f3640;background:#12151acc;color:#d4d6db!important;text-decoration:none;font-size:var(--t-sm);transition:border-color .16s,color .16s}
.une--nef .exemples a:hover{border-color:#6b7685;color:#f2efe9!important}
.nef-galeries ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.2vw,20px);max-width:1320px;margin:clamp(28px,4.5vh,52px) auto 0;padding:0;list-style:none}
/* 22.10.2026 (decision du proprietaire) : plus de livres debout sur un socle. Chaque univers est une carte nette (surface graphite, filet haut de son accent). */
.galerie{min-width:0}
.galerie-lien{display:flex;flex-direction:column;height:100%;min-height:44px;box-sizing:border-box;padding:16px 16px 14px;border:1px solid #2a3039;border-top:3px solid var(--u);border-radius:12px;background:#151920;color:inherit!important;text-decoration:none!important;transition:border-color .16s,background .16s}
.galerie-lien:hover{background:#1a1f27;border-color:#3a424e;border-top-color:var(--u)}
.galerie-lien:focus-visible{outline:2px solid #e6c07f;outline-offset:3px}
.galerie-nom{font:640 clamp(.95rem,.85rem + .25vw,1.08rem)/1.2 var(--f-titre);letter-spacing:-.012em;color:#f2efe9}
.galerie-promesse{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:5px;font-size:.82rem;line-height:1.4;color:#a9b0ba}
.galerie-entrer{margin-top:auto;padding-top:10px;font-size:.82rem;font-weight:650;color:var(--u)}
.une--nef .confiance-barre{margin-top:clamp(28px,4vh,44px);border-color:#2a3039;background:#111418}
.une--nef .confiance-barre .ico{color:#e6c07f;background:#191d23;box-shadow:inset 0 0 0 1px #2f3640}
@media(max-width:1100px){.nef-galeries ul{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:640px){.une--nef{padding-top:28px}.nef-galeries ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.galerie-lien{padding:14px 12px 12px}.galerie-promesse{font-size:.8rem}
.une--nef .exemples{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 0;scrollbar-width:none}.une--nef .exemples li{flex:none}
@media(prefers-reduced-motion:reduce){.galerie-lien{transition:none}}

} /* ferme le dernier @media du bloc « nef » (laisse ouvert jusqu ici, ferme implicitement en fin de fichier) */
/* « Créez le vôtre » (site/tools/creer.js, 25.10.2026 : le client doit savoir qu il peut créer). Moteurs vendables seulement,
   vrais aperçus posés sur un socle ambré ; un appel vers /creer/ et un lien vers le catalogue. */
.creer-bandeau{padding:clamp(28px,5vw,64px) 0;background:radial-gradient(80% 60% at 50% 0,#3a2817 0%,#1a120c 55%,#110d0a 100%);border-top:1px solid #e8c27a33;border-bottom:1px solid #e8c27a33;color:#e9dfcf}
.creer-tete{max-width:44rem;margin:0 auto 1.25rem;text-align:center}
.creer-tete .aile-lieu{margin:0 0 .4rem;color:#e8c27a;font:700 .78rem/1.2 var(--f-texte,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.creer-tete h2{margin:0 0 .5rem;color:#f7ecd9;font-family:var(--f-affiche,Georgia,serif);font-size:clamp(2rem,6vw,3rem);line-height:1.05}
.creer-tete .acc-note{margin:0 auto;color:#d9cfbf;line-height:1.5}
.cr-tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:16px;margin:0;padding:0;list-style:none}
.cr-tuile a{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;height:100%;box-sizing:border-box;padding:16px;border-radius:16px;border:1px solid #e8c27a4d;border-top:3px solid #e8c27a;background:linear-gradient(180deg,#221810,#15100c);color:#e9dfcf;text-decoration:none;transition:border-color .16s}
.cr-tuile a:hover{border-color:#e8c27a}
.cr-tuile a:focus-visible{outline:2px solid #e8c27a;outline-offset:3px}
@media(min-width:560px){.cr-tuile a{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}}
.cr-tuile-texte{display:flex;flex-direction:column;gap:.35rem}
.cr-tuile-sur{color:#e8c27a;font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.cr-tuile strong{color:#f7ecd9;font-size:1.2rem;line-height:1.2}
.cr-tuile-desc{color:#d0c6b6;font-size:.92rem;line-height:1.45}
.cr-tuile-prix{color:#f7ecd9;font-weight:700;font-variant-numeric:tabular-nums}
.cr-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem;padding:.65rem 1.05rem;border-radius:999px;background:#f2b35b;color:#1a120c;font-weight:700;font-size:.9rem;box-shadow:0 0 22px #f2b35b40}
.cr-cta .ico{width:16px;height:16px}
.cr-pile{position:relative;display:block;width:100%;max-width:18rem;margin:0 auto;aspect-ratio:5/4}
.cr-pile .cr-apercu{position:absolute;bottom:7%;width:46%;height:auto;max-height:86%;object-fit:contain;border-radius:3px;box-shadow:0 0 0 1px #00000040,0 16px 26px -10px #000000d0,0 3px 6px #00000080;background:#f7ecd9}
.cr-pile .cr-apercu:nth-child(1){left:26%;z-index:3;width:50%}
.cr-pile .cr-apercu:nth-child(2){left:3%;z-index:2;transform:rotate(-6deg);bottom:10%}
.cr-pile .cr-apercu:nth-child(3){right:3%;z-index:1;transform:rotate(6deg);bottom:10%}
.cr-pile::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:16%;border-radius:50%;background:radial-gradient(closest-side,#f2b35b55,transparent)}
.creer-liens{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin:1.5rem 0 0}
.creer-liens .btn{display:inline-flex;align-items:center;gap:.4rem;min-height:48px;padding:.75rem 1.3rem;border-radius:999px;background:#f2b35b;color:#1a120c!important;font-weight:700;text-decoration:none;box-shadow:0 0 28px #f2b35b55;border:0;flex:0 1 auto}
.creer-liens .btn .ico{width:18px;height:18px}
.creer-liens .lien-fleche{display:inline-flex;align-items:center;gap:.3rem;min-height:44px;color:#f2b35b;font-weight:600}
@media(prefers-reduced-motion:reduce){.cr-tuile a{transition:none}}
.cr-formules-visu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;width:100%;max-width:20rem;margin:0 auto;padding:18px 12px 14px;box-sizing:border-box;border-radius:14px;background:radial-gradient(90% 80% at 50% 100%,#4a3420,#1a120c);box-shadow:inset 0 1px 0 #ffe6be1a}
.cr-formules-visu>span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:10px;border:1px solid #e8c27a40;background:#120d09cc;text-align:center}
.cr-formules-visu small{color:#e9dfcf;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cr-formules-visu b{color:#f7ecd9;font-size:1rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.cr-formules-visu i{color:#c9bfaf;font-size:.7rem;font-style:normal}
.cr-formules-visu .cr-fv--reco{padding:20px 4px;border-color:#e8c27a;box-shadow:0 0 22px #e8c27a40;background:#2a1d12}