/* Basic Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; }

/* Hero Section */
.hero {
    /* Replace 'your-file-name.jpg' with your actual filename, including the single quotes*/
    background: url('TPPSplashImage.jpg') no-repeat center center/cover;
    height: 80vh; /* Takes up 80% of the screen height */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* This adds a dark tint so your white text is easy to read over the image */
.hero-overlay {
    background: rgba(0, 0, 0, 0.4); 
    padding: 40px;
    border-radius: 10px;
    text-align: center;
    color: white;
}

h1 { font-size: clamp(2.5rem, 8vw, 4rem); margin-bottom: 0.5rem; text-transform: uppercase; letter-spacing: 2px; }
.subtitle { font-size: 1.5rem; font-weight: 300; }

/* Mission Statement Section */
.mission {
    padding: 60px 20px;
    text-align: center;
    background: #f4f4f4;
    font-style: italic;
    font-size: 1.25rem;
    color: #555;
}