/* SCROLL BAR */
.scroll-container {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, #2d1d14, #55311f, #2d1d14);
    color: #f5ead9;
    border-top: 2px solid #8f3524;
    border-bottom: 2px solid #8f3524;
}

.scroll-text {
    display: inline-block;
    white-space: nowrap;
    padding: 14px 0;
    font-size: 20px;
    animation: scroll-left 25s linear infinite;
}

.scroll-text span {
    margin-right: 60px;
}

@keyframes scroll-left {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}




    body {
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        background: #f4efe7;
        color: #2b2118;
    }

    .header {
        text-align: center;
        padding: 30px 20px 10px;
    }

    .header h1 {
        font-size: 48px;
        margin-bottom: 10px;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 18px;
        padding: 30px 6%;
        max-width: 1400px;
        margin: 0 auto;
    }

    .gallery img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        border-radius: 10px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.18);
        transition: transform 0.25s ease;
    }

    .gallery img:hover {
        transform: scale(1.03);
    }

    .back-row {
        text-align: center;
        padding: 30px 0 40px;
    }

    .btn {
        display: inline-block;
        text-decoration: none;
        border-radius: 8px;
        padding: 14px 24px;
        font-size: 20px;
        border: 2px solid #8f3524;
        background: #9b3625;
        color: #fff8f0;
        transition: 0.2s;
    }

    .btn:hover {
        background: #7f2d1f;
    }

/* FEATURED COMMUNITY EVENT — October 31, 2026 */
.featured-event {max-width:1120px;margin:8px auto 20px;padding:0 6%;}
.featured-card {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:26px;align-items:center;background:#fffaf1;border:2px solid #cf9b53;border-radius:16px;padding:24px;box-shadow:0 8px 25px rgba(65,38,20,.12)}
.featured-card img {display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.13)}
.featured-label {color:#8f3524;font:700 15px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.featured-card h2 {font-size:clamp(26px,3.6vw,42px);margin:10px 0 8px;color:#56321c}
.featured-datetime {font-size:clamp(18px,2.3vw,24px);font-weight:700;color:#7d2c1d;margin:0 0 15px}
.featured-card p {line-height:1.55;font-size:18px}
.featured-note {font-size:16px!important}
.featured-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.featured-actions a {display:inline-block;border-radius:8px;padding:12px 17px;text-decoration:none;font:700 16px Arial,sans-serif;background:#9b3625;color:white}
.featured-actions a.secondary {background:#fff;border:2px solid #9b3625;color:#7f2d1f}
.featured-actions a:hover,.featured-actions a:focus-visible {filter:brightness(.9);text-decoration:underline}
@media (max-width:780px) {.featured-card{grid-template-columns:1fr;padding:15px}.featured-event{padding:0 4%}}