/* Champs ajoutés au formulaire de la liste d'attente (13 octobre 2026) : prénom et nom côte à côte, et la ville avec
   ses suggestions. Tout vient des jetons : angles droits, filets de 1 px, aucune ombre. */
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--gigets-space-4)}
.place-field{display:flex;flex-direction:column;gap:var(--gigets-space-2);scroll-margin-top:var(--gigets-space-24)}
.place-box{display:flex;flex-direction:column}
.place-list{list-style:none;margin:0;padding:0;border:var(--gigets-hairline);border-top:0;background:var(--gigets-paper);max-height:288px;overflow-y:auto}
.place-list [role=option]{padding:var(--gigets-space-3);font:16px/1.5 var(--gigets-font-ui);color:var(--gigets-ink);cursor:pointer}
.place-list [role=option]+[role=option]{border-top:var(--gigets-hairline)}
.place-list [role=option][aria-selected=true]{background:var(--gigets-sunken)}
.place-status:empty{display:none}
@media(max-width:520px){.form-pair{grid-template-columns:1fr}}
/* Page liste d'attente (aperçu du 17 octobre 2026). Commun aux deux directions : libellés des champs en Geist Mono,
   capitales, au-dessus du champ ; bouton d'envoi plein Ink, sans flèche ni dégradé ; la phrase de succès en grand, à
   la place du formulaire, qui garde sa hauteur : la page ne saute pas. Les phrases (case à cocher, aide, liens)
   restent en Figtree. Les paragraphes passent devant .experience p{margin:0}. */
.wl .site-form label:not(.check){font:500 var(--gigets-label-size)/1.4 var(--gigets-font-data);letter-spacing:.06em;text-transform:uppercase;color:var(--gigets-mute);gap:var(--gigets-space-2)}
.wl .site-form input,.wl .site-form .place-list{text-transform:none;letter-spacing:normal}
.wl .site-form .form-fields{gap:var(--gigets-space-6)}
.site-unified .wl .site-form .action,.site-unified .wl .site-form .action:hover{align-self:start;margin-top:var(--gigets-space-2);padding:16px 32px;background:var(--gigets-ink);color:var(--gigets-paper);font:600 16px/1.2 var(--gigets-font-ui);isolation:isolate;transition:color 180ms var(--bk-out)}
/* Survol et focus clavier (demande de JM du 17 octobre 2026) : le dégradé du bouton « Join the waitlist » de l'en-tête
   (ember 0 %, crimson assombri 8 %, magenta 100 %) balaie le bouton de gauche à droite en 180 ms et repart par le même
   chemin ; texte blanc, comme l'en-tête. Écart voulu à la charte (§ 7) : au survol, un second dégradé dans la vue.
   Bouton désactivé : rien. Mouvement réduit : la règle commune de site-pages.css coupe les transitions, le dégradé
   paraît d'un coup, sans mouvement. */
.site-unified .wl .site-form .action::before{inset:0;height:auto;background:linear-gradient(135deg,var(--gigets-ember) 0%,var(--gigets-crimson-deep) 8%,var(--gigets-magenta) 100%);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--bk-out);z-index:-1}
.site-unified .wl .site-form .action:not(:disabled):hover,.site-unified .wl .site-form .action:focus-visible{color:var(--gigets-card)}
.site-unified .wl .site-form .action:not(:disabled):hover::before,.site-unified .wl .site-form .action:focus-visible::before{transform:scaleX(1)}
.site-unified .wl .site-form .action::after{content:none}
.wl .site-form{position:relative}
.site-unified .wl .site-form .form-fields[hidden]{display:flex!important;visibility:hidden}
.wl .site-form:has(.form-fields[hidden]) .form-status{position:absolute;top:0;left:0;right:0;margin:0;font:400 clamp(28px,3vw,40px)/1.2 var(--gigets-font-display);letter-spacing:-.02em;color:var(--gigets-ink)}
.wl .wl-lead{margin:0;font:400 19px/1.6 var(--gigets-font-ui);color:var(--gigets-body)}
.wl .wl-note{margin:var(--gigets-space-4) 0 0;font:400 15px/1.6 var(--gigets-font-ui);color:var(--gigets-mute)}
.wl .wl-app{margin:var(--gigets-space-6) 0 0;padding-top:var(--gigets-space-4);border-top:var(--gigets-hairline);font:400 17px/1.6 var(--gigets-font-ui)}
.wl-intro a{color:var(--gigets-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Direction 1 « Document » : le grand titre souligné des pages refondues, puis une grille 5 + 7 dans la colonne des
   blocs (.bk-wrap). */
.wl-d1 .bk-top{padding-bottom:var(--gigets-space-12)}
.wl-d1 .wl-body{padding:0 0 var(--gigets-space-24)}
.wl-d1 .wl-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--gigets-space-6);align-items:start}
.wl-d1 .wl-intro{padding-right:var(--gigets-space-12)}
@media(max-width:760px){.wl-d1 .wl-wrap{grid-template-columns:minmax(0,1fr);gap:var(--gigets-space-12)}.wl-d1 .wl-intro{padding-right:0}.wl .wl-lead{font-size:17px}}