.hero-section{width:100%;height:calc(100vh - var(--header-height));min-height:500px;max-height:800px;position:relative;overflow:hidden;background:var(--black)}.hero-slider{width:100%;height:100%;position:relative}.slider-wrapper{width:100%;height:100%;position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.slide.active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;object-fit:cover;filter:brightness(0.9)}.slide-content{position:absolute;bottom:15%;left:50%;transform:translateX(-50%);text-align:center;color:var(--white);z-index:10;padding:0 var(--spacing-md)}.slide-content h2{font-size:var(--font-size-hero);font-weight:700;letter-spacing:-0.03em;margin-bottom:var(--spacing-sm);text-shadow:0 2px 20px rgba(0,0,0,0.3)}.slide-content p{font-size:var(--font-size-h3);font-weight:400;opacity:0.9;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:50%;color:var(--white);font-size:28px;font-weight:300;cursor:pointer;opacity:0.6;transition:opacity var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);z-index:20}.slider-arrow:hover{opacity:1;background:rgba(255,255,255,0.3);transform:translateY(-50%)scale(1.05)}.slider-prev{left:var(--spacing-lg)}.slider-next{right:var(--spacing-lg)}.slider-indicators{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%);display:flex;gap:var(--spacing-xs);z-index:20}.indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:all var(--transition-fast)}.indicator:hover{background:rgba(255,255,255,0.6)}.indicator.active{background:var(--white);transform:scale(1.2)}@media(max-width:768px){.hero-section{height:60vh;min-height:400px}.slide-content h2{font-size:32px}.slide-content p{font-size:16px}.slider-arrow{width:36px;height:36px;font-size:22px}.slider-prev{left:var(--spacing-sm)}.slider-next{right:var(--spacing-sm)}.slider-indicators{bottom:var(--spacing-md)}}@media(min-width:769px)and(max-width:1023px){.hero-section{height:70vh}.slide-content h2{font-size:44px}}@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.slide.active .slide-content{animation:slideIn 0.6s ease-out 0.2s both}