<!DOCTYPE html><html lang="cs"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>MetaMechanics</title>

    <!-- For use in JS files -->
    <script type="text/javascript">
        var template_dir = "https://metamechanics.cz/wp-content/themes/extinct";
    </script>

    <link rel="profile" href="http://gmpg.org/xfn/11">

    <link rel="pingback" href="https://metamechanics.cz/xmlrpc.php">

    <script type="text/javascript">var mo_options = mo_options || {};mo_options.ajax_portfolio = true;mo_options.disable_back_to_top = true;mo_options.sticky_menu = false;mo_options.theme_skin = "default";mo_options.theme_directory_url = "https://metamechanics.cz/wp-content/themes/extinct";mo_options.slider_chosen="None";mo_options.disable_smooth_page_load=true;mo_options.disable_animations_on_page=true;</script>
    <meta name="robots" content="max-image-preview:large">
<link rel="dns-prefetch" href="//html5shiv.googlecode.com">
<link rel="alternate" type="application/rss+xml" title="MetaMechanics » RSS zdroj" href="https://metamechanics.cz/feed/">
<link rel="alternate" type="application/rss+xml" title="MetaMechanics » RSS komentářů" href="https://metamechanics.cz/comments/feed/">
<link rel="alternate" type="application/rss+xml" title="MetaMechanics » RSS komentářů pro Home page" href="https://metamechanics.cz/home-page/feed/">
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/metamechanics.cz\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id="wp-emoji-styles-inline-css" type="text/css">

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="css/style.min.css" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" id="pretty-photo-css" href="css/prettyPhoto.css" type="text/css" media="screen">
<link rel="stylesheet" id="icon-fonts-css" href="css/icon-fonts.css" type="text/css" media="screen">
<link rel="stylesheet" id="style-theme-css" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" id="style-responsive-css" href="css/responsive.css" type="text/css" media="all">
<!--[if IE 8]>
<link rel='stylesheet' id='style-ie8-css' href='https://metamechanics.cz/wp-content/themes/extinct/css/ie8.css?ver=6.6.2' type='text/css' media='screen' />
<![endif]-->
<!--[if IE 9]>
<link rel='stylesheet' id='style-ie9-css' href='https://metamechanics.cz/wp-content/themes/extinct/css/ie9.css?ver=6.6.2' type='text/css' media='screen' />
<![endif]-->
<link rel="stylesheet" id="animate-css" href="css/animate.css" type="text/css" media="screen">
<link rel="stylesheet" id="style-skin-php-css" href="skin.php" type="text/css" media="all">
<link rel="stylesheet" id="style-skin-css-css" href="css/default.css" type="text/css" media="all">
<link rel="stylesheet" id="style-custom-css" href="css/custom.css" type="text/css" media="all">
<link rel="stylesheet" id="style-plugins-css" href="css/plugins.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery.min.js" id="jquery-core-js"></script>
<script type="text/javascript" src="js/jquery-migrate.min.js" id="jquery-migrate-js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js" id="jquery-easing-js"></script>
<link rel="https://api.w.org/" href="https://metamechanics.cz/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://metamechanics.cz/wp-json/wp/v2/pages/5409"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metamechanics.cz/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.6.2">
<link rel="canonical" href="https://metamechanics.cz/">
<link rel="shortlink" href="https://metamechanics.cz/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://metamechanics.cz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetamechanics.cz%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://metamechanics.cz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetamechanics.cz%2F&format=xml">
        <script type="text/javascript">
            (function () {
                window.lsow_fs = {can_use_premium_code: false};
            })();
        </script>
        <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><!-- Options based styling -->
<style type="text/css">
@import url("//fonts.googleapis.com/css?family=Open+Sans|Open+Sans|");

