.banner-container.static{height:min(calc(100vw - var(--space-xl)), 500px);background-color:var(--bg-primary);max-height:500px;-webkit-mask-image:linear-gradient(to bottom, var(--color-black) 80%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, var(--color-black) 80%, transparent 100%);mask-image:linear-gradient(to bottom, var(--color-black) 80%, transparent 100%);position:relative;overflow:hidden}.banner-stretch{z-index:1;opacity:.8;width:50%;position:absolute;top:0;overflow:hidden}.banner-stretch.left{-webkit-mask-image:linear-gradient(to left, var(--color-black) 0%, var(--overlay-light) 100%);-webkit-mask-image:linear-gradient(to left, var(--color-black) 0%, var(--overlay-light) 100%);mask-image:linear-gradient(to left, var(--color-black) 0%, var(--overlay-light) 100%);left:0}.banner-stretch.right{-webkit-mask-image:linear-gradient(to right, var(--color-black) 0%, var(--overlay-light) 100%);-webkit-mask-image:linear-gradient(to right, var(--color-black) 0%, var(--overlay-light) 100%);mask-image:linear-gradient(to right, var(--color-black) 0%, var(--overlay-light) 100%);right:0}.banner-stretch img{object-fit:cover;filter:blur(10px)}.banner-stretch.left img{object-position:left center}.banner-stretch.right img{object-position:right center}.banner-content{z-index:2;width:100%;height:100%;padding:var(--spacing-md);position:relative}.banner-main-img{z-index:2;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);max-width:100%;max-height:100%;box-shadow:0 0 50px var(--overlay-deep);border:1px solid var(--glass-border-light);position:relative}.banner-container.slider{background:var(--bg-secondary);height:550px;box-shadow:0 20px 50px var(--overlay-darker);border-radius:0 0 32px 32px;position:relative;overflow:hidden}.banner-slide{opacity:0;visibility:hidden;z-index:1;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:scale(1.1)}.banner-slide.active{opacity:1;visibility:visible;z-index:2;transform:scale(1)}.banner-image{object-fit:cover;display:block}.banner-image.mobile-img{display:none}.banner-main-overlay{background:var(--glass-bg-thin);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;padding:12px 24px;position:absolute;top:0;left:0}.banner-actions{z-index:10;position:absolute;bottom:3rem;right:3rem}.banner-nav-controls{pointer-events:none;z-index:15;padding:0 1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.banner-nav-controls button{pointer-events:auto}.banner-indicators{z-index:15;background:var(--glass-bg-thick);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:20px;padding:8px 16px;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.indicator-dot{background:var(--glass-border-bright);cursor:pointer;width:8px;height:8px;transition:var(--transition-fast);border:none;border-radius:50%}.indicator-dot.active{background:var(--color-white);border-radius:4px;width:24px}.fallback-bg-glow{background:radial-gradient(circle at center, var(--accent-secondary-glow) 0%, transparent 70%);z-index:1;width:150%;height:150%;animation:10s infinite alternate pulseGlow;position:absolute}@keyframes pulseGlow{0%{opacity:.3;transform:scale(1)translate(-10%,-10%)}to{opacity:.6;transform:scale(1.2)translate(10%,10%)}}.fallback-info-glass{background:var(--glass-bg-thick);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:10;max-width:500px;box-shadow:var(--shadow-glass);border-radius:20px;position:relative}@media (width<=780px){.banner-stretch.left{-webkit-mask-image:linear-gradient(to left, var(--color-black) 0%, var(--overlay-heavy) 100%);-webkit-mask-image:linear-gradient(to left, var(--color-black) 0%, var(--overlay-heavy) 100%);mask-image:linear-gradient(to left, var(--color-black) 0%, var(--overlay-heavy) 100%)}.banner-stretch.right{-webkit-mask-image:linear-gradient(to right, var(--color-black) 0%, var(--overlay-heavy) 100%);-webkit-mask-image:linear-gradient(to right, var(--color-black) 0%, var(--overlay-heavy) 100%);mask-image:linear-gradient(to right, var(--color-black) 0%, var(--overlay-heavy) 100%)}.banner-container.slider{border-radius:0 0 20px 20px;height:60vh}.banner-image.desktop-img{display:none}.banner-image.mobile-img{display:block}.banner-main-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 16px}.banner-nav-controls{padding:0}.banner-indicators{display:none}}