Error | Haven Studios

<!doctype html> <html class="has-no-js is-loading" lang="en" data-template="error" data-theme="light" data-scroll-theme-main="dark" data-assets-version="1705004686335"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <base href="https://havenstudios.com/"> <title>Error | Haven Studios</title> <meta name="description" content="We create havens for endless wonder."> <meta property="og:type" content="website"> <meta property="og:site_name" content="Haven Studios"> <meta property="og:title" content="Error"> <meta property="og:image" content="https://havenstudios.com/uploads/metadata/images/1_Bleep_3840x2160_Final_Haven.jpg"> <meta property="og:description" content="We create havens for endless wonder."> <meta property="twitter:title" content="Error"> <meta property="twitter:description" content="We create havens for endless wonder.">  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="HandheldFriendly" content="true">  <meta name="theme-color" content="#ffffff"> <link rel="manifest" href="site.webmanifest"> <link rel="apple-touch-icon" sizes="180x180" href="https://havenstudios.com/assets/images/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://havenstudios.com/assets/images/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://havenstudios.com/assets/images/favicons/favicon-16x16.png"> <link rel="mask-icon" href="assets/images/favicons/safari-pinned-tab.svg" color="#524a8a"> <meta name="msapplication-TileColor" content="#524a8a">  <link id="main-css" rel="preload" href="https://havenstudios.com/assets/styles/main.css?v=1705004686335" onload="this.onload=null;this.rel='stylesheet';this.setAttribute('data-is-loaded', true)" as="style" data-is-loaded="false">  <script src="https://assets.adobedtm.com/3dc13bcabc29/e83afa969d59/launch-4e9881c45ba4.min.js" async></script> </head> <body data-module-load>  <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 300; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 400; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Lexend'; font-style: normal; font-weight: 500; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: normal; font-weight: normal; "> </div> <div aria-hidden="true" class="u-screen-reader-text" style="font-family: 'Libre Caslon Text'; font-style: italic; font-weight: normal; "> </div> <div class="c-logo-intro" data-module-logo> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-h"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-a"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-v"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-e"></use> </svg> </span> <span class="c-logo-intro_part" data-logo="part"> <svg aria-hidden="true" data-logo="letter" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-n"></use> </svg> </span> </div> <div class="c-loader"> <div class="c-loader_spinner || c-spinner"></div> </div> <div data-load-container>  <div data-module-adobe-analytics data-adobe-analytics-category="Error" data-adobe-analytics-environment="prod" data-adobe-analytics-version="1705004686335"></div>  <div class="c-menu-modal || c-modal" data-module-menu-modal aria-label="menu Modal" tabindex="-1" aria-hidden="false"> <div class="c-menu-modal_container || c-modal_container"> <button class="c-menu-modal_close || c-modal_close || c-button" data-menu-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close menu modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross || u-hide-to-small" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> <svg aria-hidden="true" class="svg-cross-mobile || u-hide-from-small" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross-mobile"></use> </svg> </span> </button> <div class="c-modal_scrollable"> <div class="c-modal_inner || u-anim_ref" data-menu-modal="anim"> <div class="c-menu-modal_layout"> <div class="c-menu-modal_col"> <div class="c-menu-modal_content"> <div class="c-menu-modal_grid"> <div class="c-menu-modal_grid_logo || u-gc-1/2"> <a class="c-link -nav" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Haven Studios</span> <svg aria-hidden="true" class="svg-logo-min" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-min"></use> </svg> </a> <a class="c-menu-modal_logo || c-link -nav || u-hide-from-small" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Home</span> <svg aria-hidden="true" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo"></use> </svg> </a> </div> <div class="c-menu-modal_grid_description || u-gc-2/4"> <div class="c-menu-modal_description || c-wysiwyg -layout-small || u-hide-to-small"> <p>Haven is a creative space where ideas, passion, and fearless optimism thrive.</p> </div> <nav class="c-nav-socials"> <ul class="c-nav-socials_list"> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://twitter.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Twitter</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-twitter" focusable="false"> <use xlink:href="assets/images/sprite.svg#twitter"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://linkedin.com/company/haven-studios-inc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">LinkedIn</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-linkedin" focusable="false"> <use xlink:href="assets/images/sprite.svg#linkedin"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://instagram.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Instagram</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-instagram" focusable="false"> <use xlink:href="assets/images/sprite.svg#instagram"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="mailto:contact@havenstudios.com" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Email</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-mail" focusable="false"> <use xlink:href="assets/images/sprite.svg#mail"></use> </svg> </span> </a> </li> </ul> </nav> </div> <div class="c-menu-modal_grid_nav || u-gc-1/9 u-gc-5/9@from-small u-gc-6/9@from-large"> <nav class="c-nav" style="--item-count: 4;"> <ul class="c-nav_list" data-footer-nav="nav"> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en"> <span class="c-link_label">Home</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/culture"> <span class="c-link_label">Culture</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/careers"> <span class="c-link_label">Careers<sup>10</sup></span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav-menu" data-cursor="hover" href="en/blog"> <span class="c-link_label">Blog</span> </a> </li> </ul> </nav> <a class="c-nav_langswitcher || c-button -access -light" data-cursor="hover" href="https://havenstudios.com/fr" data-load="false"> <span class="c-button_label">FR</span> </a> </div> </div> <div class="c-menu-modal_logo || u-hide-to-small"> <div class="c-menu-modal_logo_inner"> <svg aria-hidden="true" class="svg-logo-wide" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo-wide"></use> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close menu modal" data-menu-modal="close"></div> <div class="c-menu-modal_spinner || c-spinner"></div> </div> <div class="o-scroll" data-module-scroll="main">  <header class="c-header"> <h1 class="u-screen-reader-text">Page not found</h1> <div class="c-header_inner"> <div class="c-header_top || o-container"> <a class="c-header_link || u-anim-intro -delay-1" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Haven Studios</span> <svg aria-hidden="true" focusable="false" class="svg-logo-min"> <use xlink:href="assets/images/sprite.svg#logo-min"></use> </svg> </a> <button class="c-burger || u-anim-intro -delay-3 || c-header_link" type="button" aria-label="Toggle menu" data-module-menu-toggler data-cursor="hover"> <span class="u-screen-reader-text">Menu</span> <span class="c-burger_open"> <span class="c-burger_line -top"></span> <span class="c-burger_line -bottom"></span> </span> </button> </div> </div> <div class="c-breadcrumb"> <p class="c-breadcrumb_inner"> <a class="c-breadcrumb_logo || c-header_link || u-anim-intro -delay-2 || js-logo" href="en" data-cursor="hover"> <span class="u-screen-reader-text">Home</span> <svg aria-hidden="true" class="svg-logo" focusable="false"> <use xlink:href="assets/images/sprite.svg#logo"></use> </svg> </a>  <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">/</span>  <span class="c-text -overline || u-anim-intro -delay-2 || u-color-theme">Page not found</span> </p> </div> </header>  <div class="c-hero" data-scroll-section> <div class="o-container"> <div class="c-hero_content || o-multi-font"> <p class="c-hero_title || c-heading -h1 || u-anim-text -line" data-scroll data-module-split-text>Sorry,<br>The page you requested <em><i>could not</i> be found.</em></p> </div> </div> </div>   <div data-scroll-section > <footer class="c-footer" data-scroll data-scroll-id="footer" data-module-footer-reveal> <div class="o-container" data-footer-reveal="inner"> <div class="c-footer_inner"> <div class="u-hide-from-small"> <div class="c-footer_description || c-wysiwyg -layout-small"> <p>Haven Interactive Studios ULC</p> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="https://goo.gl/maps/6gVHRV1K679zxCsU7" target="_blank" rel="noopener noreferrer"> 1 Place Ville Marie Suite 12102 Montreal QC H3B3Y1 </a> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="tel:5144642836" target="_blank" rel="noopener noreferrer"> 514-464-2836 </a> </div> <div class="c-footer_logo || c-button -icon"> <span class="c-button_label || u-screen-reader-text">Sony Studios</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-sony" focusable="false"> <use xlink:href="assets/images/sprite.svg#sony"></use> </svg> </span> </div> </div> <div class="c-footer_top"> <div class="o-grid -col-8 -gutter-x"> <div class="u-gc-1/9 u-gc-1/4@from-small"> <div class="u-hide-to-small"> <div class="c-footer_description || c-wysiwyg -layout-small"> <p>Haven Interactive Studios ULC</p> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="https://goo.gl/maps/6gVHRV1K679zxCsU7" target="_blank" rel="noopener noreferrer"> 1 Place Ville Marie Suite 12102 Montreal QC H3B3Y1 </a> </div> <div class="c-footer_description || c-wysiwyg -layout-medium"> <a href="tel:5144642836" target="_blank" rel="noopener noreferrer"> 514-464-2836 </a> </div> <div class="c-footer_logo || c-button -icon"> <span class="c-button_label || u-screen-reader-text">Sony Studios</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-sony" focusable="false"> <use xlink:href="assets/images/sprite.svg#sony"></use> </svg> </span> </div> </div> </div> <div class="u-gc-1/9 u-gc-5/9@from-small"> <nav class="c-nav"> <ul class="c-nav_list" data-footer-nav="nav"> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/culture"> <span class="c-link_label">Culture</span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/careers"> <span class="c-link_label">Careers<sup>10</sup></span> </a> </li> <li class="c-nav_list_item"> <a class="c-nav_list_link || c-link -nav" data-cursor="hover" href="en/blog"> <span class="c-link_label">Blog</span> </a> </li> </ul> </nav> <div class="u-text-center || u-hide-from-small || o-padding -padding-tiny-top"> <a class="c-nav_langswitcher || c-button -access -light" data-cursor="hover" href="https://havenstudios.com/fr" data-load="false"> <span class="c-button_label">FR</span> </a> </div> </div> </div> </div> <div class="c-footer_bottom"> <div class="o-grid -col-8 -gutter-x -bottom-items"> <div class="u-gc-1/9 u-gc-1/3@from-small"> <nav class="c-nav-socials"> <ul class="c-nav-socials_list"> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://twitter.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Twitter</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-twitter" focusable="false"> <use xlink:href="assets/images/sprite.svg#twitter"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://linkedin.com/company/haven-studios-inc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">LinkedIn</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-linkedin" focusable="false"> <use xlink:href="assets/images/sprite.svg#linkedin"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="https://instagram.com/havenstudiosinc" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Instagram</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-instagram" focusable="false"> <use xlink:href="assets/images/sprite.svg#instagram"></use> </svg> </span> </a> </li> <li class="c-nav-socials_item"> <a class="c-button -round -icon" data-cursor="hover" href="mailto:contact@havenstudios.com" rel="noopener" target="_blank"> <span class="c-button_label || u-screen-reader-text">Email</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-mail" focusable="false"> <use xlink:href="assets/images/sprite.svg#mail"></use> </svg> </span> </a> </li> </ul> </nav> </div> <div class="u-gc-1/9 u-gc-3/5@from-small"> <a class="c-nav_langswitcher || c-button -access -light || u-hide-to-small" data-cursor="hover" href="https://havenstudios.com/fr" data-load="false"> <span class="c-button_label">FR</span> </a> </div> <div class="u-gc-1/9 u-gc-5/9@from-small"> <div class="c-footer_footer"> <div class="c-footer_legals"> <p class="c-text -overline">© 2024 Haven Interactive Studios ULC<br> All rights reserved.</p> </div> <div class="c-footer_legals"> <a class="c-link -small -underline" data-cursor="hover" href="https://www.playstation.com/legal/privacy-policy/" target="_blank" rel="noopener"> <span class="c-link_label">Privacy Policy</span> </a> <a class="c-link -small -underline" data-cursor="hover" href="https://www.playstation.com/legal/website-terms-of-use/" target="_blank" rel="noopener"> <span class="c-link_label">Terms of Use</span> </a> </div> <div class="c-footer_credits"> <a class="c-link -small -underline" data-cursor="hover" href="https://locomotive.ca/" rel="noopener" target="_blank"> <span class="c-link_label">Website by Locomotive</span> </a> </div> </div> </div> </div> </div> </div> </div> </footer> </div></div> </div>  <div class="c-trombinoscope-modal || c-modal" data-module-trombinoscope-modal aria-label="Trombinoscope Modal" tabindex="-1" aria-hidden="false"> <div class="c-trombinoscope-modal_container || c-modal_container"> <button class="c-trombinoscope-modal_close || c-modal_close || c-button" data-trombinoscope-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close Trombinoscope modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> </span> </button> <div class="c-modal_scrollable"> <figure class="c-modal_inner || u-anim_ref" data-trombinoscope-modal="anim"> <div class="c-trombinoscope-modal_layout"> <div class="c-trombinoscope-modal_col"> <div class="c-trombinoscope-modal_content"> <blockquote class="c-trombinoscope-modal_blockquote"> <p class="c-trombinoscope-modal_sentence || c-text -quote-light || u-anim-text -line" data-trombinoscope-modal="quote"> </p> </blockquote> <figcaption class="c-trombinoscope-modal_figcaption || o-padding -padding-small-top"> <span class="c-trombinoscope-modal_author || c-text-serif -figcaption || u-anim -longer -delay-4"> <span data-trombinoscope-modal="firstname"> </span> <span class="c-text-serif -figcaption -italic" data-trombinoscope-modal="lastname"> </span> </span> <span class="c-trombinoscope-modal_job || c-text-serif -figcaption || u-anim -longer -delay-5" data-trombinoscope-modal="job"> </span> </figcaption> </div> </div> <div class="c-trombinoscope-modal_col"> <div class="c-trombinoscope-modal_visual" data-trombinoscope-modal="visual"></div> </div> </div> </figure> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close trombinoscope modal" data-trombinoscope-modal="close"></div> <div class="c-trombinoscope-modal_spinner || c-spinner"></div> </div>  <div class="c-video-modal || c-modal" data-module-video-modal aria-label="Video Modal" tabindex="-1" aria-hidden="false"> <div class="c-video-modal_container || c-modal_container"> <button class="c-video-modal_close || c-modal_close || c-button" data-video-modal="close" type="button" tabindex="0" aria-label="Close let's demo modal" data-cursor="hover"> <span class="c-button_label || u-screen-reader-text">Close Video modal</span> <span class="c-button_icon"> <svg aria-hidden="true" class="svg-cross" focusable="false"> <use xlink:href="assets/images/sprite.svg#cross"></use> </svg> </span> </button> <div class="c-video-modal_content"> <div class="c-video-modal_inner" data-video-modal="inner"></div> </div> </div> <div class="c-modal_overlay" tabindex="0" aria-label="Close video modal" data-trombinoscope-modal="close"></div> </div> <div class="c-cursor" data-module-cursor aria-hidden="true"> <div class="c-cursor_state -default"></div> <div class="c-cursor_state -hover"></div> <div class="c-cursor_state -hold"> <div class="c-cursor_hold_svg"> <svg class="svg-hold" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"> <circle cx="15" cy="15" r="14" stroke-dashoffset="91" stroke-width="2" data-cursor="holdCircle" /> </svg> </div> </div> </div> <script src="https://havenstudios.com/assets/scripts/global-data-layer.min.js?v=1705004686335" defer></script> <script src="https://havenstudios.com/assets/scripts/vendors.js?v=1705004686335" defer></script> <script src="https://havenstudios.com/assets/scripts/app.js?v=1705004686335" defer></script> </body> </html>

CINXE.COM

Error | Haven Studios