h1,h2,h3,h4,h5,h6 {font-family:"Open Sans";letter-spacing:0px;}
body{font-family:"Open Sans";}
#site-logo a {font-family:"Helvetica";}
h1 { font-size:40px !important;}
h1.post-title {color:#ffffff !important;}
h1.page-title {color:#ffffff !important;}
#portfolio-full-width h2, #portfolio-template h2 {color:#ffffff !important;}
#footer { color:#333333 !important; }
#footer a { color:#6600af !important; }
#footer a:hover { color:#dd3333 !important; }
#footer-bottom { color:#333333 !important; }
#footer-bottom a { color:#6600af !important; }
#footer-bottom a:hover { color:#dd9933 !important; }
body{font-size:16px;color:#e5e5e5;}
#primary-menu > ul.menu > li > a {color:#777777 !important;}
#primary-menu ul.menu > li.sfHover > a, #primary-menu > ul.menu > li > a:hover { color:#dedede !important; }
#site-logo { top:40px; }
#site-logo a {color:#fafafa;}
#container, #header {background-color:#232100;background-image: none;background-size: cover;}
#main {background-color:#000000;background-image: none;background-size: cover;}
body {
background: #141413;
}
a, a:active, a:visited {
color: #f2f2f2;
}
#content .hentry h2.entry-title a:hover { color: #fff; }
h1,h2,h3,h4,h5,h6{
text-transform: none;
color: #f2f2f2;
font-weight: 300;
}
#content .hentry h2.entry-title a {
color: #f2f2f2;
}
#primary-menu > ul.menu > li > a {
color: #fff !important;
}
li.current-menu-item > a{
border-bottom: 0px solid #fff;
}
div.sticky-wrapper { 
height: 0 !important; 
}
#header, #footer, #footer-bottom, #main, #container {
background-color: transparent !important;
background: none;
}
#portfolio-filter {
display: none;
}
#header.sticky {
background-color: rgb(5, 8, 3) !important;
border-bottom: 0px solid #CCC;
-webkit-box-shadow: none;
-moz-box-shadow:none;
box-shadow: none;
}
#title-area h1, #title-area h2 {
text-shadow: none;
}
#title-area {
background-color: transparent !important;
background-image: none;
background-size: cover;
border: none;
box-shadow: none;

}
h1.page-title {
display: none;
}
H2.page-title a {
display: none;
}
.flex-caption a {
display: inline !important;
font-size: 36px;
font-weight: 300;
line-height: 42px;
/*color: #EFEFEF !important;*/
padding: 2px 15px;
font-family: 'Open Sans' !important;
/*text-transform: uppercase;*/
}
.divider-line {
border-bottom: 1px solid #222;
}
#portfolio-filter {
border-top: 0px solid #222;
border-bottom: 0px solid #222;
}
#portfolio-filter a:hover {
background-color: #000 !important;
}
.portfolio-sidebar>p {
color: #f2f2f2;
}
.portfolio-label {
text-transform: uppercase;
display: block;
color: #3D3D3D;
border-top: 1px solid #3D3D3D;
padding: 0;
margin: 0;
}
.team-member .social-wrap {
width: 100%;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
padding: 5px 0;
line-height: 0;
display:none;
}
.image-info a.lightbox-link span {
display: none;
}
.image-info, .team-member .team-member-hover {
background: rgba(0, 102, 51, 0.8);
}
.single-portfolio img.featured { 
display: none;
}
#mobile-menu-toggle {
border: none;
}
body.home div#footer-bottom { 
display: none;
}
/*Portfolio*/
.portfolio-info {
display: none;
}
.blog #content .post.hentry, .archive #content .post.hentry, .search #content .hentry, .single-post #content .post.hentry { border: 0px solid #eadada; background-color: #333; padding: 70px 20px 20px; position: relative; }
</style>
		<style type="text/css" id="wp-custom-css">
			/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
H2 .page-title a {display: none;}		</style>
		
<script src="js/wp-emoji-release.min.js" defer=""></script></head>

<body class="home page-template page-template-template-portfolio-2c-sorted-full-width page-template-template-portfolio-2c-sorted-full-width-php page page-id-5409 layout-1c  portfolio-template ajax-portfolio safari default">


<div id="container">

    
    <div id="header">

        <div class="inner clearfix">

            <div class="wrap">

                <h1 id="site-logo"><a href="https://metamechanics.cz/" title="MetaMechanics" rel="home"><span>MetaMechanics</span></a></h1><a id="mobile-menu-toggle" href="#"><i class="icon-list-3"></i> </a><div id="primary-menu" class="dropdown-menu-wrap clearfix"><ul id="menu-mainmenu" class="menu clearfix"><li id="menu-item-5836" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5836"><a href="https://metamechanics.cz/studio/">Studio</a></li>
