/**
 * Local Intro Section Block Styles
 * SEO-focused local content area
 */

.local-intro-section {
    background: var(--white);
}

.local-intro {
    padding: 60px 40px;
    max-width: 1000px;
    margin: 0 auto;
}

.local-intro h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 36px;
    font-weight: 500;
    color: var(--brown);
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.2;
}

.local-intro h2 span {
    color: var(--orange);
}

.local-intro p {
    margin-bottom: 16px;
    color: #444;
    font-size: 16px;
    line-height: 1.8;
}

.local-intro p:last-child {
    margin-bottom: 0;
}

.local-intro a.inline-link,
.local-intro a {
    color: var(--orange);
    font-weight: 700;
}

.local-intro a.inline-link:hover,
.local-intro a:hover {
    color: var(--brown);
    text-decoration: underline;
}

.local-intro strong {
    font-weight: 700;
    color: var(--brown);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .local-intro {
        padding: 40px 20px;
    }
    
    .local-intro h2 {
        font-size: 28px;
    }
}