.hero-slider,.hero-slider-wrapper{position:relative}.hero-slider,.heroSwiper{height:400px;width:100%}.hero-slider{overflow:hidden;background:var(--hdk-card,#17181c)}.story-card-hero{display:flex;align-items:flex-end;overflow:hidden}.story-card-hero .slide-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.story-card-hero .slide-bg,.story-card-hero .slide-bg-mobile,.story-card-hero .slide-bg-wrapper img,.story-card-hero .slide-bg-wrapper picture,.story-card-hero .slide-bg-wrapper picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 8s ease-out}.swiper-slide-active .story-card-hero .slide-bg,.swiper-slide-active .story-card-hero .slide-bg-mobile{transform:scale(1.05)}.story-card-hero .slide-content{position:relative;z-index:2;max-width:600px;width:100%;display:flex;flex-direction:column;gap:.5rem}.story-card-hero .slide-title{font-size:clamp(1.5rem, 4vw, 2.25rem);font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-card-hero .slide-info{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.story-card-hero .rating{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.3);border-radius:20px;color:#ffc107;font-size:.9rem;font-weight:700}.story-card-hero .rating .star-icon{font-size:1rem}.story-card-hero .tags{display:flex;flex-wrap:wrap;gap:.5rem}.story-card-hero .tag{padding:.3rem .65rem;background:rgba(84,207,214,.2);border:1px solid rgba(84,207,214,.3);border-radius:6px;color:var(--hdk-primary,#54cfd6);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.story-card-hero .slide-description{font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.story-card-hero .slide-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.story-card-hero .control-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:.3s;border:none}.story-card-hero .control-button iconify-icon{font-size:1.15rem}.story-card-hero .read-button{background:linear-gradient(135deg,var(--hdk-primary,#54cfd6) 0,var(--hdk-primary-hover,#48b8be) 100%);color:#fff;box-shadow:0 4px 15px rgba(84,207,214,.4)}.story-card-hero .read-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(84,207,214,.5)}.story-card-hero .bookmark-button{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.story-card-hero .bookmark-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.story-card-hero .bookmark-button.active{background:rgba(244,33,46,.2);border-color:rgba(244,33,46,.4);color:#f4212e}.hero-slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10}.hero-slider-dots .swiper-pagination{display:flex;align-items:center;gap:10px;position:static}.hero-slider-dots .swiper-pagination-bullet{position:relative;width:32px;height:6px;border-radius:3px;background:rgba(255,255,255,.3);opacity:1;cursor:pointer;transition:.3s;overflow:hidden;padding:0;border:none}.hero-slider-dots .swiper-pagination-bullet:hover{background:rgba(255,255,255,.5)}.hero-slider-dots .swiper-pagination-bullet-active{width:48px;background:rgba(255,255,255,.3)}.hero-slider-dots .dot-progress{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--hdk-primary,#54cfd6);border-radius:3px;transform:scaleX(0);transform-origin:left center;transition:transform .1s linear}.hero-slider-dots .swiper-pagination-bullet-active .dot-progress{display:block}.hero-slider-dots .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) .dot-progress{display:none}.hero-slider-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s}.hero-slider:hover .hero-slider-nav{opacity:1}.hero-nav-btn{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;pointer-events:auto;transition:.3s}.hero-nav-btn:hover{background:var(--hdk-primary,#54cfd6);border-color:var(--hdk-primary,#54cfd6);transform:scale(1.1)}.hero-nav-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:991.98px){.hero-slider,.heroSwiper{height:350px}.story-card-hero .slide-content{max-width:480px}.story-card-hero .slide-description{-webkit-line-clamp:2}.hero-slider-nav{display:none}}@media (max-width:767.98px){.hero-slider,.heroSwiper{height:500px}.story-card-hero .banner-black-bg-left{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.85) 70%,rgba(0,0,0,.95) 100%)}.story-card-hero .slide-content{max-width:100%;padding-bottom:3.5rem!important}.story-card-hero .slide-title{font-size:1.35rem}.story-card-hero .slide-info{gap:.5rem}.story-card-hero .rating{padding:.25rem .5rem;font-size:.8rem}.story-card-hero .tag{padding:.2rem .5rem;font-size:.65rem}.story-card-hero .slide-description{font-size:.85rem;-webkit-line-clamp:2}.story-card-hero .control-button{padding:.65rem 1.25rem;font-size:.85rem}.hero-slider-dots{bottom:12px}.hero-slider-dots .swiper-pagination-bullet{width:24px;height:4px}.hero-slider-dots .swiper-pagination-bullet-active{width:36px}}@media (max-width:480px){.hero-slider,.heroSwiper{height:450px}.story-card-hero .slide-controls{flex-direction:row;gap:.5rem;flex-wrap:nowrap;width:100%}.story-card-hero .control-button{width:100%;justify-content:center;flex-grow:1}}.dark .story-card-hero .tag{background:rgba(84,207,214,.15);border-color:rgba(84,207,214,.25)}.dark .hero-slider-dots .swiper-pagination-bullet{background:rgba(255,255,255,.25)}.swiper-slide .story-card-hero .slide-content{opacity:0;transform:translateY(20px);transition:opacity .6s .3s,transform .6s .3s}.swiper-slide-active .story-card-hero .slide-content{opacity:1;transform:translateY(0)}.hero-slider-dots .swiper-pagination-bullet:focus-visible{outline:2px solid var(--hdk-primary,#54cfd6);outline-offset:2px}.hero-nav-btn:focus-visible{outline:2px solid var(--hdk-primary,#54cfd6);outline-offset:2px}@media print{.hero-slider{display:none}}