<li id="menu-item-6015" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6015"><a href="https://metamechanics.cz/portfolio/">Portfolio</a></li>
<li id="menu-item-6021" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6021"><a href="https://metamechanics.cz/kontakt/">Kontakt</a></li>
</ul></div><!-- #primary-menu -->
                
            </div>

        </div>

    </div>
    <!-- #header -->

    <div id="mobile-menu" class="menu-container clearfix"><ul id="menu-mainmenu-1" class="menu inner"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5836"><a href="https://metamechanics.cz/studio/">Studio</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6015"><a href="https://metamechanics.cz/portfolio/">Portfolio</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6021"><a href="https://metamechanics.cz/kontakt/">Kontakt</a></li>
</ul></div><!-- #mobile-menu -->
    
    <div id="title-area" class="clearfix"><div class="inner"><h2 class="page-title entry-title"><a href="https://metamechanics.cz/" title="Home page" rel="bookmark">Home page</a></h2></div></div> <!-- title-area -->
    <div id="main" class="clearfix">

        
        <div class="inner clearfix">
<div id="portfolio-full-width">

    
        <div id="content" class="twelvecol ">

            
            <div class="hfeed">

                
            
            
                <div id="post-5409" class="post-5409 page type-page status-publish hentry">

                    <div class="entry-content clearfix">

                        
<h1 class="has-text-align-center wp-block-heading" id="spojujeme-umeni-a-technologie">Spojujeme umění a technologie</h1>



<p class="has-text-align-center">Vytváříme jedinečné expozice, videoprojekce a interaktivní instalace</p>



