/*
 * Copyright (c) 2026.
 * kwargs SRL : Ingénierie logicielle, Bruxelles
 * Tous droits réservés.
 */

/* ── BUREAU : HERO DE LA PAGE VITRINE ───────────────────────────────── */
/*                                                                        */
/*  Vitrine muette : le logo, très grand, et le bouton d'entrée. Rien     */
/*  d'autre. Le logo se met au point (flou → net), le bouton se pose      */
/*  juste après. Tout est CSS : aucun script, CSP sereine.                */
/*                                                                        */
/* ──────────────────────────────────────────────────────────────────── */

.bureau-hero {
    /* Plein écran moins la navbar sticky (~4rem) : la vitrine tient     */
    /* dans le premier écran, rien à faire défiler.                      */
    min-height: calc(100vh - 4rem);
    min-height: calc(100svh - 4rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem 4rem;
}

.bureau-hero__logo {
    /* L'élément dominant du hero : calé sur le viewport, borné pour     */
    /* rester entier au-dessus du bouton sur les petits écrans.          */
    width: clamp(180px, 38vw, 420px);
    max-height: 55vh;
    height: auto;
    margin-bottom: clamp(2rem, 6vh, 3.5rem);
    animation: bureauFocusIn .6s ease both;
}

@keyframes bureauFocusIn {
    from { opacity: 0; filter: blur(24px); }
    to   { opacity: 1; filter: blur(0); }
}

/* Le bouton d'entrée : le registre « support », posé après le logo.     */
.bureau-hero__support {
    animation: bureauFocusIn .55s ease .45s both;
}

/* Accessibilité : sans mouvement, tout est simplement là.               */
@media (prefers-reduced-motion: reduce) {
    .bureau-hero__logo,
    .bureau-hero__support { animation: none; }
}