.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:2px solid transparent}.story-card-hero .control-button iconify-icon{font-size:1.15rem}.story-card-hero .read-button{background:#1a5146;color:#fff}.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-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;gap:2px}.story-card-hero .slide-description{-webkit-line-clamp:2}.hero-slider-nav{display:none}.swiper-slide .story-card-hero .slide-content{opacity:1!important;transform:translateY(0)!important;transition:opacity .6s .3s,transform .6s .3s;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important}.heroSwiper:not(.swiper-initialized){overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.heroSwiper:not(.swiper-initialized)::-webkit-scrollbar{display:none}.heroSwiper:not(.swiper-initialized) .swiper-wrapper{display:flex;width:100%;transform:none!important}.heroSwiper:not(.swiper-initialized) .swiper-slide{flex:0 0 100%;scroll-snap-align:start}.heroSwiper:not(.swiper-initialized) .hero-slider-dots{display:none}.swiper-slide-active .story-card-hero .slide-bg,.swiper-slide-active .story-card-hero .slide-bg-mobile{transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important}}@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:35px!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}}.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}}.heroSwiper:not(.swiper-initialized) .swiper-slide:first-child .story-card-hero .slide-content{opacity:1!important;transform:translateY(0)!important}.heroSwiper:not(.swiper-initialized) .story-card-hero .slide-bg,.heroSwiper:not(.swiper-initialized) .story-card-hero .slide-bg-mobile{transform:none!important}.heroSwiper:not(.swiper-initialized) .story-card-hero .slide-bg,.heroSwiper:not(.swiper-initialized) .story-card-hero .slide-bg-mobile,.heroSwiper:not(.swiper-initialized) .story-card-hero .slide-content{transition:none!important}