/* contact.css — Contact section on the light background.

   Extracted from the old components.css. LOAD ORDER MATTERS: these files were
   cut as contiguous slices of one stylesheet, so they must stay linked in this
   order or the cascade changes:
     timeline -> testimonials -> contact -> track-record -> contact-dark -> chrome -> experience -> dark-theme
*/

/* Contact Section */
.contact-section {
    position: relative;
}

.contact-section .section-title {
    color: var(--color-text);
    background: linear-gradient(135deg, var(--color-text), var(--color-accent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: var(--space-sm);
    text-align: center;
}

.testimonials-ask {
    text-align: center;
    font-size: 0.85rem;
    opacity: 0.7;
    margin-top: var(--space-md);
}

.testimonials-ask a {
    color: var(--color-accent);
    text-decoration: none;
}

.testimonials-ask a:hover {
    text-decoration: underline;
}