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