/* ── Contact page ── */

.contact-page {
    max-width: 900px;
    margin: 0 auto;
}

/* Subtle decorative ring around the logo */
.contact-logo-ring {
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid rgba(255, 255, 255, 0.15);
}

/* Left column gets a subtle right border on medium screens */
@media (min-width: 768px) {
    .contact-left-col {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
}

/* Tagline fade transition driven by Alpine.js x-text swap */
.contact-left-col [x-text] {
    transition: opacity 0.4s ease;
}