/**
 * Welcome Section Styles - Custom Agency
 * Matches React Welcome.jsx & index.css
 */
.welcome-section {
    background: #181717;
    width: 100%;
    color: #f4efe7;
}

/* Keep one breakpoint-specific copy visible. These explicit rules prevent
   utility-style collisions from exposing both headings on desktop. */
.welcome-desktop-copy { display: none; }
.welcome-mobile-copy { display: flex; }

@media (min-width: 768px) {
    .welcome-desktop-copy { display: flex; }
    .welcome-mobile-copy { display: none; }
}

.text-break-welcome {
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #2a2725;
}

.clip-text-welcome {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    color: #f4efe7;
    clip-path: inset(100% 0 0 0);
    transition: none;
    z-index: 10;
}