/* --- HOME PAGE HERO --- */
.home-hero {
    width: 100%;
    height: 480px;
    
    /* 1. DARK OVERLAY & PATH */
    /* 2. CENTER CENTER: This crops the top/bottom of your 1666px image 
          to show the perfect middle 480px slice */
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.2)), 
                url('/bkgbulletslines/bkg_pg.jpg') no-repeat center center;
    
    /* 3. COVER: Since your image is 2222px wide, this will 
          shrink it slightly to fit the screen width without gaps */
    background-size: cover !important;
    
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.hero-logo { max-width: 350px; margin-bottom: 15px; filter: drop-shadow(0 0 10px rgba(0,0,0,0.5)); }
.hero-subtitle { font-family: "Georgia", serif; font-size: 26px; font-style: italic; margin-bottom: 25px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); }

/* --- ENHANCED INTRO TYPOGRAPHY --- */
.home-intro-text {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

/* THE POWER INTRO (Large & Bold) */
.home-lead-para {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #a52a2a; /* Madison Red */
    line-height: 1.4;
    margin-bottom: 25px;
    font-family: "Georgia", serif;
}

/* THE SUPPORTING TEXT */
.home-sub-para {
    font-size: 19px !important;
    line-height: 1.6;
    color: #444;
    margin-bottom: 40px;
}

/* --- THE PHOTO BLOCK --- */
.home-photo-block {
    margin: 40px 0;
}
/* --- ENHANCED HOME PAGE PHOTO --- */
.home-featured-img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    
    /* The Vintage Frame: A thin dark border with a light inner "mat" */
    border: 1px solid #d98411; /* Madison Orange for the outer frame */
    padding: 8px;              /* The "Matte" space between photo and frame */
    background-color: #fff;    /* White matting effect */
    
    /* Soft shadow to make the "frame" pop off the page */
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    
    /* Clean, slightly rounded corners for a modern-vintage feel */
    border-radius: 4px;
    
    transition: transform 0.3s ease;
}

/* Subtle "Gallery" hover effect */
.home-featured-img:hover {
    transform: scale(1.01);
    box-shadow: 0 15px 35px rgba(217, 132, 17, 0.2);
}

.cta-invitation {
    font-family: "Georgia", serif; /* Matches your headers */
    font-style: italic;
    color: #555;
    font-size: 20px; /* Slightly larger for better balance */
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

/* MOBILE ADJUSTMENTS */
@media screen and (max-width: 768px) {
    .home-hero { height: 350px; }
    .home-lead-para { font-size: 20px !important; }
    .home-sub-para { font-size: 17px !important; }
}