.discover-uep-hero-section {
    position: relative;
    overflow: hidden;
    padding: 5rem 1rem; /* py-20 px-4 */
    background-image: url("/images/default-source/uep/discover_uep_bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* --- Overlays --- */
.discover-uep-blur-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0; /* inset-0 */
    -webkit-backdrop-filter: blur(4px); /* backdrop-blur-sm */
    backdrop-filter: blur(4px);
}

.discover-uep-dark-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0; /* inset-0 */
    background-color: var(--slate-950-alpha-80); /* bg-slate-950/80 */
}

/* --- Container and Grid --- */
.discover-uep-container {
    max-width: 72rem; /* max-w-6xl */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 10;
}

.discover-uep-grid {
    display: grid;
    gap: 3rem; /* gap-12 */
    align-items: center;
}

/* --- Text Content --- */
.discover-uep-title {
    font-family: 'Poppins', sans-serif;
    font-size: 1.875rem; /* text-3xl */
    line-height: 2.25rem;
    font-weight: 700;
    color: white;
    margin: 0 0 2rem 0; /* mb-8 */
}

.discover-uep-description {
    color: rgba(255, 255, 255, 0.9); /* text-white/90 */
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Replicates space-y-6 */
.discover-uep-description > * + * {
    margin-top: 1.5rem;
}

.discover-uep-description p {
    font-size: 0.875rem; /* text-sm */
    line-height: 1.625; /* leading-relaxed */
    margin: 0;
}

/* --- Image Content --- */
.discover-uep-image-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.discover-uep-image-wrapper {
    width: 100%;
    max-width: 28rem; /* max-w-md */
    aspect-ratio: 1 / 1; /* aspect-square */
    border-radius: 0.5rem; /* rounded-lg */
    overflow: hidden;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
}

.discover-uep-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Responsive Media Queries --- */
@media (min-width: 1024px) {
    .discover-uep-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* lg:grid-cols-2 */
    }
    .discover-uep-title {
        font-size: 2.25rem; /* lg:text-4xl */
        line-height: 2.5rem;
    }
}

@media screen and (max-width: 768px) {
    .discover-uep-hero-section {
        padding: 2rem 1rem;
    }
}