.pcgaming-wrapper{--brand-blue:#4876ff;--brand-lime:#0ea5e9;--brand-navy:#2e3192;--brand-orange:#0284c7;--brand-pink:#f7d0e9;--brand-purple:#692e54;--brand-gray:#0f172a;--step--2:clamp(.7813rem, .7747rem + .0326vw, .8rem);--step--1:clamp(.9375rem, .9158rem + .1087vw, 1rem);--step-0:clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1:clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--step-2:clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--step-3:clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--step-4:clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--step-5:clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);--step-6:clamp(3.3592rem, 2.8691rem + 2.4507vw, 4.7684rem);box-sizing:border-box;color:#fff;background:url(https://assets.codepen.io/1385231/bg-texture.webp) 50%/cover no-repeat;background-color:var(--brand-gray);min-height:100vh;padding:12px;font-family:DM Mono,monospace}.pcgaming-wrapper *{box-sizing:border-box}.pcgaming-wrapper h1,.pcgaming-wrapper h2,.pcgaming-wrapper h3{font-family:Bowlby One SC,cursive}.pcgaming-wrapper .container{width:100%;max-width:1200px;margin:0 auto}.pcgaming-wrapper .title-section h2{opacity:0;font-size:var(--step-6);text-transform:uppercase;text-align:center;margin-bottom:16px;line-height:1;animation:.6s linear .2s forwards slideInFromLeft;color:#fff!important}.pcgaming-wrapper .subtitle-section p{opacity:0;text-align:center;font-size:var(--step-0);margin-bottom:40px;animation:.6s linear .5s forwards slideInFromLeft}.pcgaming-wrapper .product-grid{--min:225px;--gap:1.25rem;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));display:grid}@media (min-width:768px){.pcgaming-wrapper .product-card:nth-child(2n){margin-top:4rem}}.pcgaming-wrapper .product-card{text-align:center;opacity:0;width:100%;max-width:18rem;max-height:600px;margin-inline:auto;padding:1rem 2rem 0;animation:.8s linear forwards slideInFromBottom;position:relative;overflow:hidden;transform:translateY(50px)}.pcgaming-wrapper .product-card:first-child{animation-delay:.8s}.pcgaming-wrapper .product-card:nth-child(2){animation-delay:1s}.pcgaming-wrapper .product-card:nth-child(3){animation-delay:1.2s}.pcgaming-wrapper .product-card:nth-child(4){animation-delay:1.4s}.pcgaming-wrapper .product-card:nth-child(5){animation-delay:1.6s}.pcgaming-wrapper .product-card:nth-child(6){animation-delay:1.8s}.pcgaming-wrapper .product-card:nth-child(7){animation-delay:2s}.pcgaming-wrapper .product-card:nth-child(8){animation-delay:2.2s}.pcgaming-wrapper .product-card:nth-child(9){animation-delay:2.4s}.pcgaming-wrapper .product-card:nth-child(10){animation-delay:2.6s}.pcgaming-wrapper .horizontal-line,.pcgaming-wrapper .vertical-line{stroke-width:2px;color:#a8a29e;opacity:.5;transition:opacity .3s}.pcgaming-wrapper .horizontal-line{width:calc(100% + 5rem);height:auto;margin-left:-8rem;margin-right:-8rem}.pcgaming-wrapper .vertical-line{height:100%;position:absolute;top:0}.pcgaming-wrapper .vertical-line.left{left:1rem}.pcgaming-wrapper .vertical-line.right{right:1rem}.pcgaming-wrapper .product-card:hover :is(.horizontal-line,.vertical-line){opacity:1}.pcgaming-wrapper .product-card img{-o-object-fit:contain;object-fit:contain;transform-origin:50%;width:90%;max-width:100%;height:auto;max-height:280px;margin:0 auto 16px;transition:transform .5s linear;display:block}.pcgaming-wrapper .product-card:hover img{transform:scale(1.1)}.pcgaming-wrapper .title-wrapper{height:50px;position:relative}.pcgaming-wrapper .product-title{font-size:var(--step-0);text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0;font-weight:700;display:-webkit-box;position:absolute;inset:0;overflow:hidden}.pcgaming-wrapper .product-details{font-size:var(--step-1);color:#fff;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.pcgaming-wrapper .product-button-wrapper{opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.pcgaming-wrapper .product-card:hover .product-button-wrapper,.pcgaming-wrapper .product-card:focus-within .product-button-wrapper{opacity:1}.pcgaming-wrapper .product-image-wrapper{margin-bottom:-.25rem;padding-inline:1rem;overflow:hidden}.pcgaming-wrapper .scribble-svg{width:100%;height:100%;animation:.5s infinite squiggle;position:absolute;inset:0}.pcgaming-wrapper .scribble-path{transform-origin:50%;opacity:.6;stroke-dasharray:1700;stroke-dashoffset:1700px;transition:stroke-dashoffset .5s ease-in}.pcgaming-wrapper .product-card:hover .scribble-path{stroke-dashoffset:0}@keyframes squiggle{0%{filter:url(#squiggle-0)}25%{filter:url(#squiggle-1)}50%{filter:url(#squiggle-2)}75%{filter:url(#squiggle-3)}to{filter:url(#squiggle-4)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pcgaming-wrapper .button-outer{filter:drop-shadow(0 1px #000)drop-shadow(-1px 0 #000)drop-shadow(1px 0 #000)drop-shadow(0 -1px #000)drop-shadow(5px 5px #000);transition:filter .3s ease-in-out}.pcgaming-wrapper .button-outer:hover{filter:drop-shadow(0 1px #000)drop-shadow(-1px 0 #000)drop-shadow(1px 0 #000)drop-shadow(0 -1px #000)drop-shadow(0 0 #000)}.pcgaming-wrapper .button-outer:hover .button-middle{transform:translate(5px,5px)}.pcgaming-wrapper .button-outer:hover .button-middle .button-inner{color:#fff;background-position:50% 100%}.pcgaming-wrapper .button-middle{cursor:pointer;font-family:monospace;font-size:var(--step-0);background:0 0;border:none;padding:0;font-weight:600;text-decoration:none;transition:transform .3s ease-in-out;position:relative}.pcgaming-wrapper .button-middle .button-inner{background:linear-gradient(to bottom, var(--brand-orange) 33%, var(--brand-lime) 66%) 50% 0% / 100% 400% no-repeat;color:#fff;padding:1rem;transition:color .3s ease-in-out,background-position .3s ease-in-out;position:relative}.pcgaming-wrapper .button-middle .button-inner:before,.pcgaming-wrapper .button-middle .button-inner:after{content:"";background:inherit;clip-path:polygon(100% 0,74% 28%,100% 29%,100% 70%,84% 78%,100% 100%,0 100%,0 0);width:1rem;height:100%;position:absolute;top:0;left:calc(100% - 1px)}.pcgaming-wrapper .button-middle .button-inner:after{clip-path:polygon(23% 19%,0 0,100% 0,100% 100%,0 100%,29% 79%,9% 80%,0 33%);left:calc(1px - 1rem)}.cyber-glitch-text{text-shadow:0 0 10px #fff6,0 0 20px;display:inline-block;position:relative}.cyber-glitch-text:before,.cyber-glitch-text:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.cyber-glitch-text:before{color:#0ff;z-index:-1;animation:2s linear infinite alternate-reverse glitch-anim-1}.cyber-glitch-text:after{color:#f0f;z-index:-2;animation:3s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-anim-1{0%{clip-path:polygon(0 15%,100% 15%,100% 25%,0 25%);transform:translate(-2px,1px)}20%{clip-path:polygon(0 65%,100% 65%,100% 75%,0 75%);transform:translate(2px,-1px)}40%{clip-path:polygon(0 35%,100% 35%,100% 45%,0 45%);transform:translate(-2px,-2px)}60%{clip-path:polygon(0 85%,100% 85%,100% 95%,0 95%);transform:translate(2px,2px)}80%{clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%);transform:translate(-1px,1px)}to{clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%);transform:translate(1px,-1px)}}@keyframes glitch-anim-2{0%{clip-path:polygon(0 85%,100% 85%,100% 95%,0 95%);transform:translate(2px,-1px)}20%{clip-path:polygon(0 15%,100% 15%,100% 25%,0 25%);transform:translate(-2px,1px)}40%{clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%);transform:translate(2px,2px)}60%{clip-path:polygon(0 65%,100% 65%,100% 75%,0 75%);transform:translate(-2px,-2px)}80%{clip-path:polygon(0 35%,100% 35%,100% 45%,0 45%);transform:translate(1px,-1px)}to{clip-path:polygon(0 5%,100% 5%,100% 15%,0 15%);transform:translate(-1px,1px)}}