.hero-feat{border-radius:var(--radius-lg);cursor:pointer;height:420px;transition:var(--transition);display:block;position:relative;overflow:hidden}.hero-feat:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.hero-feat-bg{position:absolute;inset:0}.hero-feat-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hero-feat:hover .hero-feat-img{transform:scale(1.03)}.hero-feat-overlay{background:linear-gradient(#0000001a 0%,#0006 50%,#000000d9 100%);position:absolute;inset:0}.hero-feat-content{flex-direction:column;gap:10px;padding:36px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-feat-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#6e8efbe6;border-radius:6px;align-self:flex-start;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.hero-feat-title{color:#fff;max-width:600px;font-size:28px;font-weight:700;line-height:1.3}.hero-feat-excerpt{color:#ffffffbf;max-width:520px;font-size:15px;line-height:1.5}.hero-feat-meta{color:#fff9;align-items:center;gap:8px;font-size:13px;display:flex}.hero-feat-avatar{border-radius:50%;width:24px;height:24px}.hero-feat-dot{color:#ffffff4d}@media (max-width:768px){.hero-feat{height:320px}.hero-feat-content{padding:24px}.hero-feat-title{font-size:22px}.hero-carousel-arrow{width:36px;height:36px}}.hero-carousel{border-radius:var(--radius-lg);cursor:pointer;height:420px;position:relative;overflow:hidden}.hero-carousel-slide{width:100%;height:100%;display:block;position:relative}.hero-carousel-img{animation:none}.hero-carousel-img.slide-from-right{animation:.4s ease-out slideFromRight}.hero-carousel-img.slide-from-left{animation:.4s ease-out slideFromLeft}@keyframes slideFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.hero-carousel-arrow{border-radius:var(--btn-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);z-index:10;opacity:0;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-carousel:hover .hero-carousel-arrow{opacity:1}.hero-carousel-arrow:hover{background:#ffffff40}.hero-carousel-prev{left:16px}.hero-carousel-next{right:16px}.hero-carousel-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-carousel-dot{border-radius:var(--btn-radius);cursor:pointer;width:8px;height:8px;transition:var(--transition);background:#ffffff59;border:none;padding:0}.hero-carousel-dot.active{background:#fff;width:24px}