.evep-hero {
    position:relative;
    display:flex;
    align-items:center;
    overflow:hidden;
    border-radius:1.5rem;
    padding:1.5rem 1.35rem;
    background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.24),transparent 55%),radial-gradient(circle at 100% 0%,rgba(236,72,153,.3),transparent 60%),linear-gradient(135deg,rgba(15,23,42,1),rgba(15,23,42,.96));
    min-height:56vh;
    box-shadow:0 22px 45px rgba(15,23,42,.8);
    height:auto;
}

.evep-hero::before{
    content:"";
    position:absolute;
    inset:-40%;
    background:radial-gradient(circle at 10% 0%,rgba(248,250,252,.14),transparent 60%),radial-gradient(circle at 100% 10%,rgba(248,250,252,.12),transparent 60%);
    opacity:.3;
}

@media (min-width:1024px) {
    .evep-hero {
        min-height: auto;
        height: min(68vh, calc(100vw*0.5625));
    }
}

@media (min-width:1280px) {
    .evep-hero {
        height: min(70vh, calc(100vw*0.5));
    }
}

@media (max-width:1023px) and (min-width:769px) {
    .evep-hero {
        min-height: 58vh;
        height: auto;
    }
}

@media (max-width:768px) {
    .evep-hero {
        min-height: 52vh;
        height: auto;
    }
}

@media (min-width:1440px) {
    .evep-hero {
        height: min(72vh, calc(100vw*0.5));
    }
}

.evep-hero-media{
    position:absolute;
    inset:0;
    z-index:1;
    overflow:hidden;
    backface-visibility:hidden;
    transform:translateZ(0);
    will-change:transform;
    width: 101%;
    height: 101%;
}

.evep-hero-image-wrap{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.evep-hero-image{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 1.2s var(--enriched-easing);
}

.evep-hero:hover .evep-hero-image{
    transform:scale(1.05);
}

.evep-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,
        rgba(23,21,48,0.90) 0%,
        rgba(59,58,174,0.70) 50%,
        rgba(249,115,53,0.50) 100%);
    z-index:2;
}

[data-theme="dark"] .evep-hero-overlay{
    background:linear-gradient(135deg,
        rgba(23,21,48,0.85) 0%,
        rgba(59,58,174,0.60) 50%,
        rgba(249,115,53,0.40) 100%);
}

.evep-hero-placeholder {
    width: 100%;
    height: 100%;
    background: var(--enriched-gradient-primary);
    position: relative;
}

.evep-hero-placeholder::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--enriched-gradient-primary);
    opacity: 0.8;
}

.evep-hero-content {
    position:relative;
    z-index:3;
    padding:var(--enriched-spacing-xxxl) var(--enriched-spacing-xl);
    max-width:680px;
    width:100%;
    margin:0 auto;
}

.evep-hero-text{
    margin-bottom:var(--enriched-spacing-xxl);
    animation:evepHeroFadeInUp .8s var(--enriched-easing) both;
}

.evep-hero-title{
    font-size:clamp(2.25rem,6vw,4rem);
    font-weight:800;
    color:#fff;
    margin-bottom:var(--enriched-spacing-lg);
    line-height:1.2;
    padding-bottom:.12em;
    letter-spacing:var(--enriched-tracking-tight);
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    text-overflow:ellipsis;
    word-break:break-word;
    overflow-wrap:anywhere;
}

.evep-hero-subtitle{
    font-size:clamp(1.125rem,3vw,1.5rem);
    color:rgba(255,255,255,.95);
    line-height:1.5;
    padding-bottom:.08em;
    margin-bottom:0;
    font-weight:400;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    text-overflow:ellipsis;
    word-break:break-word;
    overflow-wrap:anywhere;
}

@media (max-width:1023px) and (min-width:769px){
    .evep-hero-title{-webkit-line-clamp:2;line-clamp:2;}
    .evep-hero-subtitle{-webkit-line-clamp:3;line-clamp:3;}
}

@media (max-width:768px){
    .evep-hero-title{
        font-size:clamp(1.75rem,8vw,2.5rem);
        -webkit-line-clamp:2;
        line-clamp:2;
    }
    .evep-hero-subtitle{
        font-size:clamp(1rem,4vw,1.125rem);
        -webkit-line-clamp:3;
        line-clamp:3;
    }
    .evep-hero-title{margin-bottom:var(--enriched-spacing-md);}
}

@media (max-width:480px){
    .evep-hero-title{font-size:clamp(2.25rem,8vw,3rem);}
    .evep-hero-subtitle{font-size:clamp(1.125rem,4vw,1.25rem);}
}

@media (min-width:1440px){
    .evep-hero-title{font-size:clamp(3.25rem,4.25vw,5.25rem);}
}

.evep-hero-ctas {
    display: flex;
    gap: var(--enriched-spacing-lg);
    flex-wrap: wrap;
    align-items: center;
    animation: evepHeroFadeInUp 0.8s var(--enriched-easing) both;
    animation-delay: 0.3s;
}

.evep-hero-ctas .enriched-main-button {
    min-width: 160px;
}

.evep-hero-media.evep-hero-loading .evep-hero-image-wrap {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: evepHeroLoading 1.5s infinite;
}

.evep-hero-media.evep-hero-loaded .evep-hero-image {
    animation: evepHeroFadeInScale 1.2s var(--enriched-easing) both;
}

.evep-hero-media.evep-hero-error .evep-hero-image-wrap {
    background: var(--enriched-gradient-primary);
}

@keyframes evepHeroFadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes evepHeroSlideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes evepHeroFadeInScale {
    from {
        opacity: 0;
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes evepHeroLoading {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

@media (max-width:1024px) {
    .evep-hero-content {
        padding: var(--enriched-spacing-xxl) var(--enriched-spacing-xl);
        max-width: 600px;
    }
}

@media (max-width:768px) {
    .evep-hero-content {
        padding: var(--enriched-spacing-xl) var(--enriched-spacing-lg);
        text-align: center;
    }

    .evep-hero-text {
        margin-bottom: var(--enriched-spacing-xl);
    }

    .evep-hero-ctas {
        justify-content: center;
        gap: var(--enriched-spacing-md);
    }

    .evep-hero-ctas .enriched-main-button {
        min-width: 140px;
    }
}

@media (max-width:480px) {
    .evep-hero-content {
        padding: var(--enriched-spacing-lg) var(--enriched-spacing-md);
    }
    
    .evep-hero-ctas {
        flex-direction: column;
        width: 100%;
    }

    .evep-hero-ctas .enriched-main-button {
        width: 100%;
        max-width: 280px;
    }
}

@media (min-width:1440px) {
    .evep-hero-content {
        max-width: 800px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .evep-hero-image,
    .evep-hero-text,
    .evep-hero-ctas {
        animation: none;
        transition: none;
    }

    .evep-hero:hover .evep-hero-image {
        transform: none;
    }
}

@media print {
    .evep-hero-media {
        display: none;
    }

    .evep-hero-overlay {
        display: none;
    }

    .evep-hero {
        background: white;
        min-height: auto;
    }

    .evep-hero-content {
        color: black;
        text-shadow: none;
    }

    .evep-hero-title {
        color: black;
    }

    .evep-hero-subtitle {
        color: #666;
    }
}

@keyframes evepHeroSlideOutRight {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(30px);
    }
}

.evep-hero-hero-visible .evep-hero-text {
    animation: fadeInUp 0.8s var(--enriched-easing) both;
}

.evep-hero-hero-visible .evep-hero-ctas {
    animation: fadeInUp 0.8s var(--enriched-easing) both;
    animation-delay: 0.3s;
}