.carousel{position:relative;width:100%;height:calc(100vh - var(--header-height, 85px));height:calc(100svh - var(--header-height, 85px));margin-top:var(--header-height,85px);overflow:hidden}body:has(.disco-devbar) .carousel{height:calc(100vh - var(--header-height, 85px) - 40px);height:calc(100svh - var(--header-height, 85px) - 40px);margin-top:calc(var(--header-height, 85px) + 40px)}.carousel-container{position:relative;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity calc(var(--transition-speed) * 0.001s) ease-in-out;overflow:hidden}.carousel-slide::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:var(--carousel-bg);z-index:1;transform:scale(1);transition:transform 9s linear,opacity calc(var(--transition-speed) * 0.001s) ease-in-out}.carousel-slide.active{opacity:1}.carousel-slide.active::before{opacity:1;transform:scale(1.07)}@media (prefers-reduced-motion:reduce){.carousel-slide.active{animation:none}}.carousel-content{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);color:#fff;width:100%;max-width:1100px;padding:0 20px;z-index:2}.carousel-title{font-size:2.75em;font-weight:700;text-shadow:-1px -1px 0 #66666650,1px -1px 0 #66666650,-1px 1px 0 #66666650,1px 1px 0 #66666650}.carousel-subtitle{font-size:1.2em;font-weight:400;text-shadow:-1px -1px 0 #66666650,1px -1px 0 #66666650,-1px 1px 0 #66666650,1px 1px 0 #66666650}.carousel-action{display:inline-block;padding:12px 30px;background-color:rgb(15 31 47 / 20%);color:#FCA311;text-decoration:none;font-weight:700;border:2px solid #FCA311;transition:all 0.3s ease;margin-top:50px}.carousel-action:hover{background-color:#FCA311;color:#fff}.carousel-nav{position:absolute;top:20px;right:max(20px, calc((100% - 1100px) / 2 + 20px));display:flex;gap:8px;z-index:10}.carousel-button{background:none;border:none;color:rgb(255 255 255 / 30%);padding:12px;cursor:pointer;transition:color 0.3s ease;font-size:2em}.carousel-button:hover{color:#FCA311}.carousel-dots{position:absolute;bottom:60px;right:max(20px, calc((100% - 1100px) / 2 + 20px));display:flex;gap:10px;z-index:2}.carousel-dot{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / 30%);cursor:pointer;transition:background-color 0.3s ease}.carousel-dot.active{background:#FCA311}@media (max-width:768px),(orientation:landscape) and (max-height:700px){.carousel{height:calc(100vh - var(--header-height-mobile, 70px));height:calc(100svh - var(--header-height-mobile, 70px));height:calc(100dvh - var(--header-height-mobile, 70px));margin-top:var(--header-height-mobile,70px)}body:has(.disco-devbar) .carousel{height:calc(100vh - var(--header-height-mobile, 70px) - 40px);height:calc(100svh - var(--header-height-mobile, 70px) - 40px);height:calc(100dvh - var(--header-height-mobile, 70px) - 40px);margin-top:calc(var(--header-height-mobile, 70px) + 40px)}.page-home .carousel{height:100vh;height:100svh;height:100dvh;margin-top:0}.page-home:has(.disco-devbar) .carousel{height:calc(100vh - 40px);height:calc(100svh - 40px);height:calc(100dvh - 40px);margin-top:40px}.carousel-content{bottom:20px;padding:0 15px}.carousel-title{font-size:1.8em}.carousel-action{margin-top:20px;padding:10px 20px}.carousel-nav{top:15px;right:15px}.carousel-button{padding:8px;font-size:1.6em}.carousel-dots{bottom:20px;right:15px}}.carousel-placeholder{background:linear-gradient(135deg,#14213d 0%,#0f1f2f 100%);display:flex;align-items:center;justify-content:center}.carousel-placeholder::before{display:none}.carousel-placeholder .carousel-content{position:static;transform:none;text-align:center;max-width:600px}.carousel-placeholder-icon{font-size:5em;color:rgb(252 163 17 / 30%);margin-bottom:20px}.carousel-placeholder-title{font-size:2em;font-weight:700;color:#FCA311;margin-bottom:15px;text-shadow:none}@media (max-width:768px),(orientation:landscape) and (max-height:600px){.carousel-placeholder-icon{font-size:3em}.carousel-placeholder-title{font-size:1.5em}}