1<!DOCTYPE html><!-- Last Published: Wed Jul 29 2026 08:30:46 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="niostudio.webflow.io" data-wf-page="63c566a673b2b6123be986f9" data-wf-site="5e9d80385a3dabeca5c2a644" lang="de-AT" data-wf-collection="63c566a673b2b623b5e986f4" data-wf-item-slug="qsea---european-quantum-computing-consortium"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>NIO design studio - QSea â European quantum computing consortium</title><link rel="alternate" hrefLang="x-default" href="https://niostudio.webflow.io/portfolio/qsea---european-quantum-computing-consortium"/><link rel="alternate" hrefLang="de-AT" href="https://niostudio.webflow.io/portfolio/qsea---european-quantum-computing-consortium"/><link rel="alternate" hrefLang="es-ES" href="https://niostudio.webflow.io/es/portfolio/qsea---european-quantum-computing-consortium"/><meta content="[email protected]" name="description"/><meta content="NIO design studio - QSea â European quantum computing consortium" property="og:title"/><meta content="[email protected]" property="og:description"/><meta content="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b4bfb40d2aabbd265836fa_QSea02.webp" property="og:image"/><meta content="NIO design studio - QSea â European quantum computing consortium" name="twitter:title"/><meta content="[email protected]" name="twitter:description"/><meta content="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b4bfb40d2aabbd265836fa_QSea02.webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/css/niostudio.webflow.shared.54e084b84.min.css" rel="stylesheet" type="text/css" integrity="sha384-VOCEuEtN/gsozCIQVsP3Dvgx0oI3d0epGjjgDj1wqvz5avbXPixLILDMMbaLmS9m" crossorigin="anonymous"/><style>@media (max-width:479px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="d18631e5-c48f-2628-ba21-7935e10f557d"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="d18631e5-c48f-2628-ba21-7935e10f5581"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="d18631e5-c48f-2628-ba21-7935e10f5585"] {opacity:0;}html.w-mod-js:not(.w-mod-ix) [data-w-id="d18631e5-c48f-2628-ba21-7935e10f5589"] {opacity:0;}}</style><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Bytesized:400","Google Sans Code:400,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6a61d38dd868b41548639b36_nio-logo.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6a61d3aa0b05e949d4d95117_nio-logo-neg.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6a61d38d7d56b9c648f425bb_nio-logo.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6a61d38dec36243c7fa0ab6f_nio-logo.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6a61d38d7bc0a8c4d4f10fc0_nio-logo.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6a61d38d0b05e949d4d94d6f_nio-logo.png" rel="icon" type="image/png" sizes="512x512"/><!-- Automatic Lang Switcher -->
2<script> 3document.addEventListener('DOMContentLoaded', () => { 4 const userLanguagePreference = sessionStorage.getItem('languagePreference'); 5 if (!userLanguagePreference) { 6 const browserLanguage = navigator.language || navigator.userLanguage; 7 const isSpanish = browserLanguage.toLowerCase().startsWith('es'); 8 9 if (isSpanish) { 10 const localesList = document.querySelector('.w-locales-list'); 11 const spanishLink = localesList ? localesList.querySelector('a[hreflang="es-ES"]') : null; 12 const currentUrl = window.location.href; 13 if (spanishLink && currentUrl !== spanishLink.href) { 14 sessionStorage.setItem('languagePreference', 'es'); 15 window.location.href = spanishLink.href; 16 } 17 } 18 19 sessionStorage.setItem('languagePreference', browserLanguage); 20 } 21 22 // Manuelle Sprachwahl speichern 23 const localesList = document.querySelector('.w-locales-list'); 24 if (localesList) { 25 const germanLink = localesList.querySelector('a[hreflang="de-AT"]'); 26 if (germanLink) { 27 germanLink.addEventListener('click', () => { 28 sessionStorage.setItem('languagePreference', 'de'); 29 }); 30 } 31 const spanishLink = localesList.querySelector('a[hreflang="es-ES"]'); 32 if (spanishLink) { 33 spanishLink.addEventListener('click', () => { 34 sessionStorage.setItem('languagePreference', 'es'); 35 }); 36 } 37 } 38}); 39</script>
39 40 41<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 41-42
41 42<script async src="https://www.googletagmanager.com/gtag/js?id=
42AW-382502789
vendor: 13 bytes, lines 42-43
42"> 43</script>
44<script> 45
vendor: 134 bytes, lines 45-49
45window.dataLayer = window.dataLayer || []; 46 function gtag(){dataLayer.push(arguments);} 47 gtag('js', new Date()); 48 49 gtag('config', '
49AW-382502789
vendor: 4 bytes, line 49
49');
50</script>
50 51 52 53
54<script defer type="text/javascript" charset="UTF-8" src="//cdn.cookie-script.com/s/2e1ac8c4b7a9eee493853e58a4bdc6a8.js"></script>
54 55 56<style> 57 /* Grundzustand */ 58 body { 59 opacity: 1; 60 transition: opacity 360ms cubic-bezier(.2,.8,.2,1); 61 } 62 63 /* Fade-out */ 64 html.is-fading-out body { 65 opacity: 0; 66 } 67 68 /* Startzustand neuer Seite */ 69 html.is-fading-in body { 70 opacity: 0; 71 } 72 73 /* Fade-in */ 74 html.is-fading-in.is-ready body { 75 opacity: 1; 76 } 77 78 /* Reduced motion */ 79 @media (prefers-reduced-motion: reduce) { 80 body { 81 transition: none !important; 82 } 83 } 84</style> 85 86</head><body theme="2" data-barba="wrapper" class="body"><div class="vimeo-styles w-embed"><style> 87[css-radius-respect] { 88 -webkit-mask-image: -webkit-radial-gradient(white, black); 89} 90[js-vimeo-element=component].is-playing [js-vimeo-element=cover] { 91 opacity: 0; 92 transform: scale(1.05); 93 pointer-events: none; 94} 95[js-vimeo-element=cover]:hover [js-vimeo-element=media] { 96 transform: scale(1.05); 97} 98 99[js-vimeo-element=cover]:hover [js-vimeo-element=video-bg] { 100 transform: scale(0.95); 101} 102</style></div><div id="top" data-barba="container" theme="1" class="page-wrapper"><div class="project-site-wrapper-head"><div class="project-head"><img src="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b4bfb40d2aabbd265836fa_QSea02.webp" loading="lazy" alt="QSea â European quantum computing consortium" class="image-61"/></div><div class="sidebar"><div class="sidebar-left"><a data-w-id="6e388819-ccba-1b2c-0b8a-e83cba3ded91" href="https://niostudio.webflow.io/home-2023#referenzen" class="text-link w-inline-block"><div class="text-block-20">Ãbersicht</div><div class="underline"></div></a></div><div class="sidebar-right"><a r-prevnext-next-btn="1" href="#" class="c-link_post cc-next w-inline-block"><img src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6087c72cbd15a7ba8bc62f75_arrow-new-left.svg" loading="lazy" data-w-id="9844b5e1-9adc-aa80-30f5-9dfcae68cfda" style="-webkit-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="arrow-back-portfolio"/></a><a r-prevnext-prev-btn="1" href="#" class="c-link_post cc-prev w-inline-block"><img src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/6087c7688d67502bc8f2f401_arrow-new-right.svg" loading="lazy" data-w-id="af1f41e2-be0c-4ddd-8afc-0c9a8abd4a17" style="-webkit-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" alt="" class="arrow-forward-portfolio"/></a></div></div></div><div class="project-site-wrapper-text"><div class="lead-in"><h1 class="title">QSea â European quantum computing consortium</h1><div class="rich-text-block w-richtext"><p>Konzept<br/>Animation</p></div></div></div><div css-radius-respect="" js-vimeo-element="component" class="video_item"><div class="video_vimeo w-embed w-iframe"><iframe src="https://player.vimeo.com/video/995735621" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe></div><a js-vimeo-element="cover" href="#" class="video_cover w-inline-block"><div js-vimeo-element="media" class="video_cover-media"><img src="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b34433e68f0f3e10d4dd66_QSea-Thumb.webp" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b34433e68f0f3e10d4dd66_QSea-Thumb-p-500.webp 500w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b34433e68f0f3e10d4dd66_QSea-Thumb-p-800.webp 800w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b34433e68f0f3e10d4dd66_QSea-Thumb-p-1080.webp 1080w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b34433e68f0f3e10d4dd66_QSea-Thumb-p-1600.webp 1600w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/66b34433e68f0f3e10d4dd66_QSea-Thumb.webp 1920w" class="video_thumbnail-image"/></div><div class="video_button"><div js-vimeo-element="video-bg" class="video_button-bg"></div><div class="video_button-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewB
102ox="0 0 520 520"> 103 <g id="Group_858" data-name="Group 858" transform="translate(2542 24333)"> 104 <rect id="Rectangle_1685" data-name="Rectangle 1685" width="520" height="520" transform="translate(-2542 -24333)" fill="none"/> 105 <path id="Polygon_14" data-name="Polygon 14" d="M222.842,58.6c17.279-27.248,57.037-27.248,74.317,0l180,283.84C495.732,371.731,474.685,410,440,410H80c-34.689,0-55.736-38.269-37.158-67.564Z" transform="translate(-2045 -24333) rotate(90)" fill="currentColor"/> 106 </g> 107</svg></div></div></a></div><div css-radius-respect="" js-vimeo-element="component" class="video_item"><div class="video_vimeo w-embed w-iframe"><iframe src="https://player.vimeo.com/video/1033810951" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allowfullscreen allow="autoplay; encrypted-media"></iframe></div><a js-vimeo-element="cover" href="#" class="video_cover w-inline-block"><div js-vimeo-element="media" class="video_cover-media"><img src="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/6747015b33aa06c078636cc6_qsea-press.webp" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/6747015b33aa06c078636cc6_qsea-press-p-500.webp 500w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/6747015b33aa06c078636cc6_qsea-press-p-800.webp 800w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/6747015b33aa06c078636cc6_qsea-press-p-1080.webp 1080w, https://cdn.prod.website-files.com/61cd9c079e0c809653331eff/6747015b33aa06c078636cc6_qsea-press.webp 1600w" class="video_thumbnail-image"/></div><div class="video_button"><div js-vimeo-element="video-bg" class="video_button-bg"></div><div class="video_button-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 520 520"> 108 <g id="Group_858" data-name="Group 858" transform="translate(2542 24333)"> 109 <rect id="Rectangle_1685" data-name="Rectangle 1685" width="520" height="520" transform="translate(-2542 -24333)" fill="none"/> 110 <path id="Polygon_14" data-name="Polygon 14" d="M222.842,58.6c17.279-27.248,57.037-27.248,74.317,0l180,283.84C495.732,371.731,474.685,410,440,410H80c-34.689,0-55.736-38.269-37.158-67.564Z" transform="translate(-2045 -24333) rotate(90)" fill="currentColor"/> 111 </g> 112</svg></div></div></a></div><div class="project-site-wrapper-gallery w-condition-invisible"><div class="collection-list-wrapper w-dyn-list">
112<script type="text/x-wf-template" id="wf-template-d317456e-92de-b69d-7077-6b46287ff446">%3Cdiv%20role%3D%22listitem%22%20class%3D%22collection-item-2%20w-dyn-item%20w-dyn-repeater-item%22%3E%3Cimg%20data-w-id%3D%22c2bbdb84-9a76-83c9-d76b-abe432f80ead%22%20loading%3D%22lazy%22%20style%3D%22opacity%3A0%22%20src%3D%22%22%20alt%3D%22%22%20class%3D%22image-64%20w-dyn-bind-empty%22%2F%3E%3C%2Fdiv%3E</script>
112<div role="list" class="w-dyn-items w-dyn-hide"></div><div class="w-dyn-empty"><div>No items found.</div></div></div></div><div class="project-site-wrapper-website"><div class="project-website-left"><img data-w-id="dcc0946a-f50e-b3b2-ae98-50010cc05e7c" loading="lazy" style="opacity:0" src="" alt="" class="img-website-left w-condition-invisible w-dyn-bind-empty"/></div><div class="project-website-right"><img data-w-id="ecf53a33-cd34-4732-e045-9c8e3a35183e" loading="lazy" style="opacity:0" src="" alt="" class="img-website-right w-condition-invisible w-dyn-bind-empty"/></div></div><div class="project-footer"><div class="section7--footer-container"><a href="#" class="section7--copyright">© 2024</a><div class="section7--link-wrapper"><div data-w-id="07d84fdc-888a-eaea-c500-ad25fb0fad48" class="section7--link-inline-wrapper"><a href="/datenschutz" class="section7--footer-link">Datenschutz</a><div class="section7--underline"></div></div><div data-w-id="07d84fdc-888a-eaea-c500-ad25fb0fad4c" class="section7--link-inline-wrapper"><a href="/imprint" class="section7--footer-link">Impressum</a><div class="section7--underline"></div></div><div data-w-id="07d84fdc-888a-eaea-c500-ad25fb0fad50" class="section7--link-inline-wrapper"><a href="https://assets-global.website-files.com/5e9d80385a3dabeca5c2a644/6087daecbf76955fe32d357a_NIOdesignstudioOG_AGB_2021-04-21.pdf" target="_blank" class="section7--footer-link">AGB</a><div class="section7--underline"></div></div></div></div></div></div><div class="collection-list-wrapper-3 w-dyn-list"><div r-prevnext-source="1" role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/portfolio/eglo" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/skinimalist-by-sophia-thiel" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/hotel-gappmaier" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/bagjump" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/qsea---european-quantum-computing-consortium" aria-current="page" class="w-inline-block w--current"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/innsbrucker-abendmusik" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/cura-cosmetics-group" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/p80-phyto-prime" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/aperitivo-e-amore-2" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/unfold-travel" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item">
112<a href="/portfolio/leonhard-lang-2" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/angios-biotech" class="w-inline-block"></a></div><div role="listitem" class="w-dyn-item"><a href="/portfolio/silvretta-therme-ischgl" class="w-inline-block"></a></div></div></div><div class="main--navbar"><a href="/" class="home-logo w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/66aba1fde52c61a9c4eb30c3_nio-logo-neg.svg" alt="" class="image-85"/></a><div class="menu--typo-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/66aba2069f4aca76aaae6976_nio-typo-neg.svg" alt="" class="image-82"/></div><div class="main--menu-items-container"><div class="main--menu-link-wrapper"><a href="https://www.niostudio.at#referenzen" class="main--menu-link">Referenzen</a><div class="section7--underline"></div></div><div class="main--menu-link-wrapper"><a href="https://www.niostudio.at#leistungen" class="main--menu-link">Leistungen</a><div class="section7--underline"></div></div><div class="main--menu-link-wrapper"><a href="https://www.niostudio.at#team" class="main--menu-link">Team</a><div class="section7--underline"></div></div><div class="main--menu-link-wrapper"><a href="https://www.niostudio.at#kontakt" class="main--menu-link">Kontakt</a><div class="section7--underline"></div></div></div><div data-w-id="141f8029-63ba-a843-6ca7-0e58ff919ab8" data-is-ix2-target="1" class="menu-click-1" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/66b48f80b3032aea47b4af64_icon--menu-2024_neg_v5.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.1666666666666667" data-duration="0" data-loading="eager"></div><div data-w-id="141f8029-63ba-a843-6ca7-0e58ff919ab9" data-is-ix2-target="1" class="menu-click-2" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/66b48f80b3032aea47b4af64_icon--menu-2024_neg_v5.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.1666666666666667" data-duration="0" data-loading="eager"></div><div data-hover="true" data-delay="0" class="dropdown w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="icon-4 w-icon-dropdown-toggle"></div><div class="text-block-48">DE</div></div><nav class="dropdown-list w-dropdown-list"><div class="locales-wrapper w-locales-list"><div role="list" class="w-locales-items"><div role="listitem" class="w-locales-item"><a hreflang="de-AT" href="/portfolio/qsea---european-quantum-computing-consortium" aria-current="page" class="link-lang w--current">DE</a></div><div role="listitem" class="w-locales-item"><a hreflang="es-ES" href="/es/portfolio/qsea---european-quantum-computing-consortium" class="link-lang">ES</a></div></div></div></nav></div></div><div class="menu--gradient"></div><div class="main--menu-plane"><div data-w-id="d18631e5-c48f-2628-ba21-7935e10f557d" class="main--menu-link-wrapper"><div class="menu-div"><a data-w-id="d18631e5-c48f-2628-ba21-7935e10f557f" href="https://www.niostudio.at#referenzen" class="main--menu-link">Referenzen</a></div></div><div data-w-id="d18631e5-c48f-2628-ba21-7935e10f5581" class="main--menu-link-wrapper"><div class="menu-div"><a data-w-id="d18631e5-c48f-2628-ba21-7935e10f5583" href="https://www.niostudio.at#leistungen" class="main--menu-link">Leistungen</a></div></div><div data-w-id="d18631e5-c48f-2628-ba21-7935e10f5585" class="main--menu-link-wrapper"><div class="menu-div"><a data-w-id="d18631e5-c48f-2628-ba21-7935e10f5587" href="https://www.niostudio.at#team" class="main--menu-link">Team</a></div></div><div data-w-id="d18631e5-c48f-2628-ba21-7935e10f5589" class="main--menu-link-wrapper"><div class="menu-div"><a data-w-id="d18631e5-c48f-2628-ba21-7935e10f558b" href="https://www.niostudio.at#kontakt" class="main--menu-link">Kontakt</a></div></div></div>
112<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5e9d80385a3dabeca5c2a644" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
112<script src="https://cdn.prod.website-files.com/5e9d80385a3dabeca5c2a644/js/webflow.28a39e1b.f8a6d9f1ef7ef9b5.js" type="text/javascript" integrity="sha384-0ordaFr7gI7uKW5Lh70cM3wkBEtSq02cj4ldThQnbVyiD7yOZS+Iv5BsqVGfgbTe" crossorigin="anonymous"></script>
112<script> 113Webflow.push(function() { 114 115 // Hover text change 116 $('[data-hover-text]').hover(function() { 117 var el = $(this); el.attr('data-hover-original', el.text()).css({ 'width': el.outerWidth()+'px', 'height': el.outerHeight()+'px' }).text(el.attr('data-hover-text')); 118 }, function() { 119 var el = $(this); el.css({ 'width': '', 'height': '' }).text(el.attr('data-hover-original')); 120 }); 121}); 122</script>
122 123
124<script> 125(function () { 126 const FADE_OUT_MS = 360; 127 const FADE_IN_TICK = 20; 128 129 const html = document.documentElement; 130 131 function isInternalLink(a) { 132 if (!a) return false; 133 const href = a.getAttribute('href'); 134 if (!href) return false; 135 if (href.startsWith('#')) return false; 136 if (href.startsWith('mailto:') || href.startsWith('tel:')) return false; 137 if (a.target && a.target !== '_self') return false; 138 if (a.hasAttribute('download')) return false; 139 const url = new URL(href, window.location.href); 140 return url.origin === window.location.origin; 141 } 142 143 /* ------------------------------ 144 ENTER (Fade in) 145 ------------------------------ */ 146 function fadeIn() { 147 html.classList.add('is-fading-in'); 148 html.classList.remove('is-fading-out'); 149 150 // trigger transition 151 setTimeout(() => { 152 html.classList.add('is-ready'); 153 }, FADE_IN_TICK); 154 155 // cleanup 156 setTimeout(() => { 157 html.classList.remove('is-fading-in', 'is-ready'); 158 }, 600); 159 } 160 161 /* ------------------------------ 162 LEAVE (Fade out) 163 ------------------------------ */ 164 document.addEventListener('click', function (e) { 165 const a = e.target.closest('a'); 166 if (!isInternalLink(a)) return; 167 168 // allow new-tab etc. 169 if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; 170 171 e.preventDefault(); 172 const href = a.href; 173 174 html.classList.remove('is-fading-in', 'is-ready'); 175 html.classList.add('is-fading-out'); 176 177 setTimeout(() => { 178 window.location.href = href; 179 }, FADE_OUT_MS); 180 }, true); 181 182 /* ------------------------------ 183 Prefetch (optional speed feel) 184 ------------------------------ */ 185 const prefetched = new Set(); 186 function prefetch(href) { 187 try { 188 const url = new URL(href, location.href); 189 if (url.origin !== location.origin) return; 190 if (prefetched.has(url.href)) return; 191 prefetched.add(url.href); 192 193 const l = document.createElement('link'); 194 l.rel = 'prefetch'; 195 l.as = 'document'; 196 l.href = url.href; 197 document.head.appendChild(l); 198 } catch (e) {} 199 } 200 201 document.addEventListener('mouseenter', e => { 202 const a = e.target.closest('a'); 203 if (isInternalLink(a)) prefetch(a.href); 204 }, true); 205 206 document.addEventListener('touchstart', e => { 207 const a = e.target.closest('a'); 208 if (isInternalLink(a)) prefetch(a.href); 209 }, { passive: true, capture: true }); 210 211 /* ------------------------------ 212 Back / Forward cache 213 ------------------------------ */ 214 window.addEventListener('pageshow', () => { 215 html.classList.remove('is-fading-out'); 216 fadeIn(); 217 }); 218 219 /* First load */ 220 fadeIn(); 221})(); 222</script>
vendor: 1 bytes, line 222
222
223<script src="https://player.vimeo.com/api/player.js"></script>
vendor: 1 bytes, line 223
223
224<script> 225// VIMEO VIDEO PLAYER 226$("[js-vimeo-element='component']").each(function (index) { 227 let componentEl = $(this), 228 iframeEl = $(this).find("iframe"), 229 coverEl = $(this).find("[js-vimeo-element='cover']"); 230 // create player 231 let player = new Vimeo.Player(iframeEl[0]); 232 // when video starts playing 233 player.on("play", function () { 234 // pause previously playing component before playing new one 235 let playingCover = $("[js-vimeo-element='component'].is-playing").not(componentEl).find(" [js-vimeo-element='cover']"); 236 if (playingCover.length) playingCover[0].click(); 237 // add class of is-playing to this component 238 componentEl.addClass("is-playing"); 239 }); 240 // when video pauses or ends 241 player.on("pause", function () { 242 componentEl.removeClass("is-playing"); 243 }); 244 // when user clicks on our cover 245 coverEl.on("click", function () { 246 if (componentEl.hasClass("is-playing")) { 247 player.pause(); 248 } else { 249 player.play(); 250 } 251 }); 252}); 253</script>
253 254
255<script src="https://tools.refokus.com/next-prev-articles/bundle.v1.0.0.js"></script>
255 256 257 258
259<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
259 260
261<script> 262 263// TRIGGERS 264 265// Play animation when something is clicked 266$( ".menu-click-1" ).click(function() { 267 // Put the play below this line 268 // Wait before playing animation 269setTimeout(() => { 270// Put the play below this line 271 272 // Stagger your animation 273 $(".main--menu-link-wrapper").each(function (i) { 274 var $item = $(this); 275 setTimeout(function() { 276 $item.click(); 277 }, 100*i); 278 // delays the next animation by 200 milliseconds 279 }); 280 }, 400); 281}); 282 283 284</script>
284 285</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.