.floating-cards-styles.overlay{position:absolute;z-index:5;inset:0;pointer-events:none;max-width:1450px;margin-left:auto;margin-right:auto;opacity:.5}.floating-cards-styles .slot{--rotation:0deg;--card-opacity:0.9;--delay-order:var(--entrance-order);--follow-x:0px;--follow-y:0px;--tilt-x:0deg;--tilt-y:0deg;--depth-scale:1;position:absolute;width:clamp(82px,8vw,132px);aspect-ratio:var(--card-ratio);padding:0;opacity:0;color:inherit;background:rgba(0,0,0,0);border:0;cursor:pointer;pointer-events:auto;animation:card-entrance 1.35s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.12s + var(--delay-order)*95ms)}.floating-cards-styles .depth-front{--depth-scale:1.14;z-index:3}.floating-cards-styles .depth-middle{--depth-scale:1;z-index:2}.floating-cards-styles .depth-middle .surface{opacity:.88;filter:saturate(.92) brightness(.97)}.floating-cards-styles .depth-back{--depth-scale:0.88;z-index:1}.floating-cards-styles .depth-back .surface{opacity:.7;filter:saturate(.78) brightness(.92)}.floating-cards-styles .card{--float-x:26px;--float-y:-52px;--float-mid-x:-14px;--float-mid-y:-24px;--float-duration:6.4s;width:100%;height:100%;display:block;aspect-ratio:inherit;will-change:translate,transform}.floating-cards-styles .surface{display:block;width:100%;height:100%;transform:perspective(800px) translate3d(var(--follow-x),var(--follow-y),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:opacity .18s ease,filter .18s ease;will-change:transform}.floating-cards-styles .cardVisual{position:relative;display:block;width:100%;height:100%;border:1px solid hsla(0,0%,100%,.16);border-radius:clamp(12px,1.5vw,22px);overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.22);backface-visibility:hidden;transform:translateZ(0) scale(1);transition:all .6s cubic-bezier(.4,0,.2,1)}.floating-cards-styles .cardImage,.floating-cards-styles .popupImage{object-fit:cover}.floating-cards-styles .progressiveImage{opacity:.58;transform:scale(1.035);transition:opacity .85s cubic-bezier(.4,0,.2,1),filter .85s cubic-bezier(.4,0,.2,1),transform 1.1s cubic-bezier(.4,0,.2,1);will-change:opacity,filter,transform}.floating-cards-styles .imageLoaded{opacity:1;transform:scale(1);will-change:auto}.floating-cards-styles .slot:focus-visible .cardVisual,.floating-cards-styles .slot:hover .cardVisual{box-shadow:0 30px 70px rgba(0,0,0,.24),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateZ(12px) scale(1.035)}.floating-cards-styles .depth-front:focus-visible .cardVisual,.floating-cards-styles .depth-front:hover .cardVisual{transform:translateZ(18px) scale(1.045)}.floating-cards-styles .depth-back:focus-visible .cardVisual,.floating-cards-styles .depth-back:hover .cardVisual{transform:translateZ(6px) scale(1.025)}.floating-cards-styles .depth-middle:focus-visible .cardVisual,.floating-cards-styles .depth-middle:hover .cardVisual{transform:translateZ(12px) scale(1.035)}.floating-cards-styles .slot:focus-visible{outline:none}.floating-cards-styles .slot:focus-visible .cardVisual{outline:3px solid var(--foreground);outline-offset:5px}.floating-cards-styles .slot:nth-child(2n) .card{--float-x:-30px;--float-y:-42px;--float-mid-x:16px;--float-mid-y:-20px;--float-duration:7.2s}.floating-cards-styles .slot:nth-child(3n) .card{--float-x:20px;--float-y:-64px;--float-mid-x:-18px;--float-mid-y:-30px;--float-duration:5.8s}.floating-cards-styles .slot.depth-back .card{--float-x:10px;--float-y:-22px;--float-mid-x:-5px;--float-mid-y:-9px;--float-duration:7.8s}.floating-cards-styles .slot.depth-middle .card{--float-x:18px;--float-y:-38px;--float-mid-x:-10px;--float-mid-y:-17px;--float-duration:7s}.floating-cards-styles .light{background:#c9c9c9}.floating-cards-styles .medium{background:#a7a7a7}.floating-cards-styles .dark{background:gray}.floating-cards-styles .slot:first-child{--rotation:-8deg;top:8%;left:3%}.floating-cards-styles .slot:nth-child(2){--rotation:5deg;top:44%;left:12%}.floating-cards-styles .slot:nth-child(3){--rotation:-3deg;top:72%;left:1%}.floating-cards-styles .slot:nth-child(4){--rotation:4deg;top:15%;left:22%}.floating-cards-styles .slot:nth-child(5){--rotation:-7deg;top:68%;left:27%}.floating-cards-styles .slot:nth-child(6){--rotation:6deg;top:7%;right:24%}.floating-cards-styles .slot:nth-child(7){--rotation:3deg;top:66%;right:28%}.floating-cards-styles .slot:nth-child(8){--rotation:-5deg;top:41%;right:11%}.floating-cards-styles .slot:nth-child(9){--rotation:8deg;top:11%;right:3%}.floating-cards-styles .slot:nth-child(10){--rotation:-4deg;top:74%;right:2%}.floating-cards-styles.popupLayer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1.5rem}.floating-cards-styles .popupBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(.8);animation:popup-backdrop-in .6s cubic-bezier(.4,0,.2,1) both}.floating-cards-styles .popupCard{position:relative;width:var(--popup-width);height:var(--popup-height);overflow:hidden;border:1px solid hsla(0,0%,100%,.24);border-radius:clamp(24px,4vw,36px);box-shadow:0 40px 100px rgba(0,0,0,.32),inset 0 1px 0 hsla(0,0%,100%,.32);animation:popup-in .6s cubic-bezier(.4,0,.2,1) both}.floating-cards-styles.popupClosing .popupBackdrop{animation:popup-backdrop-out .45s cubic-bezier(.4,0,.2,1) both}.floating-cards-styles.popupClosing .popupCard{animation:popup-out .45s cubic-bezier(.4,0,.2,1) both}.floating-cards-styles.popupClosing .popupClose{pointer-events:none}.floating-cards-styles .popupClose{position:absolute;z-index:1;top:1rem;right:1rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;color:#171717;background:hsla(0,0%,100%,.72);border:1px solid hsla(0,0%,100%,.48);border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.14);font:300 1.75rem/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(12px);transform:translateZ(0) scale(1);transition:all .6s cubic-bezier(.4,0,.2,1)}.floating-cards-styles .popupClose:hover{transform:translateZ(0) scale(1.1) rotate(5deg)}.floating-cards-styles .popupClose:focus-visible{outline:3px solid #171717;outline-offset:3px}@keyframes popup-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes popup-in{0%{opacity:0;filter:blur(14px);transform:translateY(40px) scale(.72)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes popup-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes popup-out{0%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}to{opacity:0;filter:blur(14px);transform:translateY(40px) scale(.72)}}@keyframes card-entrance{0%{opacity:0;filter:blur(12px);transform:translateY(140px) scale(.82) rotate(var(--rotation))}55%{opacity:var(--card-opacity)}to{opacity:var(--card-opacity);filter:blur(0);transform:translateY(0) scale(var(--depth-scale)) rotate(var(--rotation))}}@keyframes card-float{0%{translate:0 0;transform:rotate(-1deg) scale(1)}45%{translate:var(--float-mid-x) var(--float-mid-y);transform:rotate(1.4deg) scale(1.025)}to{translate:var(--float-x) var(--float-y);transform:rotate(-.8deg) scale(1.01)}}@media(hover:none),(pointer:coarse){.floating-cards-styles .card{animation:card-float var(--float-duration) cubic-bezier(.45,0,.55,1) infinite alternate;animation-delay:calc(1.5s + var(--delay-order)*95ms + var(--card-index)*35ms)}}@media(max-width:1000px){.floating-cards-styles .slot{--card-opacity:0.78;width:clamp(76px,13vw,112px)}.floating-cards-styles .slot:first-child{top:5%;left:4%}.floating-cards-styles .slot:nth-child(2){top:39%;left:-2%}.floating-cards-styles .slot:nth-child(3){top:75%;left:8%}.floating-cards-styles .slot:nth-child(4){top:67%;left:27%}.floating-cards-styles .slot:nth-child(5){top:4%;left:29%}.floating-cards-styles .slot:nth-child(6){top:7%;right:25%}.floating-cards-styles .slot:nth-child(7){top:71%;right:28%}.floating-cards-styles .slot:nth-child(8){top:40%;right:-1%}.floating-cards-styles .slot:nth-child(9){top:7%;right:3%}.floating-cards-styles .slot:nth-child(10){top:76%;right:5%}}@media(max-width:600px){.floating-cards-styles .slot{--card-opacity:0.62;width:clamp(68px,22vw,92px)}.floating-cards-styles .cardVisual{border-radius:12px}.floating-cards-styles .slot:first-child{--delay-order:4;top:5%;left:-5%}.floating-cards-styles .slot:nth-child(2){--delay-order:2;top:32%;left:-12%}.floating-cards-styles .slot:nth-child(3){--delay-order:0;top:74%;left:4%}.floating-cards-styles .slot:nth-child(5){--delay-order:3;top:9%;left:35%}.floating-cards-styles .slot:nth-child(6){--delay-order:1;top:71%;right:34%}.floating-cards-styles .slot:nth-child(9){--delay-order:5;top:8%;right:-5%}.floating-cards-styles .slot:nth-child(10),.floating-cards-styles .slot:nth-child(4),.floating-cards-styles .slot:nth-child(7),.floating-cards-styles .slot:nth-child(8){display:none}}@media(prefers-reduced-motion:reduce){.floating-cards-styles .slot{opacity:var(--card-opacity);transform:scale(var(--depth-scale)) rotate(var(--rotation));animation:none}.floating-cards-styles .card{animation:none}.floating-cards-styles .surface{transform:none;transition:none}.floating-cards-styles .cardVisual,.floating-cards-styles .progressiveImage{transition:none}.floating-cards-styles .popupBackdrop,.floating-cards-styles .popupCard{animation:none}}