<p class="has-text-align-center has-text-color" style="color:#141413">…<br><br> <br>… <br></p>

                    </div>
                    <!-- .entry-content -->

                </div><!-- .hentry -->

            
        
        <ul id="portfolio-filter"><li class="filter-text">Portfolio Filter:</li><li class="segment-0"><a class="portfolio-filter" data-value="*" href="#">All</a></li><li class="segment-1"><a class="" href="#" data-value=".term-49" title="View all items filed under 3D">3D</a></li><li class="segment-2"><a class="" href="#" data-value=".term-48" title="View all items filed under Animation">Animation</a></li><li class="segment-3"><a class="" href="#" data-value=".term-55" title="View all items filed under Instalace">Instalace</a></li><li class="segment-4"><a class="" href="#" data-value=".term-45" title="View all items filed under Projekce">Projekce</a></li><li class="segment-5"><a class="" href="#" data-value=".term-44" title="View all items filed under Video">Video</a></li></ul><ul id="portfolio-items" class="image-grid">                        <li data-id="id-5954" class="sixcol portfolio-item clearfix term-55 term-45">

                            <div id="post-5954" class="post-5954 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-instalace portfolio_category-projekce-3">

                                <div class="image-area"><a title="400ASA" href="https://metamechanics.cz/portfolio/400asa/ "><img width="550" height="400" src="images/400ASA_phone-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/400asa/" title="400ASA" rel="bookmark">400ASA</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5839" class="sixcol portfolio-item clearfix term-55 term-45 term-44">

                            <div id="post-5839" class="post-5839 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-instalace portfolio_category-projekce-3 portfolio_category-video-2">

                                <div class="image-area"><a title="Koudelka: Invaze 68 a archivní záběry Jana Němce" href="https://metamechanics.cz/portfolio/koudelka-invaze-68-a-archivni-zabery-jana-nemce/ "><img width="550" height="400" src="images/koudelka-7123-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/koudelka-invaze-68-a-archivni-zabery-jana-nemce/" title="Koudelka: Invaze 68 a archivní záběry Jana Němce" rel="bookmark">Koudelka: Invaze 68 a archivní záběry Jana Němce</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5950" class="sixcol portfolio-item clearfix term-45 term-44">

                            <div id="post-5950" class="post-5950 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-projekce-3 portfolio_category-video-2">

                                <div class="image-area"><a title="Koloběh vody" href="https://metamechanics.cz/portfolio/kolobeh-vody/ "><img width="550" height="400" src="images/jeleni-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/kolobeh-vody/" title="Koloběh vody" rel="bookmark">Koloběh vody</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5763" class="sixcol portfolio-item clearfix term-55 term-45 term-44">

                            <div id="post-5763" class="post-5763 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-instalace portfolio_category-projekce-3 portfolio_category-video-2">

                                <div class="image-area"><a title="Projekční systém v zemním vodojemu" href="https://metamechanics.cz/portfolio/zemni-vodojem-180/ "><img width="550" height="400" src="images/DSC_0192-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/zemni-vodojem-180/" title="Projekční systém v zemním vodojemu" rel="bookmark">Projekční systém v zemním vodojemu</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5783" class="sixcol portfolio-item clearfix term-48 term-45 term-44">

                            <div id="post-5783" class="post-5783 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-animation portfolio_category-projekce-3 portfolio_category-video-2">

                                <div class="image-area"><a title="Tváře obětí šoa" href="https://metamechanics.cz/portfolio/tvare-obeti-soa/ "><img width="550" height="400" src="images/tvare_obeti_pinkaska_5-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/tvare-obeti-soa/" title="Tváře obětí šoa" rel="bookmark">Tváře obětí šoa</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5764" class="sixcol portfolio-item clearfix term-49 term-48 term-55 term-45">

                            <div id="post-5764" class="post-5764 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-3d portfolio_category-animation portfolio_category-instalace portfolio_category-projekce-3">

                                <div class="image-area"><a title="Historie dodávek vody v ČB" href="https://metamechanics.cz/portfolio/vodarenska-vez/ "><img width="550" height="400" src="images/asset-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/vodarenska-vez/" title="Historie dodávek vody v ČB" rel="bookmark">Historie dodávek vody v ČB</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5787" class="sixcol portfolio-item clearfix term-48 term-55 term-45 term-44">

                            <div id="post-5787" class="post-5787 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-animation portfolio_category-instalace portfolio_category-projekce-3 portfolio_category-video-2">

                                <div class="image-area"><a title="Golem" href="https://metamechanics.cz/portfolio/golem/ "><img width="550" height="400" src="images/Golem_detail-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/golem/" title="Golem" rel="bookmark">Golem</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5739" class="sixcol portfolio-item clearfix term-48 term-45">

                            <div id="post-5739" class="post-5739 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-animation portfolio_category-projekce-3">

                                <div class="image-area"><a title="Česko-německá novinářská cena 2016" href="https://metamechanics.cz/portfolio/cesko-nemecka-novinarska-cena-2016/ "><img width="550" height="400" src="images/CNNC_2016_06-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/cesko-nemecka-novinarska-cena-2016/" title="Česko-německá novinářská cena 2016" rel="bookmark">Česko-německá novinářská cena 2016</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-5155" class="sixcol portfolio-item clearfix term-48 term-45">

                            <div id="post-5155" class="post-5155 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-animation portfolio_category-projekce-3">

                                <div class="image-area"><a title="Kašperk – život na hradě" href="https://metamechanics.cz/portfolio/kasperk-zivot-na-hrade/ "><img width="550" height="400" src="images/kuchyn-s-lidmi-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy" srcset="images/kuchyn-s-lidmi-550x400.jpg 550w, images/kuchyn-s-lidmi-90x65.jpg 90w" sizes="(max-width: 550px) 100vw, 550px"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/kasperk-zivot-na-hrade/" title="Kašperk – život na hradě" rel="bookmark">Kašperk – život na hradě</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-4959" class="sixcol portfolio-item clearfix term-48 term-45">

                            <div id="post-4959" class="post-4959 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-animation portfolio_category-projekce-3">

                                <div class="image-area"><a title="Kašperk – ložnice" href="https://metamechanics.cz/portfolio/kasperk-loznice/ "><img width="550" height="400" src="images/kasperk09-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy" srcset="images/kasperk09-550x400.jpg 550w, images/kasperk09-90x65.jpg 90w" sizes="(max-width: 550px) 100vw, 550px"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/kasperk-loznice/" title="Kašperk – ložnice" rel="bookmark">Kašperk – ložnice</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-4960" class="sixcol portfolio-item clearfix term-48 term-45">

                            <div id="post-4960" class="post-4960 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-animation portfolio_category-projekce-3">

                                <div class="image-area"><a title="Kašperk – stavba hradu" href="https://metamechanics.cz/portfolio/kasperk-stavba-hradu/ "><img width="550" height="400" src="images/kasperk3patro01-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy" srcset="images/kasperk3patro01-550x400.jpg 550w, images/kasperk3patro01-90x65.jpg 90w" sizes="(max-width: 550px) 100vw, 550px"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/kasperk-stavba-hradu/" title="Kašperk – stavba hradu" rel="bookmark">Kašperk – stavba hradu</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                                            <li data-id="id-4955" class="sixcol portfolio-item clearfix term-44">

                            <div id="post-4955" class="post-4955 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_category-video-2">

                                <div class="image-area"><a title="Beating" href="https://metamechanics.cz/portfolio/box/ "><img width="550" height="400" src="images/Box01-550x400.jpg" class="thumbnail wp-post-image" alt="" title="" decoding="async" loading="lazy" srcset="images/Box01-550x400.jpg 550w, images/Box01-90x65.jpg 90w" sizes="(max-width: 550px) 100vw, 550px"></a></div><div class="entry-text-wrap"><h2 class="entry-title"><a href="https://metamechanics.cz/portfolio/box/" title="Beating" rel="bookmark">Beating</a></h2></div> <!-- .entry-text-wrap -->
                            </div>
                            <!-- .hentry -->

                        </li> <!--Isotope element -->


                    
                    </ul> <!-- Isotope items -->

                
            </div>
            <!-- .hfeed -->

            

            
        </div><!-- #content -->

        
        
    
