.onebox-videos{position:relative;background:#000;padding:0 0 120px;overflow:hidden}.transition-wave{position:absolute;top:-119px;left:0;right:0;height:120px;z-index:2}.transition-wave svg{width:100%;height:100%}.videos-wrapper{position:relative}.videos-container{max-width:1200px;margin:0 auto;padding:40px 40px 0;position:relative;z-index:1}.videos-header{text-align:center;margin-bottom:80px}.header-badge{display:inline-block;margin-bottom:24px}.header-badge span{display:inline-block;padding:8px 24px;background:transparent;border:1px solid rgba(202,167,235,.5);border-radius:30px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#caa7eb;position:relative;overflow:hidden}.header-badge span:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#caa7eb33;transition:left .5s ease}.header-badge:hover span:before{left:100%}.videos-title{margin:0 0 16px}.title-small{display:block;font-family:Phonic,Helvetica,system-ui,-apple-system,"system-ui",Arial,sans-serif;font-size:24px;font-weight:300;line-height:1.2;letter-spacing:-1px;color:var(--color-foreground-secondary);margin-bottom:8px}.title-large{display:block;font-family:Phonic,Helvetica,system-ui,-apple-system,"system-ui",Arial,sans-serif;font-size:72px;font-weight:700;line-height:1.2;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#caa7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}.video-card{position:relative;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.video-card:hover{transform:translateY(-8px)}.video-card.featured{grid-column:2;transform:scale(1.05)}.video-card.featured:hover{transform:scale(1.05) translateY(-8px)}.card-number{position:absolute;top:-20px;left:-20px;width:60px;height:60px;background:#caa7eb1a;border:1px solid #caa7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#caa7eb;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.featured-badge{position:absolute;top:20px;right:20px;padding:6px 16px;background:#caa7eb;color:#000;font-size:11px;font-weight:700;letter-spacing:.05em;border-radius:20px;z-index:3}.card-content{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:all .3s ease}.video-card:hover .card-content{background:#ffffff0d;border-color:#caa7eb80;box-shadow:0 20px 40px #caa7eb4d}.video-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-card:hover .thumbnail-overlay{background:#caa7eb33}.play-icon{transform:scale(1);transition:transform .3s ease}.video-card:hover .play-icon{transform:scale(1.2)}.play-icon svg{filter:drop-shadow(0 0 20px rgba(202,167,235,.5))}.duration-badge{position:absolute;bottom:16px;right:16px;padding:6px 12px;background:#000c;border-radius:4px;font-size:14px;font-weight:500}.thumbnail-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at center,rgba(202,167,235,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.video-card:hover .thumbnail-glow{opacity:1}.video-info{padding:24px}.video-info .video-title{font-size:28px;font-weight:600;margin:0 0 12px;color:var(--color-foreground)}.video-description{font-size:18px;font-weight:400;color:var(--color-foreground-secondary);line-height:1.5;margin:0 0 20px}.watch-cta{display:inline-flex;align-items:center;gap:8px;color:#caa7eb;font-weight:500;transition:gap .3s ease}.video-card:hover .watch-cta{gap:16px}.progress-indicator{position:relative;max-width:400px;margin:0 auto}.progress-line{height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:33.33%;background:#caa7eb;transition:width .5s ease}.progress-dots{display:flex;justify-content:space-between;margin-top:-8px}.dot{width:16px;height:16px;background:#fff3;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot.active{background:#caa7eb;transform:scale(1.2)}.video-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}.video-modal.active{display:flex!important;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;cursor:pointer;z-index:1}.modal-content{position:relative;width:90%;max-width:1200px;z-index:10001;background:#1e1e1ef2;padding:20px;border-radius:12px;border:1px solid #caa7eb}.modal-close{position:absolute;top:-60px;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:10px;transition:transform .2s ease;z-index:3}.modal-close:hover{transform:scale(1.1)}@media (max-width: 1024px){.video-showcase{grid-template-columns:1fr;gap:40px}.video-card.featured{grid-column:1;transform:scale(1)}.video-card.featured:hover{transform:translateY(-10px)}}@media (max-width: 768px){.onebox-videos{padding:0 0 80px}.videos-container{padding:60px 20px 0}.title-large{font-size:48px}.card-number{width:50px;height:50px;font-size:20px;top:-15px;left:-15px}.modal-close{top:-40px}}@media (max-width: 425px){.title-small{font-size:18px}.title-large{font-size:36px}.videos-header{margin-bottom:60px}.video-info{padding:20px}.video-info .video-title{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/onebox-videos.css.map */