body,html{margin:0;padding:0;height:100%}.carousel{position:relative;z-index:1;height:100vh;pointer-events:none}.carousel-item{--items:10;--width:clamp(150px,30vw,300px);--height:clamp(200px,40vw,400px);--x:calc(var(--active) * 800%);--y:calc(var(--active) * 200%);--rot:calc(var(--active) * 120deg);--opacity:calc(var(--zIndex) / var(--items) * 3 - 2);overflow:hidden;position:absolute;z-index:var(--zIndex);width:var(--width);height:var(--height);margin:calc(var(--height) * -.5) 0 0 calc(var(--width) * -.5);border-radius:8px;top:50%;left:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:0 100%;box-shadow:0 15px 40px 0 rgba(29,41,121,.2);background:#fff;border:.5px solid #eb2025;pointer-events:all;transform:translate(var(--x),var(--y)) rotate(var(--rot));transition:transform .8s cubic-bezier(0,.02,0,1)}.carousel-item .carousel-box{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:opacity .8s cubic-bezier(0,.02,0,1);opacity:var(--opacity);font-family:var(--font-heading),"Red Hat Display",sans-serif}.carousel-item .carousel-box:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,0) 30%,rgba(8,11,20,.85))}.carousel-item .title{bottom:16px;right:16px;font-weight:700;font-size:clamp(15px,2vw,18px);line-height:1.3;text-shadow:0 2px 6px rgba(0,0,0,.9)}.carousel-item .num,.carousel-item .title{position:absolute;z-index:2;color:#fff;left:16px;transition:opacity .8s cubic-bezier(0,.02,0,1)}.carousel-item .num{top:10px;font-weight:800;font-size:clamp(24px,6vw,50px);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.8)}.carousel-item img{-o-object-fit:cover;object-fit:cover}.carousel-item img,.layout{width:100%;height:100%;pointer-events:none}.layout{z-index:0;left:0}.layout,.layout:before{position:absolute;top:0}.layout:before{content:"";z-index:1;left:90px;width:10px;height:100%;border:1px solid #1d2979;border-top:none;border-bottom:none;opacity:.15}.layout .box{bottom:0;left:30px;color:#1d2979;transform-origin:0 10%;transform:rotate(-90deg);font-size:9px;line-height:1.4;text-transform:uppercase;opacity:.6;white-space:nowrap}.layout .box,.logo{position:absolute;font-weight:700}.logo{z-index:2;top:28px;right:28px;width:30px;height:30px;background:#eb2025;border-radius:50%;opacity:.85;display:flex;justify-content:center;align-items:center;font-family:var(--font-heading),"Red Hat Display",sans-serif;pointer-events:all;color:#fff;text-decoration:none;font-size:16px;overflow:hidden;transition:opacity .3s}.logo:hover{opacity:1}.social{position:absolute;z-index:10;bottom:20px;right:25px;color:#1d2979;opacity:.6}.social a{display:inline-block;margin-left:3px}.social svg{--fill:#1d2979;width:35px;height:35px}.cursor{position:fixed;z-index:10;top:0;left:0;--size:40px;width:var(--size);height:var(--size);border-radius:50%;border:1px solid rgba(29,41,121,.4);margin:calc(var(--size) * -.5) 0 0 calc(var(--size) * -.5);transition:transform .85s cubic-bezier(0,.02,0,1);display:none;pointer-events:none}@media (pointer:fine){.cursor{display:block}}.cursor2{--size:2px;transition-duration:.7s}