@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,700&display=swap);@font-face{font-family:"Material Symbols Rounded";font-style:normal;font-weight:100 700;font-display:swap;src:url(http://assets2.razerzone.com/assets/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2) format("woff2");font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 18}.gmd{font-family:"Material Symbols Rounded",sans-serif;font-family:"Material Symbols Rounded",sans-serif;font-display:swap;font-size:16px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 700,"GRAD" 0,"opsz" 16}.gmd::before{content:""}.hover-tiles{padding-top:2rem;padding-left:1rem;padding-right:1rem;font-family:"Titillium Web",RazerF5,Arial,Helvetica,sans-serif;max-width:1920px;margin:0 auto;padding-bottom:6.25rem;background:#000}@media screen and (max-width:768px){.hover-tiles{padding-bottom:3rem}}.hover-tiles a{color:#44d62c;text-decoration:none;text-underline-offset:3px}.hover-tiles a:hover{text-decoration:underline}.hover-tiles sup a{color:inherit;font-size:75%;vertical-align:middle;text-underline-offset:-10%!important;text-decoration-thickness:5%!important}.hover-tiles picture{display:block;line-height:0}.hover-tiles .body-copy{color:#888;margin:0;font:normal 1.125rem/1.3 "Titillium Web",RazerF5,Arial,Helvetica,sans-serif}.hover-tiles .tiles{display:flex;gap:1rem;min-height:580px;max-width:1140px;margin:0 auto}.hover-tiles .tiles.is-enter .tile-item{padding:0 0}@media only screen and (min-width:768px){.hover-tiles .tiles.is-enter .tile-item.expanded{padding:0 60px}.hover-tiles .tiles.is-enter .tile-item.expanded:after{opacity:1}}@media only screen and (min-width:768px){.hover-tiles .tiles.tiles-2 .tile-item .copy{max-width:400px}}@media only screen and (min-width:768px){.hover-tiles .tiles.tiles-3 .tile-item .copy{max-width:300px}}.hover-tiles .tiles .tile-item{display:inline-block;position:relative;background-color:#000;width:100%;padding:0;overflow:hidden}@media only screen and (min-width:768px){.hover-tiles .tiles .tile-item{padding:0 60px;border-radius:10px;border:1px solid rgba(0,0,0,.6);cursor:pointer;transition:padding .3s linear}.hover-tiles .tiles .tile-item:after{content:" ";transition:opacity .3s ease}.hover-tiles .tiles .tile-item:not(.expanded) .hidden-copy{height:0!important}}@media only screen and (max-width:768px){.hover-tiles .tiles .tile-item{display:grid;grid-template-rows:300px max-content}}@media only screen and (min-width:480px) and (max-width:768px){.hover-tiles .tiles .tile-item{width:calc(50% - 1rem)}}.hover-tiles .tiles .tile-item .header{color:#fff;font:700 24px/24px "Titillium Web",RazerF5,Arial,Helvetica,sans-serif;margin-bottom:1rem}.hover-tiles .tiles .tile-item .subheader{color:#bbb;font:bold 1.125rem/1.375rem Roboto;margin-bottom:1rem}@media only screen and (max-width:768px){.hover-tiles .tiles .tile-item .subheader{margin-top:0}}.hover-tiles .tiles .tile-item .copy{padding-bottom:20px;z-index:1;text-align:left;width:calc(100% / var(--tile-length))}@media only screen and (min-width:768px){.hover-tiles .tiles .tile-item .copy{position:absolute;left:1rem;bottom:0;max-width:230px}}@media only screen and (max-width:768px){.hover-tiles .tiles .tile-item .copy{width:auto!important;padding:0 20px 20px;grid-row:2;grid-column:1/-1}}@media only screen and (min-width:768px){.hover-tiles .tiles .tile-item .hidden-copy{opacity:0;transition:height .3s ease,opacity .2s ease .1s}}@media only screen and (max-width:768px){.hover-tiles .tiles .tile-item .hidden-copy{height:auto!important}}.hover-tiles .tiles .tile-item .body-copy{padding-top:0}.hover-tiles .tiles .tile-item .body-copy .link{margin-top:1rem;text-decoration:none}.hover-tiles .tiles .tile-item .body-copy .link a{text-decoration:none}.hover-tiles .tiles .tile-item .body-copy .link a:hover{text-decoration:underline}.hover-tiles .tiles .tile-item .bgimg{height:100%;width:100%;z-index:0;background-position:50% 0;background-repeat:no-repeat}@media only screen and (min-width:768px){.hover-tiles .tiles .tile-item .bgimg{position:absolute;top:0;left:50%;transform:translateX(-50%);background-size:auto 100%}}@media only screen and (max-width:768px){.hover-tiles .tiles .tile-item .bgimg{grid-row:1/-1;grid-column:1/-1;background-size:100% auto}}.hover-tiles .tiles .tile-item .bgimg:after{width:100%;height:100%;position:absolute;left:0;background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.5) 60%,#000 100%);z-index:0;opacity:0}@media only screen and (max-width:768px){.hover-tiles .tiles .tile-item .bgimg:after{content:" ";opacity:.8!important}}.hover-tiles .tiles .tile-item:after{width:100%;height:100%;position:absolute;left:0;background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.5) 60%,#000 100%);z-index:0;opacity:0}.hover-tiles .tiles .tile-item.expanded .hidden-copy{opacity:1}@media only screen and (min-width:480px) and (max-width:768px){.hover-tiles{padding-right:0}.hover-tiles .tiles{flex-wrap:wrap;flex-direction:row}}@media only screen and (max-width:768px){.hover-tiles .tiles{flex-direction:column}}.razer-rtl .hover-tiles .tiles .tile-item .copy{text-align:right;left:auto;right:1rem}