/**
 * Whitey's Fish Camp - About Page Styles
 * Reuses shared styles from whiteys-shared.css and split-section patterns.
 */

/* ============================================
   ABOUT HERO SPECIFIC
   ============================================ */
.about-hero .hero-title {
    margin-bottom: 15px;
}

.about-hero .hero-subheading {
    margin-bottom: 30px;
}

.about-hero .hero-text {
    margin-bottom: 0;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    .about-hero {
        min-height: 600px;
        height: auto;
        padding: 150px 0 100px;
    }

    .about-hero .hero-title {
        font-size: 64px;
    }

    .about-hero .hero-subheading {
        font-size: 24px;
    }
}