.prod-page-container{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:black;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;margin:0;padding:0}.prod-page-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:50%;transition:opacity .8s ease-in-out;opacity:0;z-index:0;margin:0;padding:0}.prod-page-container.fading:before{opacity:.2}.prod-container{height:100vh;height:100dvh;width:100%;flex-direction:column;color:#fff;margin:0;padding:0;gap:5px}.prod-button,.prod-container{display:flex;align-items:center;justify-content:center;background-color:transparent;position:relative;overflow:hidden}.prod-button{padding:.5rem 1.5rem;transition:all .3s ease;text-align:center;z-index:3;border-color:transparent;cursor:url(/circle-cursor-white.png) 8 8,auto;width:auto;min-height:20px;max-height:55px}.prod-button h2{font-weight:600;color:#fff;transition:color .3s ease;position:relative;z-index:3;opacity:0;animation:fadeIn .5s ease-in-out forwards;animation-delay:var(--animation-delay)}.prod-button:hover h2{font-size:1.3rem}.prod-button:active h2{font-size:inherit}.video-wrapper{z-index:2;display:flex;justify-content:center;align-items:center;color:transparent}.background-video,.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.background-video{-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0;filter:blur(20px);pointer-events:none;transition:opacity .4s ease-in-out}.background-video[src]:not([src=""]){opacity:.35}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.parenthesis-container{display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.parenthesis{width:20px;height:auto;opacity:0;transition:opacity .3s ease,transform .3s ease}.left{transform:translateX(-10px)}.right{transform:translateX(10px)}.prod-button:hover .parenthesis{opacity:1;transform:translateX(0)}@media (max-width:768px){.prod-container{margin-top:0;min-height:0}.prod-button h2{font-size:.9rem}.prod-button:hover h2{font-size:1.1rem}.prod-button:active h2{font-size:inherit}}@media (max-width:480px){.prod-container{margin-top:0}.prod-button h2{font-size:.8rem}.prod-button:hover h2{font-size:1rem}.prod-button:active h2{font-size:inherit}.parenthesis{width:16px}}@media (max-height:800px){.prod-container{margin-top:0;min-height:0;gap:3px}.prod-button{padding:.4rem 1.2rem;max-height:45px}.prod-button h2{font-size:.95rem}.prod-button:hover h2{font-size:1.15rem}.prod-button:active h2{font-size:inherit}.parenthesis{width:18px}}@media (max-height:700px){.prod-container{margin-top:0;min-height:0;gap:2px}.prod-button{padding:.3rem 1rem;max-height:40px}.prod-button h2{font-size:.85rem}.prod-button:hover h2{font-size:1.05rem}.prod-button:active h2{font-size:inherit}.parenthesis{width:16px}}@media (max-height:600px){.prod-container{margin-top:0;min-height:0;gap:1px}.prod-button{padding:.25rem .8rem;max-height:35px}.prod-button h2{font-size:.75rem}.prod-button:hover h2{font-size:.95rem}.prod-button:active h2{font-size:inherit}.parenthesis{width:14px}.parenthesis-container{gap:8px}}