.carousel-container{--carousel-content-gutter:1rem;width:calc(100% - (var(--carousel-content-gutter) * 2));height:200px;margin:0 var(--carousel-content-gutter)1.5rem;position:relative;overflow:hidden;border-radius:12px;background:var(--bg);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:opacity .8s ease,transform .8s cubic-bezier(.4,0,.2,1),height .8s ease,margin .8s ease}.carousel-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%;will-change:transform}.carousel-container[data-direction=vertical] .carousel-track{flex-direction:column;width:100%;height:100%}.carousel-item{flex:0 0 100%;min-width:100%;max-width:100%;width:100%;height:100%;position:relative}.carousel-container[data-direction=vertical] .carousel-item{flex:0 0 100%;min-height:100%;max-height:100%;height:100%;width:100%}.carousel-link{display:flex;align-items:center;gap:1.5rem;height:100%;text-decoration:none;color:inherit;padding:1.5rem;transition:background-color .3s ease}.carousel-link:hover{background-color:rgba(0,0,0,2%)}[data-theme=dark] .carousel-link:hover{background-color:rgba(255,255,255,5%)}.carousel-image{flex-shrink:0;width:280px;height:100%;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.carousel-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.carousel-link:hover .carousel-image img{transform:scale(1.05)}.carousel-image-full{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.carousel-item-image .carousel-link{padding:0;position:relative}.carousel-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:0}.carousel-content-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:2rem;color:#fff}.carousel-title{font-size:1.5rem;font-weight:600;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.carousel-content-overlay .carousel-title{color:#fff}.carousel-excerpt{font-size:.95rem;color:var(--fg-secondary);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.carousel-content-overlay .carousel-excerpt{color:rgba(255,255,255,.9)}.carousel-meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--fg-secondary);opacity:.8}.carousel-date{display:flex;align-items:center;gap:.25rem}.carousel-date svg{opacity:.7}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:rgba(255,255,255,.9);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}.carousel-container:hover .carousel-nav{opacity:1}.carousel-nav:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.carousel-nav:active{transform:translateY(-50%)scale(.95)}.carousel-nav-prev{left:1rem}.carousel-nav-next{right:1rem}[data-theme=dark] .carousel-nav{background:rgba(0,0,0,.7);color:#fff}[data-theme=dark] .carousel-nav:hover{background:rgba(0,0,0,.9)}.carousel-container[data-direction=vertical] .carousel-nav{left:auto!important;right:.5rem!important}.carousel-container[data-direction=vertical] .carousel-nav-prev{top:1rem!important;bottom:auto!important;transform:rotate(90deg)!important}.carousel-container[data-direction=vertical] .carousel-nav-next{top:auto!important;bottom:1rem!important;transform:rotate(90deg)!important}.carousel-container[data-direction=vertical]:hover .carousel-nav-prev{transform:rotate(90deg)!important}.carousel-container[data-direction=vertical]:hover .carousel-nav-next{transform:rotate(90deg)!important}.carousel-container[data-direction=vertical] .carousel-nav:hover{transform:rotate(90deg)scale(1.1)!important}.carousel-indicators{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10}.carousel-container[data-direction=vertical] .carousel-indicators{left:auto!important;right:.5rem!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;flex-direction:column!important;gap:.5rem!important;max-height:calc(100% - 8rem)!important;overflow-y:auto!important;scrollbar-width:thin!important}.carousel-indicator{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease;padding:0}.carousel-indicator:hover{background:rgba(255,255,255,.8);transform:scale(1.2)}.carousel-indicator.active{background:#fff;width:24px;border-radius:4px}.carousel-container[data-direction=vertical] .carousel-indicator.active{width:8px;height:24px}[data-theme=dark] .carousel-indicator{background:rgba(255,255,255,.3)}[data-theme=dark] .carousel-indicator:hover{background:rgba(255,255,255,.6)}[data-theme=dark] .carousel-indicator.active{background:#fff}@media(max-width:1023px) and (min-width:768px){.carousel-link{padding:1.25rem;gap:1.25rem}.carousel-image{width:220px}.carousel-title{font-size:1.3rem}.carousel-excerpt{font-size:.9rem}.carousel-nav{width:2.25rem;height:2.25rem}}@media(max-width:767px){.carousel-container{--carousel-content-gutter:0.75rem;margin:1rem var(--carousel-content-gutter);border-radius:8px}.carousel-link{flex-direction:column;padding:0;gap:0}.carousel-image{width:100%;height:150px;border-radius:0}.carousel-content{padding:1rem}.carousel-title{font-size:1.1rem;-webkit-line-clamp:1}.carousel-excerpt{font-size:.85rem;display:none}.carousel-meta{font-size:.8rem}.carousel-nav{width:2rem;height:2rem;opacity:.7}.carousel-nav-prev{left:.5rem}.carousel-nav-next{right:.5rem}.carousel-indicators{bottom:.75rem;gap:.4rem}.carousel-indicator{width:6px;height:6px}.carousel-indicator.active{width:18px}.carousel-content-overlay{padding:1rem}.carousel-content-overlay .carousel-title{font-size:1rem}.carousel-content-overlay .carousel-excerpt{display:-webkit-box;font-size:.85rem}}@media(max-width:480px){.carousel-container{--carousel-content-gutter:0.5rem}}@media(prefers-reduced-motion:reduce){.carousel-track,.carousel-nav,.carousel-indicator,.carousel-image img{transition:none}}.carousel-container.loading{opacity:.6;pointer-events:none}.carousel-container{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s cubic-bezier(.4,0,.2,1)}body:has(.home-big-image-mode2:not(.scrolled)) .carousel-container,body.home-big-image-active .carousel-container{opacity:0!important;transform:translateY(-20px)!important;height:0!important;margin:0!important;min-height:0!important;pointer-events:none!important}body:has(.home-big-image-mode2.scrolled) .carousel-container{opacity:1!important;transform:translateY(0)!important;height:200px!important;margin:0 var(--carousel-content-gutter)1.5rem!important;pointer-events:auto!important}