.foxy-collage{background-color:var(--foxy-bg, #000000);color:var(--foxy-text, #ffffff);padding:80px 0 20px;position:relative;z-index:1;overflow:visible}.foxy-collage__container{width:100%;max-width:var(--page-width, 1500px);margin:0 auto;padding-left:5rem;padding-right:5rem;box-sizing:border-box}@media screen and (max-width:768px){.foxy-collage__container{padding-left:1.5rem;padding-right:1.5rem}}.foxy-collage__header{margin-bottom:50px}.foxy-collage__subheading{font-family:monospace,Courier,monospace;font-size:.95rem;letter-spacing:2px;text-transform:uppercase;color:#a1a1aa;margin:0 0 10px;font-weight:500}.foxy-collage__title{font-family:monospace,Courier,monospace;font-size:2.25rem;color:#fff;margin:0;font-weight:700;letter-spacing:-.5px}.foxy-collage__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start;margin-bottom:50px}.foxy-collage__card{position:relative;background:#0d0d12;border-radius:16px;border:2px solid rgba(255,255,255,.1);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;box-shadow:0 10px 30px #0009}.foxy-collage__card:nth-child(1){aspect-ratio:1 / 1;margin-top:0}.foxy-collage__card:nth-child(2){aspect-ratio:1 / 1.05;margin-top:35px;border-color:#9333ea59}.foxy-collage__card:nth-child(3){aspect-ratio:1 / .95;margin-top:-10px}.foxy-collage__card:nth-child(4){aspect-ratio:1 / 1.1;margin-top:30px}.foxy-collage__card:nth-child(5){aspect-ratio:1 / 1;margin-top:40px;border-color:#9333ea59}.foxy-collage__card:nth-child(6){aspect-ratio:1 / 1.15;margin-top:45px}.foxy-collage__card:nth-child(7){aspect-ratio:1 / 1;margin-top:15px}.foxy-collage__card:nth-child(8){aspect-ratio:1 / 1.1;margin-top:25px}.foxy-collage__card:nth-child(9){aspect-ratio:1 / .95;margin-top:30px}.foxy-collage__card:nth-child(10){aspect-ratio:1 / 1;margin-top:10px}.foxy-collage__card:hover{transform:translateY(-8px) scale(1.02);border-color:#9333eab3;box-shadow:0 20px 45px #000000e6,0 0 25px #9333ea59;z-index:5}.foxy-collage__tag{position:absolute;top:16px;left:16px;z-index:4;display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-family:monospace,Courier,monospace;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}.foxy-collage__tag--green{background:#10b98126;border:1.5px solid #10b981;color:#10b981;box-shadow:0 0 12px #10b98140}.foxy-collage__tag--cyan{background:#06b6d426;border:1.5px solid #06b6d4;color:#06b6d4;box-shadow:0 0 12px #06b6d440}.foxy-collage__tag--purple{background:#a855f726;border:1.5px solid #a855f7;color:#c084fc;box-shadow:0 0 12px #a855f740}.foxy-collage__img-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.foxy-collage__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.foxy-collage__card:hover .foxy-collage__img{transform:scale(1.06)}.foxy-collage__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e6,#0000004d 60%,#0000);z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:22px}.foxy-collage__card-title{font-family:monospace,Courier,monospace;font-size:1.25rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;justify-content:space-between}.foxy-collage__card-arrow{font-size:1.2rem;margin-left:8px;transition:transform .3s ease,color .3s ease}.foxy-collage__card:hover .foxy-collage__card-arrow{transform:translate(6px);color:#c084fc}.foxy-collage__footer{display:flex;justify-content:center;align-items:center;margin-top:40px}.foxy-collage__split-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:9999px}.foxy-collage__split-container{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:6px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.16,1,.3,1)}.foxy-collage__split-single{display:inline-flex;align-items:center;justify-content:center;padding:14px 38px;background:#9333ea;color:#fff;border-radius:9999px;font-family:monospace,Courier,monospace;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 18px #9333ea66}.foxy-collage__split-single:hover{background:#a855f7;box-shadow:0 6px 24px #a855f799}.foxy-collage__split-items{display:none;gap:12px;align-items:center;justify-content:center}.foxy-collage__split-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:#9333ea;color:#fff;border-radius:9999px;font-family:monospace,Courier,monospace;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 18px #9333ea66}.foxy-collage__split-btn:hover{background:#a855f7;transform:translateY(-2px);box-shadow:0 6px 24px #a855f799}.foxy-collage__split-wrapper.is-split .foxy-collage__split-single{display:none}.foxy-collage__split-wrapper.is-split .foxy-collage__split-items{display:flex;animation:fadeInSplit .35s cubic-bezier(.16,1,.3,1) forwards}.foxy-collage__split-wrapper.is-split .foxy-collage__split-container{border-color:#9333ea80;box-shadow:0 0 20px #9333ea40}@keyframes fadeInSplit{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:768px){.foxy-collage{padding:40px 0 60px}.foxy-collage__header{margin-bottom:30px;text-align:center}.foxy-collage__title{font-size:1.75rem}.foxy-collage__grid{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.foxy-collage__card{margin-top:0!important;aspect-ratio:16 / 9!important}.foxy-collage__card:hover{transform:none!important}.foxy-collage__split-wrapper{padding:8px 12px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/foxy-collage.css.map */