/* Section « Nos sites, par famille. » de realisations.html : la pile de serveur-pile/site.
   serveur.css (copie de la page pile) fait la mise en page, composant/serveur-pile.css (chargé
   à l'approche) le composant ; ici seulement les adaptations à une section de page. */

/* Le titre est un h2 (la page a déjà son h1) : rendu du h1 de la page pile, interlettrage à -0,03 em. */
.baie-tete h2{margin:0;font-size:clamp(40px,4.6vw,68px);line-height:1.02}
/* Place réservée avant l'arrivée du composant (mêmes mesures que .pile-scene) : rien ne bouge. */
:where(#pile:not(.pile-scene)){height:clamp(440px,44vw,640px)}
@media (max-width:760px){:where(#pile:not(.pile-scene)){height:auto;aspect-ratio:1/1.3}}
/* À 320 px la plaque est trop étroite pour le 15 px du composant (« Accessibilité » tronqué). */
@media (max-width:360px){#pile .pile-baie{font-size:13px}}
/* Sans JS la pile ne peut pas exister : section masquée (les démonstrateurs restent juste en dessous). */
html:not(.js) .baie-hero{display:none}
@media print{.baie-hero,.pile-apercu{display:none!important}}