.video-showcase{background:#4270b733}.video-showcase__title-wrapper{text-align:center;margin-bottom:60px}.video-showcase__title{color:#304447;font-size:36px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:900;letter-spacing:1.08px;word-wrap:break-word;margin:0;padding-bottom:20px;position:relative;display:inline-block}.video-showcase__title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8155a3 0% 25%,#f2c01c 25% 50%,#ef7f30 50% 75%,#4270b7 75% 100%);border-radius:2px}.video-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;max-width:1200px;margin:0 auto 80px}.video-showcase__item{display:flex;flex-direction:column}.video-showcase__video-wrapper{margin-bottom:20px}.video-showcase__video{position:relative;width:100%;aspect-ratio:16/9;background:#333;border-radius:12px;overflow:hidden;cursor:pointer}.video-showcase__video video{width:100%;height:100%;object-fit:cover}.video-showcase__video--placeholder{background:#333;display:flex;align-items:center;justify-content:center}.video-showcase__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:.8}.video-showcase__video:hover .video-showcase__play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-showcase__content{flex-grow:1}.video-showcase__header{display:flex;align-items:center;margin-bottom:15px}.video-showcase__number{font-size:24px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:700;line-height:1;flex-shrink:0}.video-showcase__number--1{color:#8155a3}.video-showcase__number--2{color:#f2c01c}.video-showcase__number--3{color:#4270b7}.video-showcase__number--4{color:#ef7f30}.video-showcase__number--5{color:#8155a3}.video-showcase__number--6{color:#f2c01c}.video-showcase__separator{font-size:24px;font-family:Inter,Arial,sans-serif;font-weight:600;margin:0 8px}.video-showcase__separator--1{color:#8155a3}.video-showcase__separator--2{color:#f2c01c}.video-showcase__separator--3{color:#4270b7}.video-showcase__separator--4{color:#ef7f30}.video-showcase__separator--5{color:#8155a3}.video-showcase__separator--6{color:#f2c01c}.video-showcase__video-title{color:#304447;font-size:18px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:700;line-height:1.3;margin:0;letter-spacing:.5px}.video-showcase__description{color:#304447;font-size:14px;font-family:Noto Sans TC,Arial,sans-serif;font-weight:400;line-height:1.6;letter-spacing:.3px}.video-showcase__description p{margin:0}.video-showcase__large-video{margin-top:40px}.video-showcase__large-video-wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:16/9;background:#333;border-radius:16px;overflow:hidden;cursor:pointer}.video-showcase__large-video-wrapper video{width:100%;height:100%;object-fit:cover}.video-showcase__large-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:.8}.video-showcase__large-video-wrapper:hover .video-showcase__large-play-button{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.video-showcase__youtube-thumbnail{width:100%;height:100%;position:relative}.video-showcase__youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.video-showcase__video--youtube,.video-showcase__large-video-youtube{position:relative;width:100%;aspect-ratio:16/9;background:#333;border-radius:12px;overflow:hidden;cursor:pointer}.video-showcase__large-video-youtube{border-radius:16px}.video-showcase__video video,.video-showcase__large-video-wrapper video{cursor:pointer}.video-showcase__video video,.video-showcase__large-video-wrapper video{pointer-events:auto}.video-showcase__video.playing video[controls],.video-showcase__large-video-wrapper.playing video[controls]{pointer-events:auto}.video-showcase__video.playing .video-showcase__play-button,.video-showcase__large-video-wrapper.playing .video-showcase__large-play-button{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease}@media screen and (max-width: 990px){.video-showcase__grid{grid-template-columns:repeat(2,1fr);gap:30px 25px;margin-bottom:60px}.video-showcase__title{font-size:32px}.video-showcase__video-title{font-size:16px}.video-showcase__description{font-size:13px}}@media screen and (max-width: 750px){.video-showcase__grid{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.video-showcase__title{font-size:28px;letter-spacing:.8px}.video-showcase__title:after{height:3px}.video-showcase__title-wrapper{margin-bottom:40px}.video-showcase__video{border-radius:8px}.video-showcase__large-video-wrapper{border-radius:12px}.video-showcase__play-button svg{width:50px;height:50px}.video-showcase__large-play-button svg{width:70px;height:70px}}@media screen and (max-width: 480px){.video-showcase__title{font-size:24px;letter-spacing:.6px}.video-showcase__grid{gap:25px}.video-showcase__number{font-size:22px}.video-showcase__separator{font-size:22px;margin:0 6px}.video-showcase__video-title{font-size:15px}.video-showcase__description{font-size:12px;line-height:1.5}.video-showcase__play-button svg{width:45px;height:45px}.video-showcase__large-play-button svg{width:60px;height:60px}}@media (prefers-reduced-motion: no-preference){.video-showcase__item.scroll-trigger.animate--slide-in,.video-showcase__large-video.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.video-showcase__item.scroll-trigger.animate--slide-in.animated,.video-showcase__large-video.scroll-trigger.animate--slide-in.animated{opacity:1;transform:translateY(0)}.video-showcase__item.scroll-trigger.animate--slide-in[data-cascade]{transition-delay:calc(var(--animation-order) * .1s)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-showcase.css.map */