</div> <!-- #portfolio-full-width -->


</div><!-- #main .inner -->


</div><!-- #main -->


<div id="footer-bottom">

    <div class="inner">

        
        <div id="footer-bottom-text">  </div>
        <a id="go-to-top" href="#" title="Back to top">Go Top</a>
    </div>

</div><!-- #footer-bottom -->

</div><!-- #container -->


<script type="text/javascript" id="lsow-frontend-scripts-js-extra">
/* <![CDATA[ */
var lsow_settings = {"mobile_width":"780","custom_css":""};
/* ]]> */
</script>
<script type="text/javascript" src="js/lsow-frontend.min.js" id="lsow-frontend-scripts-js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js" id="jquery-tools-js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js" id="jquery-validate-js"></script>
<script type="text/javascript" src="js/drop-downs.js" id="mo-drop-downs-js"></script>
<script type="text/javascript" src="js/jquery.fitvids.js" id="jquery-fitvideos-js"></script>
<script type="text/javascript" src="js/jquery.appear.js" id="jquery-appear-js"></script>
<script type="text/javascript" src="js/waypoints.js" id="jquery-waypoint-js"></script>
<script type="text/javascript" src="js/jquery.stellar.min.js" id="jquery-stellar-js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js" id="jquery-flexslider-js"></script>
<script type="text/javascript" src="js/jquery.bxslider.min.js" id="jquery-bxslider-js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js" id="jquery-prettyphoto-js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js" id="jquery-isotope-js"></script>
<script type="text/javascript" src="js/jquery.infinitescroll.min.js" id="jquery-infinitescroll-js"></script>
<script type="text/javascript" src="js/comment-reply.min.js" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="js/slider.js" id="mo-slider-js-js"></script>
<script type="text/javascript" id="mo-theme-js-js-extra">
/* <![CDATA[ */
var mo_theme = {"name_required":"Please provide your name","name_format":"Your name must consist of at least 5 characters","email_required":"Please provide a valid email address","url_required":"Please provide a valid URL","phone_required":"Minimum 5 characters required","human_check_failed":"The input the correct value for the equation above","message_required":"Please input the message","message_format":"Your message must be at least 15 characters long","success_message":"Your message has been sent. Thanks!","blog_url":"https:\/\/metamechanics.cz","loading_portfolio":"Loading the next set of posts...","finished_loading":"No more items to load..."};
/* ]]> */
</script>
<script type="text/javascript" src="js/main.js" id="mo-theme-js-js"></script>


</body></html>