:root {
	--primary-color: #1c3953;
	--secondary-color: #909b44;
	--primary-hover: #162E42;
	--primary60: #1c3953;
	--primary70: #162E42;
	--secondary60: #909b44;
}

    /* Main Section Styling */
    .obs-hero-section {
        --primary-navy: #002d5b;
        --accent-gold: #ffffff;
        --glass-white: rgba(255, 255, 255, 0.1);
        
        width: 100%;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        background: linear-gradient(rgba(0, 45, 91, 0.9), rgba(0, 45, 91, 0.9)), 
                    url('https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&w=1600&q=80');
        background-size: cover;
        background-position: center;
        padding: 80px 20px;
        text-align: center;
        color: #ffffff;
        margin-bottom: 50px;
        border-bottom: 8px solid var(--accent-gold);
    }

    .obs-container {
        max-width: 1100px;
        margin: 0 auto;
    }

    .obs-hero-section h1 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 15px;
        letter-spacing: -0.5px;
    }

    .obs-hero-section p.lead-text {
        font-size: 1.2rem;
        max-width: 700px;
        margin: 0 auto 50px auto;
        opacity: 0.9;
        line-height: 1.6;
    }

    /* Grid Logic: 3 Cards Wide */
    .obs-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .obs-card {
        background: var(--glass-white);
        padding: 30px 20px;
        border-radius: 4px; /* Professional square-ish look */
        border: 1px solid rgba(255, 255, 255, 0.2);
        transition: all 0.3s ease;
        text-align: center;
    }

    .obs-card:hover {
        background: rgba(255, 255, 255, 0.15);
        border-color: #ffffff;
        transform: translateY(-5px);
    }

    .obs-card-icon {
        font-size: 32px;
        margin-bottom: 15px;
        display: block;
    }

    .obs-card-title {
        font-weight: 700;
        font-size: 1.1rem;
        margin-bottom: 10px;
        color: #ffffff;
        text-transform: uppercase;
    }

    .obs-card-text {
        font-size: 0.95rem;
        line-height: 1.5;
        opacity: 0.85;
    }

    /* Tablet/Mobile Responsiveness */
    @media (max-width: 992px) {
        .obs-grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 600px) {
        .obs-grid { grid-template-columns: 1fr; }
        .obs-hero-section h1 { font-size: 2.2rem; }
    }