/* =========================================================
   En-tête officiel du Château Thanatos
   ========================================================= */

#thanatos-header {
    width: min(100%, 1100px);
    margin: 1.25rem auto 0.75rem;
    padding: 0 1.5rem;
    text-align: center;
    color: inherit;
}

#thanatos-blason {
    display: block;
    width: clamp(110px, 10vw, 165px);
    height: auto;
    margin: 0 auto 0.65rem;
    object-fit: contain;
    filter:
        drop-shadow(0 0 10px rgba(109, 70, 180, 0.28))
        drop-shadow(0 0 18px rgba(15, 45, 65, 0.35));
}

#thanatos-header h1 {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.045em;
}

#thanatos-header p {
    margin: 0.55rem 0 1.15rem;
    font-size: clamp(0.95rem, 1.4vw, 1.15rem);
    font-style: italic;
    letter-spacing: 0.09em;
    opacity: 0.82;
}

#thanatos-header p span {
    margin: 0 0.3em;
    color: rgb(167 139 250);
}

.thanatos-separator {
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(148, 163, 184, 0.65),
        rgba(139, 92, 246, 0.55),
        rgba(148, 163, 184, 0.65),
        transparent
    );
}

/* Ajustement pour téléphones et petites tablettes */

@media (max-width: 640px) {
    #thanatos-header {
        margin-top: 0.75rem;
        padding-inline: 0.75rem;
    }

    #thanatos-blason {
        width: 105px;
    }

    #thanatos-header p {
        letter-spacing: 0.045em;
    }
}