/* ==========================================================================
   Acephal — Coming-soon pages (temporary domain pages)
   Layout comes from the acephal.fr home page (home.css); this file only adds
   the "under construction" status and fits long domain names on phones.
   ========================================================================== */

/* Pulsing dot before "Site en construction". */
.cs-status {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--acephal-cyan);
}

.cs-status::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: currentColor;
    animation: cs-pulse 2s ease-in-out infinite;
}

@keyframes cs-pulse {
    50% { opacity: 0.3; }
}

/* Domain names ("acephal.website") are longer than the home slogan words. */
.cs-title {
    font-size: clamp(1.5rem, 5.6vw, 2.8rem);
    overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
    .cs-status::before {
        animation: none;
    }
}