/* Block: Contact */

.contact__panel {
    padding:  var(--space-xl) var(--space-lg);
    position: relative;
    overflow: hidden;

    @media (min-width: 768px) {
        padding: var(--space-2xl) var(--space-2xl);
    }

    /* neon edge along the top */
    &::before {
        content:    '';
        position:   absolute;
        inset:      0 0 auto;
        height:     2px;
        background: var(--gradient-neon);
        box-shadow: 0 0 18px var(--color-violet);
    }
}

.contact__header {
    text-align:    center;
    margin-bottom: var(--space-xl);

    .text-intro {
        max-width:     520px;
        margin-inline: auto;
    }
}

.contact__eyebrow {
    justify-content: center;
    margin-bottom:   var(--space-md);
}

.contact__headline {
    margin-bottom: var(--space-md);
}