.products{min-height:100vh;padding-inline:var(--pd-x);padding-bottom:var(--pd-y);background:#c59e8800;padding-top:30vh;position:relative}.products a{text-decoration:underline}.video-wrapper{border-radius:1rem;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.products:before{content:"";background:linear-gradient(#fff0,#fff);width:100%;height:20vh;position:absolute;bottom:0;left:0}.products h1{margin-bottom:4vh;font-size:3rem;font-weight:200}.products-subtitle{text-align:center;color:#555;max-width:800px;margin:0 auto 8vh;font-size:1.2rem;font-weight:300;line-height:1.6}.products-container{gap:1rem;height:28rem;margin:0 auto;display:flex}.product-card{cursor:pointer;will-change:flex;backface-visibility:hidden;border-radius:1rem;flex:1;position:relative;overflow:hidden;transform:translateZ(0)}.video-container{z-index:1;background:#000;width:100%;height:100%;position:absolute;inset:0}.product-video{object-fit:cover;will-change:transform;backface-visibility:hidden;z-index:1;border-radius:1rem;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.video-poster{object-fit:cover;z-index:1;border-radius:1rem;width:100%;height:100%;position:absolute;top:0;left:0}.video-skeleton{z-index:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:1rem;width:100%;height:100%;animation:1.5s infinite loading;position:absolute;inset:0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.overlay{z-index:2;transition:background-color .3s;position:absolute;inset:0}.content{color:#fff;z-index:4;padding:2rem;position:absolute;bottom:0;left:0;right:0}.horizontal-content{opacity:0}.horizontal-content h3{color:#fff;text-shadow:0 2px 8px #0000004d;margin-bottom:.75rem;font-size:1.75rem}.horizontal-content p{opacity:.95;color:#ffffffe6;text-shadow:0 1px 4px #0006;max-width:90%;font-size:.95rem;line-height:1.6}.vertical-title{writing-mode:vertical-rl;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px #00000080;height:fit-content;font-size:.9rem;transform:rotate(180deg)}.products-each{flex-direction:column;gap:10rem;padding-top:20vh;padding-bottom:10vh;display:flex}.product-section{border-radius:1rem;flex-direction:row;align-items:center;height:100vh;padding:0;display:flex}.content-side{flex-direction:column;flex:1;justify-content:center;padding:80px 40px 80px 0;display:flex}.image-side{background:#f5f5f5;border-radius:1rem;flex:1;height:70vh;position:relative;overflow:hidden}.image-side .video-container{z-index:3;background:#e8e8e8;width:100%;height:100%;position:absolute;inset:0}.product-video-detail{object-fit:cover;will-change:transform;backface-visibility:hidden;z-index:4;background:#d0d0d0;border-radius:1rem;width:100%;height:100%;transition:transform .6s}.image-side:hover .product-video-detail{transform:scale(1.05)}.product-title{color:#202020;letter-spacing:-1px;margin-bottom:40px;font-size:3rem;font-weight:300;line-height:1.1}.product-description{color:#5a6c7d;max-width:90%;margin-bottom:50px;font-size:1rem;line-height:1.8}.image-overlay{z-index:2;background:linear-gradient(45deg,#2c3e501a 0%,#0000 50%,#2c3e501a 100%);position:absolute;inset:0}.product-section .btn{width:fit-content}@media (max-width:1024px){.products h1{font-size:2.5rem}.products-subtitle{max-width:700px;margin-bottom:6vh;font-size:1.1rem}.products-container{gap:1rem;height:24rem}.content{padding:1.5rem}.product-section{height:auto;min-height:auto;flex-direction:column!important}.product-section:nth-child(2n){flex-direction:column!important}.content-side,.product-section:nth-child(2n) .content-side{padding:60px 40px}.image-side{height:60vh}.product-title{margin-bottom:30px;font-size:2.5rem}.product-description{max-width:100%;font-size:1.1rem}}@media (max-width:768px){.products h1{font-size:2rem}.products-subtitle{max-width:100%;margin-bottom:5vh;padding:0 1rem;font-size:1rem}.products-container{flex-direction:column;gap:1rem;height:auto;min-height:700px}.vertical-title{transform:translate(-50%,-50%)}.product-card{flex:none;height:200px;min-height:200px;transition:height .4s}.vertical-title{writing-mode:horizontal-tb;text-align:center;letter-spacing:.05em;text-align:center;width:100%;padding:0 1rem;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.horizontal-content h3{margin-bottom:.5rem;font-size:1.3rem}.product-title{margin-bottom:2rem!important}.horizontal-content p{max-width:100%;font-size:.8rem;line-height:1.4}.content{padding:1rem}.overlay{background-color:#0000004d}.content-side{padding:0!important}.image-side{height:50vh}.product-title{margin-bottom:25px;font-size:2rem}.product-description{font-size:1rem;line-height:1.2;margin-bottom:2rem!important}.products-each{gap:8rem;padding-bottom:0}.products .btn{margin-bottom:2rem}.video-container{position:relative}.touch-indicator{z-index:15!important;padding:4px 8px!important;font-size:10px!important;top:8px!important;right:8px!important}.touch-icon{width:30px;height:18px;position:relative;font-size:12px!important}.video-container{contain:layout style paint}}@media (max-width:480px){.products{padding-inline:1rem;padding-top:0}.image-side{contain:layout style paint;max-height:30vh!important}.product-card{will-change:transform;transform:translateZ(0)}.products h2{margin-bottom:4vh;font-size:1.75rem}.products-subtitle{margin-bottom:4vh;font-size:.9rem;line-height:1.5}.products-container{gap:.4rem}.product-card{border-radius:.75rem;height:200px;min-height:200px}.vertical-title{font-size:.9rem}.horizontal-content h3{font-size:1.2rem}.horizontal-content p{font-size:.75rem}.content{padding:.75rem}}@media (max-width:768px){.products-container{flex-direction:column;gap:1rem;height:auto;min-height:700px}.product-card{flex:none;height:200px;min-height:200px;transition:height .4s}.vertical-title{text-align:left;letter-spacing:.05em;width:100%;padding:0 1rem;font-size:1rem;position:absolute;top:50%;left:50%;writing-mode:horizontal-tb!important;padding-bottom:1.4rem!important;transform:translate(-50%,-50%)!important}.horizontal-content h3{margin-bottom:.5rem;font-size:1.3rem}.horizontal-content p{max-width:100%;font-size:.8rem;line-height:1.4}}.touch-indicator{color:#333;z-index:10;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:10px;right:10px;transform:scale(2)translateY(20px)}.touch-indicator.visible{opacity:1;pointer-events:auto;animation:2s cubic-bezier(.16,1,.3,1) forwards touchSlideUp;transform:scale(1)translateY(0)}.touch-indicator.hidden{opacity:0;pointer-events:none;transition:all 2s cubic-bezier(.16,1,.3,1);transform:scale(.8)translateY(20px)}.touch-icon{justify-content:center;align-items:center;animation:2s ease-in-out infinite touchPulse;display:flex}@keyframes touchSlideUp{0%{opacity:0;transform:scale(.8)translateY(20px)}50%{opacity:1;transform:scale(1.1)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes touchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.touch-indicator{padding:6px;top:5px;right:5px}.touch-indicator.visible{animation:.5s cubic-bezier(.16,1,.3,1) forwards touchSlideUpMobile}.touch-icon{animation:1.5s ease-in-out infinite touchPulseMobile}}@keyframes touchSlideUpMobile{0%{opacity:0;transform:scale(.7)translateY(15px)}50%{opacity:1;transform:scale(1.05)translateY(-1px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes touchPulseMobile{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (max-width:768px){.products{padding-top:10vh}.products h2{font-size:2.5rem}.products-subtitle{margin-bottom:6vh;font-size:1rem}.products-container{flex-direction:column;gap:1rem;height:auto}.product-card{flex:none;height:120px}.product-card.active{height:320px}.products-each .product-section{flex-direction:column!important;height:auto!important;min-height:auto!important}.products-each .content-side{order:1;flex:none!important;padding:0!important}.products-each .image-side{order:2;flex:none!important;width:100%!important;height:50vh!important;min-height:300px!important;position:relative!important}.products-each .video-container,.products-each .image-side .video-container{z-index:5!important;width:100%!important;height:100%!important;position:absolute!important}.products-each .product-video-detail{object-fit:cover!important;z-index:6!important;width:100%!important;height:100%!important}.products-each .touch-indicator{padding:6px;animation:.5s cubic-bezier(.16,1,.3,1) forwards touchSlideUpMobile;top:5px;right:5px;z-index:10!important}.products-each .touch-icon{animation:1.5s ease-in-out infinite touchPulseMobile}.replay-button{padding:12px 20px;font-size:14px}}.play-overlay{z-index:7;cursor:pointer;opacity:1;pointer-events:auto;background:#0009;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;left:0;transform:scale(1)}.play-overlay.visible{opacity:1;pointer-events:auto;visibility:visible;animation:.5s cubic-bezier(.16,1,.3,1) forwards playOverlayAppear}.play-overlay.hidden{opacity:0;pointer-events:none;visibility:hidden;animation:.4s cubic-bezier(.16,1,.3,1) forwards playOverlayDisappear}.play-icon{color:#fff;filter:drop-shadow(0 2px 8px #00000080);font-size:60px;transition:all .3s;animation:2s ease-in-out infinite playIconPulse}.play-overlay:hover .play-icon{filter:drop-shadow(0 4px 16px #000000b3);transform:scale(1.1)}@keyframes playOverlayAppear{0%{opacity:0;background:#0000004d;transform:scale(.8)rotate(-5deg)}50%{opacity:1;background:#0009;transform:scale(1.05)rotate(2deg)}to{opacity:1;background:#0009;transform:scale(1)rotate(0)}}@keyframes playOverlayDisappear{0%{opacity:1;background:#0009;transform:scale(1)rotate(0)}50%{opacity:.5;background:#0000004d;transform:scale(1.1)rotate(-2deg)}to{opacity:0;visibility:hidden;background:0 0;transform:scale(.8)rotate(-5deg)}}@keyframes playIconPulse{0%,to{filter:drop-shadow(0 2px 8px #00000080);transform:scale(1)}50%{filter:drop-shadow(0 4px 16px #000000b3);transform:scale(1.05)}}@media (max-width:768px){.play-overlay{background:#000000b3}.play-icon{font-size:50px}.play-overlay.visible{animation:.4s cubic-bezier(.16,1,.3,1) forwards playOverlayAppearMobile}.play-overlay.hidden{animation:.3s cubic-bezier(.16,1,.3,1) forwards playOverlayDisappearMobile}}@keyframes playOverlayAppearMobile{0%{opacity:0;transform:scale(.7)translateY(10px)}50%{opacity:1;transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes playOverlayDisappearMobile{0%{opacity:1;transform:scale(1)translateY(0)}50%{opacity:.3;transform:scale(1.05)translateY(-5px)}to{opacity:0;visibility:hidden;transform:scale(.8)translateY(10px)}}