.video-carousel-section *{box-sizing:border-box}.video-carousel-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;position:relative;overflow:visible;font-family:Nightmare Gothic,sans-serif!important;margin-top:0!important;padding-top:0!important}.about-title{position:absolute;left:50%;transform:translate(-50%);pointer-events:none;white-space:nowrap;font-size:42px;font-weight:400;font-family:Nightmare Gothic,sans-serif!important;background:#111;-webkit-background-clip:text;background-clip:text;color:transparent;top:12px}.carousel-container{width:100%;max-width:1200px;height:520px;position:relative;margin-top:64px;overflow:visible;padding:0 20px}.carousel-track{height:100%;display:flex;align-items:center;justify-content:center;gap:24px;will-change:transform;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.carousel-track .track-spacer{width:0;height:1px;flex:0 0 auto}.card2{position:relative;width:280px;aspect-ratio:4 / 5;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px #00000026;cursor:pointer;flex:0 0 auto;margin-bottom:5px}.card2.card--portrait{aspect-ratio:9 / 16}.card2.card--landscape{aspect-ratio:16 / 9}.video-thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease,opacity .4s ease}.card2.card--portrait .video-thumbnail{object-fit:contain;background:#000}.video-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;font-weight:600}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;pointer-events:auto;z-index:10}.card2 .play-overlay{opacity:1}.play-button{width:80px;height:80px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;transform:scale(.9);transition:transform .25s ease,background .25s ease,box-shadow .25s ease;box-shadow:0 8px 20px #0000004d;border:3px solid rgba(255,255,255,.2)}.card2:hover .play-button{transform:scale(1);background:#000000e6;box-shadow:0 12px 30px #0006;border-color:#fff6}.member-info{text-align:center;margin-top:40px;transition:opacity .3s ease-out,transform .3s ease-out}.member-name{color:#082a7b;font-size:2.5rem;font-weight:700;margin-bottom:10px;position:relative;display:inline-block}.member-name:before,.member-name:after{content:"";position:absolute;top:100%;width:100px;height:2px;background:#082a7b}.member-name:before{left:-120px}.member-name:after{right:-120px}.member-role{color:#848696;font-size:1.5rem;font-weight:500;opacity:.85;text-transform:uppercase;letter-spacing:.1em;padding:10px 0;margin-top:-15px;position:relative}.dots{display:flex;justify-content:center;gap:10px;margin-top:60px}.dot{width:12px;height:12px;border-radius:50%;background:#082a7b40;cursor:pointer;transition:transform .2s ease,background .2s ease}.dot.active{background:#082a7b;transform:scale(1.2)}.nav-arrow{display:none!important}.video-modal{display:none!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center}.video-modal.open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:99999!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;cursor:pointer;z-index:99999;width:100vw;height:100vh}.modal-content{position:relative;background:transparent;padding:10px;width:auto;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:0;overflow:visible;z-index:100000;display:grid;place-items:center;box-sizing:border-box}.modal-body{width:auto;height:auto;max-width:100%;max-height:100%;background:#000;border-radius:8px;overflow:hidden;display:grid;place-items:center}.modal-body>iframe,.modal-body>video{width:100%;height:100%;display:block}.modal-body.is-16x9{aspect-ratio:16 / 9}.modal-body.is-9x16{aspect-ratio:9 / 16}.modal-close{position:absolute;top:10px;right:10px;background:#000c;color:#fff;border:2px solid rgba(255,255,255,.3);font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:100001;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,border-color .2s ease;font-weight:700}.modal-close:hover{background:#ffffffe6;color:#000;border-color:#ffffffe6;transform:scale(1.05)}html.no-scroll{overflow:hidden}.video-modal.open:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9!important;z-index:99998!important;pointer-events:auto!important;width:100vw;height:100vh}.card2:hover .video-thumbnail{transform:scale(1.03)}@media (max-width: 1024px){.carousel-container{max-width:900px;height:460px;overflow:hidden}.card2{width:240px}.carousel-track{justify-content:flex-start}}@media (max-width: 768px){.video-carousel-section{min-height:420px;padding:20px 0}.about-title{font-size:7rem}.carousel-container{max-width:100%;height:300px;margin-top:200px;padding:0 20px;overflow:hidden}.carousel-track{gap:16px}.card2{width:200px}.card2{aspect-ratio:4 / 5}.card2 .play-overlay{opacity:1!important;pointer-events:auto!important}.card2 .play-button{transform:scale(1);background:#000000b3}.member-info{margin-top:30px;padding:0 20px}.member-name{font-size:1.8rem}.member-role{font-size:1.1rem}.member-name:before,.member-name:after{width:40px}.member-name:before{left:-50px}.member-name:after{right:-50px}.dots{margin-top:40px}.modal-content{width:95%;margin:10px;padding:15px}.play-button{width:60px;height:60px;font-size:24px}}@media (max-width: 480px){.about-title{font-size:29px;top:30px}.carousel-container{height:300px;margin-top:100px}.carousel-track{gap:12px}.card2{width:200px}.member-name{font-size:1.4rem}.member-role{font-size:.9rem}.member-name:before,.member-name:after{width:30px}.member-name:before{left:-40px}.member-name:after{right:-40px}.play-button{width:50px;height:50px;font-size:20px}.modal-content{width:98%;margin:5px;padding:10px}.modal-close{top:-8px;right:-8px;width:38px;height:38px;font-size:20px}}@media (max-width: 360px){.about-title{font-size:29px}.carousel-track{gap:10px}.card2{width:140px}.member-name{font-size:1.2rem}.member-role{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.carousel-track,.card2,.play-button{transition:none!important}}.video-carousel-section .carousel-track{touch-action:pan-y}@media (min-width: 1025px){.video-carousel-section .carousel-track{cursor:default}.video-carousel-section .dots{display:none!important}.video-carousel-section .card2:nth-child(n+6){display:none!important}}.video-carousel-section{width:100%;max-width:100vw;overflow-x:hidden}.carousel-container{width:min(1200px,100%);max-width:100%;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));margin-left:auto;margin-right:auto;overflow:hidden}.carousel-track{margin:0;will-change:transform;transform:translateZ(0)}.card2{max-width:100%}.carousel-track .track-spacer{width:0!important}@media (max-width: 1024px){.video-carousel-section,.carousel-container{max-width:100vw;overflow-x:hidden}.carousel-track{padding:0}}.video-modal{overflow:visible!important}@media (min-width: 1025px){.video-carousel-section{overflow-x:visible;max-width:none}.carousel-container{width:100%;max-width:1200px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;overflow:visible}.carousel-track{justify-content:center;transform:translateZ(0)}.carousel-track .track-spacer{width:0}.card2{max-width:none}.video-modal{overflow:visible!important}}.video-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;display:none!important}.video-modal.open{display:flex!important;align-items:center!important;justify-content:center!important}.video-modal .modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000d9!important;z-index:100000!important;width:100vw!important;height:100vh!important}.video-modal .modal-content{position:relative!important;z-index:100001!important;background:transparent!important;padding:16px!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;display:grid!important;place-items:center!important;overflow:visible!important}.video-modal .modal-body{position:relative!important;width:min(92vw,1100px)!important;max-height:90vh!important;aspect-ratio:16 / 9!important;background:#000!important;border-radius:8px!important;overflow:hidden!important}.video-modal .modal-body.is-9x16{aspect-ratio:9 / 16!important}.video-modal .modal-body.is-16x9{aspect-ratio:16 / 9!important}.video-modal .modal-body>iframe,.video-modal .modal-body>video{width:100%!important;height:100%!important;display:block!important;border:0!important}.video-modal .modal-close{position:absolute!important;z-index:100002!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#000000bf!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;cursor:pointer!important;font-weight:700!important;top:0!important;right:0!important;left:auto!important;transform:translate(50%,-50%)!important}.video-modal .modal-body{position:relative!important}.video-modal .modal-close{position:absolute!important;top:0!important;right:0!important;left:auto!important;transform:translate(50%,-50%)!important}@media (max-width: 640px){.video-modal .modal-close{width:32px!important;height:32px!important;transform:translate(35%,-35%)!important}}@media (max-width: 640px){.video-modal .modal-content{padding:12px!important;width:100%!important;max-width:100vw!important;margin:0!important;display:grid!important;place-items:center!important}.video-modal .modal-body{width:calc(100vw - 24px)!important;max-width:100%!important;max-height:calc(100vh - 24px)!important;margin:0 auto!important;display:grid!important;place-items:center!important}.video-modal .modal-body>iframe,.video-modal .modal-body>video{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}}.video-modal .modal-close{right:20px!important;transform:translateY(-50%)!important}@media (max-width: 640px){.video-modal .modal-close{right:8px!important;top:5px;transform:translateY(-50%)!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/video-carousel.css.map */