.carousel-container{height:90vh;box-shadow:0 10px 30px rgba(15,23,42,.28);background:#000}.carousel-container,.slider{position:relative;width:100%;overflow:hidden}.slider{margin:0;padding:0;list-style:none;height:100%}.item{list-style-type:none;position:absolute;background:#0f172a;overflow:hidden;width:140px;height:200px;bottom:2rem;right:2rem;border-radius:16px;transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .65s cubic-bezier(.4,0,.2,1),right .65s cubic-bezier(.4,0,.2,1),bottom .65s cubic-bezier(.4,0,.2,1),width .65s cubic-bezier(.4,0,.2,1),height .65s cubic-bezier(.4,0,.2,1),border-radius .65s cubic-bezier(.4,0,.2,1),box-shadow .65s cubic-bezier(.4,0,.2,1);border:2px solid hsla(0,0%,100%,.15);box-shadow:0 8px 20px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.15);cursor:pointer;z-index:4;will-change:transform,opacity}.carousel-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item:not(:first-child):not(:nth-child(2)):hover{transform:translateY(-8px) scale(1.05);box-shadow:0 14px 28px rgba(0,0,0,.65),0 4px 12px hsla(0,0%,100%,.08),inset 0 1px 0 hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.4)}.item:not(:first-child):not(:nth-child(2)):after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.1));border-radius:14px;opacity:0;transition:opacity .3s ease;pointer-events:none}.item:not(:first-child):not(:nth-child(2)):hover:after{opacity:1}.item:first-child{opacity:0;transform:scale(1.2);z-index:1}.item:first-child,.item:nth-child(2){width:100vw;height:90vh;bottom:0;right:0;border-radius:0;border:none;box-shadow:none;cursor:default}.item:nth-child(2){opacity:1;z-index:3;transform:scale(1)}.item:nth-child(3){right:calc(2rem + 300px)}.item:nth-child(3),.item:nth-child(4){width:140px;height:200px;bottom:2rem;transform:scale(1)}.item:nth-child(4){right:calc(2rem + 150px)}.item:nth-child(5){right:2rem;width:140px;height:200px;bottom:2rem;transform:scale(1)}.item:nth-child(6){right:-200px}.item:nth-child(6),.item:nth-child(n+7){width:140px;height:200px;bottom:2rem;opacity:0;transform:scale(1)}.item:nth-child(n+7){right:-260px}.item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.1));opacity:0;transition:opacity .75s ease;pointer-events:none;border-radius:inherit}.item:nth-child(2):before{opacity:1}.item.item-hero-active:before{opacity:0}.item:nth-child(n+3):before{opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.86) 0,rgba(0,0,0,.45) 48%,rgba(0,0,0,.06))}.preview-meta{position:absolute;left:.6rem;right:.6rem;bottom:.55rem;z-index:8;display:none;flex-direction:column;gap:.22rem;pointer-events:none}.item:nth-child(n+3) .preview-meta{display:flex}.preview-tag{width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.16);color:hsla(0,0%,100%,.92);font-size:.46rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding:.18rem .4rem}.preview-title{color:hsla(0,0%,100%,.98);font-size:.68rem;font-weight:800;letter-spacing:.02em;line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.78);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content{padding:0 3rem;width:min(45vw,550px);position:absolute;top:50%;left:0;transform:translateY(-50%);font:400 .95rem Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.9);opacity:0;display:none;z-index:10}.content .title{font-family:Arial Black,Arial Bold,sans-serif;text-transform:uppercase;font-weight:900;font-size:3.5rem;letter-spacing:3px;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(180deg,#fff 0,#f0f0f0 50%,#d0d0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.content .description{line-height:1.8;margin:1.5rem 0 2.5rem;font-size:1.1rem;opacity:.95;font-weight:300;max-width:500px}.content a{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));color:#fff;text-decoration:none;border:2px solid hsla(0,0%,100%,.9);border-radius:50px;padding:1.1rem 2.5rem;cursor:pointer;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:2px;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(7px);will-change:backdrop-filter;position:relative;overflow:hidden}.content a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.content a:hover:before{width:300px;height:300px}.content a:hover{background:#fff;color:#000;transform:translateY(-3px);box-shadow:0 10px 30px hsla(0,0%,100%,.4);border-color:#fff}.content a:active{transform:translateY(-1px)}.content a:focus-visible{outline:3px solid hsla(0,0%,100%,.85);outline-offset:2px}.item:nth-of-type(2) .content{display:block;animation:show .9s cubic-bezier(.4,0,.2,1) .4s forwards}@keyframes show{0%{filter:blur(5px);transform:translateY(calc(-50% + 120px));opacity:0}to{opacity:1;filter:blur(0);transform:translateY(-50%)}}.carousel-progress-nav{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);z-index:16;display:flex;align-items:center;gap:.75rem}.carousel-progress-pill{width:.85rem;height:.25rem;border:1px solid hsla(0,0%,100%,.4);border-radius:999px;background:hsla(0,0%,100%,.2);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.8;cursor:pointer;padding:0}.carousel-progress-pill:hover{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,100%,.8)}.carousel-progress-pill.is-active{width:2.5rem;background:hsla(0,0%,100%,.95);border-color:hsla(0,0%,100%,.95);box-shadow:0 0 10px hsla(0,0%,100%,.5)}@media (width > 650px) and (width < 900px){.content{padding:0 2rem;width:min(50vw,400px)}.content .title{font-size:2.5rem;letter-spacing:2px}.content .description{font-size:.95rem}.content a{font-size:.85rem;padding:.95rem 2rem}.item:nth-child(3),.item:nth-child(4),.item:nth-child(5),.item:nth-child(6){width:110px;height:160px}.preview-title{font-size:.62rem}.item:nth-child(3){right:calc(1.5rem + 240px)}.item:nth-child(4){right:calc(1.5rem + 120px)}.item:nth-child(5){right:1.5rem}.item:nth-child(6){right:-150px}}@media (width < 650px){.content{padding:0 1rem;width:min(74vw,295px)}.content .title{font-size:1.55rem;letter-spacing:1px;margin-bottom:.75rem}.content .description{font-size:.8rem;margin:.85rem 0 1.35rem;line-height:1.5}.content a{font-size:.7rem;padding:.7rem 1.25rem;letter-spacing:1px;border-width:1.5px}.item:nth-child(3),.item:nth-child(4),.item:nth-child(5),.item:nth-child(6){width:76px;height:108px;bottom:4rem}.preview-meta{left:.45rem;right:.45rem;bottom:.4rem}.preview-title{font-size:.56rem}.preview-tag{font-size:.42rem;padding:.14rem .34rem}.item:nth-child(3){right:calc(.75rem + 166px)}.item:nth-child(4){right:calc(.75rem + 83px)}.item:nth-child(5){right:.75rem}.item:nth-child(6){right:-100px}.carousel-progress-nav{bottom:1.15rem}}@media (prefers-reduced-motion:reduce){.carousel-progress-pill,.content,.content a,.item,.item:after,.item:before{animation:none!important;transition-duration:.01ms!important}}