.onyx-bento-section{background:#000;color:#fff;padding:70px 5% 80px;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.05);touch-action:pan-y;content-visibility:auto;contain-intrinsic-size:800px}.onyx-bento-container{max-width:1200px;margin:0 auto;text-align:center}.onyx-bento-header{margin-bottom:35px}.onyx-bento-tag{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#c6a25a;font-weight:700;margin-bottom:12px;border:1px solid rgba(198,162,90,.3);padding:6px 16px;border-radius:30px}.onyx-bento-tag .onyx-dot{width:6px;height:6px;background:#c6a25a;border-radius:50%;box-shadow:0 0 8px #c6a25acc}.onyx-bento-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;margin:0;color:#fff}.onyx-bento-slider-wrapper{position:relative;width:100%;max-width:1000px;margin:0 auto;perspective:1200px}.onyx-bento-track{position:relative;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center;justify-items:center}.onyx-bento-slide{grid-area:1 / 1;width:85%;max-width:800px;height:100%;transition:transform 1.2s cubic-bezier(.25,1,.5,1),opacity .8s ease,visibility 1.2s;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transform:translate(0) scale(.75) rotateY(0) translateZ(0)}.onyx-bento-slide.active{opacity:1;visibility:visible;transform:translate(0) scale(1) rotateY(0) translateZ(0);z-index:3;pointer-events:auto}.onyx-bento-slide.prev{opacity:.4;visibility:visible;transform:translate(-30%) scale(.85) rotateY(12deg) translateZ(-150px);z-index:1}.onyx-bento-slide.next{opacity:.4;visibility:visible;transform:translate(30%) scale(.85) rotateY(-12deg) translateZ(-150px);z-index:1}.onyx-bento-section:not(.is-visible) .onyx-bento-header{opacity:0;transform:translateY(40px)}.onyx-bento-section:not(.is-visible) .onyx-bento-slide{opacity:0!important;visibility:hidden!important;transform:translateY(120px) scale(.65) rotateY(0) translateZ(0)!important}.onyx-bento-section:not(.is-visible) .onyx-slider-btn{opacity:0;transform:translateY(-50%) scale(.6)}.onyx-bento-section:not(.is-visible) .onyx-bento-pagination,.onyx-bento-section:not(.is-visible) .onyx-bento-bottom-btn{opacity:0;transform:translateY(30px)}.onyx-bento-section:not(.is-visible) .onyx-bento-header,.onyx-bento-section:not(.is-visible) .onyx-bento-slide,.onyx-bento-section:not(.is-visible) .onyx-slider-btn,.onyx-bento-section:not(.is-visible) .onyx-bento-pagination,.onyx-bento-section:not(.is-visible) .onyx-bento-bottom-btn{transition:none!important}.onyx-bento-header,.onyx-bento-pagination,.onyx-bento-bottom-btn{transition:opacity 1s ease-out,transform 1s cubic-bezier(.22,1,.36,1)}.onyx-bento-section.is-visible .onyx-bento-header{opacity:1;transform:translateY(0)}.onyx-bento-section.is-visible:not(.animations-finished) .onyx-bento-slide.active{transition-delay:.1s}.onyx-bento-section.is-visible:not(.animations-finished) .onyx-bento-slide.prev,.onyx-bento-section.is-visible:not(.animations-finished) .onyx-bento-slide.next{transition-delay:.25s}.onyx-bento-section.is-visible .onyx-slider-btn{opacity:1;transform:translateY(-50%) scale(1);transition-delay:.6s;transition:opacity .8s ease-out .6s,transform .8s cubic-bezier(.22,1,.36,1) .6s,background-color .3s,color .3s,border-color .3s,box-shadow .3s}.onyx-bento-section.is-visible.animations-finished .onyx-slider-btn{transition-delay:0s}.onyx-bento-section.is-visible .onyx-bento-pagination{opacity:1;transform:translateY(0);transition-delay:.7s}.onyx-bento-section.is-visible .onyx-bento-bottom-btn{opacity:1;transform:translateY(0);transition-delay:.8s}.onyx-bento-card{background:#111;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.1);border-radius:28px;padding:24px;display:flex;gap:30px;box-shadow:0 40px 80px #000000d9,0 15px 35px #0009,inset 0 1px #ffffff1a;text-align:left;height:420px;overflow:hidden!important;position:relative;contain:layout paint style}.onyx-bento-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;opacity:1;transition:opacity .8s ease;pointer-events:none;z-index:10;border-radius:inherit}.onyx-bento-slide.active .onyx-bento-card-overlay{opacity:0}.onyx-bento-image-box{flex:0 0 45%;background:#000;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.05);height:100%}.onyx-bento-glow{position:absolute;width:140px;height:140px;background:radial-gradient(circle,#c6a25a40,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.onyx-bento-image-box img{width:90%;height:90%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 25px rgba(0,0,0,.8))}.onyx-bento-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 0;position:relative;z-index:2}.onyx-bento-logo{font-size:.85rem;font-weight:900;letter-spacing:.3em;color:#dfbc72;margin-bottom:8px;display:block}.onyx-bento-content h3{font-size:1.6rem;font-weight:700;margin:0 0 12px;letter-spacing:-.02em}.onyx-bento-content p{font-size:.95rem;line-height:1.5;color:#ffffffb3;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.onyx-bento-stats{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:15px;margin-top:20px}.stat-item h4{font-size:1.4rem;font-weight:700;margin:0 0 4px;color:#fff}.stat-item h4 .small-text{font-size:.9rem;color:#ffffff80;margin-left:2px}.stat-item span{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.onyx-slider-btn{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;background:#1e1e1e80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 20px #00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}.onyx-slider-btn:hover{background:#c6a25a33;border-color:#c6a25a;color:#c6a25a;box-shadow:0 10px 25px #000c,0 0 15px #c6a25a4d}.prev-btn{inset-inline-start:-45px}.next-btn{inset-inline-end:-45px}.onyx-bento-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:30px}.bento-dot{width:6px;height:6px;background:#ffffff4d;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #00000080;transition:background-color .3s ease,width .3s ease,box-shadow .3s ease,border-radius .3s ease}.bento-dot.active{background:#c6a25a;width:24px;border-radius:10px;box-shadow:0 0 10px #c6a25a99}@keyframes onyxBtnPulseGPU{0%,to{opacity:0}50%{opacity:1}}.onyx-bento-bottom-btn{display:inline-flex;position:relative;overflow:hidden;margin-top:40px;background:#111;color:#fff;text-decoration:none;padding:16px 36px;border-radius:40px;font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0009;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease}.onyx-bento-bottom-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 18px #c6a25a33;opacity:0;animation:onyxBtnPulseGPU 3s infinite ease-in-out;z-index:0;pointer-events:none}.onyx-bento-bottom-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease-in-out;z-index:1}.onyx-bento-bottom-btn span{position:relative;z-index:2;transition:color .4s ease}.onyx-bento-bottom-btn:hover{transform:translateY(-4px) scale(1.02);background:#151515;border-color:#c6a25a80;box-shadow:0 25px 45px #000c,0 0 25px #c6a25a40,inset 0 1px #fff3}.onyx-bento-bottom-btn:hover:after{animation:none;opacity:0}.onyx-bento-bottom-btn:hover span{color:#c6a25a}.onyx-bento-bottom-btn:hover:before{transform:translate(100%)}@media(max-width:900px){.onyx-bento-section{padding:50px 5% 60px}.onyx-bento-header{margin-bottom:25px}.onyx-bento-title{font-size:1.8rem}.onyx-bento-slider-wrapper{perspective:800px}.onyx-bento-track{align-items:stretch;perspective:none}.onyx-bento-slide{width:82%}.onyx-bento-slide.prev{transform:translate(-20%) scale(.88) rotateY(10deg) translateZ(-100px)}.onyx-bento-slide.next{transform:translate(20%) scale(.88) rotateY(-10deg) translateZ(-100px)}.onyx-bento-card{flex-direction:column;padding:16px;gap:15px;height:100%}.onyx-bento-image-box{height:260px;min-height:unset;border-radius:16px}.onyx-bento-content{text-align:center}.onyx-bento-content h3{font-size:1.35rem;margin-bottom:10px}.onyx-bento-content p{margin-bottom:20px;font-size:.85rem}.onyx-bento-stats{padding-top:15px;margin-top:0}.stat-item h4{font-size:1.15rem}.stat-item span{font-size:.65rem}.onyx-slider-btn{top:140px;width:38px;height:38px}.prev-btn{inset-inline-start:-12px}.next-btn{inset-inline-end:-12px}.onyx-bento-pagination{margin-top:25px}.onyx-bento-bottom-btn{margin-top:30px;padding:14px 28px;font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/onyx-cards.css.map */