/* Introduction de la seule page publique Réseau familial. */
.landing-page .network-hero {
    min-height: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-8) clamp(var(--space-8), 5vw, 4rem);
    padding-block: var(--space-9);
}

.landing-page .network-hero .landing-logo-title {
    font-size: clamp(2.4rem, 3.5vw, 2.9rem);
    line-height: 1.08;
}

.network-hero .landing-hero-text {
    margin-top: var(--space-7);
}

.network-hero .landing-hero-actions {
    margin-top: var(--space-7);
}

.network-hero .landing-hero-points {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
    margin: 0;
}

.network-hero .landing-hero-points li {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.network-hero .landing-hero-points span:last-child {
    font-size: 1rem;
}

.network-hero-preview {
    grid-area: 1 / 2 / span 2;
    min-width: 0;
    margin: 0;
}

.network-hero-preview picture,
.network-demo-preview picture {
    display: block;
}

.network-hero-preview img,
.network-demo-preview img {
    display: block;
    width: 100%;
    height: auto;
}

.network-hero-preview > button {
    box-shadow: var(--shadow-hero);
}

.network-demo-preview {
    width: min(100%, 680px);
    margin-inline: auto;
}

.network-hero-preview figcaption {
    font-size: 1rem;
    line-height: 1.5;
}

@media (max-width: 1024px) {
    .landing-page .network-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .network-hero .landing-hero-copy,
    .network-hero .landing-hero-points,
    .network-hero-preview {
        width: min(100%, 680px);
        justify-self: center;
    }

    .network-hero-preview {
        grid-area: auto;
    }

    .landing-page .network-hero .landing-logo-title {
        font-size: clamp(2rem, 5vw, 2.8rem);
    }
}

@media (max-width: 420px) {
    .network-hero-preview {
        width: min(100%, 343px);
    }

    .network-hero-preview picture {
        aspect-ratio: 343 / 520;
        overflow: hidden;
    }
}