/* ── Hero: remove dark overlay, let background image show through ── */

/* Hide the angled dark band that covers the bottom of the hero image */
.slice-div.slice-div-large.slice-div-large-dark {
    background-color: transparent;
}

/* Info card: gradient from solid dark at bottom to transparent at top */
.profile-info-wrapper.profile-info-wrapper-dark {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.85) 50%, #242424 100%);
}

/* White text readability on image background */
.profile-info-wrapper-dark .profile-name,
.profile-info-wrapper-dark .profile-bio,
.profile-info-wrapper-dark .seo-inline-links,
.profile-info-wrapper-dark .profile-location-text,
.profile-info-wrapper-dark .profile-location-box,
.profile-info-wrapper-dark .hero-cta-secondary {
    color: #fff;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9), 0 0 12px rgba(0, 0, 0, 0.6);
}

/* Extend hero to cover the full first screen */
.profile-bkg-hero-wrapper {
    height: 65vh;
    min-height: 400px;
}

/* Top-to-bottom shadow overlay on hero background image */
.profile-bkg-hero-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.15) 30%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.85) 100%);
    pointer-events: none;
}

/* Pull info card up so logo/text overlaps the hero image more */
.profile-info-wrapper {
    margin-top: -280px;
}