301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: aspyr.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="canonical" href=""> <title>Aspyr</title> <meta name="description" content="Hi, We're Aspyr, a leading entertainment publisher that creates, packages and delivers fun to millions around the world. Hailing from Austin, Texas, Aspyr strives relentlessly to ensure a quality experience for our industry partners and our players." /> <meta name="keywords" content="aspyr,mac,publisher,pc,videogames,games" /> <meta property="og:title" content="Aspyr Media"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.aspyr.com"> <meta property="og:site_name" content="Aspyr Media"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="apple-touch-icon" sizes="72x72" href="https://d250f2ux8pmbq4.cloudfront.net/assets/favicon/apple-icon-72x72-01141508.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://d250f2ux8pmbq4.cloudfront.net/assets/favicon/apple-icon-144x144-c9809381.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://d250f2ux8pmbq4.cloudfront.net/assets/favicon/android-icon-192x192-198e8467.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://d250f2ux8pmbq4.cloudfront.net/assets/favicon/favicon-96x96-42b0f6d5.png"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/assets/favicon/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://d250f2ux8pmbq4.cloudfront.net/assets/application-f7e6d2de.css" data-turbo-track="reload" /> <script src="https://d250f2ux8pmbq4.cloudfront.net/assets/application-8ac64a4c.js" data-turbo-track="reload" type="module"></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="DSHAVuwyCxrJ0aEMjn3KqhV6UM6ZYalGR2MsZRuhboVmhIegUEo7m6Fwd4RtZDRBCO9SYE5op8XQkEXBUX8eKQ" /> <meta name="state" content="538967fe7695de5ad4fb33dcad1c563c90773975575a1575" /> </head> <body> <div class="search" id="full-search"> <div class="search-container container"> <form class="search-form" action="/search" method="get"> <input name="search_term" id="search_term" class="search-input" placeholder="Search for a game"> <input class="search-submit" type="submit"> </form> <div class="search-platforms"> <p class="search-heading">Search by platform</p> <a class="search-platform" href="search?search_term=&platform%5B%5D=Android"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-android-5dd356b4.svg" /> <span class="search-platform-name">Android</span> </a> <a class="search-platform" href="search?search_term=&platform%5B%5D=iOS"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-ios-c07b6425.svg" /> <span class="search-platform-name">iOS</span></a> <a class="search-platform" href="search?search_term=&platform%5B%5D=Linux"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-linux-ff54cdb4.svg" /> <span class="search-platform-name">Linux</span> </a> <a class="search-platform" href="search?search_term=&platform%5B%5D=Mac"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-mac-b8c26806.svg" /> <span class="search-platform-name">Mac</span> </a> <a class="search-platform" href="search?search_term=&platform%5B%5D=Nintendo"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-nintendo-880ed25f.svg" /> <span class="search-platform-name">Nintendo</span> </a> <a class="search-platform" href="search?search_term=&platform%5B%5D=PS4"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-playstation-135f90bf.svg" /> <span class="search-platform-name">PlayStation</span></a> <a class="search-platform" href="search?search_term=&platform%5B%5D=Windows"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-windows-4ebf7551.svg" /> <span class="search-platform-name">Windows</span> </a> <a class="search-platform" href="search?search_term=&platform%5B%5D=Xbox One"> <img class="search-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/icon-xbox-612a8285.svg" /> <span class="search-platform-name">XBOX</span> </a> </div> </div> </div><!-- END search --> <div class="menu" style="z-index: 10001;"> <div class="menu-container container"> <div class="menu-links"> <a class="menu-link" href="/work">Work</a> <a class="menu-link" href="/about">About</a> <a class="menu-link" href="/games">Games</a> <a class="menu-link" href="/careers">Careers</a> </div> <div class="menu-other"> <a class="menu-other-link" target="_blank" href="https://support.aspyr.com/">Game Support</a> <a class="menu-other-link" target="_blank" href="/contact">Contact Us</a> <a class="menu-other-link" href="/account">Register Your Game</a> </div> <div class="menu-social"> <a class="menu-social-link menu-social-link-facebook" href="https://www.facebook.com/aspyrmedia/">Facebook</a> <a class="menu-social-link menu-social-link-twitter" href="https://twitter.com/AspyrMedia">Twitter</a> <a class="menu-social-link menu-social-link-linkedin" href="https://www.linkedin.com/company/aspyr-media/">LinkedIn</a> <a class="menu-social-link menu-social-link-youtube" href="https://www.youtube.com/c/aspyrmedia">YouTube</a> <a class="menu-social-link menu-social-link-instagram" href="https://www.youtube.com/c/aspyrmedia" >Instagram</a> </div> </div> </div> <nav class="nav" style="z-index: 10001;"> <div class="nav-container container"> <div class="nav-links"> <a class="nav-link" data-turbolinks="false" href="/work">Work</a> <a class="nav-link" data-turbolinks="false" href="/about">About</a> <a class="nav-link" data-turbolinks="false" href="/games">Games</a> <a class="nav-link" data-turbolinks="false" href="/careers">Careers</a> </div> <a class="nav-logo" data-turbolinks="false" href="/">Aspyr</a> <div class="nav-other"> <form class="button_to" method="post" action="/auth/auth0"><button class="nav-login" type="submit">Login</button><input type="hidden" name="authenticity_token" value="KybbR8X49i8WNwjf7LvCMYlRYdHKfI2EoTI7jnWHXAhbbDo3C5h5vbgXPwpCqqPWlO2WThJYe8VVWKCOkXCr6Q" autocomplete="off" /></form> <a class="nav-search" id="search" href="#">Search</a> </div> <div class="nav-switch"></div> </div> </nav> <script> </script> <script> (function () { var e = function () { var trb = document.querySelector(".tr-button"); var tre = document.querySelector(".tr-element"); var tryt = new window.YT.Player("tr-embed", { playerVars: { controls: 0, enablejsapi: 1, iv_load_policy: 3, modestbranding: 1 } }); var bfb = document.querySelector(".bf-button"); var bfe = document.querySelector(".bf-element"); var bfyt = new window.YT.Player("bf-embed", { playerVars: { controls: 0, enablejsapi: 1, iv_load_policy: 3, modestbranding: 1 } }); bfb.addEventListener("click", (function (d) { d && d.preventDefault(), window.requestAnimationFrame((function () { bfb.classList.add("is-hidden"), bfe.classList.add("is-hidden") })), bfyt.loadVideoById("aOPipiOARWM"), bfyt.getIframe().requestFullscreen() })) trb.addEventListener("click", (function (d) { d && d.preventDefault(), window.requestAnimationFrame((function () { trb.classList.add("is-hidden"), tre.classList.add("is-hidden") })), tryt.loadVideoById("-fPqg3SpJjE" + ""), tryt.getIframe().requestFullscreen() })) }; document.addEventListener("DOMContentLoaded", (function () { var t; window.onYouTubeIframeAPIReady = e, (t = document.createElement("script")).setAttribute("async", !0), t.setAttribute("src", "https://www.youtube.com/iframe_api"), document.body.appendChild(t) })) }()); </script> <main class="home"> <div id="tr46"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> </div> <div class="header-content mx-auto"> <h2 class="header-heading enter enter-up delay-1 text-center w-full">The legacy</h2> <h2 class="header-heading enter enter-up delay-3 text-center w-full">continues.</h2> <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="https://www.tombraider.com/products/games/tomb-raider-iv-vi-remastered">Order Now</a> </div> </div> </header> </div> <div id="jpb"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> </div> <div class="header-content mx-auto"> <h2 class="header-heading enter enter-up delay-1 text-center w-full">Celebrate</h2> <h2 class="header-heading enter enter-up delay-3 text-center w-full">25 years.</h2> <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="/starwars">Available Now</a> </div> </div> </header> </div> <div id="lok"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> </div> <div class="header-content mx-auto"> <h2 class="header-heading enter enter-up delay-1 text-center w-full">The epic conflict</h2> <h2 class="header-heading enter enter-up delay-3 text-center w-full">remastered.</h2> <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="https://tr.ee/kUiuP6">Purchase Now</a> </div> </div> </header> </div> <div id="bh"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> </div> <div class="header-content mx-auto"> <h2 class="header-heading enter enter-up delay-1 text-center w-full">Let the</h2> <h2 class="header-heading enter enter-up delay-3 text-center w-full">Hunt Begin</h2> <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="/starwars">Available Now</a> </div> </div> </header> </div> <div id="tr"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> <div class="header-video-player"> <div class="header-video-embed" id="tr-embed"></div> <img class="header-video-element tr-element h-64" src="https://d250f2ux8pmbq4.cloudfront.net/assets/tr-launch-567b2969.gif" /> <a class="header-video-button tr-button" href=""></a> </div> </div> <div class="header-content"> <h2 class="header-heading enter enter-up delay-1">Original</h2> <h2 class="header-heading enter enter-up delay-1">Adventures,</h2> <h2 class="header-heading enter enter-up delay-3">Lovingly</h2> <h2 class="header-heading enter enter-up delay-3">Restored</h2> <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="https://www.tombraider.com/products/games/tomb-raider-i-iii-remastered">Available Now</a> </div> </div> </header> </div> <div id="bf"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> <div class="header-video-player"> <div class="header-video-embed" id="bf-embed"></div> <img class="header-video-element bf-element h-64" src="https://d250f2ux8pmbq4.cloudfront.net/assets/bf-launch-a17ab511.gif" /> <a class="header-video-button bf-button" href=""></a> </div> </div> <div class="header-content"> <h2 class="header-heading enter enter-up delay-1" style="width: 550px;">Iconic Battles</h2> <h2 class="header-heading enter enter-up delay-3">are Back</h2> <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="/starwars">Available Now</a> </div> </div> </header> </div> <!-- <div id="mf">--> <!-- <header class="header">--> <!-- <div class="header-container container" data-inview>--> <!-- <div class="header-video">--> <!-- <div class="header-video-player">--> <!-- <div class="header-video-embed" id="mf-embed"></div>--> <!-- <a class="header-video-button mf-button" href=""></a>--> <!-- </div>--> <!-- </div>--> <!-- <div class="header-content">--> <!-- <h2 class="header-heading enter enter-up delay-1">Saturday</h2>--> <!-- <h2 class="header-heading enter enter-up delay-1">morning</h2>--> <!-- <h2 class="header-heading enter enter-up delay-1">cartoons</h2>--> <!-- <h2 class="header-heading enter enter-up delay-1">are back!</h2>--> <!-- <a target="_blank" class="header-button button button-white enter enter-up delay-5" href="https://mythforce.com">Available Now</a>--> <!-- </div>--> <!-- </div>--> <!-- </header>--> <!-- </div>--> <div id="romeo"> <!-- <header class="header">--> <!-- <div class="header-container container" data-inview>--> <!-- <div class="header-video">--> <!-- <div class="header-video-player">--> <!-- <div class="header-video-embed" id="romeo-embed"></div>--> <!-- <video class="header-video-element romeo-element" autoplay loop muted playsinline>--> <!-- <source src="" type="video/webm">--> <!-- <source src="" type="video/mp4">--> <!-- </video>--> <!-- <a class="header-video-button romeo-button" href=""></a>--> <!-- </div>--> <!-- <p class="header-video-logo">STAR WARS™ - Knights of the Old Republic™ Remake</p>--> <!-- </div>--> <!-- <div class="header-content">--> <!-- <h2 class="header-heading enter enter-up">A legend remade for PS5 & PC</h2>--> <!-- <a class="header-button button button-white enter enter-up delay-2" href="/starwars">Learn More</a>--> <!-- </div>--> <!-- </div>--> <!-- </header>--> <section class="callout"> <div class="callout-container container" data-inview> <p class="callout-heading enter enter-up">Reach your next level</p> <p class="callout-subhead enter enter-up delay-1">Aspyr is a next-level developer and publisher for some of the industry's leading games across all platforms.</p> <a class="callout-button button button-black enter enter-up delay-2" style="z-index: 1000;" href="/work">Our Work</a> </div> <div class="callout-image" data-inview> <div class="callout-image-piece callout-image-piece-1 enter enter-up"></div> <div class="callout-image-piece callout-image-piece-2 enter enter-up delay-1"></div> <div class="callout-image-piece callout-image-piece-3 enter enter-up delay-2"></div> <div class="callout-image-piece callout-image-piece-4 enter enter-up delay-3"></div> <div class="callout-image-piece callout-image-piece-5 enter enter-up delay-4"></div> </div> </section><!-- END .callout --> </div> <section class="full"> <div class="full-container container" data-inview><p class="full-brow enter enter-up">Civilization VI</p> <p class="full-heading enter enter-up delay-1">Democratizing world domination.</p> <div class="full-split"> <div class="full-cloud cloud enter enter-up delay-2"><p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/android-black-59e5642d.svg" /> <span class="cloud-platform-name">Android</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/ios-black-06738c97.svg" /> <span class="cloud-platform-name">iOS</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/playstation-black-167f5592.svg" /> <span class="cloud-platform-name">PlayStation</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/xbox-black-5dca50ff.svg" /> <span class="cloud-platform-name">XBOX</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/switch-black-e4078ed5.svg" /> <span class="cloud-platform-name">Nintendo Switch</span> </p></div> <p class="full-subhead enter enter-up delay-3">What if we put the world's most advanced strategy game on a phone, putting it in more hands than ever?</p></div> <div class="full-image"> <div class="full-image-sizer" data-parallax> <video class="full-image-inside" autoplay loop muted playsinline> <source src="https://d250f2ux8pmbq4.cloudfront.net/videos/civ-4-1080p.mp4" type="video/mp4"> </video> </div> </div> </div> </section> <section class="split split-1" style="margin-bottom: 0;"> <div class="split-max split-max-1"> <div class="split-container split-container-1 container" data-inview> <p class="split-brow enter enter-up">Star Wars</p> <p class="split-heading enter enter-up">Remixing the classics.</p> <div class="split-cloud cloud enter enter-up"> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/switch-white-586659a6.svg" /> <span class="cloud-platform-name">Nintendo Switch</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/playstation-white-afa1f4a2.svg" /> <span class="cloud-platform-name">PlayStation</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/xbox-white-9bca2b4e.svg" /> <span class="cloud-platform-name">Xbox</span> </p> </div> <p class="split-subhead enter enter-up">We re-launched seven Star Wars games so another generation could master them all over again.</p></div> <div class="split-trio"> <div class="split-trio-piece split-trio-piece-bottom"> <video class="split-trio-inside split-trio-inside-bottom" autoplay="autoplay" loop="loop" muted="muted" src="https://d250f2ux8pmbq4.cloudfront.net/assets/rc-home-5781047e.mp4"></video> </div> <div class="split-trio-piece split-trio-piece-middle"> <video class="split-trio-inside split-trio-inside-middle" autoplay="autoplay" loop="loop" muted="muted" src="https://d250f2ux8pmbq4.cloudfront.net/assets/tfu-home-67727308.mp4"></video> </div> <div class="split-trio-piece split-trio-piece-top"> <video class="split-trio-inside split-trio-inside-middle" autoplay="autoplay" loop="loop" muted="muted" src="https://d250f2ux8pmbq4.cloudfront.net/assets/kotor-home-7769207b.mp4"></video> </div> </div> </div> </section> <div id="romeo"> <header class="header"> <div class="header-container container" data-inview> <div class="header-video"> <div class="header-video-player"> <div class="header-video-embed" id="romeo-embed"></div> <video class="header-video-element romeo-element" autoplay loop muted playsinline> <source src="https://d250f2ux8pmbq4.cloudfront.net/assets/romeo-319a1ab8.webm" type="video/webm"> <source src="https://d250f2ux8pmbq4.cloudfront.net/assets/romeo-7adaebda.mp4" type="video/mp4"> </video> <!-- <a class="header-video-button romeo-button" href=""></a>--> </div> <p class="header-video-logo">STAR WARS™ - Knights of the Old Republic™ Remake</p> </div> <div class="header-content"> <h2 class="header-heading enter enter-up">A legend remade for PS5 & PC</h2> <a class="header-button button button-white enter enter-up delay-2" href="/starwars">Learn More</a> </div> </div> </header> </div> <section class="split split-2"> <div class="split-max split-max-2"> <div class="split-container split-container-2 container" data-inview> <p class="split-brow split-brow-2 enter enter-up">Morkredd</p> <p class="split-heading enter enter-up">Indie games, high aims.</p> <div class="split-cloud cloud enter enter-up"><p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/windows-black-38b5f884.svg"><span class="cloud-platform-name">Windows</span> </p> <p class="cloud-platform"> <img class="cloud-platform-logo" src="https://d250f2ux8pmbq4.cloudfront.net/assets/components/cloud/xbox-black-5dca50ff.svg" /> <span class="cloud-platform-name">XBOX</span> </p> </div> <p class="split-subhead enter enter-up">We introduced these independent titles to large audiences using our experimental approach to marketing and leveraging trusted partnerships.</p></div> <div class="split-image"> <video class="split-image-inside" data-parallax autoplay loop muted playsinline> <source src="https://d250f2ux8pmbq4.cloudfront.net/videos/morkredd-720p.mp4" type="video/mp4"> </video> </div> </div> </section> <section class="next" data-inview> <div class="next-container next-container-about container"><p class="next-brow enter enter-up">About Us</p> <div class="next-content"><p class="next-heading enter enter-up delay-1">What do we aspire to do?</p> <a class="next-button button button-white enter enter-up delay-2" href="/about">About Us</a></div> </div> </section> <section class="next next-last" data-inview> <div class="next-container next-container-careers container"><p class="next-brow enter enter-up">Careers</p> <div class="next-content"><p class="next-heading enter enter-up delay-1">Help us reach our next level</p> <a class="next-button button button-white enter enter-up delay-2" href="/careers">Join Our Team</a></div> </div> </section> </main> <style> #tr46 .header-video { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px } @media screen and (min-width: 768px) { #tr46 .header-video { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #tr46 .header-video { max-width: 800px; margin-bottom: 0 } } #tr46 .header-video-player { overflow: hidden; position: relative; max-width: 400px; margin-bottom: 25px } @media screen and (min-width: 768px) { #tr46 .header-video-player { max-width: none } } #tr46 .header-video-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media screen and (min-width: 1024px) { #tr46 .header-video-button { transition: transform .25s ease } } @media screen and (max-width: 768px) { #tr46 .header-heading { max-width: 90vw !important; } #tr46 .header-button { margin-left: auto; margin-right: auto; } } #tr46 .header-button { margin-top: 10px; } #tr46 .header { position: relative; height: 100vh; padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) { #tr46 .header { height: 100vw; } } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: portrait) { #tr46 .header::before { background-position: 75% !important; } #jpb .header::before { background-position: 85% !important; } #lok .header::before { background-position: 75% !important; } #bh .header::before { background-position: 75% !important; } } @media screen and (min-width: 1024px) { #tr46 .header { display: flex; align-items: center; padding-top: 80px; padding-bottom: 120px } } @media screen and (min-width: 2560px) { #tr46 .header { height: 80vh } } #tr46 .header::before { content: ""; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/tr46-bg-cba2fce2.jpeg); background-position: center; background-size: cover; background-repeat: no-repeat } #tr46 .header-container { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100% } @media screen and (min-width: 768px) { #tr46 .header-container { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-right: 35px; padding-left: 35px } } #tr46 .header-content { display: flex; flex-direction: column; align-items: center } @media screen and (min-width: 768px) { #tr46 .header-content { align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: 33% } } #tr46 .header-heading { max-width: 250px; font-weight: 600; font-size: 3rem; margin: 0; text-align: center; letter-spacing: -.025em; line-height: 1.15 } @media screen and (min-width: 768px) { #tr46 .header-heading { max-width: none; font-size: 6rem; text-align: left } } @media screen and (min-width: 1024px) { #tr46 .header-heading { font-size: 9rem; line-height: 1; width: 600px; } } @media screen and (min-width: 1366px) { #tr46 .header-heading { font-size: 10rem; } } </style> <style> #jpb .header-video { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px } @media screen and (min-width: 768px) { #jpb .header-video { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #jpb .header-video { max-width: 800px; margin-bottom: 0 } } #jpb .header-video-player { overflow: hidden; position: relative; max-width: 400px; margin-bottom: 25px } @media screen and (min-width: 768px) { #jpb .header-video-player { max-width: none } } #jpb .header-video-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media screen and (min-width: 1024px) { #jpb .header-video-button { transition: transform .25s ease } } @media screen and (max-width: 768px) { #jpb .header-heading { max-width: 90vw !important; } #jpb .header-button { margin-left: auto; margin-right: auto; } } #jpb .header-button { margin-top: 10px; } #jpb .header { position: relative; height: 100vh; padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) { #jpb .header { height: 100vw; } } @media screen and (min-width: 1024px) { #jpb .header { display: flex; align-items: center; padding-top: 80px; padding-bottom: 120px } } @media screen and (min-width: 2560px) { #jpb .header { height: 80vh } } #jpb .header::before { content: ""; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/jpb-bg-d7dd4d9f.jpeg); background-position: center; background-size: cover; background-repeat: no-repeat } #jpb .header-container { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100% } @media screen and (min-width: 768px) { #jpb .header-container { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-right: 35px; padding-left: 35px } } #jpb .header-content { display: flex; flex-direction: column; align-items: center } @media screen and (min-width: 768px) { #jpb .header-content { align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: 33% } } #jpb .header-heading { max-width: 250px; font-weight: 600; font-size: 3rem; margin: 0; text-align: center; letter-spacing: -.025em; line-height: 1.15 } @media screen and (min-width: 768px) { #jpb .header-heading { max-width: none; font-size: 6rem; text-align: left } } @media screen and (min-width: 1024px) { #jpb .header-heading { font-size: 9rem; line-height: 1; width: 600px; } } @media screen and (min-width: 1366px) { #jpb .header-heading { font-size: 10rem; } } </style> <style> #lok .header-video { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px } @media screen and (min-width: 768px) { #lok .header-video { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #lok .header-video { max-width: 800px; margin-bottom: 0 } } #lok .header-video-player { overflow: hidden; position: relative; max-width: 400px; margin-bottom: 25px } @media screen and (min-width: 768px) { #lok .header-video-player { max-width: none } } #lok .header-video-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } @media screen and (min-width: 1024px) { #lok .header-video-button { transition: transform .25s ease } } @media screen and (max-width: 768px) { #lok .header-heading { max-width: 90vw !important; } #lok .header-button { margin-left: auto; margin-right: auto; } } #lok .header-button { margin-top: 10px; } #lok .header { position: relative; height: 100vh; padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) { #lok .header { height: 100vw; } } @media screen and (min-width: 1024px) { #lok .header { display: flex; align-items: center; padding-top: 80px; padding-bottom: 120px } } @media screen and (min-width: 2560px) { #lok .header { height: 80vh } } #lok .header::before { content: ""; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/lok-bg-8593f891.jpeg); background-position: center; background-size: cover; background-repeat: no-repeat } #lok .header-container { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100% } @media screen and (min-width: 768px) { #lok .header-container { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-right: 35px; padding-left: 35px } } #lok .header-content { display: flex; flex-direction: column; align-items: center } @media screen and (min-width: 768px) { #lok .header-content { align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: 33% } } #lok .header-heading { max-width: 250px; font-weight: 600; font-size: 3rem; margin: 0; text-align: center; letter-spacing: -.025em; line-height: 1.15 } @media screen and (min-width: 768px) { #lok .header-heading { max-width: none; font-size: 6rem; text-align: left } } @media screen and (min-width: 1024px) { #lok .header-heading { font-size: 9rem; line-height: 1; width: 600px; } } @media screen and (min-width: 1366px) { #lok .header-heading { font-size: 10rem; } } </style> <style> #bh .header-video { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px } @media screen and (min-width: 768px) { #bh .header-video { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #bh .header-video { max-width: 800px; margin-bottom: 0 } } #bh .header-video-player { overflow: hidden; position: relative; max-width: 400px; margin-bottom: 25px } @media screen and (min-width: 768px) { #bh .header-video-player { max-width: none } } #bh .header-video-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #bh .header-video-element { position: relative; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border: 5px solid #DC584A } #bh .header-video-element.is-hidden { opacity: 0; visibility: hidden; pointer-events: none } @media screen and (min-width: 1024px) { #bh .header-video-button { transition: transform .25s ease } } @media screen and (min-width: 1366px) { #bh .header-video-button { width: 81px; height: 81px; margin-top: -40.5px; margin-left: -40.5px; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/mf-play-btn-0129e782.png); } } @media screen and (max-width: 768px) { #bh .header-heading { max-width: 90vw !important; } #bh .header-button { margin-left: auto; margin-right: auto; } } #bh .header-button { margin-top: 10px; } #bh .header { position: relative; height: 100vh; padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) { #bh .header { height: 100vw; } } @media screen and (min-width: 1024px) { #bh .header { display: flex; align-items: center; padding-top: 80px; padding-bottom: 120px } } @media screen and (min-width: 2560px) { #bh .header { height: 80vh } } #bh .header::before { content: ""; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/bh-bg-044822ca.jpg); background-position: center; background-size: cover; background-repeat: no-repeat } #bh .header-container { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100% } @media screen and (min-width: 768px) { #bh .header-container { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-right: 35px; padding-left: 35px } } #bh .header-content { display: flex; flex-direction: column; align-items: center } @media screen and (min-width: 768px) { #bh .header-content { align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: 33% } } #bh .header-heading { max-width: 250px; font-weight: 600; font-size: 3rem; margin: 0; text-align: center; letter-spacing: -.025em; line-height: 1.15 } @media screen and (min-width: 768px) { #bh .header-heading { max-width: none; font-size: 6rem; text-align: left } } @media screen and (min-width: 1024px) { #bh .header-heading { font-size: 9rem; line-height: 1; width: 600px; } } @media screen and (min-width: 1366px) { #bh .header-heading { font-size: 10rem; } } </style> <style> #tr .header-video { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px } @media screen and (min-width: 768px) { #tr .header-video { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #tr .header-video { max-width: 800px; margin-bottom: 0 } } #tr .header-video-player { overflow: hidden; position: relative; max-width: 400px; margin-bottom: 25px } @media screen and (min-width: 768px) { #tr .header-video-player { max-width: none } } #tr .header-video-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #tr .header-video-element { position: relative; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border: 5px solid #F8A824 } #tr .header-video-element.is-hidden { opacity: 0; visibility: hidden; pointer-events: none } #tr .header-video-button { position: absolute; top: 50%; left: 50%; width: 67px; height: 67px; margin-top: -33.5px; margin-left: -33.5px; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/mf-play-btn-0129e782.png); background-position: center; background-size: 100%; background-repeat: no-repeat } @media screen and (min-width: 1024px) { #tr .header-video-button { transition: transform .25s ease } } @media screen and (min-width: 1366px) { #tr .header-video-button { width: 81px; height: 81px; margin-top: -40.5px; margin-left: -40.5px; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/mf-play-btn-0129e782.png); } } #tr .header-video-button.is-hidden { display: none } @media screen and (min-width: 1024px) { #tr .header-video-button:hover { transform: scale3d(1.1, 1.1, 1) } } #tr .header-video-logo { position: relative; width: 250px; height: 118px; background-image: url('/pages/home/header/heading-small.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; overflow: hidden; text-indent: 101%; white-space: nowrap } @media screen and (min-width: 1024px) { #tr .header-video-logo { width: 100%; height: 0; padding-top: 47%; background-image: url('/pages/home/header/heading-large.png'); } } @media screen and (max-width: 768px) { #tr .header-heading { max-width: 90vw !important; } #tr .header-partner-logo { max-width: 700px; margin-left: auto; margin-right: auto; } #tr .header-button { margin-left: auto; margin-right: auto; } } #tr .header-img-logo { /*background-image: url('tr-logo.png');*/ -webkit-font-smoothing: antialiased; color: #fff; box-sizing: border-box; margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; position: relative; background-position: center; background-size: 100%; background-repeat: no-repeat; overflow: hidden; text-indent: 101%; white-space: nowrap; width: 100%; height: 0; padding-top: 47%; } @media screen and (min-width: 1024px) { #tr .header-img-logo { padding-top: 47%; /*background-image: url('tr-logo.png');*/ } } #tr .header-img { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } @media screen and (min-width: 768px) { #tr .header-img { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #tr .header-img { max-width: 900px; margin-bottom: 0; width: 60vw; height: auto; } } #tr .header-heading-follower { max-width: 600px; margin-top: 20px; margin-bottom: 20px; font-weight: lighter; font-size: 1.5rem; text-align: left; letter-spacing: .025em; line-height: 1.15 } @media screen and (min-width: 1024px) { #tr .header-heading-follower { font-weight: lighter; font-size: 2.5rem; margin-top: 40px; margin-bottom: 40px; text-align: left; letter-spacing: .025em; line-height: 1.15 } } #tr .header-button { margin-top: 10px; } #tr .header { position: relative; height: 100vh; padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) { #tr .header { height: 100vw; } } @media screen and (min-width: 1024px) { #tr .header { display: flex; align-items: center; padding-top: 80px; padding-bottom: 120px } } @media screen and (min-width: 2560px) { #tr .header { height: 80vh } } #tr .header::before { content: ""; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/tr-bg-abd6299a.jpg); background-position: center; background-size: cover; background-repeat: no-repeat } #tr .header-container { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100% } @media screen and (min-width: 768px) { #tr .header-container { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-right: 35px; padding-left: 35px } } #tr .header-content { display: flex; flex-direction: column; align-items: center } @media screen and (min-width: 768px) { #tr .header-content { align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: 33% } } #tr .header-heading { max-width: 250px; font-weight: 600; font-size: 3rem; margin: 0; text-align: center; letter-spacing: -.025em; line-height: 1.15 } @media screen and (min-width: 768px) { #tr .header-heading { max-width: none; font-size: 6rem; text-align: left } } @media screen and (min-width: 1024px) { #tr .header-heading { font-size: 9rem; line-height: 1 } } @media screen and (min-width: 1366px) { #tr .header-heading { font-size: 10rem; } } </style> <style> #bf .header-video { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px } @media screen and (min-width: 768px) { #bf .header-video { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #bf .header-video { max-width: 800px; margin-bottom: 0 } } #bf .header-video-player { overflow: hidden; position: relative; max-width: 400px; margin-bottom: 25px } @media screen and (min-width: 768px) { #bf .header-video-player { max-width: none } } #bf .header-video-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #bf .header-video-element { position: relative; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border: 5px solid #000 } #bf .header-video-element.is-hidden { opacity: 0; visibility: hidden; pointer-events: none } #bf .header-video-button { position: absolute; top: 50%; left: 50%; width: 67px; height: 67px; margin-top: -33.5px; margin-left: -33.5px; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/mf-play-btn-0129e782.png); background-position: center; background-size: 100%; background-repeat: no-repeat } @media screen and (min-width: 1024px) { #bf .header-video-button { transition: transform .25s ease } } @media screen and (min-width: 1366px) { #bf .header-video-button { width: 81px; height: 81px; margin-top: -40.5px; margin-left: -40.5px; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/mf-play-btn-0129e782.png); } } #bf .header-video-button.is-hidden { display: none } @media screen and (min-width: 1024px) { #bf .header-video-button:hover { transform: scale3d(1.1, 1.1, 1) } } #bf .header-video-logo { position: relative; width: 250px; height: 118px; background-image: url('/pages/home/header/heading-small.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; overflow: hidden; text-indent: 101%; white-space: nowrap } @media screen and (min-width: 1024px) { #bf .header-video-logo { width: 100%; height: 0; padding-top: 47%; background-image: url('/pages/home/header/heading-large.png'); } } @media screen and (max-width: 768px) { #bf .header-heading { max-width: 90vw !important; } #bf .header-button { margin-left: auto; margin-right: auto; } } #bf .header-img { position: relative; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } @media screen and (min-width: 768px) { #bf .header-img { flex-grow: 0; flex-shrink: 0; flex-basis: 45% } } @media screen and (min-width: 1024px) { #bf .header-img { max-width: 900px; margin-bottom: 0; width: 60vw; height: auto; } } #bf .header-heading-follower { max-width: 600px; margin-top: 20px; margin-bottom: 20px; font-weight: lighter; font-size: 1.5rem; text-align: left; letter-spacing: .025em; line-height: 1.15 } @media screen and (min-width: 1024px) { #bf .header-heading-follower { font-weight: lighter; font-size: 2.5rem; margin-top: 40px; margin-bottom: 40px; text-align: left; letter-spacing: .025em; line-height: 1.15 } } #bf .header-button { margin-top: 10px; } #bf .header { position: relative; height: 100vh; padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff } @media only screen and (min-width: 360px) and (max-width: 767px) and (orientation: landscape) { #bf .header { height: 100vw; } } @media screen and (min-width: 1024px) { #bf .header { display: flex; align-items: center; padding-top: 80px; padding-bottom: 120px } } @media screen and (min-width: 2560px) { #bf .header { height: 80vh } } #bf .header::before { content: ""; opacity: .9; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(https://d250f2ux8pmbq4.cloudfront.net/assets/bfcc-bg-695ebd49.jpg); background-position: center; background-size: cover; background-repeat: no-repeat } #bf .header-container { position: relative; display: flex; flex-direction: column; justify-content: center; height: 100% } @media screen and (min-width: 768px) { #bf .header-container { flex-direction: row-reverse; justify-content: space-between; align-items: center; padding-right: 35px; padding-left: 35px } } #bf .header-content { display: flex; flex-direction: column; align-items: center; max-width: 700px; } @media screen and (min-width: 768px) { #bf .header-content { align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: 33% } } #bf .header-heading { max-width: 250px; font-weight: 600; font-size: 3rem; margin: 0; text-align: center; letter-spacing: -.025em; line-height: 1.15 } @media screen and (min-width: 768px) { #bf .header-heading { max-width: none; font-size: 6rem; text-align: left } } @media screen and (min-width: 1024px) { #bf .header-heading { font-size: 8rem; line-height: 1 } } @media screen and (min-width: 1366px) { #bf .header-heading { font-size: 8rem; } } </style> <footer class="footer"> <div class="footer-container container"> <div class="footer-top"> <div class="footer-nav"> <a data-turbolinks="false" class="footer-nav-link" style="font-weight: 700 !important" href="/work">Work</a> <p class="footer-nav-separator"></p> <a data-turbolinks="false" class="footer-nav-link" href="/about">About</a> <p class="footer-nav-separator"></p> <a data-turbolinks="false" class="footer-nav-link" href="/games">Games</a> <p class="footer-nav-separator"></p> <a data-turbolinks="false" class="footer-nav-link" href="/careers">Careers</a> <!-- <p class="footer-nav-separator"></p>--> </div> <div class="footer-other footer-other-small"> <a class="footer-other-link" href="https://support.aspyr.com/">Game support</a> <a class="footer-other-link" href="/contact">Contact us</a> <a class="footer-other-link" href="/account">Register your game</a> </div> </div> <form target="_blank" name="iterable_optin" class="footer-form email" method="POST" action="//links.iterable.com/lists/publicAddSubscriberForm?publicIdString=1ee957da-7966-4000-aadd-2318933c08e1"> <p class="footer-form-heading">Subscribe</p> <input class="footer-form-input" placeholder="Your email" type="text" name="email" size="22"> <input class="footer-form-submit button button-black" type="submit" value="Submit"/> </form> <div class="footer-bottom"> <div class="footer-other footer-other-large"> <a class="footer-other-link" href="https://support.aspyr.com/">Game Support</a> <a class="footer-other-link" href="/contact">Contact Us</a> <a class="footer-other-link" href="/account">Register Your Game</a> </div> <div class="footer-social"> <a class="footer-social-link footer-social-link-facebook" href="https://www.facebook.com/aspyrmedia/">Facebook</a> <a class="footer-social-link footer-social-link-twitter" href="https://twitter.com/AspyrMedia">Twitter</a> <a class="footer-social-link footer-social-link-linkedin" href="https://www.linkedin.com/company/aspyr-media/">LinkedIn</a> <a class="footer-social-link footer-social-link-youtube" href="https://www.youtube.com/c/aspyrmedia">YouTube</a> <a class="footer-social-link footer-social-link-instagram" href="https://www.instagram.com/aspyrmedia">Instagram</a> </div> <div class="footer-legal"> <a class="footer-legal-link" href="/legal">Legal</a> <a class="footer-legal-link" href="/terms">Terms</a> <a class="footer-legal-link" href="/privacy">Privacy</a> </div> </div> <div class="footer-legal-embracer"> <p class="footer-legal-link">Aspyr Media is part of <a class="footer-legal-link" style="color: #00abfb" href="https://embracer.com/">Embracer Group</a></p> </div> <style> .footer-legal-embracer { padding-top: 40px; } </style> </div> </footer> <div id="cookieConsent"> We use cookies to personalize content and analyze traffic. Information about your use is shared with Aspyr for that purpose. <a href="https://www.aspyr.com/privacy">Learn more</a>.<a class="cookieConsentOK">Dismiss</a> </div> <style> #cookieConsent { background-color: rgba(20,20,20,0.8); min-height: 30px; font-size: 14px; color: #ccc; line-height: 30px; padding: 8px 0 8px 30px; font-family: "camingodos-web-1","camingodos-web-2", Helvetica, Arial, sans-serif; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999; } #cookieConsent a { color: #4B8EE7; text-decoration: none; } #cookieConsent a.cookieConsentOK { background-color: #F1D600; color: #000; display: inline-block; border-radius: 5px; padding: 0 20px; cursor: pointer; float: right; margin: 0 25px 0 10px; } #cookieConsent a.cookieConsentOK:hover { background-color: #E0C91F; } </style> </body> </html>