/* ─────────────────────────────────────────────────────────
   INTRO — SPLASH SCREEN
───────────────────────────────────────────────────────── */
#intro {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #0D1B35;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3000;
    opacity: 1;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
}

#intro.fade-out {
    opacity: 0;
    pointer-events: none;
}

/* Logo centré */
.intro-logo {
    text-align: center;
    line-height: 1.1;
    animation: introReveal 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    opacity: 0;
}

@keyframes introReveal {
    0%   { opacity: 0; transform: translateY(12px); letter-spacing: 0.4em; }
    60%  { opacity: 1; }
    100% { opacity: 1; transform: translateY(0); }
}

/* "Mas de" */
.intro-small {
    font-family: "Jost", sans-serif;
    font-size: 0.58rem;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
    color: rgba(253, 251, 248, 0.5);
}

/* "Louise" */
.intro-large {
    font-family: "Playfair Display", serif;
    font-size: 2.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    display: inline-block;
    color: #FDFBF8;
}

/* "L" manuscrit */
.intro-large .brand-L {
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-size: 3.1rem;
    letter-spacing: 0;
    margin-right: 2px;
    display: inline-block;
    line-height: 1;
}

/* "Terres de Famille" */
.intro-sub {
    font-family: "Jost", sans-serif;
    font-size: 0.52rem;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    display: block;
    margin-top: 12px;
    color: rgba(253, 251, 248, 0.3);
    animation: introSubReveal 1.8s ease 0.6s forwards;
    opacity: 0;
}

@keyframes introSubReveal {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Trait décoratif sous le logo */
.intro-line {
    display: block;
    width: 32px;
    height: 1px;
    background: rgba(253, 251, 248, 0.25);
    margin: 16px auto 0;
    animation: introLineReveal 1.5s ease 0.4s forwards;
    transform: scaleX(0);
}

@keyframes introLineReveal {
    from { transform: scaleX(0); opacity: 0; }
    to   { transform: scaleX(1); opacity: 1; }
}