1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>CODEX</title> 6 7<link rel="apple-touch-icon" sizes="180x180" href="/asset/3eb0efd6-48a6-4afc-9087-6abc9d7aba6b"> 8<link rel="icon" type="image/png" sizes="32x32" href="/asset/ded71e44-398e-4c0e-9df6-3918afeb17a8"> 9<link rel="icon" type="image/png" sizes="16x16" href="/asset/65975b34-2242-4308-a848-e7f8a915a1f9"> 10 11<meta name="google-site-verification" content="2URjSWENdyAaElj4MTCtPVo9yPVF45dS08X5aVYz2vI"> 12 13<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
14<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.7/underscore-min.js" integrity="sha512-dvWGkLATSdw5qWb2qozZBRKJ80Omy2YN/aF3wTUVC5+D1eqbA+TjWpPpoj8vorK5xGLMa2ZqIeWCpDZP/+pQGQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 14
14
15<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 15
15
16<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-balloon-js/1.1.2/jquery.balloon.min.js" integrity="sha512-uAuoMmf0Dq6YmQuIeGV8ME1MmXUoBrI5GfUG7lJs09sTn3cLGMBSdP56sJ5LnMXYJZabYC0pvCta9zYMMJPxBA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 16
16
17<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
17 18<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css" integrity="sha512-+0Vhbu8sRUlg+R/NKgTv7ahM+szPDF10G6J5PcHb1tOrAaquZIUiKUV3TH16mi6fuH4NjvHqlok6ppBhR6Nxuw==" crossorigin="anonymous" referrerpolicy="no-referrer"> 19
20<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/gsap.min.js" integrity="sha512-NcZdtrT77bJr4STcmsGAESr06BYGE8woZdSdEgqnpyqac7sugNO+Tr4bGwGF3MsnEkGKhU2KL2xh6Ec+BqsaHA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 20
20
21<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/ScrollTrigger.min.js" integrity="sha512-P2IDYZfqSwjcSjX0BKeNhwRUH8zRPGlgcWl5n6gBLzdi4Y5/0O4zaXrtO4K9TZK6Hn1BenYpKowuCavNandERg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 21
21
22<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/ScrollToPlugin.min.js" integrity="sha512-kz526itdNcpyMs18TLPOhsnIeOIO1JywWKbbF77zR+ZKpZ4gwubXhwaURHpt5Se9AAqSK2j8ID0LnfXsB2Jkjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 22
22
23<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/Draggable.min.js" integrity="sha512-dgqdovLK5r/NMiV5YfWA0xC94DKGrm+6q1OZpuWHm+uBGLTck6wu58WAX9lmy8wec6cVnsgxbPJ60DtmNFnfgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 23
23
24<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/InertiaPlugin.min.js" integrity="sha512-PEhxb+AivyFXL3zZnE/TwS4sgWRDZRF7aTGVGkiF7ej++sMKTtN+ZfrEo8lPxrfMIOws/1RkVc1Apua29ktRwg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 2 bytes, line 24
24
25<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.13.0/SplitText.min.js" integrity="sha512-wOeEC+9qERAzhliwBFPDb6t8TiFFxdxG8vhK/Ygs7TuC44bpg8pg/X2/U/u+0X4fK05wb9id1EIipnF02+CFQw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
25 26 27
28<script type="text/javascript"> 29 gsap.registerPlugin(SplitText, Draggable, InertiaPlugin); 30</script>
30 31 32<!--Bootstrap-->
33<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js" integrity="sha512-ykZ1QQr0Jy/4ZkvKuqWn4iF3lqPZyij9iRv6sGqLRdTPkY69YX6+7wvVGmsdBbiIfN/8OdsI7HABjvEok6ZopQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
33 34<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap-grid.min.css" integrity="sha512-i1b/nzkVo97VN5WbEtaPebBG8REvjWeqNclJ6AItj7msdVcaveKrlIIByDpvjk5nwHjXkIqGZscVxOrTb9tsMA==" crossorigin="anonymous" referrerpolicy="no-referrer"> 35
36<script src="https://player.vimeo.com/api/player.js"></script>
36 37 38<style> 39body{ 40 opacity:0; 41 42#hero-slider .arrow { 43 display: none !important; 44} 45} 46 47#content{ 48 margin:0 auto; 49 overflow:hidden; 50} 51.loader-fade{ 52 width: 100%; 53 height:100vw; 54 background:#000; 55 position: fixed; 56 z-index: 20; 57 display:none; 58} 59</style> 60 61<meta property="og:title" content="CODEX"><meta property="og:url" content="https://codex.online/"><meta property="og:type" content="website">
61<script type="text/javascript">var app=(()=>{var t=()=>{$(()=>{carousel.createCarousel("#carousel-p",_codexNewsiteCaseStudiesCarousel,"gallery",!1);carousel.createCarousel("#products",_codexNewsiteHomepageProductImages,"full",!1);carousel.createCarousel("#workflow",_codexNewsiteHomepageSolutionsImages,"full",!1);$("#block-link").appendTo($("#blockLink"));assetSlider.createSlider($("#story"),_codexAwardsTestimonials,!0,!1,null,"500000");var n=_.throttle(()=>{ScrollTrigger.isScrolling()||ScrollTrigger.refresh(),console.log("scrolltrigger refresh")},250);$(window).scroll(n)})},n,i,r=()=>{n=gsap.timeline(),n.fromTo("#content .hero .image",{width:"100%"},{width:function(){console.log(this);var n=matchMedia("screen and (min-width: 1200px)");return n.matches?Math.min(1664,$("body").width()-120):Math.min(1664,$("body").width()-32)}}),i=ScrollTrigger.create({animation:n,trigger:".hero",start:"top top",end:"+=400",scrub:.2,invalidateOnRefresh:!0})};return t(),{}})(),guid="81e86f18-01b8-41ce-a43e-f971c8ebdc0e"</script>
61<style>.codex{width:100%;overflow:hidden;position:relative}h1{padding-bottom:1.0625rem}#content a{text-decoration:none}#content h2{font-weight:250}#content h4{letter-spacing:-.03em;font-weight:250}#content{position:relative}#content .hero{max-width:2200px !important;padding:0 !important}#content .content-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-left:0;padding-right:0}#content .fullwidth-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-right:1.125rem}#content .content-wrapper #products .fullwidth-wrapper,#content .content-wrapper #workflow .fullwidth-wrapper{max-width:unset;margin:0 auto;padding-left:0 !important;padding-right:0 !important}#content .content-wrapper #workflow{max-width:unset;margin:0 auto;padding-left:0 !important;padding-right:0 !important}#content .header{height:calc(100svh - 52px);min-height:80%}#content .header .intro{margin-top:1.63rem;margin-bottom:3.44rem}#content .header .intro h3{padding-bottom:8px;font-size:clamp(1.25rem,.629vw + 1.152rem,1.375rem)}#content .products-wrapper,#content .workflow-wrapper{margin-bottom:3.63rem}#content .products-Header,#content .workflow-Header{margin-bottom:19px;margin-top:3em}#content .history{margin-bottom:2.0625rem}#content .history h2{padding-bottom:.1em}#content .captured-header{margin:5em 0 2.5em}#content .captured-header h2{margin-bottom:.1em}#content .captured{padding-bottom:4em;margin-right:-1.2em}#content .contact-content{max-width:57em;padding:2em}#content .office-info{max-width:25em;display:inline-block;padding:2em 4em 0 0;font-weight:250;width:100%}#content .office-info strong{font-weight:400}.static-image{width:100%;padding-bottom:80%;margin:0 auto;background-size:cover;background-position:center}.column{max-width:1675px;display:inline-block;width:100%}#content .carousel-image-wrapper .product-name{font-weight:250 !important;letter-spacing:-.05em !important;font-size:3em !important}#carousel-full .carousel-image-wrapper .product-section{font-size:2em !important}#content .carousel-wrapper .imageouter .carousel-image-wrapper{border-radius:0 !important}#content .carousel-wrapper{overflow:hidden}#content .contact{padding-top:4em}#content .contact h2{left:50%;position:absolute;top:41%;display:block;transform:translate(-50%,-50%);color:#fff}#content .contact .static-image{position:relative}#footer{margin-top:10em !important}#heroslider .black-trans-btn{display:none !important}@media screen and (min-width:768px){#content .fullwidth-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-right:1.125rem}#content .header{height:-webkit-fill-available;height:calc(100svh - 58px)}#content .header .intro{margin-top:1.63rem;margin-bottom:1.63rem}#content .header .intro h3{font-size:clamp(1.313rem,.893vw + .884rem,1.438rem);line-height:clamp(1.313rem,.893vw + .884rem,1.438rem)}#content .products-Header,#content .workflow-Header{margin-bottom:25px}#content .history{margin-top:2.35rem;margin-bottom:3rem}#content .office-info{font-size:1.5em}.static-image{padding-bottom:41.19157678479713%}#content .contact{padding-top:6em}}@media screen and (min-width:992px){#content .content-wrapper #products .fullwidth-wrapper,#content .content-wrapper #workflow .fullwidth-wrapper{max-width:unset;margin:0 auto;padding-left:0 !important;padding-right:0 !important}#content .header .intro h3{font-size:clamp(1.438rem,2.047vw + .168rem,2.625rem);line-height:clamp(1.438rem,2.047vw + .168rem,2.625rem)}#content .header .intro{margin-top:2.25rem;margin-bottom:2.25rem;margin-left:8.33333333%;padding-left:0}#content .products-Header,#content .workflow-Header{margin-bottom:35px}#content .header{height:calc(100vh - 58px);height:calc(100svh - 58px)}.black-trans-btn{width:calc(2.2125rem - 2px) !important;height:calc(3.7125rem - 2px) !important}.black-trans-btn.right:after,.black-trans-btn.left:after{background-size:12px 22px}}#block-link{margin-bottom:4rem}@media screen and (min-width:768px){#block-link{margin-bottom:5rem}}@media screen and (min-width:992px){#content .fullwidth-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-right:2rem}}@media screen and (min-width:1200px){#content h4{font-size:1.5em}#content .content-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-left:3.75rem;padding-right:3.75rem}#content .fullwidth-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-right:3.75rem}#content .header{height:100vh;max-height:1000px;min-height:auto}#content .header .intro{margin-top:3.25rem;margin-bottom:3.25rem}#content .content-wrapper .products-Header{margin-top:6rem}#content .content-wrapper .workflow-Header{margin-top:2.35rem}#content .products-wrapper,#content .workflow-wrapper{margin-bottom:3.4rem}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1),(min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2),(min-device-width:1112px) and (max-device-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2),(min-device-width:1366px
61) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){#content .header{height:calc(100svh - 52px);height:calc(100vh - 120px)}}</style></head> 62<body> 63 64 <div class="loader-fade"></div> 65 <div class="codex"> 66 <div id="globalstyles"></div> 67 <div id="scriptstyleheader">
67<script> 68 69function updateFooter(){ 70 var htmlHeight = $("html").height(); 71 var windowHeight = window.innerHeight; 72 73 if($("#footer").hasClass("fixed")){ 74 htmlHeight += $("#footer").height(); 75 } 76 77 //console.log("window: " + windowHeight + " htmlHeight: " + htmlHeight); 78 79 if( htmlHeight < windowHeight){ 80 $("#footer").addClass("fixed"); 81 } 82 else{ 83 $("#footer").removeClass("fixed"); 84 } 85} 86 87var footerTimer; 88 89$(function(){ 90 //fixed footer 91 //$(window).resize(updateFooter); 92 //footerTimer = setInterval(updateFooter,500); 93 94 95 //$(window).resize(); 96}); 97 98</script>
98<script type="text/javascript">function showDialogbox(n,t=true){$(dialogbox).html(n).dialog("open");dialogbox.data("autoResize",t)}function closeDialogbox(){$(dialogbox).html("");$(dialogbox).dialog("close")}function sizeLightbox(){var i=100,t=$(window).height(),n=$(window).width(),r=800,u=600;return n>450&&(t>u?t=u:t-i*2,n>r?n=r:n-i*2),{width:n,height:t}}function resizeDialogbox(){if(dialogbox.data("autoResize")){var n=sizeLightbox();$(dialogbox).dialog("option","width",n.width);$(dialogbox).dialog("option","height",n.height);$("iframe",dialogbox).width(n.width-35).height(n.height-150)}else dialogbox.dialog("option","position",{my:"center",at:"center","of":window})}function revealImages(){var n=$(window).scrollTop(),t=$(window).height()+n;images=[];$("img, .fadein").not(".nofade").each(function(){images.push({top:this.getBoundingClientRect().top+n,image:this})});images.forEach(function(n){t>n.top+50&&$(n.image).animate({opacity:1},500)})}function doFadeinSlideup(){function i(n){$(n).attr("oldtop",$(n).css("top")).animate({opacity:1,top:0},1500)}function r(){doFadeinSlideup()}var n=$(window).scrollTop(),t=$(window).height()+n;objects=[];$(".fadeinslideup").each(function(){objects.push({top:this.getBoundingClientRect().top+n,obj:this})});objects.forEach(function(n){var u=$("img",n.obj).toArray(),f=!1;(u.length>0&&u.forEach(function(n){n.complete||(n.onload=r,f=!0)}),f)||($(n.obj).attr("oldtop")==null&t>n.top+50&&i(n.obj),$(n.obj).attr("oldtop")!=null&t<n.top-50&&$(n.obj).animate({opacity:0,top:$(n.obj).attr("oldtop")},0).removeAttr("oldtop"))})}function getOrdinal(n){n=n.toString().trim();n=n.length>1&&n[n.length-2]=="1"?0:n[n.length-1];switch(n){case"1":return"st";case"2":return"nd";case"3":return"rd";default:return"th"}}function getMonthText(n){return["January","February","March","April","May","June","July","August","September","October","November","December"][n]}function getDayText(n){return["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][n]}function getDateText(n){return getDayText(n.getDay())+" "+n.getDate()+getOrdinal(n.getDate())+" "+getMonthText(n.getMonth())+" "+n.getUTCFullYear()}function getTimeText(n){return n.getHours()+":"+n.getMinutes().toString().padStart(2,"0")}function lf_track_load(n,t){var r=escape(screen.width).substring(0,6),u=escape(screen.height).substring(0,6),f=escape(document.referrer).substring(0,1100),i=escape(t).substring(0,200);i=i.replace(/\%u00a0/g,"");i=i.replace(/\%u2122/g,"");i=i.replace(/\%u[0-9][0-9][0-9][0-9]/g,"");var e=escape(n).substring(0,200),o=escape(navigator.appName).substring(0,100),s=window.navigator.userLanguage||window.navigator.language,h=escape(navigator.userAgent+".lfcd"+screen.colorDepth+".lflng"+s).substring(0,1e3),c=escape(document.domain).substring(0,200),l="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){var t=Math.random()*16|0,i=n=="x"?t:t&3|8;return i.toString(16)}),a="https://secure.leadforensics.com/Track/Capture.aspx?trk_user=59299&trk_sw="+r+"&trk_sh="+u+"&trk_ref="+f+"&trk_tit="+i+"&trk_loc="+e+"&trk_agn="+o+"&trk_agv="+h+"&trk_dom="+c+"&trk_guid="+l+"&trk_cookie=NA",v=new Image;v.src=a}function initRevealTags(){function n(){var n=$(window).scrollTop(),t=$(window).height()+n;revealTags.forEach(function(i){var u,r;try{u=i.item.getBoundingClientRect();!i.visible&&t>u.top+n+u.height/2&&(r=$(i.item),window[r.attr("onreveal").replace("()","")].call(r),i.visible=!0);i.visible&&t<u.top+n&&(r=$(i.item),window[r.attr("onrevealreset").replace("()","")].call(r),i.visible=!1)}catch(f){}})}revealTags=$("[onReveal]").toArray().map(function(n){return{item:n,visible:!1}});n();$(window).on("scroll",n)}function setUserThemePreference(){function t(){return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches}function u(){return n!=t()}function i(){t()?($("body").addClass("dark"),n=!0,$(window).resize()):($("body").removeClass("dark"),n=!1,$(window).resize())}var n=!1,r;i();r=setInterval(function(){u()&&i()},500)}function doRelativeFont(){$(".relativefont").toArray().forEach(n=>{n.style.fontSize=n.clientWidth/parseFloat(n.dataset.relativeFontFactor??50)+"px"})}function initRelativeFont(){$(window).resize(doRelativeFont);doRelativeFont()}function setCookie(n,t,i){var r,u;i==undefined&&(i=1);r=new Date;r.setTime(r.getTime()+i*864e5);u="expires="+r.toUTCString();document.cookie=n+"="+t+"; "+u+"; path=/;"}function getCookie(n){for(var t,r=n+"=",u=document.cookie.split(";"),i=0;i<u.length;i++){for(t=u[i];t.charAt(0)==" ";)t=t.substring(1);if(t.indexOf(r)==0)return t.substring(r.length,t.length)}return""}function decodeQuerystring(n){var t,i={};return(t=n.indexOf("?"))>=0&&(n=n.substr(t+1)),n.split("&").forEach(n=>{var t=n.split("=");i[t[0]]=t[1]}),i}function plural(n){return n>1||n==0?"s":""}function formatNumber(n){return Intl.NumberFormat("en").format(n)}function splitChars(n){$(n).each((n,t)=>{split=new SplitText(t,{type:"words,chars"}
98),split.chars.forEach(n=>{$(n).attr("data-char",n.innerText)})})}function preloadImages(n){n.forEach(n=>{var t=document.createElement("img");t.src=n})}function debounce(n,t){let i;return function(...r){const u=this;clearTimeout(i);i=setTimeout(()=>n.apply(u,r),t)}}function checkIfMobile(){return window.innerWidth<=768}function waitForCookieAcceptance(n=["_all","_func","_perf","_social"]){return new Promise(t=>{const r=()=>n.some(n=>getCookie(n)),i=()=>{r()?t("Cookie already accepted"):setTimeout(i,500)};i()})}var dialogbox,images,revealTags;jQuery.extend({getQueryParameters:function(n){return(n||document.location.search).replace(/(^\?)/,"").split("&").map(function(n){return n=n.split("="),this[n[0]]=n[1],this}.bind({}))[0]}});$(function(){dialogbox=$("#dialogbox").dialog({autoOpen:!1,resizable:!1,modal:!0,width:750,height:540,dialogClass:"theme_dialog",show:{effect:"fade",duration:750}});$(window).resize(function(){resizeDialogbox();$(".aspect16-9").each(function(){$(this).height($(this).width()/1.777)})});$(window).scroll(function(){resizeDialogbox()});$(".iframedialog a").click(function(n){n.preventDefault();var t=$("#dialog-iframe").clone();$("iframe.player",t).attr("src",$(this).attr("href").replace("http://","https://"));showDialogbox($(t).html());resizeDialogbox()});$(window).on("scroll",function(){revealImages();doFadeinSlideup()});$(window).on("resize",function(){revealImages();doFadeinSlideup()});revealTimer=setTimeout(function(){revealImages();doFadeinSlideup()},500);initRevealTags();$(window).resize()})</script>
98<style>@font-face{font-family:"Codec";src:url(/assets/fonts/codec/codecprovariable.woff2)}:root{--primary-font:Codec,AvantGarde,sans-serif;--siteMaxWidth:1664px;--color-black:#000;--color-white:#fff;--color-light-grey:#666;--color-dark-grey:#999;--siteMargin-mobile:1.125rem;--siteMargin-tablet:1.125rem;--siteMargin-desktop:2rem}html{font-variant-ligatures:none;font-size:16px}*{margin:0;padding:0}.no-wrap{white-space:nowrap}.smooth{-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,a,div{font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal}h1{font-size:2.5rem;letter-spacing:-.05em;font-weight:500}h2{font-size:1.9375rem;line-height:1.6875rem;letter-spacing:-.05em;font-weight:500}h3{font-size:1.3125rem;letter-spacing:-.05em;line-height:1.375rem;font-weight:500}h4{font-size:1rem;letter-spacing:-.05em;font-weight:500}h5{font-size:1.125rem;letter-spacing:-.05em;font-weight:500}h6{font-size:.9375rem;letter-spacing:-.05em;font-weight:500}.thin-title{letter-spacing:-.05em;font-size:2em;font-weight:250;margin-bottom:1em}p{font-family:var(--primary-font);font-size:.9375rem;font-style:normal;font-weight:250;letter-spacing:-.03em}.weight400{font-weight:250 !important}.weight250{font-weight:250 !important}.weight-l300{font-weight:300 !important}.weight-l400,.weight400{font-weight:400 !important}.weight-l500 .weight500{font-weight:500 !important}.weight-l600{font-weight:600 !important}.weight-l700{font-weight:700 !important}.weight-l800{font-weight:800 !important}body .question.text label,body .question.email label,body .question.date label,body .question.textarea label,body .question.s3file label{position:absolute;margin:0;left:.7em;z-index:1;transform:translateY(-50%);transition:top .3s,font-size .3s,color .3s;font-weight:300;pointer-events:none;top:.9em;font-size:.7em;color:#555;letter-spacing:.1em}body .question.text input:placeholder-shown+label,body .question.email input:placeholder-shown+label,body .question.date input:placeholder-shown+label,body .question.textarea textarea:placeholder-shown+label{top:47%;font-size:.9em;color:#000}body .question.text input:focus+label,body .question.email input:focus+label,body .question.date input:focus+label,body .question.textarea textarea:focus+label{top:.9em;font-size:.7em;color:#555;left:.7em}@media screen and (min-width:768px){h1,h2,h3,h4,h5,h6,a,blockquote{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.3125rem;padding-bottom:1.125rem}h2{font-size:2.3125rem;line-height:2.1875rem}h3{font-size:1.3125rem;line-height:1.375rem}h4{font-size:1.25rem}h5{font-size:1.25rem}h6{font-size:1.125rem}.thin-title{font-size:3em}p{font-size:1.25rem}}@media screen and (min-width:1200px){h1{font-size:3.75rem;padding-bottom:1.5625rem;margin-left:-4px}h2{font-size:2.8em;margin-left:-.02em;line-height:3.5rem}h3{font-size:2.4rem;line-height:2.4rem}h4{font-size:1.6rem;margin-left:-4px}h5{font-size:1.375rem;margin-left:-4px}h6{font-size:1.325rem;margin-left:-4px}p{font-size:1.4rem}}.g-m{margin-left:1.125rem;margin-right:1.125rem}.g-ml{margin-left:1.125rem}.g-mr{margin-right:1.125rem}.g-t-ml{margin-left:0}.g-p{padding-left:1.125rem;padding-right:1.125rem}.g-pl{padding-left:1.125rem}.g-pr{padding-right:1.125rem}.g-m-p{padding-left:1.125rem;padding-right:1.125rem}.g-m-pl{padding-left:1.125rem}.g-m-pr{padding-right:1.125rem}.g-t-pl{padding-left:0}.g-p-fw{padding-left:0 !important;padding-right:0 !important}.site-max{max-width:var(--siteMaxWidth)}.img-fluid{max-width:100%;height:auto}.text-start{text-align:left !important}.text-center{text-align:center !important}.text-end{text-align:right !important}#content .content-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-left:1em;padding-right:1em}.content-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-left:1em;padding-right:1em}#content .fullwidth-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-right:1.125rem}.dark #content a{color:#fff;text-decoration:none !important;position:relative}.dark #content a:after{content:'';position:absolute;width:100%;background-color:#a0a0a0;
98transform:scaleX(100%);height:1px;bottom:-1px;left:0;transform-origin:bottom left;transition:all .25s ease-out}.dark #content a:hover::after{width:100%;background-color:#fff}@media screen and (min-width:768px){.g-m{margin-left:1.125rem;margin-right:1.125rem}.g-ml{margin-left:1.125rem}.g-mr{margin-right:1.125rem}.g-t-ml{margin-left:0}.g-p{padding-left:1.125rem;padding-right:1.125rem}.g-pl{padding-left:1.125rem}.g-pr{padding-right:1.125rem}.g-t-pl{padding-left:0}.g-m-p{padding-left:0;padding-right:0}}@media screen and (min-width:992px){.g-m{margin-left:2rem;margin-right:2rem}.g-ml{margin-left:2rem}.g-mr{margin-right:2rem}.g-t-ml{margin-left:2rem}.g-p{padding-left:2rem;padding-right:2rem}.g-pl{padding-left:2rem}.g-pr{padding-right:2rem}.g-t-pl{padding-left:2rem}.text-lg-start{text-align:left !important}.text-lg-center{text-align:center !important}.text-lg-end{text-align:right !important}}@media screen and (min-width:1200px){#content .content-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-left:3.75rem;padding-right:3.75rem}.content-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-left:3.75rem;padding-right:3.75rem}#content .fullwidth-wrapper{max-width:var(--siteMaxWidth);margin:0 auto;padding-right:3.75rem}#content .fullhd-wrapper{max-width:1920px;margin:0 auto;padding-left:0;padding-right:0}}@media screen and (min-width:1980px){#content .fullhd-wrapper{max-width:1920px;margin:0 auto;padding-left:0;padding-right:0}}.hidden{display:none !important}.showOnDesktop{display:none}.showOnMobile{display:block}.showOnTablet{display:none}@media screen and (min-width:768px){.showOnMobile{display:none}.showOnTablet{display:block}}@media screen and (min-width:1200px){.showOnDesktop{display:block}.showOnMobile{display:none}}.white{color:#fff}.black{color:#000}.dark-grey{color:#999}.light-grey{color:#666}.blue{color:#006ceb}.white-outline{-webkit-text-stroke:.9px var(--color-white);text-stroke:.9px var(--color-white)}.b-black{background-color:var(--color-black);position:relative}.b-white{background-color:var(--color-white);position:relative}.b-offwhite{background-color:#f3f4f4;position:relative}.b-lightgrey{background-color:#d9d9d9;position:relative}.b-lightergrey{background-color:#e6e7e8;position:relative}.b-darkgrey{background-color:#414042;position:relative}.b-panelgrey{background-color:#f3f4f4;position:relative}.b-panelblack{background-color:#000;position:relative}.arrow:not(.player *){position:absolute;top:50%;transform:translateY(-50%);background:transparent;border-radius:.15em;border:1px solid #fff;text-align:center;transition:all .7s ease;cursor:pointer;pointer-events:all;width:2.2em;height:3.8em;font-size:1em;background:#000a}.arrow:not(.player *):hover{background:#999}.arrow:not(.player *):after:hover{filter:invert(1);transition:all .7s ease}.arrow.right:not(.player *):after,.arrow.left:not(.player *):after{content:"";width:100%;height:100%;display:block;background-image:url(/asset/175ab95b-6212-4fa9-85be-a15c1fb451e6);background-repeat:no-repeat;background-position:center;background-size:5px 10px;background-size:.50113rem 1.00225rem;filter:invert(1)}.arrow.left:not(.player *):after{transform:rotate(180deg)}.w-solid.arrow.right:active,.w-solid.arrow.left:active,.w-solid.arrow.right:focus,.w-solid.arrow.left:focus{outline:none}.b-solid-btn,.g-solid-btn,.w-solid-btn,.b-outline-btn,.w-outline-btn,.w-trans-btn,.b-trans-btn{display:block;position:relative;width:fit-content;height:2.7em;border-radius:.125rem;font-family:var(--primary-font);font-size:.8125rem;line-height:.8rem;font-weight:300;padding:0 1.875rem;border:none;cursor:pointer;display:inline-block;align-items:center;text-decoration:none;transition:background-color .7s ease;letter-spacing:.1em}.b-solid-btn a,.g-solid-btn a,.w-solid-btn a,.b-outline-btn a,.w-outline-btn a,.w-trans-btn a,.b-trans-btn a{text-align:center;font-family:var(--primary-font);font-size:.8125rem;line-height:.8rem;font-weight:200;letter-spacing:.07em;text-decoration:none;display:block;vertical-align:middle}.g-solid-btn:hover,.w-solid-btn:hover{background-color:#999;transition:background-color .7s ease}.g-solid-btn{color:#000;background-color:#d9d9d9}.g-solid-btn a{color:#000}.w-solid-btn{color:#000;background-color:#fff}.w-solid-btn a{color:#000}.w-trans-btn a{color:#0008}.w-outline-btn a{color:#0008}.b-solid-btn{color:#fff;background-color:#000}.b-solid-btn a{color:#fff}.b-trans-btn{color:#fff;background-color:#0008}.b-trans-btn a{color:#fff}.b-outline-btn{color:#000;background-color:#fff;border:1px solid #000;padding:.2rem 1.875rem 0}.b-outline-btn a{color:#fff}.w-outline-btn{color:#fff;border:1px solid #999;background:#0003}.w-outline-btn:hover{background-color:#999;border:1px solid #fff;transition:background-color .7s ease}.w-outline-btn-icon{display:flex;width:fit-content;height:auto;background-color:#000;padding:.63rem .56rem;border-radius:.14131rem;background:#000;cursor:pointer;color:#fff;text-align:center;font-family:var(--primary-font);font-size:.5rem;font-weight:400;line-height:normal;letter-spacing:.075rem;text-decoration:none;text-transform:uppercase;transition:background-color .7s ease}.w-outline-btn-icon:hover{background-color:#999;border:1px solid #fff;transition:background-color .7s ease}.w-outline-btn-icon span{padding:0 22px 0 36px}.w-outline-btn-icon .btn-icon-shopping{background:url("/asset/d7e939f1-898b-4d18-98e8-ec6e1398a3a4");background-repeat:no-repeat;background-size:contain;width:14px;
98height:13px;display:block}.black-trans-btn{display:block;position:absolute;width:35px;height:60px;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);width:1.5625rem;height:2.5rem;border-radius:.14988rem;border:1px solid #fff;text-align:center;transition:all .7s ease;cursor:pointer;pointer-events:all}.black-trans-btn.right:after,.black-trans-btn.left:after{content:"";width:100%;height:100%;display:block;background-image:url(/asset/175ab95b-6212-4fa9-85be-a15c1fb451e6);background-repeat:no-repeat;background-position:center;background-size:3px 6px;filter:invert(1)}.black-trans-btn.right:hover:after,.black-trans-btn.left:hover:after{filter:brightness(0) saturate(100%) invert(25%) sepia(48%) saturate(4722%) hue-rotate(211deg) brightness(101%) contrast(107%);transition:all .7s ease}.b-solid-wo-btn{height:1.4375rem;width:fit-content;display:flex;justify-content:center;align-items:center;font-family:var(--primary-font);font-size:.375rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.05625rem;text-decoration:none;padding:0 1.37731rem;border-radius:.11806rem;border:1px solid #fff;background:#000;color:#fff;transition:all .7s ease}.b-solid-wo-btn:hover{background-color:#666;border:1px solid #fff;color:var(--white);transition:all .7s ease}.b-solid-go-btn{height:1.4375rem;width:fit-content;display:flex;justify-content:center;align-items:center;font-family:var(--primary-font);font-size:.375rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.05625rem;text-decoration:none;padding:0 1.37731rem;border-radius:.11806rem;border:1px solid #8a8a8a;background:#000;color:#fff;transition:all .7s ease}.b-solid-go-btn:hover{background-color:#666;border:1px solid #fff;color:var(--white);transition:all .7s ease}.dg-solid-wo-btn{height:1.4375rem;width:fit-content;display:flex;justify-content:center;align-items:center;font-family:var(--primary-font);font-size:.375rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.05625rem;text-decoration:none;padding:0 1.37731rem;border-radius:.11806rem;border:1px solid #fff;background:#999;color:#fff;transition:all .7s ease}.dg-solid-wo-btn:hover{background-color:#999;border:1px solid #fff;color:var(--white);transition:all .7s ease}@media screen and (min-width:768px){.w-solid.arrow.right,.w-solid.arrow.left{display:block;width:25px;height:40px;border:1px solid #ccc;background-size:5px 10px}.w-solid.arrow.right:hover,.w-solid.arrow.left:hover{border:1px solid #ccc;background-color:#999;transition:background-color .7s ease}.w-solid.arrow.right:after,.w-solid.arrow.left:after{background-size:5px 10px}.b-solid-btn,.g-solid-btn,.w-solid-btn,.b-outline-btn,.w-outline-btn,.w-trans-btn,.b-trans-btn{font-size:.9375rem}.b-solid-btn a,.g-solid-btn a,.w-solid-btn a,.b-outline-btn a,.w-outline-btn a,.w-trans-btn a,.b-tran.btn a{font-size:.9375rem}.b-outline-btn{padding:.2rem 1.875rem 0}.w-outline-btn-icon{padding:.74rem .69rem;border-radius:.17275rem;font-size:.625rem}.w-outline-btn-icon span{padding:0 25px 0 42px}.w-outline-btn-icon .btn-icon-shopping{width:17px;height:14px}.black-trans-btn{background:rgba(0,0,0,.4);width:1.9375rem;height:3.125rem}.black-trans-btn.right:after,.black-trans-btn.left:after{background-size:7px 14px}.b-solid-wo-btn{height:1.875rem;font-size:.5rem;padding:0 1.78306rem}.b-solid-go-btn{height:1.875rem;font-size:.5rem;padding:0 1.78306rem}}@media screen and (min-width:992px){.w-solid.arrow.right,.w-solid.arrow.left{display:block;width:35px;height:60px;background-size:8px 16px}.w-solid.arrow.right:after,.w-solid.arrow.left:after{background-size:10px 18px}.b-solid-btn,.g-solid-btn,.w-solid-btn,.b-outline-btn,.w-outline-btn,.w-trans-btn,.b-trans-btn{font-size:1.125rem;line-height:1rem}.b-solid-btn a,.g-solid-btn a,.w-solid-btn a,.b-outline-btn a,.w-outline-btn a,.w-trans-btn a,.b-trans-btn a{font-size:1.125rem;line-height:1rem}.b-outline-btn{padding:.2rem 1.875rem 0}.w-outline-btn-icon{padding:1.06rem 1rem;border-radius:.25125rem;font-size:.875rem}.w-outline-btn-icon span{padding:0 40px 0 65px}.w-outline-btn-icon .btn-icon-shopping{width:25px;height:21px}.black-trans-btn{background:rgba(0,0,0,.4);width:2.8125rem;height:4.8125rem}.black-trans-btn.right:after,.black-trans-btn.left:after{background-size:11px 21px}.b-solid-go-btn{height:2.5rem;font-size:.625rem;padding:0 2.1875rem}}@media screen and (min-width:2000px){.col-xxxl-1{flex:0 0 auto;width:8.33333333%}.col-xxxl-2{flex:0 0 auto;width:16.66666667%}.col-xxxl-3{flex:0 0 auto;width:25%}.col-xxxl-4{flex:0 0 auto;width:33.33333333%}.col-xxxl-5{flex:0 0 auto;width:41.66666667%}.col-xxxl-6{flex:0 0 auto;width:50%}.col-xxxl-7{flex:0 0 auto;width:58.33333333%}.col-xxxl-8{flex:0 0 auto;width:66.66666667%}.col-xxxl-9{flex:0 0 auto;width:75%}.col-xxxl-10{flex:0 0 auto;width:83.33333333%}.col-xxxl-11{flex:0 0 auto;width:91.66666667%}
98.offset-xxxl-1{margin-left:8.33333333%}.offset-xxxl-2{margin-left:16.66666667%}.offset-xxxl-3{margin-left:25%}.offset-xxxl-4{margin-left:33.33333333%}.offset-xxxl-5{margin-left:41.66666667%}.offset-xxxl-6{margin-left:50%}.offset-xxxl-7{margin-left:58.33333333%}.offset-xxxl-8{margin-left:66.66666667%}.offset-xxxl-9{margin-left:75%}.offset-xxxl-10{margin-left:83.33333333%}.offset-xxxl-11{margin-left:91.66666667%}}div.cms-asset.round img{border:1px solid #aaa;border-radius:1.5em}div.cms-asset.no-border img{border:none}div.cms-asset.wide{max-width:initial}div.cms-asset.small{max-width:30em}div.cms-asset.xsmall{max-width:12em}.mce-offscreen-selection,.mce-offscreen-selection .cms-asset{display:none}.mx-n1{margin-right:-.25rem !important;margin-left:-.25rem !important}.mx-n2{margin-right:-.5rem !important;margin-left:-.5rem !important}.mx-n3{margin-right:-1rem !important;margin-left:-1rem !important}.mx-n4{margin-right:-1.5rem !important;margin-left:-1.5rem !important}.mx-n5{margin-right:-3rem !important;margin-left:-3rem !important}</style></div> 99 <div id="panel1"></div> 100 <div id="header"><div class="sticky"> 101 <nav class="sitenav"> 102 <div class="sitenav--inner-wrapper g-pl"> 103 <div class="logo"><a href="/us/" aria-label="Codex homepage link"><img src="/asset/30e82a0d-b94f-403b-a7b8-d1c4543b2ac2" alt="Codex Logo"></a></div> 104 <div class="sitenav-menu-wrap-container"> 105 <div class="sitenav--menu-wrap"> 106 <div class="logo"><a href="/us/" aria-label="Codex homepage link"><img src="/asset/30e82a0d-b94f-403b-a7b8-d1c4543b2ac2" alt="Codex Logo"></a></div> 107 <div class="sitenav-mobile-wrap"> 108 <div id="submenu-close" class="close"></div> 109 <div class="arrow"><img src="/asset/cca6f044-1acb-4263-a694-50d05f1aa8d5"><div class="menu-back">Back</div></div> 110 </div> 111 <ul class="sitenav--menu"> 112 <li class="menuitem"><button class="menuButton" aria-expanded="false">Product</button> 113 <i></i><p class="header-mobile">Product</p> 114 <ul class="submenu" aria-hidden="true"> 115 <li class="header header-sub"> 116 <div class="sub-section">CODEX Media & Readers</div> 117 <ul class="pages"> 118 <li class="menu-list" aria-label="CFexpress 4.0 Type A"><a href="/us/products/cfexpress-type-a">CFexpress 4.0 Type A</a></li> 119 <li class="menu-list" aria-label="CFexpress 4.0 Type B"><a href="/us/products/cfexpress-type-b">CFexpress 4.0 Type B</a></li> 120 <li class="menu-list" aria-label="CFexpress Type B Reader"><a href="/us/products/cfexpress-type-b-reader">CFexpress Type B Reader</a></li> 121 </ul> 122 </li> 123 <li class="header header-sub"> 124 <div class="sub-section">ARRI Media & Readers</div> 125 <ul class="pages"> 126 <li class="menu-list" aria-label="CompactDrive"><a href="/us/products/arri-media">CompactDrive</a></li> 127 <li class="menu-list" aria-label="CompactDrive Readers"><a href="/us/products/arri-media-readers">CompactDrive Readers</a></li> 128 </ul> 129 </li> 130 </ul> 131 </li> 132 <li class="menuitem"><button class="menuButton" aria-expanded="false">Solutions</button> 133 <i></i><p class="header-mobile">Solutions</p> 134 <ul class="submenu" aria-hidden="true"> 135 <li class="header"> 136 <ul class="pages"> 137 <li class="menu-list" aria-label="ARRI Workflow"><a href="/us/solutions/arri-workflow">ARRI Workflow</a></li> 138 <li class="menu-list" aria-label="Integrations"><a href="/us/solutions/integrations">Integrations</a></li> 139 </ul> 140 </li> 141 <li class="header"> 142 <ul class="pages"> 143 <li class="menu-list" aria-label="High Density Encoding (HDE)"><a href="/us/solutions/codex-hde">High Density Encoding (HDE)</a></li> 144 <li class="menu-list" aria-label="HDE Partner Program"><a href="/us/solutions/hde-partner-program">HDE Partner Program</a></li> 145 </ul> 146 </li> 147 </ul> 148 </li> 149 <li class="menuitem"><button class="menuButton" aria-expanded="false">Support</button> 150 <i></i><p class="header-mobile">Support</p> 151 <ul class="submenu" aria-hidden="true"> 152 <li class="header"> 153 <ul class="pages"> 154 <li class="menu-list" aria-label="Contact Support"><a href="https://help.codex.online/content/support">Contact Support</a></li> 155 <li class="menu-list" aria-label="Help Centre"><a href="https://help.codex.online/">Help Centre</a></li> 156 <li class="menu-list" aria-label="Software Downloads"><a href="https://help.codex.online/content/downloads/software">Software Downloads</a></li> 157 </ul> 158 </li> 159 <li class="header"> 160 <ul class="pages"> 161 <li class="menu-list" aria-label="Product Returns (RMA)"><a href="https://help.codex.online/content/rma-request">Product Returns (RMA)</a></li> 162 <li class="menu-list" aria-label="Office Locations"><a href="/us/support/office-locations">Office Locations</a></li> 163 </ul> 164 </li> 165 </ul> 166 </li> 167 <li class="menuitem"><button class="menuButton" aria-expanded="false">For the Makers</button> 168 <i></i><p class="header-mobile">For the Makers</p> 169 <ul class="submenu" aria-hidden="true"> 170 <li class="header"> 171 <ul class="pages"> 172 <li class="menu-list" aria-label="The CODEX Story"><a href="/us/the-codex-story">The CODEX Story</a></li> 173 <li class="menu-list" aria-label="Captured on CODEX"><a href="/us/captured-powered-cinema">Captured on CODEX</a></li> 174 <li class="menu-list" aria-label="Sign up for News"><a href="/us/login">Sign up for News</a></li> 175 </ul> 176 </li> 177 <li class="header"> 178 <ul class="pages"> 179 <li class="menu-list" aria-label="Case Studies"><a href="/us/case-studies">Case Studies</a></li> 180 <li class="menu-list" aria-label="DIT Showcase"><a href="/us/dits-in-the-field">DIT Showcase</a></li> 181 <li class="menu-list" aria-label="News"><a href="/us/news">News</a></li> 182 </ul> 183 </li> 184 </ul> 185 </li> 186 </ul> 187 </div> 188 </div> 189 <div class="sitenav--utility-wrap"></div> 190 <div class="submenu search-bar" id="search-bar"> 191 <input id="search-area" class="search-area" type="text" name="search" autocomplete="off"> 192 <div class="suggested-searches" id="suggested-searches"> 193 <div class="suggested-header"></div> 194 <div id="search-results"></div> 195 </div> 196 </div> 197 </div> 198 </nav> 199 <div id="quick-nav" class="quick-nav"> 200 <div class="quick-nav--header"> 201 <div class="drop-menu">
202 <span data-custom-field-name="Quicknav Header" data-custom-field-type="text" data-custom-field-group="Header"></span> 203 <div class="button"></div> 204 <div class="dropdown"> 205 <div class="bg"></div> 206 </div> 207 </div> 208 </div> 209 <div class="quick-nav--hr"></div> 210 <div class="quick-nav--links"> 211 <ul></ul> 212 <div class="quick-nav--menu-bar"></div> 213 <div class="quick-nav--mobile-arrows"> 214 <div class="quick-nav--prev"><img src="/asset/175ab95b-6212-4fa9-85be-a15c1fb451e6"></div> 215 <div class="quick-nav--next"><img src="/asset/175ab95b-6212-4fa9-85be-a15c1fb451e6"></div> 216 </div> 217 </div> 218 </div> 219 <div class="sitenav--dim-wrapper"></div> 220</div> 221<div class="totop"><img src="/asset/2e233c90-78ae-4615-812b-88abf8e6abf6"></div>
222<script type="text/javascript">let siteNav = (() => { 223 let init = async () => { 224 var timeOut; 225 window.addEventListener('resize', () => { 226 clearTimeout(timeOut); 227 timeOut = setTimeout(handleResize, 200); 228 }); 229 230 $(async () => { 231 selectNavigation(); 232 initSubNavigationMenu(); 233 initNavigationMenu(); 234 initUtiliyMenu(); 235 search(); 236 toTop(); 237 if (typeof (_quickNav) != "undefined" && _quickNav) { 238 $("body").addClass("quicknav"); 239 if (typeof (_hideQuickNavLinks) != "undefined" && _hideQuickNavLinks) { 240 $("body").addClass("hidequicknavlinks"); 241 } 242 } else { 243 initMenuScroll(); //default behaviour 244 } 245 246 //cart 247 $("#header .cart").append("<div></div>"); 248 $("#header .cart > button").click(() => { shop.toggleCart(); }).html("<div><i></i></div>"); 249 await shop.initCart($("#header .cart > div")[0]); 250 }); 251 }, 252 scrollDeadzone = 5, 253 topScrollDeadzone = 50, 254 lastScrollTop = 0, 255 menuHideTl, 256 menuScrollTl, 257 initMenuScroll = () => { 258 //menu hide/reveal animation 259 menuHideTl = gsap.timeline().pause(); 260 menuHideTl.to("#header", { top: "-5.1em", ease: "power1.inOut", duration: 0.7 }); 261 menuHideTl.to(".sitenav--inner-wrapper", { opacity: 0, delay: 0.5, duration: 0.2 }, "<"); //iphone transparent header fix 262 263 lastScrollTop = $(window).scrollTop(); 264 $(window).scroll(menuScrollHandler).scroll(); 265 266 menuScrollTl = gsap.from("body", { 267 scrollTrigger: { 268 start: "top top", 269 end: "+=100", 270 trigger: "body", 271 onEnter: e => { 272 gsap.set("#header", { position: "absolute" }); 273 }, 274 onLeave: e => { 275 e.trigger.classList.remove("top"); 276 gsap.set("#header", { position: "fixed" }); 277 menuHideTl.pause().seek(1); 278 }, 279 onLeaveBack: e => { 280 e.trigger.classList.add("top"); 281 menuHideTl.pause().seek(0); 282 }, 283 tag: "menu" 284 } 285 }); 286 287 if ($(window).scrollTop() == 0) { 288 $("body").addClass("top"); 289 } 290 }, 291 menuScrollHandler = e => { 292 scrollTop = $(e.currentTarget).scrollTop(); 293 294 //set menu visibility 295 if (scrollTop > lastScrollTop + scrollDeadzone && scrollTop > topScrollDeadzone) { 296 hideMenu(); 297 lastScrollTop = scrollTop; 298 return; 299 } 300 if (scrollTop < lastScrollTop - scrollDeadzone) { 301 showMenu(); 302 lastScrollTop = scrollTop; 303 return; 304 } 305 }, 306 showMenu = () => { 307 menuHideTl.reverse(); 308 }, 309 hideMenu = () => { 310 menuHideTl.play(); 311 }, 312 handleResize = () => { 313 menus = document.querySelectorAll('.sitenav--menu-wrap .sitenav--menu .menuitem'); 314 subHeader = document.querySelectorAll('.sitenav--inner-wrapper .submenu .header-sub'); 315 subHeader.forEach((subHeader) => { 316 gsap.set(subHeader, { clearProps: "all" }); 317 $(subHeader).removeClass("active"); 318 }); 319 if (!checkIfMobile()) { 320 $('.sitenav--menu .submenu.active').removeClass("active"); 321 } else { 322 gsap.set($('.sitenav--inner-wrapper .menuitem .submenu'), { clearProps: "all" }); 323 } 324 $('.sitenav--inner-wrapper .submenu .header.active').removeClass("active"); 325 gsap.set($('.sitenav--inner-wrapper .submenu .header'), { clearProps: "all" }); 326 $('.sitenav--inner-wrapper .submenu.active .header-sub.active').removeClass("active"); 327 submenu = null; 328 329 var topNavigation = document.querySelector('.sitenav'); 330 menus = topNavigation.querySelectorAll('.sitenav--menu-wrap .sitenav--menu .menuitem');
331 menus.forEach((button) => { 332 button.replaceWith(button.cloneNode(true)); 333 }); 334 335 initNavigationMenu(); 336 initSubNavigationMenu(); 337 setSearchClose(); 338 initSearchNavigationMenu(); 339 }, 340 toTop = () => { 341 $(".totop").insertAfter("#header"); 342 $(".totop").click((e) => { 343 e.preventDefault(); 344 gsap.to(window, { scrollTo: 0 }); 345 }); 346 var toTopVisible = false; 347 ScrollTrigger.create({ 348 start: 0, 349 end: () => document.body.clientHeight, 350 onUpdate: _.throttle(e => { 351 if (!toTopVisible && e.direction == 1 && $(window).scrollTop() > 500) { 352 gsap.to($(".totop"), { opacity: 1, duration: 0.5 }); 353 toTopVisible = true; 354 } 355 if (toTopVisible && e.direction == -1) { 356 gsap.to($(".totop"), { opacity: 0, duration: 0.5 }); 357 toTopVisible = false; 358 } 359 }, 500, { leading: false }), 360 invalidateOnRefresh: true 361 }); 362 }, 363 menuItems = { 364 utility: [ 365 { 366 label: "search", 367 icon: "/asset/a7626059-ecef-4ef1-98b4-b8b27d5b55f9", 368 }, 369 { 370 label: "cart", 371 icon: "/asset/7cf0729a-e853-4362-9e84-030bd39627dd" 372 }, 373 { 374 label: "account",
375 icon: "/asset/f474d0fc-01a1-4b13-9b27-160ed8741892", 376 dropdown: [ 377 { 378 pages: [ 379 { 380 label: 'Sign in', 381 url: "/login", 382 class: "log-in" 383 }, 384 { 385 label: 'Sign Out', 386 url: "https://signin.dev.codex.online/v2/logout?client_id=04UMxAbezif09fK25Qx2CbShGIELSyPZ&returnTo=https://staging.codex.online?action=logout", 387 class: "logout" 388 } 389 ] 390 } 391 ] 392 }, 393 { 394 label: "burger", 395 icon: "/asset/5aed46ee-b7e8-4b6d-b8a8-bb176c2d1d2a" 396 } 397 ] 398 }, 399 menuHtml, 400 selectNavigation = () => { 401 var utilityNav = document.querySelector('.sitenav--utility-wrap'); 402 renderNavigation(utilityNav, menuItems.utility); 403 }, 404 renderNavigation = (target, object) => { 405 menuHtml = '<ul class="sitenav--menu">'; 406 object.forEach((e) => { 407 menuHtml += target.className == 'sitenav--utility-wrap' ? '<li class="menuitem ' + e.label + '">' : '<li class="menuitem">'; 408 if (e.dropdown) { 409 if (e.icon) { 410 menuHtml += '<button class="menuButton" alt="' + e.label + '" aria-expanded="false"></button>'; 411 } else { 412 menuHtml += '<button class="menuButton" aria-expanded="false">' + e.label + '</button>'; 413 } 414 menuHtml += '<ul class="submenu" aria-hidden="true" ><i></i>'; 415 menuHtml += '<p class="header-mobile">' + e.label + '</p>'; 416 e.dropdown.forEach((sub) => { 417 if (sub.section) { 418 menuHtml += '<li class="header header-sub">'; 419 menuHtml += '<div class="sub-section">' + sub.section + '</div>'; 420 } else { 421 menuHtml += '<li class="header">'; 422 } 423 menuHtml += '<ul class="pages">'; 424 sub.pages.forEach((page) => { 425 if (page.subSubSection) { 426 listClass = page.class != undefined ? "sub-sub" + page.class : "sub-sub"; 427 menuHtml += `<li class=${listClass} onClick="window.location.href='${page.url}'; return false;" aria-label="${page.label}"><a href ="${page.url}">${page.label}</a></li>`; 428 menuHtml += '<ul class="subsub-pages">'; 429 menuHtml += '<p class="header-mobile">' + page.label + '</p>'; 430 page.subSubSection.forEach((subsub) => { 431 menuHtml += `<li class=${listClass} onClick="window.location.href='${subsub.url}'" aria-label="${subsub.label}"><a href ="${subsub.url}">${subsub.label}</a></li>`; 432 }); 433 menuHtml += '</ul></li>'; 434 } else { 435 listClass = page.class != undefined ? page.class : "menu-list"; 436 menuHtml += `<li class=${listClass} onClick="window.location.href='${page.url}'" aria-label="${page.label}">${page.url != undefined ? `<a href ="${page.url}">${page.label}</a>` : `<span>${page.label}</span>`}</li>`; 437 } 438 }); 439 menuHtml += '</ul></li>'; 440 }); 441 menuHtml += '</ul>'; 442 } else { 443 menuHtml += '<button class="menuButton" aria-label="' + e.label + '"></button>'; 444 } 445 menuHtml += '</li>'; 446 }); 447 menuHtml += '</ul>'; 448 target.innerHTML += menuHtml; 449 $(".sitenav--utility-wrap .sitenav--menu .menuitem.search").append($('.sitenav--inner-wrapper .search-bar')); 450 $('.sitenav--utility-wrap .menuitem.cart button').append($('#header_basket')); 451 }, 452 menus, 453 menuTop, 454 menuExpanded = false, 455 isAnimating = false, 456 showDimWrapper = () => { 457 $('.sitenav--dim-wrapper').addClass('show'); 458 }, 459 hideDimWrapper = () => { 460 $('.sitenav--dim-wrapper').removeClass('show'); 461 }, 462 searchMenuButton, searchButton, 463 searchOpen = (e) => { 464 gsap.to($('.menuitem.account .submenu'), { height: 0, duration: 0.1, ease: "Power3.out" }); 465 466 menuExpanded = true; 467 showDimWrapper(); 468 searchMenuButton.classList.add("active"); 469 searchMenuButton.removeEventListener("click", searchOpen); 470 searchMenuButton.addEventListener("click", searchClose); 471 if (!checkIfMobile()) { 472 setTimeout(() => { $("#search-area").focus(); }, 250); 473 } 474 475 $("#search-area").val(""); 476 setRollOverEvents(e); 477 }, 478 searchClose = (e) => { 479 if (e.target.closest('.search-area')) { 480 // If the click is inside the search input, do nothing and return early 481 return; 482 } 483 setRollOutEvents(e); 484 showDimWrapper(); 485 486 searchButton.classList.remove("active"); 487 searchMenuButton.classList.remove("active"); 488 searchMenuButton.removeEventListener("click", searchClose); 489 searchMenuButton.addEventListener("click", searchOpen); 490 }, 491 initSearchNavigationMenu = () => { 492 searchNav = document.querySelectorAll('.sitenav--utility-wrap .sitenav--menu .menuitem.search'); 493 searchNav.forEach((button) => { 494 searchButton = button.querySelector('button'); 495 searchMenuButton = button; 496 if (!checkIfMobile()) { 497 searchButton.addEventListener('click', searchOpen); 498 } else { 499 searchMenuButton.addEventListener("click", searchOpen); 500 } 501 }); 502 }, 503 currentButton = null, 504 submenu, 505 menuTl, 506 subHeader, 507 subMenuActive, 508 subSubMenuActive, 509 calculatedHeight, 510 initNavigationMenu = () => { 511 var topNavigation = document.querySelector('.sitenav'); 512 513 menus = topNavigation.querySelectorAll('.sitenav--menu-wrap .sitenav--menu .menuitem, .sitenav--utility-wrap .sitenav--menu .menuitem.account'); 514 if (checkIfMobile()) { 515 // Add event listeners for mobile clicks
516 menus.forEach((button) => { 517 button.removeEventListener("click", setMobileClickEvent); 518 519 let submenu = button.lastElementChild; 520 gsap.set(submenu, { top: menuTop }); 521 button.addEventListener("click", (e) => { 522 if (e.srcElement.nodeName == "A") return; //event source is link. navigate 523 button.classList.add("active"); 524 setMobileClickEvent(e); 525 button.removeEventListener("click", setMobileClickEvent); 526 }); 527 }); 528 } else { 529 //Event Listeners for navigation rollovers and rollouts 530 menus.forEach((button) => { 531 button.removeEventListener("click", setMobileClickEvent); 532 button.removeEventListener('mouseleave', handleMouseLeave); 533 var menuButton = button.querySelector('button'); 534 menuButton.removeEventListener('mousemove', handleMouseMove); 535 536 let timer, mouseLeaveTimer; 537 function handleMouseMove(e) { 538 clearTimeout(timer); 539 clearTimeout(mouseLeaveTimer); 540 timer = setTimeout(() => { 541 if (menuExpanded !== true) { 542 setRollOverEvents(e); 543 menuButton.removeEventListener('mousemove', handleMouseMove); 544 } 545 }, 100); 546 } 547 function handleMouseLeave(e) { 548 clearTimeout(timer); 549 button.classList.remove("active"); 550 mouseLeaveTimer = setTimeout(() => { 551 setRollOutEvents(e); 552 button.removeEventListener('mouseleave', handleMouseLeave); 553 }, 100); 554 } 555 menuButton.addEventListener('mouseover', (e) => { 556 button.classList.add("active"); 557 if ($('.menuitem.search.active').length) { 558 setSearchClose(); 559 } 560 showDimWrapper(); 561 menuButton.addEventListener('mousemove', handleMouseMove); 562 button.addEventListener('mouseleave', handleMouseLeave); 563 }); 564 let submenu = button.lastElementChild; 565 submenu.removeEventListener("click", setMobileClickEvent); 566 567 gsap.set(submenu, { top: 31 }); 568 }); 569 } 570 }, 571 initUtiliyMenu = () => { 572 $('.sitenav--menu .menuitem.burger').on("click", () => { 573 $('.sitenav, .sitenav--menu-wrap').addClass("active"); 574 submenu = null; 575 if (!$('.sitenav--inner-wrapper .menuitem .submenu.active').length) { 576 gsap.to($('.menuitem .submenu'), { height: 0, duration: 0.2, ease: "Power3.out" }); 577 } 578 setSearchClose(); 579 showDimWrapper(); 580 }); 581 582 $('.sitenav--dim-wrapper').on("click", (e) => { 583 dimWrapperClose(e); 584 }); 585 586 $('.sitenav--dim-wrapper').on('mouseover', (e) => { 587 if (!$("nav").hasClass("active")) { 588 dimWrapperClose(e); 589 } 590 }); 591 $('.sitenav-mobile-wrap .close').on("click", (e) => { 592 $("body").css({ position: "relative" }); 593 hideDimWrapper(); 594 $('nav').removeClass("active"); 595 menuExpanded = false; 596 $('.sitenav--menu-wrap.active').removeClass("active"); 597 $('.sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu').css("right", "0%"); 598 $('.sitenav--menu .submenu.active').removeClass("active"); 599 $('.sitenav--menu-wrap .arrow').css('display', 'none'); 600 $('.sitenav--menu-wrap .sitenav--menu .menuitem.active').removeClass("active"); 601 $('.sitenav--menu-wrap .sitenav--menu .header-sub.active').removeClass("active"); 602 submenu = null; 603 if ($('.menuitem.search.active').length) { 604 setSearchClose(); 605 } 606 if (!$('.sitenav--inner-wrapper .account.active').length) { 607 gsap.to($('.menuitem.account .submenu'), { opacity: 0, delay: 0.2, ease: "Power3.out" }); 608 } 609 resetSubNav(); 610 initSearchNavigationMenu(); 611 }); 612 $('.sitenav-mobile-wrap .arrow').on("click", () => { 613 if (subMenuActive) { 614 $('.sitenav--inner-wrapper .submenu.active .header-sub.active').removeClass("active"); 615 $('.sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu').css("right", "0%"); 616 $('.sitenav--menu .submenu.active').removeClass("active"); 617 $('.sitenav--menu-wrap .arrow').css('display', 'none'); 618 $('.sitenav--menu-wrap .sitenav--menu .menuitem.active').removeClass("active"); 619 } else if (subSubMenuActive) { 620 $('.sitenav--inner-wrapper .menuitem.active .submenu.active').css("right", "calc(-100% - 25px)"); 621 $('.sitenav--menu .submenu.active .sub-sub').removeClass("active"); 622 gsap.set($('.sitenav--menu .submenu'), { clearProps: "right" }); 623 subMenuActive = true; 624 } 625 }); 626 }, 627 dimWrapperClose = (e) => { 628 $('.sitenav--menu-wrap.active').removeClass("active"); 629 $('.sitenav--menu .submenu.active').removeClass("active"); 630 $('.sitenav--menu-wrap .arrow').css('display', 'none'); 631 $('.sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu').css("right", "0%"); 632 $('.sitenav--menu-wrap .sitenav--menu .menuitem.active').removeClass("active"); 633 $('.sitenav--utility-wrap .menuitem.burger menuButton.active').removeClass("active"); 634 $('.sitenav--menu-wrap .sitenav--menu .header-sub.active').removeClass("active"); 635 $('.sitenav--inner-wrapper .search-bar .suggested-searches').css("display", "none"); 636 if (!checkIfMobile()) { 637 setRollOutEvents(e); 638 } 639 if (checkIfMobile() && !$('.sitenav--inner-wrapper .menuitem .submenu.active').length) { 640 submenu = null; 641 } 642 setSearchClose(); 643 initSearchNavigationMenu(); 644 resetSubNav(); 645 hideDimWrapper(); 646 }, 647 resetSubNav = () => { 648 $('.sitenav--inner-wrapper .menuitem.active .submenu.active').css("right", "calc(-100% - 25px)"); 649 $('.sitenav--menu .submenu.active .sub-sub').removeClass("active"); 650 gsap.set($('.sitenav--menu .submenu'), { clearProps: "right" }); 651 subMenuActive = false; 652 subSubMenuActive = false; 653 $("nav").removeClass("active"); 654 }, 655 initSubNavigationMenu = () => { 656 if (checkIfMobile) { 657 menuTop = 0; 658 } else { 659 menuTop = 58; 660 gsap.set($('.sitenav--inner-wrapper .menuitem .submenu'), { opacity: 0 }); 661 gsap.set($('.sitenav--inner-wrapper .menuitem.account .submenu'), { opacity: 0 }); 662 } 663 664 subsSection = document.querySelectorAll('.submenu .header-sub .sub-section'); 665 subsSection.forEach((button) => { 666 button.addEventListener("click", (e) => { 667 var target = e.currentTarget; 668 669 if (!checkIfMobile()) return; 670 671 if (target.parentElement.classList.contains("active")) { 672 gsap.to($('.sitenav--inner-wrapper .submenu.active .header-sub.active .pages'), { 673 height: 0, duration: 0.3, onComplete: () => { 674 gsap.set($('.sitenav--inner-wrapper .submenu.active .header-sub.active .pages'), { height: "unset", clearProps: "all" }); 675 $('.sitenav--inner-wrapper .submenu.active').removeClass("active"); 676 $('.sitenav--inner-wrapper .submenu .header-sub.active').removeClass("active"); 677 } 678 }); 679 return false; 680 } 681 e.preventDefault(); 682 gsap.to($('.sitenav--inner-wrapper .submenu.active .header-sub.active .pages'), { 683 height: 0, duration: 0.3, onComplete: () => { 684 gsap.set($('.sitenav--inner-wrapper .submenu.active .header-sub.active .pages'), { height: "unset", clearProps: "all" }); 685 $('.sitenav--inner-wrapper .submenu.active .header-sub.active').removeClass("active"); 686 if (checkIfMobile()) { 687 target.parentElement.classList.add("active"); 688 } 689 } 690 }); 691 }); 692 }); 693 }, 694 // Mobile Events 695 setMobileClickEvent = (event) => { 696 subMenuActive = true; 697 subSubMenuActive = false; 698 event.preventDefault(); 699 menuExpanded = true; 700 isAnimating = true; 701 target = event.target; 702 submenu = document.querySelector('.menuitem.active .submenu'); 703 if (checkIfMobile()) { 704 submenu.classList.add("active"); 705 $('.sitenav--menu').css("right", "calc(100% + 2em"); 706 } 707 $('.sitenav--menu-wrap .arrow').css('display', 'flex'); 708 isAnimating = false; 709 710 subSubmenus = submenu.querySelectorAll('.sub-sub'); 711
712 subSubmenus.forEach((button) => { 713 button.addEventListener("click", function (e) { 714 e.preventDefault(); 715 e.stopImmediatePropagation(); 716 }, true); 717 button.addEventListener('click', function (e) { 718 subMenuActive = false; 719 subSubMenuActive = true; 720 e.preventDefault(); 721 e.stopImmediatePropagation(); 722 button.classList.add("active"); 723 setMobileSubMenuClickEvent(e); 724 button.removeEventListener("click", setMobileSubMenuClickEvent); 725 }, true); 726 }); 727 }, 728 setMobileSubMenuClickEvent = (event) => { 729 event.preventDefault(); 730 event.stopImmediatePropagation(); 731 menuExpanded = true; 732 isAnimating = true; 733 target = event.target; 734 subsubmenu = document.querySelector('.menuitem.active .subsub-pages'); 735 if (checkIfMobile()) { 736 subsubmenu.classList.add("active"); 737 $('.sitenav--inner-wrapper .menuitem.active .submenu.active').css("right", "0"); 738 } 739 isAnimating = false; 740 }, 741 // Desktop Events 742 setRollOverEvents = async (event) => { 743 if (isAnimating) menuTl.play(); 744 745 menuTl = new gsap.timeline({ paused: true }); 746 747 $('nav').addClass("active"); 748 menuExpanded = true; 749 event.preventDefault(); 750 isAnimating = true; 751 //Check if current target is already open. 752 if (currentButton !== null && event.target === currentButton) return; 753 button = document.querySelector('.menuitem.active button'); 754 currentButton = button; 755 submenu = document.querySelector('.menuitem.active .submenu'); 756 subHeader = document.querySelectorAll('.menuitem.active .submenu .header'); 757 currentSubMenu = submenu; 758 if (submenu) { 759 submenu.style.opacity = '0'; 760 submenu.style.height = 'auto'; 761 submenuHeight = submenu.offsetHeight; 762 const computedStyle = window.getComputedStyle(submenu); 763 const paddingTop = parseFloat(computedStyle.paddingTop); 764 const paddingBottom = parseFloat(computedStyle.paddingBottom); 765 calculatedHeight = submenuHeight - paddingTop - paddingBottom; 766 // Reset the submenu to be hidden for the animation 767 submenu.style.height = 0; 768 submenu.style.visibility = 'visible'; 769 } 770 submenuLast = $(".menuitem.active .submenu .header:last-child"); 771 submenuWidth = $(".menuitem.active .submenu .header:last-child").width(); 772 773 //Set the width of the last submenu to correct roll over resizing. 774 gsap.set(submenuLast, { width: submenuWidth }); 775 776 gsap.set(submenu, { opacity: 1 }); 777 778 if (event.target.parentNode.classList.contains("search")) { 779 gsap.fromTo(submenu, { height: 0 }, { opacity: 1, height: calculatedHeight, duration: 0.05, ease: "Power3.out" }); 780 } else { 781 menuTl.fromTo(submenu, { height: 0 }, { opacity: 1, height: calculatedHeight, duration: 0.05, ease: "Power3.out" }); 782 } 783 784 menuTl.fromTo(subHeader, { top: -20, visibility: "hidden" }, { 785 top: 0, visibility: "visible", delay: 0, duration: 0.1, ease: "Power3.out", onComplete: () => { 786 isAnimating = false; 787 } 788 }, "<"); 789 if (event.target.parentNode.classList.contains("search")) return; 790 if (button != undefined) button.classList.add('active'); 791 menuTl.play(); 792 }, 793 setRollOutEvents = (event) => { 794 menuExpanded = false; 795 796 if (menuTl != undefined) { 797 isAnimating = true; 798 if (event.target.classList.contains('burger') 799 || event.target.classList.contains('search-bar') 800 || event.target.classList.contains('search-area') 801 ) { 802 return; 803 } else { 804 $('nav').removeClass("active"); 805 806 if (!$('.sitenav--inner-wrapper .menuitem .submenu.active').length) { 807 if (event.target.parentNode.classList.contains("search")) { 808 gsap.to(submenu, { 809 height: 0, duration: 0.1, ease: "Power3.out", onComplete: () => { 810 gsap.set(submenu, { opacity: 0, delay: 0.3 }); 811 } 812 }); 813 } else { 814 menuTl.to(submenu, { height: 0, duration: 0.1, ease: "Power3.out" }); 815 } 816 } 817 } 818 819 if (button.classList != null) button.classList.remove('active'); 820 currentButton = null; 821 currentSubMenu = null; 822 823 menuTl = new gsap.timeline({ paused: true });
824 if (event.relatedTarget && event.relatedTarget.classList.contains('menuitem') 825 || event.relatedTarget && event.relatedTarget.classList.contains('menuButton') 826 || event.relatedTarget && event.relatedTarget.classList.contains('search-bar') 827 || event.relatedTarget && event.relatedTarget.classList.contains('search-area') 828 ) { 829 return; 830 } else { 831 if (!$('.sitenav--inner-wrapper .menuitem .submenu.active').length) { 832 gsap.set($('.sitenav--inner-wrapper .menuitem .submenu'), { opacity: 0, delay: 0.2 }); 833 hideDimWrapper(); 834 } 835 isAnimating = false; 836 } 837 838 if (submenu != null) { 839 submenuHeight = submenu.offsetHeight; 840 } 841 } 842 843 isAnimating = false; 844 }, 845 setSearchClose = () => { 846 menuExpanded = false; 847 if (menuTl != undefined) { 848 isAnimating = true; 849 if (!$('.sitenav--inner-wrapper .menuitem .submenu.active').length) { 850 gsap.to($('.menuitem.search .submenu'), { 851 height: 0, duration: 0.2, ease: "Power3.out", onComplete: () => { 852 gsap.set($('.menuitem.search .submenu'), { opacity: 0, delay: 0.2 }); 853 } 854 }); 855 } 856 if (button.classList != null) button.classList.remove('active'); 857 currentButton = null; 858 currentSubMenu = null; 859 submenu = null; 860 menuTl = new gsap.timeline({ paused: true }); 861 $('.menuitem.search').removeClass('active'); 862 if (!$('.sitenav--inner-wrapper .menuitem .submenu.active').length) { 863 hideDimWrapper(); 864 } 865 } 866 867 initSearchNavigationMenu(); 868 $('.sitenav--menu .menuitem.search .menuButton').off("mousedown", searchClose); 869 }, 870 // Search functionality 871 search = () => { 872 const searchInput = document.getElementById('search-area'); 873 const searchResults = document.getElementById('search-results'); 874 searchBarHeight = $('#search-bar').outerHeight(); 875 let currentAbortController = null; 876 const fetchData = async (query, controller) => { 877 try { 878 const response = await fetch(`/getpages?search=${query}&limit=99`, { signal: controller.signal }); 879 if (!response.ok) { 880 throw new Error("Network reponse was not ok"); 881 } 882 const data = await response.json(); 883 displayResults(data, query); 884 } catch (error) { 885 if (error.name !== "AbortError") { 886 console.error("Fetch error ", error); 887 } 888 } 889 }; 890 let resultsHeight; 891 const displayResults = async (data, query) => { 892 searchResults.innerHTML = ""; 893 const animateBlock = () => { 894 $('#suggested-searches').css('display', 'block'); 895 resultsHeight = $('#suggested-searches').outerHeight(); 896 searchAdaptedHeight = searchBarHeight + resultsHeight; 897 gsap.to($('#search-bar'), { height: searchAdaptedHeight, duration: 0.3, ease: "Power3.out" }); 898 }; 899 if (data.length === 0) { 900 $(".sitenav--inner-wrapper .search-bar .suggested-searches .suggested-header").text(`No Results`); 901 animateBlock(); 902 } else { 903 data.forEach(item => { 904 path = item.Path.replace("/codex.online", 'https://codex.online'); 905 resultsDiv = `<section><a class="search-link" href="${path}/${item.Name}"><i ${item.Image != null ? `style="background-image:url(/asset/${item.Image}-200);"` : `class="default"`}></i><div><h2>${item.Title}</h2><h3>${item.Description ?? ""}</h3></div></a></section>`; 906 searchResults.innerHTML += resultsDiv; 907 }); 908 $(".sitenav--inner-wrapper .search-bar .suggested-searches .suggested-header").text(`${data.length} Result${data.length > 1 ? "s" : ""}`); 909 animateBlock(); 910 } 911 if (query.length < 3) { 912 searchResults.innerHTML = ''; 913 gsap.to($('#search-bar'), { height: searchBarHeight, duration: 0.3, ease: "Power3.out" }); 914 $('#suggested-searches').css('display', 'none'); 915 return; 916 } 917 }; 918 const handleSearch = _.debounce((event) => { 919 const query = event.target.value; 920 if (query.length < 3) { 921 searchResults.innerHTML = ''; 922 gsap.to($('#search-bar'), { height: searchBarHeight, duration: 0.3, ease: "Power3.out" }); 923 $('#suggested-searches').css('display', 'none'); 924 return; 925 } 926 if (currentAbortController) { 927 currentAbortController.abort(); // Cancel the previous request 928 } 929 currentAbortController = new AbortController(); 930 fetchData(query, currentAbortController); 931 }, 50); 932 searchInput.addEventListener('input', handleSearch); 933 }, 934 checkIfMobile = () => { 935 return window.innerWidth <= 992; 936 }; 937 init(); 938 return { 939 menuHideTl: () => { return menuHideTl; }, 940 menuScrollTrigger: () => { return menuScrollTl; }, 941 hideMenu: () => { menuHideTl.play(); } 942 }; 943})(); 944 945 946var quickNav = (() => { 947 var init = () => { 948 window.addEventListener("load", (event) => { 949 initMenu(); 950 updateActiveNavigation(); 951 window.addEventListener('resize', _.throttle(handleResize, 250)); 952 }); 953 }, 954 config= 955 [ 956 { 957 label : "CFexpress Type A Excel", 958 url: "cfexpress-type-a-excel", 959 group :"cfexpress" 960 }, 961 { 962 label : "CFexpress Type A Elite", 963 url: "cfexpress-type-a-elite", 964 group :"cfexpress" 965 }, 966 { 967 label : "CFexpress Type B Excel", 968 url: "cfexpress-type-b-excel", 969 group :"cfexpress" 970 }, 971 { 972 label : "CFexpress Type B Elite", 973 url: "cfexpress-type-b-elite", 974 group :"cfexpress" 975 }, 976 { 977 label : "CFexpress Type B Reader", 978 url: "cfexpress-type-b-reader", 979 group :"cfexpress" 980 }, 981 { 982 label : "CompactDrive",
983 url: "compact-drive", 984 group :"arri" 985 }, 986 { 987 label : "CompactDrive Express", 988 url: "compact-drive-express", 989 group :"arri" 990 }, 991 { 992 label : "CompactDrive Reader TB3", 993 url: "compact-drive-reader-tb3", 994 group :"arri" 995 }, 996 { 997 label : "CompactDrive Reader USB-C", 998 url: "compact-drive-reader-usb-c", 999 group :"arri" 1000 }, 1001 { 1002 url: "cfexpress-type-a", 1003 group :"cfexpress" 1004 }, 1005 { 1006 url: "cfexpress-type-b", 1007 group :"cfexpress" 1008 }, 1009 { 1010 url: "arri-media", 1011 group :"arri" 1012 }, 1013 { 1014 url: "arri-media-readers", 1015 group :"arri" 1016 }, 1017 { 1018 url: "cfexpress-type-a-excel-copy", 1019 group :"cfexpress" 1020 } 1021 1022 ], 1023 quickNav, 1024 handleResize = () => { 1025 // set mobile navigation 1026 gsap.set($('.quick-nav ul'), { clearProps: 'all' }); 1027 if (checkIfMobile()) { 1028 $(".quick-nav--next").css('display', 'flex'); 1029 $(".quick-nav--prev").css('display', 'none'); 1030 } else { 1031 $(".quick-nav--next").css('display', 'none'); 1032 $(".quick-nav--prev").css('display', 'none'); 1033 } 1034 // Reset quicknav underline to correct position 1035 const rect = $('.quick-nav--section .active')[0].getBoundingClientRect(); 1036 $('.quick-nav--menu-bar').css({ 1037 'left': rect.left, 1038 'width': rect.width 1039 }); 1040 }, 1041 initMenu = () => { 1042 //Get all sections and create quick navigation 1043 const sections = document.querySelectorAll(".section-wrapper"); 1044 const linksUl = document.querySelector(".quick-nav--links ul"); 1045 let linkHtml = ""; 1046 sections.forEach((section, index) => { 1047 const sectionTitleElement = section.querySelector(".section-title"); 1048 if (sectionTitleElement) { 1049 const sectionTitle = sectionTitleElement.innerHTML; 1050 linkHtml += `<li ${sectionTitle.length == 0 ? "style=\"display: none;\" " : ""}class="quick-nav--section"><a id="nav${section.id.replace('section', '')}" href="#${section.id}">${sectionTitle}</a></li>`; 1051 } 1052 }); 1053 1054 linksUl.innerHTML += linkHtml; 1055 1056 //Update quick navigation on scroll 1057 window.addEventListener("scroll", (event) => { 1058 updateActiveNavigation(); 1059 }); 1060 1061 $("#nav1").addClass("active"); 1062 quickNavActiveSet(); 1063 1064 //render quick nav dropdown 1065 var url=window.location.pathname.split("/").slice(-1); 1066 var group=config.find(e=>e.url==url).group; 1067 var items=config.filter(e=>e.group==group && e.url!=url && e.label!=undefined); 1068 items.forEach(e=>{ 1069 $(".quick-nav .dropdown").append(`<a href="/products/${e.url}"><div>${e.label}</div></a>`) 1070 }); 1071 1072 clickHandlers(); 1073 }, 1074 clickHandlers = () => { 1075 quickNav = $(".quick-nav").outerHeight(); 1076 1077 $(".quick-nav a[href^='#']").on('click', function (e) { 1078 e.preventDefault(); 1079 $('.quick-nav--section a').removeClass("active"); 1080 $(this).addClass("active"); 1081 $('html, body').animate({ 1082 scrollTop: $(this.hash).offset().top - quickNav + 2 1083 }, 1000); 1084 1085 quickNavActiveSet(); 1086 }); 1087 1088 $(".quick-nav--next").on('click', function (e) { 1089 $('.quick-nav ul').css("right", '2rem'); 1090 if (checkIfMobile()) { 1091 $(".quick-nav--prev").css('display', 'flex'); 1092 $(".quick-nav--next").css('display', 'none'); 1093 } 1094 quickNavActiveSet(); 1095 }); 1096 $(".quick-nav--prev").on('click', function (e) { 1097 gsap.set($('.quick-nav ul'), { clearProps: 'all' }); 1098 if (checkIfMobile()) { 1099 $(".quick-nav--next").css('display', 'flex'); 1100 $(".quick-nav--prev").css('display', 'none'); 1101 } 1102 quickNavActiveSet(); 1103 }); 1104 1105 $(".quick-nav .drop-menu").click(()=>{ 1106 $(".quick-nav .dropdown").slideToggle(); 1107 $(".quick-nav .drop-menu").toggleClass("active"); 1108 }) 1109 }, 1110 quickNavActiveSet = () => { 1111 const rect = $('.quick-nav--section .active')[0]?.getBoundingClientRect(); 1112 if(rect==undefined) return; 1113 $('.quick-nav--menu-bar').css({ 1114 'left': rect.left, 1115 'width': rect.width 1116 }); 1117 }, 1118 updateActiveNavigation = () => { //not using intersectionobservers. 1119 const sections = [...document.querySelectorAll('.section-wrapper')]; 1120 const navLinks = document.querySelectorAll('#quick-nav ul li a'); 1121 1122 sections.reverse().every(e => { 1123 if (e.getBoundingClientRect().top < 70) { 1124 const sectionId = e.id; 1125 const navId = `nav${sectionId.replace('section', '')}`; 1126 const navLink = document.getElementById(navId); 1127 navLinks.forEach(link => link.classList.remove('active')); 1128 if (navLink != null) { 1129 navLink.classList.add('active'); 1130 const rect = navLink.getBoundingClientRect(); 1131 $('.quick-nav--menu-bar').css({ 1132 'left': rect.left, 1133 'width': rect.width 1134 }); 1135 } 1136 return false; 1137 } 1138 return true; 1139 }); 1140 }, 1141 additionalMenuItems = (label, url) => { 1142 $('.quick-nav--links ul').append(`<li class="quick-nav--section"><a id="nav-${label}" href="${url}">${label}</a></li>`); 1143 }, 1144 checkIfMobile = () => { 1145 return window.innerWidth <= 992; 1146 }; 1147 init(); 1148 return { 1149 additionalMenuItems: (label, url) => { return additionalMenuItems(label, url); } 1150 }; 1151})(); 1152</script>
1152<style>body.embed #header{ 1153 display: none; 1154} 1155 1156* { 1157 padding: 0; 1158} 1159 1160html { 1161 font-size: 16px; 1162} 1163body{ 1164 position: relative; 1165} 1166pre { 1167 white-space: nowrap; 1168 word-wrap: break-word; 1169} 1170dl,menu,ol,ul{ 1171 margin:0; 1172 padding:0; 1173} 1174 1175span.slim { 1176 max-width: 36rem; 1177 display: inline-block; 1178} 1179 1180#quick-nav{ 1181 display: none; 1182} 1183 1184.quicknav #quick-nav{ 1185 display:block; 1186 pointer-events: all; 1187} 1188 1189.quicknav.hidequicknavlinks #quick-nav .quick-nav--links, 1190.quicknav.hidequicknavlinks #quick-nav .quick-nav--hr{ 1191 display:none; 1192} 1193 1194/* ///////// Navigation Menu /////////*/ 1195 1196#header { 1197 position: absolute; 1198 width: 100%; 1199 z-index: 9999; 1200 filter: drop-shadow(0px 0px 1px #555); 1201} 1202 1203.quicknav #header{ 1204 height: 100%; 1205 top: 0; 1206 pointer-events: none; 1207} 1208 1209nav{ 1210 height: 52px; 1211 width: 100vw; 1212 max-width: 100%; 1213 z-index: 15; 1214 background-color: #fff; 1215 position: relative; 1216 display: flex; 1217 justify-content: flex-start; 1218 flex-direction: column; 1219 font-family: var(--primary-font), var(--secondary-font), "Noto Sans", sans-serif; 1220 font-weight: 400; 1221 font-style: normal; 1222 transition: box-shadow 0.7s, background-color 0.3s, filter 0.3s; 1223 filter: invert(0); 1224 padding: 0.9em 0; 1225} 1226 1227.quicknav .sticky{ 1228 position: sticky; 1229 top: -5.1em; 1230 overflow: hidden; 1231 height: calc(100vh + 6em); 1232} 1233 1234.top nav{ 1235 background-color: transparent; 1236 filter: invert(1); 1237 box-shadow: 0 1px 0 0 #0000; 1238} 1239 1240nav:hover{ 1241 background-color: #fff; 1242 filter: invert(0); 1243} 1244 1245#header .menuitem.search, 1246#header .menuitem.cart, 1247#header .menuitem.account{ 1248 display: none; 1249} 1250 1251.top .sitenav--utility-wrap .menuitem.cart > button > div{ 1252 filter: invert(1); 1253} 1254 1255.top nav:hover .sitenav--utility-wrap .menuitem.cart > button > div{ 1256 filter: invert(0); 1257} 1258 1259nav.active{ 1260 filter: invert(0); 1261} 1262.sitenav--dim-wrapper{ 1263 background-color: #000; 1264 opacity: 0; 1265 visibility:hidden; 1266 display: block; 1267 width: 100%; 1268 height: calc(100vh); 1269 top: 0; 1270 position: fixed; 1271 z-index: 12; 1272 cursor:pointer; 1273 transition: visibility .4s cubic-bezier(0.6,0,0.4,1) .1s, opacity .4s cubic-bezier(0.6,0,0.4,1) .1s; 1274 pointer-events: all; 1275} 1276.sitenav--dim-wrapper.show{ 1277 opacity: 0.5; 1278 visibility:visible; 1279 transition: visibility .4s cubic-bezier(0.6,0,0.4,1) .1s, opacity .4s cubic-bezier(0.6,0,0.4,1) .1s; 1280} 1281 1282.sitenav--inner-wrapper{ 1283 display: flex; 1284 justify-content: space-between; 1285 align-items: center; 1286 height: 100%; 1287 padding-right: 4px; 1288 padding-top: 0.7em; 1289 box-sizing: border-box; 1290} 1291 1292.sitenav--utility-space{ 1293 width:100%; 1294 height:100%; 1295} 1296.sitenav--inner-wrapper .sitenav--utility-wrap{ 1297 display: flex; 1298 flex-direction: row; 1299 justify-content: center; 1300 align-items: center; 1301 height: 100%; 1302} 1303.sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu{ 1304 display: flex; 1305 flex-direction: row; 1306 justify-content: center; 1307 align-items: center; 1308 height: 100%; 1309} 1310.sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu .menuitem, 1311.sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu .menuitem:last-child{ 1312 margin-right:0px; 1313} 1314.sitenav--inner-wrapper .logo{ 1315 height: 14px; 1316 width: 85px; 1317 cursor: pointer; 1318} 1319 1320.sitenav--inner-wrapper .logo img{ 1321 width: auto; 1322 height: 100%; 1323} 1324 1325.sitenav--menu-wrap .logo, 1326.sitenav--menu-wrap .logo img{ 1327 display: none; 1328} 1329 1330.sitenav--utility-wrap .account .submenu{ 1331 display: none; 1332} 1333.sitenav--menu-wrap{ 1334 display: flex; 1335 flex-direction: column; 1336 position: absolute; 1337 left:0; 1338 top: 0; 1339 height: 100vh; 1340 width: calc(100% - 50px); 1341 background: #000; 1342 z-index: 20; 1343 max-height: 100vh; 1344 overflow-y: auto; 1345 overflow-x: hidden; 1346 padding: 20px 25px; 1347 transition: transform 0.3s ease-out; 1348 transform: translateX(100%); 1349} 1350.sitenav--menu-wrap.active{ 1351 right: 0; 1352 transform: translateX(0); 1353 pointer-events: all; 1354} 1355.sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu{ 1356 width: 100%; 1357 display: flex; 1358 flex-direction: column; 1359 padding-top: 24px; 1360} 1361 1362.sitenav--inner-wrapper ul li{ 1363 list-style-type: none; 1364 position: relative; 1365 font-weight: 250; 1366 cursor:pointer; 1367} 1368.sitenav--inner-wrapper ul li a{ 1369 color: #fff; 1370 letter-spacing:-0.01rem; 1371} 1372.sitenav--inner-wrapper ul .menuitem{ 1373 list-style-type: none; 1374 position: static; 1375 font-weight: 300; 1376 height: 40px; 1377 display: flex;
1378 align-items: center; 1379 top: 0.8em; 1380} 1381.sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu .menuitem:first-child{ 1382 padding-top:0px; 1383} 1384.sitenav--inner-wrapper ul .menuitem .button, 1385.sitenav--utility-wrap ul button{ 1386 background: transparent; 1387 color: #000; 1388 border: none; 1389 cursor: pointer; 1390} 1391 1392.sitenav--menu-wrap .menuitem button{ 1393 border: none; 1394 background: #000; 1395 color: #fff; 1396 cursor: pointer; 1397 font-family: var(--primary-font), var(--secondary-font),"Noto Sans", sans-serif; 1398 font-weight: 400; 1399 letter-spacing:-0.01rem; 1400 white-space: nowrap; 1401 text-decoration: none; 1402 padding-bottom: 0px; 1403 font-size: 1.3em; 1404} 1405 1406.sitenav--inner-wrapper .menuitem .submenu{ 1407 display: flex; 1408 flex-direction: column; 1409 position: absolute; 1410 right: calc(-200% - 50px); 1411 top: 0; 1412 height: auto; 1413 z-index: 10; 1414 background: #000; 1415 cursor: auto; 1416 padding: 38px 0 20px; 1417 box-sizing: border-box; 1418 width: 100%; 1419 transition: right 0.3s ease-out; 1420 color: #fff; 1421 font-size: 1.3em; 1422} 1423 1424.sitenav--inner-wrapper .menuitem .submenu i{ 1425 position: absolute; 1426 width: 100%; 1427 height: 1px; 1428 background: #0002; 1429 left: 0; 1430 transform: translateY(1px); 1431} 1432 1433.sitenav--inner-wrapper .menuitem.active .submenu{ 1434 right: calc(-100% - 1.5em); 1435 transition: all 0.3s ease-out; 1436} 1437.sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu{ 1438 position: relative; 1439 right: 0; 1440 transition: all 0.3s ease-out; 1441} 1442.sitenav--inner-wrapper .sitenav--menu-wrap .menuitem::after, 1443.sitenav--inner-wrapper .submenu .pages li::after{ 1444 content: ""; 1445 background-image: url(https://codex.online/asset/8624ca89-e54b-41a6-912e-49a26e97ac7e); 1446 width: 13px; 1447 min-height: 17px; 1448 background-size: contain; 1449 background-repeat: no-repeat; 1450 position: absolute; 1451 left: calc(100% - 25px); 1452} 1453 1454.sitenav--inner-wrapper .sitenav--menu-wrap .menuitem::after{ 1455 transform: translateX(1.3em); 1456} 1457 1458.sitenav--inner-wrapper .submenu a{ 1459 font-family: var(--primary-font), var(--secondary-font),"Noto Sans", sans-serif; 1460 font-weight: 400; 1461 white-space: nowrap; 1462 text-decoration: none; 1463 color: #fff; 1464 display:inline-block; 1465 padding-bottom: 26px; 1466} 1467.sitenav--inner-wrapper .header-mobile{ 1468 color: #999; 1469 font-family: var(--primary-font), var(--secondary-font),"Noto Sans", sans-serif; 1470 display:none; 1471 font-style: normal; 1472 font-weight: 400; 1473 padding-bottom:1.63rem; 1474 font-size: 1em; 1475 text-align: left; 1476} 1477.sitenav--inner-wrapper .cart .header-mobile, 1478.sitenav--inner-wrapper .search .header-mobile, 1479.sitenav--inner-wrapper .account .header-mobile{ 1480 display:none; 1481} 1482 1483.sitenav--inner-wrapper .submenu .sub-section{ 1484 padding-bottom: 1em; 1485} 1486 1487.sitenav--inner-wrapper .submenu .header-sub::after{ 1488 content: ""; 1489 background-image: url(https://codex.online/asset/8624ca89-e54b-41a6-912e-49a26e97ac7e); 1490 width: 13px; 1491 min-height: 17px; 1492 background-size: contain; 1493 background-repeat: no-repeat; 1494 position: absolute; 1495 left: calc(100% - 25px); 1496 top: 0; 1497 transform: rotate(0deg); 1498 transition: transform 0.4s; 1499} 1500.sitenav--inner-wrapper .submenu .header-sub.active::after{ 1501 transform:rotate(90deg); 1502} 1503.sitenav--inner-wrapper .submenu .header-sub.active a{ 1504 font-weight:500; 1505} 1506.sitenav--inner-wrapper .submenu .header-sub .pages li, 1507.sitenav--inner-wrapper .submenu .header-sub.active .pages li{ 1508 padding-left: 23px; 1509 font-weight: 250; 1510} 1511.sitenav--inner-wrapper .submenu .header-sub .pages li:after{ 1512 background-image:none; 1513} 1514 1515.sitenav--inner-wrapper .submenu .header-sub .pages{ 1516 height:0; 1517 max-height: 0; 1518 overflow: hidden; 1519 position:relative; 1520 padding-left:23px; 1521} 1522 1523.sitenav--inner-wrapper .submenu .header-sub .pages .sub{ 1524 cursor: default; 1525} 1526 1527.sitenav--inner-wrapper .submenu .header-sub .pages .sub span{ 1528 color: #fff; 1529 letter-spacing: -0.01em; 1530 font-size: 0.6em; 1531 margin: 0 0 0.5em; 1532 display: block; 1533} 1534 1535.sitenav--inner-wrapper .submenu .header-sub.active .pages{ 1536 max-height: 500px; 1537 height: 100%; 1538 position:relative; 1539 overflow:hidden; 1540 padding-left:23px; 1541 transition: max-height 1s,padding 1s; 1542} 1543.sitenav--inner-wrapper .submenu .header-sub.active .pages a{ 1544 font-weight: 400; 1545} 1546.sitenav--inner-wrapper .menuitem .submenu .subsub-pages{ 1547 display: flex; 1548 flex-direction: column; 1549 position: absolute; 1550 right: calc(-200% - 50px); 1551 top: -87px; 1552 height: auto; 1553 z-index: 10; 1554 background: #000; 1555 cursor: auto; 1556 padding: 38px 0 20px; 1557 box-sizing: border-box; 1558 width: 100%; 1559 transition: right 0.3s ease-out; 1560} 1561.sitenav--inner-wrapper .menuitem.active .submenu .subsub-pages{ 1562 right: calc(-100% - 25px); 1563 transition: all 0.3s ease-out; 1564} 1565 1566.sitenav--utility-wrap img{
1567 width: 20px; 1568} 1569 1570.sitenav--utility-wrap .menuitem > button{ 1571 padding:0 20px; 1572 cursor: pointer; 1573} 1574 1575.sitenav--utility-wrap .menuitem.account button{ 1576 background-image: url('https://codex.online/asset/bb3b9527-fd21-4d2e-9034-1e98fb3d44b6'); 1577 width: 100%; 1578 height: 100%; 1579 background-size: 0.6965rem 0.8125rem; 1580 background-repeat: no-repeat; 1581 background-position: center; 1582 cursor: pointer; 1583} 1584 1585.sitenav--utility-wrap .menuitem.cart > button{ 1586 background-image: url(/asset/763175ca-b021-41ab-b983-59fd65437d87); 1587 width: 100%; 1588 height: 100%; 1589 background-repeat: no-repeat; 1590 background-position: center; 1591 cursor: pointer; 1592 background-size: 1.8em; 1593 background-position: 50% 44%; 1594 position: relative; 1595} 1596 1597.sitenav--utility-wrap .menuitem.cart > button > div{ 1598 position: absolute; 1599 width: 1.1em; 1600 height: 1.1em; 1601 background: #0066FF; 1602 border-radius: 50%; 1603 color: #fff; 1604 top: 0.4em; 1605 left: 1.4em; 1606 display: none; 1607 align-items: center; 1608 justify-content: center; 1609 transition: filter 0.3s; 1610} 1611 1612.sitenav--utility-wrap .menuitem.cart > button > div > i{ 1613 font-style: normal; 1614 font-size: 0.7em; 1615 position: absolute; 1616 top: 0.25em; 1617 font-weight: 500; 1618} 1619 1620.sitenav--utility-wrap .menuitem.search button{ 1621 background-image: url('https://codex.online/asset/a7626059-ecef-4ef1-98b4-b8b27d5b55f9'); 1622 width: 100%; 1623 height: 100%; 1624 background-size: 1.0625rem 1.0625rem; 1625 background-repeat: no-repeat; 1626 background-position: center; 1627 cursor: pointer; 1628 animation-name: fadeSearchClose; 1629 animation-duration: 0.7s; 1630} 1631.sitenav--utility-wrap .menuitem.search button.active{ 1632 opacity: 0.2; 1633} 1634@keyframes fadeSearchClose { 1635 0% {opacity:0} 1636 100% {opacity:1} 1637} 1638.sitenav--utility-wrap .menuitem.burger{ 1639 display: flex; 1640 cursor: pointer; 1641} 1642.sitenav--utility-wrap .menuitem.burger button{ 1643 background-image: url('https://codex.online/asset/5aed46ee-b7e8-4b6d-b8a8-bb176c2d1d2a'); 1644 width: 100%; 1645 height: 100%; 1646 background-size: 1.9em; 1647 background-repeat: no-repeat; 1648 background-position: center; 1649 cursor: pointer; 1650 background-color: transparent; 1651} 1652.sitenav-mobile-wrap{ 1653 padding-bottom: 30px; 1654} 1655.sitenav--utility-wrap .sitenav--menu .menuitem.search{ 1656 position: unset; 1657 margin-top: 0; 1658} 1659 1660.sitenav--inner-wrapper #search-bar{ 1661 visibility: hidden; 1662 display: block; 1663 overflow: hidden; 1664 position: absolute; 1665 top: 4em; 1666 right:1px; 1667 padding: 0; 1668 background: #fff; 1669 border-radius: 0px 0px 6px 6px; 1670 width: 100%; 1671 max-width: 100vw; 1672 box-sizing: border-box; 1673 border-top: 1px solid #C4C3C3; 1674} 1675.sitenav--inner-wrapper .search-bar .suggested-searches .suggested-header{ 1676 padding: 0 4.1rem 23px; 1677 font-size: 15px; 1678} 1679.sitenav--inner-wrapper .search-bar .suggested-searches, 1680.sitenav--inner-wrapper .search-bar .suggested-searches p{ 1681 display: none; 1682 font-size: 0.8125rem; 1683 font-style: normal; 1684 font-weight: 500; 1685 line-height: normal; 1686 letter-spacing: -0.03rem; 1687 padding-bottom:1.94rem; 1688} 1689.sitenav--inner-wrapper .search-bar .suggested-searches p{ 1690 display:block; 1691} 1692.sitenav--inner-wrapper .search-bar.active{ 1693 display: block; 1694} 1695.sitenav--inner-wrapper .search-bar input{ 1696 box-sizing: border-box; 1697 background: #000; 1698 color: #fff; 1699 font-family: var(--primary-font); 1700 font-size: 1.25rem; 1701 font-weight: 500; 1702 width: calc(100% - 3.2rem); 1703 border: none; 1704 border-radius: 0.375rem; 1705 height: 47px; 1706 background-image: url(https://codex.online/asset/917cd3da-02b7-44d5-b879-aebd025fd1c2); 1707 background-position: 13px 50%; 1708 background-repeat: no-repeat; 1709 background-size: 20px; 1710 padding-left: 40px; 1711 margin: 1.94rem 1.6rem 30px; 1712 letter-spacing: -0.03em; 1713} 1714.sitenav--inner-wrapper .search-bar input:focus{ 1715 border: none; 1716 outline: none; 1717} 1718.sitenav--menu-wrap .close{ 1719 width: 2.3em; 1720 height: 2.3em; 1721 position: absolute; 1722 right: 0.5em; 1723 z-index: 10; 1724 cursor: pointer; 1725 display: block; 1726 background: url(/asset/5787723f-9262-4ba5-9167-61a6e686106c); 1727 background-size: cover; 1728 top: 1.4em; 1729 background-color: #fff; 1730 filter: invert(1); 1731} 1732.sitenav--menu-wrap .arrow{ 1733 display: none; 1734 width: 8px; 1735 height: 13px; 1736 position: absolute; 1737 left:25px; 1738 z-index: 11; 1739 cursor: pointer;
1740 align-items:center; 1741 top: 2.5em; 1742 border: none; 1743} 1744.sitenav--menu-wrap .arrow .menu-back{ 1745 padding-left:0.81rem; 1746 font-size: 0.9375rem; 1747 font-weight: 400; 1748 letter-spacing:-0.01rem; 1749 color:#FFF; 1750} 1751.sitenav--inner-wrapper .sitenav--utility-wrap .menuitem.account .submenu { 1752 background: #fff; 1753 color: #000; 1754 display: flex; 1755 flex-direction: row; 1756 position: absolute; 1757 top: 52px; 1758 width: auto; 1759 border-top: 1px solid #C4C3C3; 1760 border-bottom-left-radius: 10px; 1761 border-bottom-right-radius: 10px; 1762 right: 0; 1763 left: auto; 1764 padding:0 38px; 1765 transition: height 0.3s ease; 1766 visibility: hidden; 1767 overflow: hidden; 1768 text-align: left; 1769} 1770.sitenav--inner-wrapper .menuitem.account .submenu a { 1771 display: inline-block; 1772 font-size: 13px; 1773 font-weight: 250; 1774 line-height: 0; 1775 white-space: nowrap; 1776 text-decoration: none; 1777 color: #000; 1778 text-align: left; 1779 padding-bottom: 23px; 1780} 1781.sitenav--inner-wrapper .menuitem.account .submenu .pages li::after { 1782 content: ""; 1783 background-image: none; 1784} 1785.sitenav--inner-wrapper .menuitem.account .submenu .header{ 1786 margin-top: 15px; 1787 margin-bottom: 18px; 1788} 1789 1790.sitenav--inner-wrapper .submenu #search-results{ 1791 max-height: clamp(0vh, 53em, 60vh); 1792 overflow-y: auto; 1793 overscroll-behavior: contain; 1794} 1795 1796.sitenav--inner-wrapper .submenu #search-results section { 1797 display: flex; 1798 width: calc(100% - 7.2em); 1799 align-items: center; 1800 padding: 0.5rem 0rem; 1801 margin: 0rem 0 0 4rem; 1802} 1803 1804.sitenav--inner-wrapper .submenu #search-results section:hover { 1805 background: #ddd; 1806} 1807 1808.sitenav--inner-wrapper .submenu #search-results a{ 1809 color: #000; 1810 pointer-events: all; 1811 width: calc(100% - 5em); 1812 white-space: unset; 1813 line-height: normal; 1814 padding: 0; 1815 display: flex;
1816 align-items: center; 1817} 1818 1819.sitenav--inner-wrapper .submenu #search-results a > div{ 1820 width: calc(100% - 7em); 1821} 1822 1823.sitenav--inner-wrapper .submenu #search-results h2{ 1824 font-size: 1em; 1825 font-weight: 500; 1826 padding-left: 1em; 1827 display: inline-block; 1828 height: auto; 1829 line-height: 1em; 1830 width: 100%; 1831 letter-spacing: -0.03em; 1832} 1833 1834.sitenav--inner-wrapper .submenu #search-results h3{ 1835 font-size: 1em; 1836 font-weight: 300; 1837 padding: 1em 1em 0 1em; 1838 display: inline-block; 1839 height: auto; 1840 line-height: 1em; 1841 width: 100%; 1842 letter-spacing: -0.03em; 1843} 1844 1845.sitenav--inner-wrapper .submenu #search-results h3:empty{ 1846 display: none; 1847} 1848 1849.sitenav--inner-wrapper .submenu #search-results i{ 1850 width: 7em; 1851 display: inline-block; 1852 background-size: cover; 1853 background-repeat: no-repeat; 1854 height: 5em; 1855 border-radius: 0.3em; 1856 border: 1px solid #ccc; 1857 background-position: center; 1858} 1859 1860.sitenav--inner-wrapper .submenu #search-results i.default{ 1861 background-image: url(/asset/70207724-1058-4393-a008-57a90c32bd0f-320--70); 1862 background-size: 90%; 1863} 1864 1865.loggedout .sitenav--utility-wrap .logout{ 1866 display:none !important; 1867} 1868.sitenav--utility-wrap .log-in{ 1869 display:none !important; 1870} 1871.loggedout .sitenav--utility-wrap .log-in{ 1872 display:inline-block !important; 1873} 1874 1875.quicknav nav { 1876 border-bottom:1px solid rgba(0, 0, 0, 0.2); 1877 pointer-events: all; 1878} 1879 1880.quick-nav{ 1881 height:auto; 1882 width:100%; 1883 max-width:100vw; 1884 background:var(--color-white); 1885 position: relative; 1886 z-index: 10 !important; 1887} 1888 1889.quick-nav--header{ 1890 font-family: var(--primary-font); 1891 font-size: 0.875rem; 1892 font-weight: 500; 1893 line-height: normal; 1894 letter-spacing: -0.02625rem; 1895 text-align: left; 1896 background:var(--color-white); 1897 height:34px; 1898 color:#000; 1899 display:flex;
1900 align-items: center; 1901 padding-left: 1.125rem; 1902 padding-right: 1.125rem; 1903} 1904.quick-nav--hr{ 1905 height:1px; 1906 width:100%; 1907 border-bottom:1px solid rgba(0, 0, 0, 0.2); 1908} 1909.quick-nav--links{ 1910 font-family: var(--primary-font); 1911 font-size: 12px; 1912 font-weight: 400; 1913 line-height: 15px; 1914 letter-spacing: -0.12px; 1915 height:34px; 1916 width:100%; 1917 display:flex; 1918 align-items: center; 1919 padding-left: 1.125rem; 1920 padding-right: 1.125rem; 1921 position:relative; 1922} 1923.quick-nav ul{ 1924 width:100%; 1925 z-index:1 !important; 1926 background:var(--color-white); 1927 display:flex; 1928 flex-direction:row; 1929 padding: 0; 1930 position: absolute; 1931} 1932.quick-nav li{ 1933 z-index:1; 1934 list-style-type: none; 1935 font-family: Lato; 1936 font-size: 12px; 1937 font-weight: 400; 1938 line-height: 14px; 1939 text-align: left; 1940 color:#000; 1941 margin: 0; 1942 padding-right: 20px; 1943 width: auto; 1944 white-space: nowrap; 1945} 1946.quick-nav li a{ 1947 color:#000; 1948 text-decoration:none; 1949 letter-spacing: -0.02em; 1950 display: inline-block; 1951 font-weight:400; 1952} 1953.quick-nav li a:hover, 1954.quick-nav li a.active{ 1955 outline: none; 1956 text-decoration: none; 1957 letter-spacing: -0.02em; 1958} 1959a, a:active, a:focus { 1960 outline: none; 1961} 1962.quick-nav li a:before { 1963 display: block; 1964 content: attr(data-title); 1965 height: 0; 1966 visibility: hidden; 1967 overflow: hidden; 1968 user-select: none; 1969 pointer-events: none; 1970 font-weight: 500; 1971 letter-spacing: -0.02em; 1972} 1973.quick-nav--menu-bar{ 1974 background: #000000; 1975 position: absolute; 1976 height: 2px; 1977 width: 0; 1978 bottom: 0; 1979 z-index: 2; 1980 -webkit-transition: left 1s ease, width 1s ease; 1981 transition: left 1s ease, width 1s ease; 1982} 1983.quick-nav--mobile-arrows{ 1984 position: absolute; 1985 width: 100%; 1986 max-width: 100vw; 1987 height: 100%; 1988 left: 0; 1989 z-index: 2; 1990 pointer-events: none; 1991 display:block; 1992} 1993.quick-nav--prev,.quick-nav--next{ 1994 background-color:#fff; 1995 width:48px; 1996 height:100%; 1997 position:absolute; 1998 z-index:1; 1999 display: flex; 2000 justify-content: center; 2001 align-items: center; 2002 pointer-events: all; 2003} 2004.quick-nav--prev{ 2005 display:none; 2006 transform:rotate(180deg); 2007 left:0; 2008} 2009.quick-nav--next{ 2010 right:0; 2011} 2012 2013.quick-nav--prev img,.quick-nav--next img{ 2014 transform: scale(0.8); 2015} 2016 2017.quick-nav--header .label{ 2018 2019} 2020 2021.quick-nav .drop-menu{ 2022 display: flex; 2023 position: relative; 2024 cursor: pointer; 2025} 2026 2027.quick-nav .drop-menu .button{ 2028 background-image: url(/asset/f685455d-a500-4927-ae42-1af978ef4439); 2029 width: 1em; 2030 height: 1em; 2031 background-size: contain; 2032 background-repeat: no-repeat; 2033 background-position: center; 2034 margin-left: 0.7em; 2035 transform: translateY(1px) rotate(0deg); 2036 transition: transform 0.7s; 2037} 2038 2039.quick-nav .drop-menu.active .button{ 2040 transform: rotate(180deg); 2041} 2042 2043.quick-nav .drop-menu .dropdown{ 2044 position: absolute; 2045 background: #fff; 2046 z-index: 999; 2047 border: 1px solid #ccc; 2048 border-bottom-left-radius: 0.7em; 2049 border-bottom-right-radius: 0.7em; 2050 top: 1.8em; 2051 min-width: 100%; 2052 display: none; 2053 cursor: default; 2054} 2055 2056.quick-nav .drop-menu .dropdown a{ 2057 padding: 0.6em 2.2em; 2058 font-weight: 300; 2059 font-size: 15px; 2060 cursor: pointer; 2061 color: #000; 2062 transition: color 0.7s; 2063 display: block; 2064 white-space: nowrap; 2065 text-decoration: none; 2066} 2067 2068.quick-nav .drop-menu .dropdown a:first-of-type{ 2069 padding-top: 1.5em; 2070} 2071 2072.quick-nav .drop-menu .dropdown a:last-of-type{ 2073 padding-bottom: 1.5em; 2074} 2075 2076.quick-nav .drop-menu .dropdown a:hover { 2077 color: #777; 2078} 2079 2080.quick-nav .dropdown .bg{ 2081 position: fixed; 2082 top: 0; 2083 left: 0; 2084 width: 100%; 2085 height: 100vh; 2086 z-index: -1; 2087} 2088 2089/* hero image overrides */ 2090.hero-black.top #header{ 2091 filter: none; 2092} 2093 2094.hero-black.top nav { 2095 filter: invert(0); 2096} 2097 2098.hero-black.top .sitenav--utility-wrap .menuitem.cart > button > div{ 2099 filter: invert(0); 2100} 2101 2102 2103 2104@media screen and (min-width: 992px){ 2105 .quick-nav--header{ 2106 height:34px; 2107 font-size:0.875rem; 2108 } 2109 .quick-nav ul{ 2110 position: relative; 2111 } 2112 .quick-nav--links li{ 2113 font-size: 0.75rem; 2114 } 2115 .quick-nav--header, 2116 .quick-nav--links{ 2117 display:flex; 2118 padding-left: 5.75rem; 2119 padding-right: 2rem; 2120 position:unset; 2121 } 2122 .quick-nav--mobile-arrows, 2123 .quick-nav--prev,.quick-nav--next{ 2124 display:none !important; 2125 } 2126 2127 .sitenav--utility-wrap .menuitem.cart > button > div{ 2128 top: 0.8em; 2129 left: 2.4em; 2130 } 2131} 2132@media screen and (min-width: 1200px){ 2133 .quick-nav--header, 2134 .quick-nav--links{ 2135 padding-left: 5.75rem; 2136 } 2137 .quick-nav--mobile-arrows{ 2138 display:none !important; 2139 } 2140} 2141@media screen and (min-width: 1400px){ 2142 .quick-nav--header, 2143 .quick-nav--links{ 2144 max-width: var(--siteMaxWidth); 2145 margin: 0 auto; 2146 } 2147} 2148 2149@media only screen 2150 and (min-device-width: 320px) 2151 and (max-device-width: 480px) 2152 and (-webkit-min-device-pixel-ratio: 2) 2153 and (orientation: landscape), 2154 2155 (min-device-width: 320px) 2156 and (max-device-width: 568px) 2157 and (-webkit-min-device-pixel-ratio: 2) 2158 and (orientation: landscape), 2159 2160 (min-device-width: 375px) 2161 and (max-device-width: 667px) 2162 and (-webkit-min-device-pixel-ratio: 2) 2163 and (orientation: landscape), 2164 2165 (min-device-width: 414px) 2166 and (max-device-width: 736px) 2167 and (-webkit-min-device-pixel-ratio: 3) 2168 and (orientation: landscape), 2169 2170 (min-device-width: 375px) 2171 and (max-device-width: 812px) 2172 and (-webkit-min-device-pixel-ratio: 3) 2173 and (orientation: landscape) 2174 { 2175 .quick-nav--mobile-arrows{ 2176 display:none !important; 2177 } 2178} 2179 2180@media (max-width: 991.975px) { 2181 .sitenav-menu-wrap-container{ 2182 position: absolute; 2183 left: 0; 2184 top: 0; 2185 width: 100%; 2186 height: 100vh; 2187 pointer-events: none; 2188 overflow: hidden; 2189 } 2190 2191 .sitenav--inner-wrapper .search-bar input { 2192 margin: 0.84rem 1rem 0.6em; 2193 } 2194 2195 .sitenav--inner-wrapper .search-bar .suggested-searches .suggested-header { 2196 padding: 0 1.1rem 1em; 2197 font-size: 15px; 2198 } 2199 .sitenav--inner-wrapper .submenu #search-results section { 2200 width: calc(100% - 2.5em); 2201 padding: 0.5rem 0.5rem; 2202 margin: 0rem 0.5rem; 2203 } 2204 2205 .sitenav--inner-wrapper .submenu #search-results a { 2206 color: #000; 2207 pointer-events: all; 2208 width: 100%; 2209 padding: 0; 2210 flex-wrap: wrap; 2211 } 2212 2213 .sitenav--inner-wrapper .submenu #search-results a > div, 2214 .sitenav--inner-wrapper .submenu #search-results h2, 2215 .sitenav--inner-wrapper .submenu #search-results h3 { 2216 width: 100%; 2217 } 2218 2219 .sitenav--inner-wrapper .submenu #search-results h2, 2220 .sitenav--inner-wrapper .submenu #search-results h3 { 2221 padding: 1em 0 0 0; 2222 } 2223} 2224 2225@media (min-width: 992px) { 2226 nav{ 2227 height: 4em; 2228 width: auto; 2229 max-width: 100%; 2230 margin: 0 auto; 2231 padding: 0.2em 3.75rem 0; 2232 } 2233 .quicknav .sticky{ 2234 top: -4.2em; 2235 } 2236 2237 .sitenav-mobile-wrap{ 2238 display: none; 2239 } 2240 2241 .sitenav--inner-wrapper{ 2242 display: flex; 2243 flex-direction: row; 2244 justify-content: flex-start; 2245 align-items: center; 2246 height: 100%; 2247 width: 100%; 2248 box-sizing: border-box; 2249 max-width: var(--siteMaxWidth); 2250 margin: 0 auto; 2251 padding-right: 10px; 2252 position: relative; 2253 } 2254 .sitenav--inner-wrapper .logo{ 2255 height: 100%; 2256 width: 6rem; 2257 max-height: 18px; 2258 margin-right: 57px; 2259 cursor: pointer; 2260 } 2261 .sitenav--inner-wrapper .logo img{ 2262 width: auto; 2263 height: 100%; 2264 min-height: 18px; 2265 } 2266 2267 .sitenav--menu-wrap{ 2268 display: flex; 2269 right: 0; 2270 background: transparent; 2271 padding: 0; 2272 width: auto; 2273 overflow-y: unset; 2274 overflow-x: unset; 2275 transition: none; 2276 transform: translateX(0); 2277 position: relative; 2278 } 2279 .sitenav--menu-wrap.active{ 2280 transition: none; 2281 } 2282 2283 .sitenav--inner-wrapper .sitenav--menu-wrap, 2284 .sitenav--inner-wrapper .sitenav--utility-wrap{ 2285 height: 100%; 2286 } 2287 .sitenav--inner-wrapper .sitenav--utility-wrap{ 2288 display: flex; 2289 flex-direction: row; 2290 justify-content: flex-end; 2291 align-items: center; 2292 } 2293 .sitenav--inner-wrapper ul li{ 2294 cursor: pointer; 2295 } 2296 .sitenav--inner-wrapper .menu-list{ 2297 cursor: pointer; 2298 } 2299 .sitenav--inner-wrapper .sitenav--menu-wrap ul, 2300 .sitenav--inner-wrapper .sitenav--utility-wrap ul{ 2301 display: flex; 2302 flex-direction: row; 2303 justify-content: space-between; 2304 height: 100%; 2305 } 2306 .sitenav--inner-wrapper .sitenav--menu-wrap ul:first-child, 2307 .sitenav--inner-wrapper .sitenav--utility-wrap ul:first-child{ 2308 height: 100%; 2309 } 2310 .sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu{ 2311 flex-direction: row; 2312 padding-top: 0px; 2313 top: 0.2em; 2314 } 2315 .sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu .menuitem:last-child{ 2316 margin-right: 0; 2317 } 2318 .sitenav--inner-wrapper ul .menuitem{ 2319 position: relative; 2320 height: 100%; 2321 padding-top: 0;
2322 padding-bottom: 1.5em; 2323 } 2324 .sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu .menuitem{ 2325 margin-right: 0; 2326 } 2327 .sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu .menuitem:last-child, 2328 .sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu .menuitem:nth-child(3){ 2329 margin-right: 0px; 2330 padding-right: 0; 2331 } 2332 .sitenav--inner-wrapper .sitenav--utility-wrap ul{ 2333 justify-content: flex-end; 2334 align-items: flex-start; 2335 } 2336 .sitenav--inner-wrapper .sitenav--utility-wrap ul .menuitem{ 2337 display: flex; 2338 justify-content: center; 2339 align-items: center; 2340 height: 100%; 2341 } 2342 .sitenav--inner-wrapper .sitenav--utility-wrap ul .pages{ 2343 flex-direction: column; 2344 gap: 0px; 2345 } 2346 .sitenav--inner-wrapper .sitenav--utility-wrap ul .menuitem.burger{ 2347 display: none; 2348 } 2349 .sitenav--utility-wrap{ 2350 flex-grow: 1; 2351 } 2352 .sitenav--utility-wrap .account{ 2353 display: flex; 2354 justify-content: flex-end; 2355 } 2356 2357 .sitenav--menu-wrap .menuitem button{ 2358 font-size: 15px; 2359 padding: 0 15px; 2360 font-weight: 300; 2361 line-height: 1rem; 2362 letter-spacing: -0.01em; 2363 background: transparent; 2364 color: #000; 2365 height: 100%; 2366 transition: color 0.2s; 2367 } 2368 .sitenav--menu-wrap .menuitem button:hover{ 2369 color: #777; 2370 } 2371 .sitenav--menu-wrap .menuitem.active button{ 2372 font-weight: 400; 2373 line-height: 1rem; 2374 letter-spacing: -0.01em; 2375 } 2376 .sitenav--inner-wrapper ul button, 2377 .sitenav--utility-wrap ul button{ 2378 background: transparent; 2379 color: #000; 2380 } 2381 .sitenav--utility-wrap .menuitem > button{ 2382 padding: 0 30px; 2383 } 2384 2385 .sitenav--inner-wrapper .sitenav--menu-wrap .nav-line{ 2386 position: absolute; 2387 height: 1px; 2388 width: 100%; 2389 top: -3px; 2390 left: 0; 2391 z-index: 5; 2392 } 2393 .sitenav--inner-wrapper .sitenav--utility-wrap .nav-line{ 2394 position: absolute; 2395 height: 1px; 2396 width: 100%; 2397 top: 74px; 2398 left: 0; 2399 z-index: 5; 2400 } 2401 2402 .sitenav--inner-wrapper .sitenav--menu-wrap .menuitem::after, 2403 .sitenav--inner-wrapper .submenu .pages li::after{ 2404 content: ""; 2405 background-image: none; 2406 } 2407 2408 .sitenav--inner-wrapper .menuitem .submenu{ 2409 background: #fff; 2410 display: flex; 2411 flex-direction: row; 2412 position: absolute; 2413 top: 63px; 2414 border-bottom-left-radius: 10px; 2415 border-bottom-right-radius: 10px; 2416 left: -24px; 2417 right: unset; 2418 width: auto; 2419 padding-left: 38px; 2420 padding-right: 38px; 2421 padding-top: 0; 2422 padding-bottom: 0; 2423 transition: height 0.3s ease; 2424 visibility: hidden; 2425 overflow: hidden; 2426 border-top: none; 2427 } 2428 .sitenav--inner-wrapper .menuitem.active .submenu{ 2429 right: auto; 2430 } 2431 .sitenav--inner-wrapper .menuitem .submenu .subsub-pages{ 2432 display: none; 2433 } 2434 .sitenav--inner-wrapper .header-mobile{ 2435 display: none; 2436 } 2437 2438 .sitenav--inner-wrapper .menuitem .submenu .pages{ 2439 height: auto; 2440 overflow: visible; 2441 max-height: 100%; 2442 } 2443 .sitenav--inner-wrapper .submenu .header{ 2444 font-weight: 400; 2445 margin-top: 18px; 2446 margin-bottom: 2em; 2447 visibility: hidden; 2448 padding-top: 0.4em; 2449 padding-right: 3em; 2450 } 2451 .sitenav--inner-wrapper .submenu .header:last-child{ 2452 width: auto; 2453 padding-right: 0; 2454 } 2455 .sitenav--inner-wrapper .submenu .sub-section{ 2456 display: inline-block; 2457 padding-bottom: 23px; 2458 font-weight: 500; 2459 font-size: 15px; 2460 line-height: 0; 2461 white-space: nowrap; 2462 text-decoration: none; 2463 color: #000; 2464 cursor: default; 2465 } 2466 .sitenav--inner-wrapper .submenu .sub-section:hover{ 2467 font-weight: 500 !important; 2468 } 2469 .sitenav--inner-wrapper .submenu .header-sub::after{ 2470 display: none; 2471 } 2472 .sitenav--inner-wrapper .submenu .header-sub .pages{ 2473 padding-left: 0px; 2474 } 2475 .sitenav--inner-wrapper .submenu .header-sub .pages li, 2476 .sitenav--inner-wrapper .submenu .header-sub.active .pages li{ 2477 padding-left: 0px; 2478 font-weight: 250; 2479 } 2480 .sitenav--inner-wrapper .menuitem .submenu .header:last-child .pages{ 2481 padding-right: 0px; 2482 } 2483 .sitenav--inner-wrapper .submenu .header-sub .pages .sub span{ 2484 color: #000; 2485 margin: 2.83em 0 -0.15em; 2486 } 2487 .sitenav--inner-wrapper .submenu .header-sub .pages .sub:first-of-type span{ 2488 margin: -0.17em 0 -0.15em; 2489 } 2490 .sitenav--inner-wrapper .submenu .pages li:last-child{ 2491 margin-bottom: 0px; 2492 } 2493 .sitenav--inner-wrapper ul .pages{ 2494 display: flex; 2495 flex-direction: column; 2496 justify-content: flex-start; 2497 } 2498 2499 .sitenav--inner-wrapper .submenu a{ 2500 display: inline-block; 2501 font-weight: 300; 2502 line-height: 0; 2503 white-space: nowrap; 2504 text-decoration: none; 2505 color: #000; 2506 text-align: left; 2507 padding-bottom: 1em; 2508 font-size: 15px; 2509 transition: color 0.2s; 2510 } 2511 .sitenav--inner-wrapper .submenu a:after{ 2512 display: block; 2513 content: attr(data-title); 2514 font-family: var(--primary-font), var(--secondary-font),"Noto Sans", sans-serif; 2515 height: 0; 2516 visibility: hidden; 2517 overflow: hidden; 2518 user-select: none; 2519 pointer-events: none; 2520 font-weight: 300; 2521 letter-spacing: -0.01rem; 2522 } 2523 .sitenav--inner-wrapper .submenu a:hover{ 2524 font-family: var(--primary-font), var(--secondary-font),"Noto Sans", sans-serif; 2525 color: #777; 2526 } 2527 2528 .sitenav--utility-wrap img{
2529 width: 20px; 2530 } 2531 .sitenav--utility-wrap .menuitem.account button{ 2532 width: 100%; 2533 height: 100%; 2534 background-size: 1.01794rem 1.1875rem; 2535 } 2536 .sitenav--utility-wrap .menuitem.cart > button{ 2537 width: 100%; 2538 height: 100%; 2539 background-size: 2.7em; 2540 background-position: 50% 44%; 2541 } 2542 .sitenav--utility-wrap .menuitem.search button{ 2543 width: 100%; 2544 height: 100%; 2545 background-size: 1.5625rem 1.5625rem; 2546 } 2547 .sitenav--utility-wrap .menuitem.burger button{ 2548 width: 100%; 2549 height: 100%; 2550 background-size: 1.10744rem 1.3125rem; 2551 } 2552 2553 .sitenav--inner-wrapper .sitenav--utility-wrap .sitenav--menu .menuitem.search{ 2554 position: unset; 2555 transition: height 0.3s ease; 2556 margin-top: 1.7em; 2557 } 2558 .sitenav--inner-wrapper .sitenav--utility-wrap .menuitem .submenu{ 2559 background: #fff; 2560 display: flex; 2561 flex-direction: row; 2562 position: absolute; 2563 top: 63px; 2564 border-top: 1px solid #C4C3C3; 2565 border-bottom-left-radius: 10px; 2566 border-bottom-right-radius: 10px; 2567 right: 0; 2568 left: auto; 2569 padding-left: 38px; 2570 padding-right: 38px; 2571 transition: height 0.3s ease; 2572 visibility: hidden; 2573 overflow: hidden; 2574 text-align: left; 2575 } 2576 .sitenav--inner-wrapper .sitenav--utility-wrap .menuitem.account .submenu{ 2577 top: 63px; 2578 } 2579 .sitenav--inner-wrapper .sitenav--utility-wrap .menuitem .submenu#search-bar, 2580 .sitenav--inner-wrapper #search-bar{ 2581 visibility: hidden; 2582 display: block; 2583 position: absolute; 2584 top: 63px; 2585 right: 1px; 2586 background: #fff; 2587 border-radius: 0px 0px 6px 6px; 2588 border-top: 1px solid #C4C3C3; 2589 } 2590 .sitenav--inner-wrapper .sitenav--utility-wrap .menuitem.search.active .submenu.search-bar{ 2591 display: block; 2592 } 2593 2594 .quicknav #content{ 2595 top: 0px; 2596 padding-top: 8.6em; 2597 } 2598 .quicknav.hidequicknavlinks #content{ 2599 padding-top: 6.4em; 2600 } 2601} 2602 2603.totop { 2604 position: fixed; 2605 z-index: 10; 2606 right: 1.125rem; 2607 bottom: 34px; 2608 display: flex; 2609 justify-content: center; 2610 align-items: center; 2611 opacity: 0; 2612 width: 1.2rem; 2613 height: 1.2rem; 2614 transform: rotate(180deg); 2615 border: solid 1px #8a8a8a; 2616 background: rgba(0,0,0,0.5); 2617 border-radius: 0.2em; 2618 padding: 0.5em; 2619 margin: 0; 2620 text-decoration: none; 2621 pointer-events: all; 2622 cursor: pointer; 2623} 2624.totop img { 2625 width: 1.2em; 2626 height: 1.2em; 2627} 2628 2629@media screen and (min-width: 1200px){ 2630 .totop img { 2631 width: 1em; 2632 height: 1em; 2633 } 2634} 2635 2636@media screen and (max-width: 991.995px){ 2637 .sitenav--inner-wrapper .sitenav--menu-wrap .sitenav--menu { 2638 padding: 1.5em; 2639 width: calc(100% - 1.6em); 2640 margin: 1.9em 0 0 -1.6em; 2641 } 2642 2643 .sitenav--dim-wrapper.show { 2644 opacity: 1; 2645 background: #fff; 2646 } 2647 2648 .sitenav--menu-wrap .menuitem button { 2649 background: transparent; 2650 } 2651 2652 .sitenav--menu-wrap .logo{ 2653 display: block; 2654 filter: invert(1); 2655 top: 1.2em; 2656 position: relative; 2657 left: -0.4em; 2658 } 2659} 2660</style></div> 2661 <div id="header_basket"></div> 2662 <div id="content"><div class="content-wrapper hero"> 2663 <div class="header row gx-0"> 2664 <div class="col-12 d-flex flex-column"> 2665 <div id="heroslider" style=""></div> 2666 </div> 2667 </div> 2668</div> 2669 2670<div class="b-white mb-4"> 2671<!--Products Header--> 2672 <div class="content-wrapper"> 2673 <div class="row gx-0"> 2674 <div class="g-pl products-Header"> 2675 <h2 data-custom-field-name="Products Header" data-custom-field-group="Products">MAKING, NOT WAITING</h2> 2676 <p data-custom-field-name="Products Sub Header" data-custom-field-group="Products">Data capture and storage tools that set filmmakers free.</p> 2677 </div> 2678 </div> 2679 </div> 2680 2681 <!--Products Carousel--> 2682 <!--<div class="content-wrapper fullwidth-wrapper">--> 2683 <!-- <div class="row gx-0 b-white">--> 2684 <!-- <div class="col-12 products-wrapper">--> 2685 <!-- <div id="products"></div>--> 2686 <!-- <div class="hidden guid" data-custom-field-name="Products GUID" data-custom-field-type="assetgroup" data-custom-field-group="Products"></div>--> 2687 <!-- </div>--> 2688 <!-- </div> --> 2689 <!--</div> --> 2690 2691 <div class="content-wrapper"> 2692 <div class="row gx-0"> 2693 <div class="col-12 products-wrapper"> 2694 <div id="products"></div> 2695 <div class="hidden guid" data-custom-field-name="Products GUID" data-custom-field-type="assetgroup" data-custom-field-group="Products">e9cfdd32-b23e-449d-9f92-767b41f5958e</div> 2696 </div> 2697 </div> 2698 </div> 2699</div> 2700 2701<!--Workflow Header--> 2702<div class="b-panelgrey pt-4"> 2703 <div class="content-wrapper"> 2704 <div class="row gx-0"> 2705 <div class="g-p workflow-Header"> 2706 <h2 data-custom-field-name="Workflow Header" data-custom-field-group="Workflow">CREATE WITHOUT COMPROMISE</h2> 2707 <p data-custom-field-name="Workflow Sub Header" data-custom-field-group="Workflow">Make your work, your way.</p> 2708 </div> 2709 </div> 2710 </div> 2711</div> 2712 2713 2714 2715<!--Workflow Carousel--> 2716<!--<div class="content-wrapper fullwidth-wrapper">--> 2717<div class="b-panelgrey pb-4"> 2718 <div class="content-wrapper"> 2719 <div class="row gx-0"> 2720 <div class="col-12 workflow-wrapper"> 2721 <div id="workflow"></div> 2722 <div class="hidden guid" data-custom-field-name="Workflow GUID" data-custom-field-type="assetgroup" data-custom-field-group="Workflow">bb0b5e40-51a1-4862-ae3a-c4115237c2ee</div> 2723 </div> 2724 </div> 2725 </div> 2726</div> 2727 2728<div class="b-white pt-3 mt-4 showOnMobile"> 2729</div> 2730 2731<div class="b-white mt-2"> 2732 <div class="content-wrapper"> 2733 <div class="row gx-0"> 2734 <div class="g-p"> 2735 <div class="history"> 2736 <h2 data-custom-field-name="History Header" data-custom-field-group="History">FOR THE MAKERS</h2> 2737 <p data-custom-field-name="History Sub Header" data-custom-field-group="History">Great film and television is made of moments that stay with us.<br>Since 2004, CODEX has focused on helping filmmakers capture and preserve them.</p> 2738 </div> 2739 </div> 2740 <div id="blockLink"></div> 2741 </div> 2742 </div> 2743</div> 2744 2745<div class="b-panelgrey pt-5 pb-5"> 2746 <div class="content-wrapper pt-1"> 2747 <div class="row gx-0 captured-on"> 2748 <div class=""> 2749 <div class="captured-header g-p fullwidth-wrapper">
2750 <h2 class="" data-custom-field-name="Captured On Header" data-custom-field-group="Captured On">IN CONVERSATION</h2> 2751 <p class="" data-custom-field-name="Captured On Sub Header" data-custom-field-group="Captured On">Case studies and insightful chats with leading cinematographers and DITs.</p> 2752 </div> 2753 </div> 2754 <div class="col-12"> 2755 <div id="carousel-p" class="carousel-p"></div> 2756 </div> 2757 </div> 2758 </div> 2759</div> 2760 2761<div class="b-white"> 2762 <div class="content-wrapper"> 2763 <div class="row gx-0"> 2764 <div class="g-p fullwidth-wrapper pt-5 mt-4"> 2765 <h2 class="" data-custom-field-name="Testimonials Header" data-custom-field-group="Testimonials">IN YOUR OWN WORDS</h2> 2766 <p class="" data-custom-field-name="Testimonials Sub Header" data-custom-field-group="Testimonials">Enough said from us. Too many to share but here's a few of what filmmakers have said.</p> 2767 </div> 2768 <div id="slider-gallery-testimonials"> 2769 <div id="story"></div> 2770 </div> 2771 </div> 2772 </div> 2773</div> 2774 2775<div class="b-white mb-4 pb-2 showOnMobile"> 2776</div> 2777 2778<div class="gx-0 b-black"> 2779 <div class="content-wrapper b-black"> 2780 <div class="row gx-0 g-p white captured-wrapper"> 2781 <div class="title col-12 col-md-8 col-lg-8"> 2782 <div class="captured-header"> 2783 <h2 data-custom-field-name="Captured Header" data-custom-field-group="Captured on Codex">CAPTURED ON CODEX</h2> 2784 <p data-custom-field-name="Captured Sub Header" data-custom-field-group="Captured on Codex">Theatre and streaming - cinematic however you view it.</p> 2785 </div> 2786 </div> 2787 </div> 2788 </div> 2789</div> 2790<div class="gx-0 b-black"> 2791 <div class="content-wrapper b-black"> 2792 <div class="gx-0 b-black captured"> 2793 <div class="" style="max-width:1675px; margin:0 auto"> 2794 <div class="row gx-0 white"> 2795 <div class="col-12 center"> 2796 <div id="powered-video-masonry-minimal"><div id="masonry-list"> 2797 2798</div> 2799 2800<div style="clear:both;" class="g-p"> 2801 <br> 2802 <br> 2803 <br> 2804 <br> 2805 <button type="button" class="w-outline-btn" id="revealMore" style="margin:0 auto;">SHOW MORE</button> 2806</div>
2806<script type="text/javascript">var capturedOnCodex=(()=>{var s=()=>{$(()=>{r=$("#masonry-list"),n=_codexNewsiteCapturedOnCodex,player.setAssets(n),setTimeout(()=>{player.initAutoplay()},1500),e(),v(),w(),window.location.pathname.search("streaming")>0?$("body").addClass("streaming"):$("body").addClass("cinema")})},r,n,f=10,u=1,e=()=>{r.html(""),r.append(h()),p()},h=()=>{for(html="",c=1;c<=5;c++)html+='<div class="cols-'+c+'">',html+=l(c),html+="<\/div>";return html},l=t=>{var e=["content1.codex.online","content2.codex.online","content3.codex.online","content4.codex.online","content5.codex.online"],r="";for(col=0;col<t;col++){for(r+='<div class="column">',i=col;i<u*f&&i<n.length;i+=t)item=n[i],r+='<div class="tile" data-id="'+i+'"><div><div class="image" style="padding-bottom:'+item.ImageY/item.ImageX*100+'%;"><div class="inner" style="background-image:url(https://'+e[i%e.length]+"/asset/"+item.Guid+'-650--50)"><\/div><div class="overlay"><label>'+(item.Name!=null?item.Name:"")+"<\/label><button>PLAY TRAILER<\/button><\/div><\/div><\/div><\/div>";r+="<\/div>"}return r},t=4,a=3,o=()=>{u*f<n.length&&(u++,e(),$(`#powered-video-masonry-minimal .cols-2 .column .tile:nth-child(n+${t})`).css("display","none"),$(`#powered-video-masonry-minimal .cols-2 .column .tile:nth-child(-n + ${t})`).css("display","block"),$(`#powered-video-masonry-minimal .cols-3 .column .tile:nth-child(n+${t})`).css("display","none"),$(`#powered-video-masonry-minimal .cols-3 .column .tile:nth-child(-n + ${t})`).css("display","block"),t=t+a)},v=()=>{$(window).scroll(y)},y=()=>{},p=()=>{$(".tile",r).click(b)},w=()=>{$("#revealMore").click(o)},b=t=>{id=$(t.currentTarget,r).data().id,player.createPlayer(n[id])};return s(),{getMore:o,getData:()=>n}})()</script>
2806<style>#masonry-list{position:relative;max-width:120em;margin:0 auto;padding:0 .5em}#masonry-list .column{width:20%;display:inline-block;position:relative;float:left}#masonry-list .tile{width:calc(100% - 1em);display:block;position:relative;padding:.5em 0;cursor:pointer}#masonry-list .tile .overlay{position:absolute;color:#fff;z-index:1;width:100%;height:100%;background-color:#000c;font-family:'Codec';text-align:center;opacity:0;transition:opacity .5s}#masonry-list .tile .overlay label{display:block;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 2em);font-weight:500;padding:0 1em;letter-spacing:-.03em;font-size:1.4em}#masonry-list .tile .overlay button{position:absolute;left:50%;transform:translate(-50%,-50%);top:60%;border:1px solid #fff;background:none;color:#fff;font-family:Codec;margin:0;outline:0;padding:.6em .6em .7em;letter-spacing:.1em;width:calc(100% - 2em);max-width:11em;font-size:.9em}#masonry-list .tile:hover .overlay{opacity:1}#masonry-list .tile .image{width:100%;position:relative;overflow:hidden}#masonry-list .tile .image .inner{width:100%;height:100%;position:absolute;background-size:cover;transition:all .5s}#masonry-list .tile:hover .image .inner{transform:scale(1.05)}#masonry-list .cols-1,#masonry-list .cols-2,#masonry-list .cols-3,#masonry-list .cols-4,#masonry-list .cols-5{display:none;margin:0 -.5em}.player{color:#fff}@media screen and (max-width:35.438em){#masonry-list .cols-2{display:block}#masonry-list .column{width:50%}}@media screen and (min-width:35.5em) and (max-width:47.938em){#masonry-list .cols-2{display:block}#masonry-list .column{width:50%}}@media screen and (min-width:48em) and (max-width:63.938em){#masonry-list .cols-3{display:block}#masonry-list .column{width:33.3332%}}@media screen and (min-width:64em) and (max-width:79.938em){#masonry-list .cols-5{display:block}#masonry-list .column{width:20%}}@media screen and (min-width:80em){#masonry-list .cols-5{display:block}}</style></div> 2807 </div> 2808 </div> 2809 </div> 2810 </div> 2811 </div> 2812</div> 2813 2814<div class="gx-0 b-panelgrey pb-5"> 2815 <div class="content-wrapper contact-wrapper contact "> 2816 <div class="row gx-0"> 2817 <div class="static-image" data-custom-field-name="Static Image" data-custom-field-type="asset" data-custom-field-group="The Codex Story" style="background-image:url(/asset/e2a8bd4c-4a59-4067-80cd-e054481ccd0d);" data-x="3572" data-y="1350" data-guid="e2a8bd4c-4a59-4067-80cd-e054481ccd0d" data-hotspot-x="-1" data-hotspot-y="-1" data-name="lets talk"> 2818 <h2 data-custom-field-name="Contact Title" data-custom-field-group="Contact">LET'S TALK</h2> 2819 </div> 2820 <div class="contact-content"> 2821 <p data-custom-field-name="Contact Paragraph 1" data-custom-field-group="Contact">If youâd like to know more about how our products and services can support you, your teams and your productions - weâd love to hear from you.</p> 2822 <br> 2823 <br> 2824 <a data-custom-field-name="Contact Link" data-custom-field-type="href" data-custom-field-group="Contact" href="/us/lets-talk"> 2825 <button type="button" class="b-outline-btn" data-custom-field-name="Contact Link Text" data-custom-field-group="Contact">MESSAGE US</button> 2826 </a> 2827 <div class="gx-0"> 2828 <div class="office-info office1" data-custom-field-name="Office 1" data-custom-field-type="html" custom-field-group="Contact">Sales <strong>+44 203 7000 989</strong><br>Support <strong>+44 203 7000 999<br></strong>Office hours: 9.00am - 6.00pm GMT<strong><br></strong></div> 2829 </div> 2830 </div> 2831 </div> 2832 </div> 2833</div> 2834 2835<div class="b-panelgrey pt-5 pb-5 showOnDesktop"> 2836 <div class="content-wrapper"> 2837 <div class="row gx-0"> 2838 </div> 2839 </div> 2840</div> 2841 2842<div class="hidden sliderGuid" data-custom-field-name="Slider Asset Group GUID" data-custom-field-type="assetgroup" data-custom-field-group="Slider">5f97ff55-e79c-49ce-acb5-ab0bffacdd16</div> 2843<div id="slider"><div class="slider-wrapper"> 2844 <div class="close"><i class="fa fa-times"></i></div> 2845 <div class="slider"> 2846 <div class="imageouter"> 2847 <div class="image"></div> 2848 <div class="overlay"></div> 2849 </div> 2850 <div class="label" data-relative-font-factor="25"> 2851 <div class="fade"> 2852 <div class="name"></div> 2853 </div> 2854 <div class="fade"> 2855 <div class="var-content"></div> 2856 <div class="content"></div> 2857 </div> 2858 <button class="button">READ STORY</button> 2859 <div class="nav"> 2860 </div> 2861 </div> 2862 </div> 2863 <div class="mobile-nav"> 2864 <div class="mobile-nav-wrapper"> 2865 <div class="mobile-nav-pagination"> 2866 </div> 2867 </div> 2868 </div> 2869 <div class="fullscreen-contols"> 2870 2871 <div id="img-btns"></div> 2872 <div class="arrow right"></div> 2873 <div class="arrow left"> </div> 2874 <div class="thumbnails"> 2875 <div id="wrapper" class="wrapper"></div> 2876 </div> 2877 </div> 2878</div>
2879<script type="text/javascript">let assetSlider=(()=>{let n=(n,t,r,u,f,e)=>{let ui=()=>{o=$("#slider .slider-wrapper").clone(),o.appendTo(n).show(),si()},o,h,s=0,fi=1,ei=e,l=!1,oi=!1,ft,wt,lt,et,d,bt,it,a,g,y,k,p=0,ot=16,si=()=>{hi(),Array.isArray(t)?(h=gt(t),ft=ri(),ni()):$.get(t).done(function(n){h=typeof n.nodes=="undefined"?gt(n):bi(n.nodes.sort((n,t)=>n.date-t.date).slice(0,4));ft=ri();ni()}),li(),gsap.config({nullTargetWarn:!1})},hi=()=>{f==="widescreen"&&$(slider).addClass("widescreen"),r===!0?($("#slider").first().append('<div class="fullscreen-icon"><\/div>'),$(".fullscreen-icon").click(ci),$("#slider .close").click(pi)):$("#fullscreen-gallery").empty()},ci=()=>{$("#slider").first().prependTo("#fullscreen-gallery"),$("#fullscreen-gallery").css("display","block"),$(".fullscreen-contols").css("display","block"),$("#gallerySlider").toggleClass("active"),$("#gallerySlider.active").css("display","block"),$("#fullscreen-gallery").css("display","block"),gsap.set($("#gallerySlider.active"),{top:0,opacity:1})},li=()=>{var e,r,p,i,b;if(u===!0){$("#gallerySlider").addClass("thumbs");wt=wi();lt=0;$(".thumbnails #wrapper",o).html("");e=$(".thumbnails #wrapper .thumb-wrapper").height();$(".thumbnails").height(e);startingThumbPosition=[];h.forEach(function(){yi()});let u=$(".thumb-wrapper",o);for(it=h.length,$($(".thumb-wrapper")[s]).addClass("active"),$("#wrapper .thumb-wrapper",o).click(kt),d=($(".thumbnails #wrapper .thumb-wrapper",o).length-1)*100,r=0;r<u.length;r++)gsap.set($(".thumb-wrapper",o),{xPercent:function(n){return n*100}});gsap.registerPlugin(InertiaPlugin);var rt=.3,f,n=$(".thumb-wrapper",o),ut=gsap.utils.wrap(0,1),t=n.length;g=gsap.utils.wrap(-100,(t-1)*100);p=gsap.utils.wrap(0,n.length);a=gsap.timeline({repeat:-1});y=2;let st=100/h.length;h.length<=4?($("#gallerySlider.thumbs").css("margin-bottom","8em"),t==4?$(".thumbnails",o).addClass("md"):$(".thumbnails",o).addClass("sml"),$(".fullscreen-contols #nextButton",o).css("display","none"),$(".fullscreen-contols #prevButton",o).css("display","none"),k=!1,y=0):h.length==5?($(".thumbnails",o).addClass("lg"),$(".fullscreen-contols #nextButton",o).css("display","none"),$(".fullscreen-contols #prevButton",o).css("display","none"),k=!1,y=2):(k=!0,y=2,a.to(n,{xPercent:"-="+t*100,duration:t,ease:"none",modifiers:{xPercent:function(n){return`${g(parseInt(n),-100,d)}`}}},0));dt(s,y);a.pause();ft();function ft(){function ht(){b.kill();this.update()}function ct(n){b.kill();var t=f(gsap.getProperty(r,"x")+n*-d);b=gsap.to(r,{x:t,duration:rt,onUpdate:g})}function g(){a.progress(ut((gsap.getProperty(r,"x")+it*y)/-e))}function lt(){var i=gsap.getProperty(r,"x")/e||0;d=n[0].offsetWidth;e=d*t;f=ot(d);gsap.set(r,{x:i*e});ct(0);b.progress(1)}var st;if(k){if(l)return!1;var r=document.createElement("div"),b=gsap.to({},{}),d=0,it=gsap.getProperty(".thumb-wrapper","width"),e=it*n.length;lt();let ft=.4;u.on("touchstart mousedown",function(n){n.originalEvent.type=="mousedown"&&(ft=.8)});
2879st=new Draggable(r,{type:"x",trigger:".thumbnails",inertia:!0,maxDuration:.75,minDuration:.01,dragResistance:ft,onPress:ht,onDrag:()=>{g(),l=!0},onThrowUpdate:g,allowContextMenu:!0,snap:{x:n=>f(n,st.deltaX<0?-1:1)},onDragStart:()=>{g(),l=!0,nt(),v()},onDragEnd:function(){et=p(-this.endX/e*n.length);et=Math.round(et);i=this.endX>this.x?"right":"left";updateSliderImage()}});updateSliderImage=()=>{var n=et;if(n===s)return!1;n>=h.length?n=Math.abs(n-h.length):n<=-1&&(n=Math.abs(h.length+n));console.log("slide "+n);n===0?($(".image",o).html(""),i=="left"?(c(3),c(s),c(0)):(c(n),c(s),c(6))):n!==s+1&&n!==s-1&&($(".image",o).html(""),i=="left"?(c(n==0?h.length-1:n-1),c(s),c(n==h.length?0:n)):(c(n==0?h.length-1:n),c(s),c(n==h.length?0:n+1)));$(".image",o).css("left","-100");s=n;w();w();i=="left"?gsap.to($(".image",o),{left:"-200%",duration:.7,delay:.5,onComplete:()=>{tt(),l=!1,v()}}):gsap.to($(".image",o),{left:"-0%",duration:.7,delay:.5,onComplete:()=>{s=n,w(),tt(),l=!1,v()}})}}}$(window).on("resize",function(){clearTimeout(b);b=setTimeout(function(){dt(s,y);var n=$(".thumbnails #wrapper .thumb-wrapper").height();$(".thumbnails").height(n)},250)});function ot(n){let t=gsap.utils.snap(n);return(i,r,u=.001)=>{let f=t(i);return!r||Math.abs(f-i)<u||f-i<0==r<0?f:t(r<0?i-n:i+n)}}}},ai=n=>{var t,r,i;if(!k)return!1;r=t/it*100;n<s?(i=Math.abs(s-n)*100,t="+="+i):(i=Math.abs(s-n)*100,t="-="+i);s==0&&n==h.length-1&&(t="+=100");s==0&&n==h.length-2&&(t="+=200");s==1&&n==h.length-1&&(t="+=200");s==h.length-1&&n==0&&(t="-=100");s==h.length-1&&n==1&&(t="-=200");s==h.length-2&&n==0&&(t="-=200");gsap.to($(".thumb-wrapper",o),.7,{ease:Linear.easeNone,xPercent:t,modifiers:{xPercent:function(n){return`${g(parseInt(n),d,-100)}`}}});gsap.set(a,{xPercent:r});w()},er=n=>{$(".image",o).html(""),n=n-1,c(n==0?h.length-1:n-1),c(s),c(n==h.length-1?0:n+1),$(".image",o).css("left","-100%")},or=(n,t,i)=>{var u=n-t,r=i-t;return(r+u%r)%r+t},vi=n=>{$(".thumbnails #wrapper").append(wt[n])},yi=()=>{vi(lt),lt++},kt=n=>{if(l)return!1;var t=$(".thumbnails #wrapper .thumb-wrapper",o).index(n.currentTarget);return s===t?!1:(l=!0,$("#wrapper .thumb-wrapper",o).unbind("click"),ai(t),at(t),!1)},w=()=>{$("#wrapper .thumb-wrapper",o).each(()=>{$($(".thumb-wrapper",o)).removeClass("active")}),$($(".thumb-wrapper",o)[s]).addClass("active")},pi=()=>{$("#fullscreen-gallery #slider").first().prependTo("#gallerySlider"),$("#fullscreen-gallery").css("display","none"),$(".gallerySlider").removeClass("active"),o=$("#gallerySlider #slider")},sr=n=>{var t=window.getComputedStyle(n),i=new WebKitCSSMatrix(t.transform);return i.m41},dt=(n,t)=>{var i,r,u;updatedTitlePosition=n-t;updatedTitlePosition>=h.length?updatedTitlePosition=Math.abs(updatedTitlePosition-h.length):updatedTitlePosition<=-1&&(updatedTitlePosition=Math.abs(h.length+updatedTitlePosition));i=(h.length-t)/h.length*100;r=updatedTitlePosition/h.length;gsap.to(a,{duration:.01,progress:r,ease:Linear.easeNone,modifiers:{xPercent:function(n){return`${g(parseInt(n),-100,d)}`}},onComplete:()=>{l=!1,v(),w()}});u=n/it*100;a.progress(i);gsap.set(a,{xPercent:u});w()},wi=()=>h.map(function(n){return $('<div class="thumb-wrapper"><div class="img" style="background-image:url(/asset/'+n.guid+');"><\/div><\/div>')}),bi=n=>n.map(n=>({guid:n.customFields.find(n=>n.Name=="ogImage").Value,title1:n.customFields.find(n=>n.Name=="List Title").Value,title2:n.customFields.find(n=>n.Name=="Sub Title").Value,path:n.path,hotspotX:n.HotspotX,hotspotY:n.HotspotY})),gt=n=>n.map(n=>({guid:n.Guid,title1:n.Name,title2:n.Var3,path:n.Var1,buttonText:n.Var2,content:n.Content,hotspotX:n.HotspotX,hotspotY:n.HotspotY})),ni=()=>{h.forEach(function(n,t){img=$("<img/>")[0];t==0&&(img.onload=function(){ki();$(window).resize()});img.src="/asset/"+n.guid+"-600--50"})},ki=()=>{tt(),pt(h[0]),di(),rt(),ir()},rt=()=>{function n(){o.removeClass("paused");$(".nav .playpause",o).removeClass("ui-icon-play").addClass("ui-icon-pause");bt=gsap.fromTo($(".nav .progress div",o)[s],{width:"0%"},{width:"100%",duration:ei,ease:"none",onComplete:()=>{v(),ht(),n()}})}u||n()},v=()=>{gsap.to($(".nav .progress div",o)[s],{opacity:0,duration:.75,onComplete:function(){gsap.set(this.targets(),{width:0,opacity:1})}})},st=()=>{$(".nav .item",o).removeClass("active"),$($(".nav .item",o)[s]).addClass("active"),pt(h[s])},nt=()=>{o.addClass("paused"),$(".nav .playpause",o).removeClass("ui-icon-pause").addClass("ui-icon-play"),u||bt.pause(),v()},c=n=>{$(".image",o).append(ft[n])},tt=()=>{$(".image",o).html(""),c(s==0?h.length-1:s-1),c(s),c(s==h.length-1?0:s+1),$(".image",o).css("left","-100%")},ut,b,di=()=>
2879{if(ut="",h.length>2){for(i=0;i<h.length;i++)ut+=i===0?`<div class="slide-nav active" data-id="${i}"><div class="slide-nav-dot"></div></div>`:i==4&&h.length>5?`<div class="slide-nav pagination-dot" data-id="${i}"><div class="slide-nav-dot"></div></div>`:`<div class="slide-nav" data-id="${i}"><div class="slide-nav-dot"></div></div>`;$(".mobile-nav-pagination",o).append(ut);let n=h.length*$(".mobile-nav-wrapper .slide-nav").width()+ot/2;$(".mobile-nav-wrapper",o).css("width",n);b=gsap.utils.toArray($(".slide-nav",o))}$(".nav",o).append('<div class="ui-icon ui-icon-pause playpause"><\/div>');var n="";for(i=0;i<h.length;i++)n+='<div class="item"><div class="progress"><div><\/div><\/div><\/div>';$(".nav",o).append('<div class="items"><div>'+n+"<\/div><\/div>");$(".nav .item",o).css("width","calc("+100/h.length+"% - 10px)");$(".nav .item .progress",o).css("width","calc("+100/h.length+"% - 15px)");$(".nav .item",o).click(gi);$(".nav",o).click(function(){});$(".playpause",o).click(function(n){return n.preventDefault(),o.hasClass("paused")?rt():nt(),!1});ti();st()},gi=n=>{if(l)return!1;l=!0;var t=$(".nav .item",o).index(n.currentTarget);return s===t?!1:(at(t),!1)},ti=()=>{var n=s;n==h.length&&(n=0);$(".nav svg",o).removeClass("active");$($(".nav svg",o)[n]).addClass("active")},ii=n=>{h.length<3||($(".slide-nav",o).removeClass("active"),$(b[s],o).addClass("active"),h.length>5&&(s<=2?(p=0,gsap.to($(".mobile-nav-pagination",o),{x:`0px`}),$(".slide-nav",o).removeClass("pagination-dot"),$(b[4],o).addClass("pagination-dot"),s>0&&$(b[0],o).addClass("pagination-dot")):s>=h.length-3?(p=-(ot*(h.length-5)),gsap.to($(".mobile-nav-pagination",o),{x:`${p}px`}),$(".slide-nav",o).removeClass("pagination-dot"),$(b[h.length-5],o).addClass("pagination-dot"),s<h.length&&$(b[h.length],o).addClass("pagination-dot")):(p=n>=0?p-ot:p+ot,gsap.to($(".mobile-nav-pagination",o),{x:`${p}px`}),$(".slide-nav",o).removeClass("pagination-dot"),$(b[s+2],o).addClass("pagination-dot"),$(b[s-2],o).addClass("pagination-dot"))))},ht=()=>{if(gsap.to($(".image",o),{left:"-200%",duration:.7,onComplete:()=>{tt()}}),s=s==h.length-1?0:s+1,w(),st(),ii(1),k){gsap.to($(".thumb-wrapper",o),.7,{ease:Linear.easeNone,xPercent:"-=100",modifiers:{xPercent:function(n){return`${g(parseInt(n),d,-100)}`}}});var n=s/it*100;n>1&&(n=0);gsap.set(a,{xPercent:n})}},ct=()=>{if(gsap.to($(".image",o),{left:"-0%",duration:.7,snap:$(".frame").width,onComplete:()=>{tt()}}),s=s==0?h.length-1:s-1,w(),st(),ii(-1),k){gsap.to($(".thumb-wrapper",o),.7,{ease:Linear.easeNone,xPercent:"+=100",modifiers:{xPercent:function(n){return`${g(parseInt(n),d,-100)}`}}});var n=s/it*100;n>1&&(n=0);gsap.set(a,{xPercent:n})}},nr=()=>{nt(),v(),ht(),rt()},tr=()=>{nt(),v(),ct(),rt()},at=n=>{if(l=!0,n!=s){$(".image",o).html("");$($(".thumb-wrapper")[s]).removeClass("active");direction=n>s;var t='<div class="frame" width="33.33%"><\/div>';(n==0||n==1)&&s>=h.length-y?direction=!0:n>=h.length-y&&(s==0||s==1)&&(direction=!1);direction?(c(s),c(n),$(".image",o).append(t)):(c(n),c(s),$(".image",o).append(t));$(t).css("width",$(".img").width());$(t).css("height",$(".img").height());$(".image",o).css("left",direction?"0%":"-100%");gsap.to($(".image",o),{left:direction?"-100%":"0%",duration:.7,onComplete:()=>{tt(),l=!1,$("#wrapper .thumb-wrapper",o).click(kt)}})}nt();v();s=n;$($(".thumb-wrapper")[s]).addClass("active");st()},hr=()=>{document.visibilityState!="visible"||oi||(s==h.length-1?s=0:s++,ur())},vt,yt,ir=()=>{var n=$(".image",o),t=!1;n.on("touchstart mousedown",function(i){n.css("cursor","pointer");nt();vt=i.originalEvent.type=="touchstart"?i.originalEvent.touches[0].clientX:i.originalEvent.clientX;yt=i.originalEvent.type=="touchstart"?i.originalEvent.touches[0].clientY:i.originalEvent.clientY;touching=!0;t=!0});n.on("touchmove mousemove",function(i){var r,f,u;(i.originalEvent.type!="mousemove"||i.originalEvent.buttons!=0)&&(r=vt-(i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientX:i.originalEvent.clientX),vt=i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientX:i.originalEvent.clientX,f=yt-(i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientY:i.originalEvent.clientY),yt=i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientY:i.originalEvent.clientY,n.css("cursor","grabbing"),u=parseFloat(n.css("left")),gsap.set(n,{left:u-r}),t=!1)});n.on("touchend mouseup",function(i){i.preventDefault();var r=h[s];t&&r.path&&r.path!=null&&(window.location.href=r.path,t=!1);n.css("cursor","pointer");touching=!1;left=parseInt($(".image",o).css("left"));targetSlideIndex=rr(left);switch(!0){case targetSlideIndex==h.length-1&&s==0:ct();break;case targetSlideIndex>s||s==h.length-1&&targetSlideIndex==0:ht();break;case targetSlideIndex<s||s==0&&targetSlideIndex==h.length-1:ct();break;default:gsap.to(n,{left:"-100%",duration:.3})}v();rt()});$(document).ready(function(){$("*").dblclick(function(n){n.preventDefault()})});$(".arrow.left",o).click(tr);$(".arrow.right",o).click(nr)},rr=n=>{var i=.02,r=-.33333333333333331,u=n/$(".image",o).width(),t=s;return u>=r+i&&(t=s==0?h.length-1:s-1),u<=r-i&&(t=s==h.length-1?0:s+1),t},ur=()=>{function i(){$($(".frame",o)[0]).remove();l=!1;fr()}
2879function r(){gsap.to(n,{opacity:0,duration:.5})}function u(){pt(t);gsap.to(n,{opacity:1,duration:.5})}l=!0;var t=h[s],n=$(".label .name, .label .content, .label button, .label .badge",o).toArray();gsap.to($(".image",o)[0],{left:"-100%",duration:fi,onComplete:i});iframe=new $("iframe",ft[s])[0];iframe!=undefined&&(video=new Vimeo.Player(iframe),video.setCurrentTime(0));ti();setTimeout(r,500);setTimeout(u,1e3)},pt=n=>{gsap.to($(".label .fade",o)[0],{opacity:0,duration:.5,onComplete:()=>{let t=$(".label button",o);n.buttonText==="LEARN MORE"?t.addClass("learn"):t.removeClass("learn");$(".label button",o).html(n.buttonText);$(".label .name",o).html(n.title1);$(".label .content",o).html(n.title2);$(".label .var-content",o).html(n.content);$(".label button",o).attr("onclick","document.location='"+n.path+"'");gsap.to($(".label .fade",o)[0],{opacity:1,duration:.5})}})},cr=()=>{var n=$(".imageouter",o).width(),t=100/h.length;gsap.set($(".image",o)[0],{width:n*2});newHeight=$(".frame",o).width()/2-2;gsap.set($(".frame, .frame iframe",o).toArray(),{height:newHeight})},ri=()=>h.map(function(n){return checkHeaderInfo=()=>{if(n.content!==null){let i=n.content,r,u=$.parseHTML(i),t="";return $.each(u,function(n,i){if(i.nodeName==="CLASS"){r=i.innerHTML;className2=i.innerHTML.split(" ");imageClass="";let n=n=>{for(let t=0;t<n.length;t++)imageClass=imageClass+" "+n[t];return`'${imageClass}'`};t="<div class ="+n(className2)+"><\/div>"}$("class").remove()}),'<div class="info-overlay" id="info-overlay">'+n.content+t+"<\/div>"}return""},checkHotSpot=n=>((n===-1||n===undefined)&&(n=50),n),checkLabels=n=>n!==undefined?n:"",$('<div class="frame">'+checkHeaderInfo()+'<div class="inner"><div class="img" style="background-image:url(/asset/'+n.guid+"-1920--70); background-position:"+checkHotSpot(n.hotspotX)+"% "+checkHotSpot(n.hotspotY)+'%"><\/div><div class="labels"><div class="title1">'+(n.title1??"")+'<\/div><div class="title2">'+n.title2+'<\/div><div class="content">'+n.content+"<\/div><\/div><\/div><\/div>")}),fr=()=>{var n;n=s==h.length-1?0:s+1;c(n)};return ui(),{next:()=>{ht()},previous:()=>{ct()},move:n=>{at(n)}}},t=()=>{let t=[],n=$(".imageslider"),i,r;if(n){if(n.length<2)return!1;for(let i of n){let n={guid:i.dataset.assetid},r=JSON.parse(JSON.stringify(n));t.push(r)}window.onload=()=>{setTimeout(()=>{i=document.querySelector(".imageslider img").naturalWidth;r=document.querySelector(".imageslider img").naturalHeight;$(".imageslider").css("display","none");let u=i/r,f="hd";$(n).parent().empty().append('<div id="gallerySlider"><\/div>');$("#gallerySlider").parent().parent().addClass("gallery");u>2.385&&u<2.41&&(f="widescreen");let e=$("#gallerySlider");assetSlider.createSlider(e,t,!0,!0,f)},1e3)}}};return{createSlider:(t,i,r,u,f,e)=>n(t,i,r,u,f,e),createSliderGallery:()=>t()}})();$(document).ready(function(){})</script>
2879<style>#slider-gallery-testimonials{width:100%;height:100%;margin-top:3em}#slider-gallery-testimonials .slider .imageouter{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;overflow:hidden}#slider-gallery-testimonials{position:relative;padding:0 0 9.5em}#slider-gallery-testimonials .slider .image{position:relative;left:0%;height:100%;width:300%;bottom:0;display:block}#slider-gallery-testimonials .slider .image .frame .inner{height:100%;width:100%;position:absolute}#slider-gallery-testimonials .slider .frame .img{position:absolute !important;width:100%;height:100%;background-size:cover}#slider-gallery-testimonials .slider .frame .img.mouseDown:hover{cursor:-webkit-grabbing;cursor:grabbing}#slider-gallery-testimonials .slider .image img,#slider-gallery-testimonials .image video{width:100%;transition:all 2s ease-in-out}#slider-gallery-testimonials .slider .label{display:block;position:absolute;bottom:10%;width:calc(100% - 6em);height:auto;margin:0 auto;left:2em;background:#0008;padding:1em;letter-spacing:-.05em;text-align:left;max-width:37em}#slider-gallery-testimonials .slider .label .name{display:none}#slider-gallery-testimonials .slider .label .var-content{display:block;color:#fff;font-family:var(--primary-font);font-size:1.3em;font-style:normal;font-weight:300;line-height:1em;text-transform:uppercase;text-align:left;margin-bottom:.5em}#slider-gallery-testimonials .slider .label .content{display:block;color:#fff;font-family:var(--primary-font);font-style:italic;font-weight:250;line-height:normal;text-align:left;font-size:1.1em}#slider-gallery-testimonials .slider button.button{display:none}#slider-gallery-testimonials .slider .info-overlay{display:none}#slider-gallery-testimonials .slider .image .frame{display:inline-block;overflow:hidden;position:relative;height:100%;width:33.333333%;background-size:cover;background-position:center}#slider-gallery-testimonials .slider .image img,.image video{width:100%;transition:all 2s ease-in-out}#slider-gallery-testimonials .slider .overlay{width:100%;height:80%;position:absolute;bottom:0;pointer-events:none}#slider-gallery-testimonials .fullscreen-contols,#story .fullscreen-contols{display:block}#slider-gallery-testimonials .slider .label .nav{display:none}@media only screen and (max-width:1024px){#slider-gallery-testimonials .slider .label{width:calc(100% - 2em);left:50%;transform:translateX(-50%);background:transparent;color:#000;top:100%}#slider-gallery-testimonials .slider .label .var-content{color:#000;font-weight:250;font-size:1.2em}#slider-gallery-testimonials .slider .label .content{color:#000;font-size:1em}}.mobile-nav-wrapper{position:absolute;bottom:1em;z-index:2000;overflow:hidden;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.4);border-radius:40px;max-width:88px;height:24px;overflow:hidden;margin:0 auto;box-sizing:border-box}.mobile-nav-wrapper .mobile-nav-pagination{position:relative;width:fit-content;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;left:4px}.mobile-nav-wrapper .slide-nav{width:16px;height:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav-wrapper .slide-nav .slide-nav-dot{width:8px;height:8px;background:#fff;border-radius:20px;display:block;transition:all .5s ease}.mobile-nav-wrapper .slide-nav.pagination-dot .slide-nav-dot{width:.3125rem;height:.3125rem;transition:all .5s ease}.mobile-nav-wrapper .slide-nav.active .slide-nav-dot{background:#06f}@media only screen and (min-width:1024px){#slider-gallery-testimonials .fullscreen-contols .arrow,#story .fullscreen-contols .arrow{display:block}#slider-gallery-testimonials .fullscreen-contols .arrow.right,#story .fullscreen-contols .arrow.right:after{right:1.87rem}#slider-gallery-testimonials .fullscreen-contols .arrow.left,#story .fullscreen-contols .arrow.left:after{left:1.87rem}.mobile-nav{display:none}}@media only screen and (min-width:1200px){#slider-gallery-testimonials .fullscreen-contols .arrow.right{right:1.87rem}#slider-gallery-testimonials .fullscreen-contols .arrow.left{left:1.87rem}}.panel .slider{width:100%;height:100%}.panel .slider{position:relative;height:100%}.panel .slider .ui-icon,.ui-widget-content .ui-icon{background-image:url("https://code.jquery.com/ui/1.12.1/themes/ui-darkness/images/ui-icons_ffffff_256x240.png")}.panel .slider .ui-icon-pause{background-position:-16px -160px}.panel .slider .ui-icon-play,.paused{background-position:0 -160px}.panel .slider .tile{overflow:hidden}.slider .frame .info-overlay{padding:55px 45px;font-family:Lato !important;position:absolute;z-index:2}.info-overlay h1,.info-overlay h2,.info-overlay h3,.info-overlay h4{font-family:Lato !important;color:#fff !important;margin:0 0 .5em;text-transform:uppercase}.slider .frame .info-overlay .inf-image{position:relative;height:100%}.slider .frame .info-overlay .inf-image img{max-width:150px;height:auto;position:absolute}.slider .frame .info-overlay class{display:none}.panel .slider .imageouter{overflow:hidden;position:relative;height:100%}.panel .slider .img{position:absolute;
2879left:0%;height:100%;width:300%}.panel .slider .frame .image{position:absolute !important;width:100%;height:100%;background-size:cover;background-position:center}.slider .image:hover{cursor:-webkit-pointer;cursor:pointer}.panel .slider .frame .title1{position:absolute;display:none}.panel .slider .frame .title2{position:absolute;display:none}.panel .slider .label{position:relative !important;color:#fff;font-family:Lato;font-size:3em;text-align:left;padding:1em !important;bottom:0 !important;transform:translateY(-100%);max-width:10em;pointer-events:none}.panel .slider .label .name{letter-spacing:-.02em;font-weight:700;line-height:.95em}.panel .slider .label .content{font-size:.5em;font-weight:300;margin-top:1em}.panel .slider button.button{font-family:Lato;color:#fff;border:2px solid #fff;font-size:.22em;padding:.6em .9em;min-width:13em;letter-spacing:.2em;pointer-events:all}.panel .slider .image .frame{display:inline-block;overflow:hidden;position:relative;height:100%;width:33.333333%;background:#000;background-size:cover;background-position:center}.panel .slider .image,.image video{width:100%;transition:all 2s ease-in-out;position:relative}#case-study-detail-block .cms-section .cms-video{z-index:1 !important}.panel .slider .overlay{width:100%;height:80%;position:absolute;bottom:0;background:linear-gradient(0deg,#000000ba,transparent);pointer-events:none}.panel .slider #maintitle .tile{cursor:pointer}.panel .slider .nav{z-index:3;width:67%;position:relative;bottom:unset;display:inline-block;font-size:.4em;pointer-events:all}.panel .slider .nav svg{width:24px;height:24px;position:relative;display:inline-block;margin-right:2px}.panel .slider .nav svg circle{stroke:#000;fill:#fff;transition:all .75s ease-in-out 0s}.panel .slider .nav svg.active circle{fill:#000;stroke:#fff}.panel .slider #maintitle .badge{display:inline-block;width:4em;height:1em;position:relative;top:-3.5em;background-image:url(/?action=asset&id=B46B7AD8-5A2A-4DF4-8AB7-B0267D74DA4F);z-index:1;background-repeat:no-repeat;background-size:2.2em;background-position-x:right;left:-.5em}.panel .slider #maintitle .pix .badge{background-image:url(/?action=asset&id=26C42D1B-E017-4FEC-97EB-641C477CD083);background-size:1em}.panel .slider #maintitle .none .badge{display:none}.panel .slider .nav .items{width:calc(100% - 26px);display:inline-block;position:relative;transform:translateY(.8em)}.panel .slider .nav .item{display:inline-block;margin-right:10px;height:1em;padding-top:1em;cursor:pointer}.panel .slider.paused .nav .item.active .progress{background:#777}.panel .slider.paused .nav .item.active .progress div{width:100% !important}.paused .nav .item.active .progress div{width:100% !important}.panel .slider .nav .item .progress{width:80px;position:absolute;height:2px;background:#bbb}.panel .slider .nav .item .progress div{background:#333;width:0%;height:100%}.panel .slider .nav .playpause{display:inline-block;width:16px;height:16px;position:relative;top:6px;margin-right:10px;cursor:pointer}.cms-section.gallery.active .content{z-index:10003 !important;position:fixed;min-height:100vh;overflow:hidden;height:100vh !important;width:100vw !important;top:0;min-width:100vw;display:none;z-index:20000;color:#fff}#slider{display:none}.gallery,.gallery .content{display:block !important;max-width:74rem !important}#heroslider .slider-wrapper{position:relative;height:auto;padding-top:0%}#gallerySlider .slider-wrapper{position:relative;height:0;padding-top:56.25%;max-width:74rem !important}.slider-wrapper{position:relative;height:0;padding-top:100%}.slider-wrapper .slider{position:absolute;top:0;right:0;bottom:0;left:0}#fullscreen-gallery{display:none;position:fixed;width:100vw;height:100vh;top:0;left:0;background:#222;z-index:100003 !important;color:#fff}#fullscreen-gallery .fullscreen-icon,#heroslider .fullscreen-icon{display:none}.fullscreen-icon{font-family:VideoJS;font-weight:400;font-style:normal;font-size:2em;line-height:1.67;cursor:pointer;color:#fff;position:absolute;right:12px;bottom:0;opacity:1}.fullscreen-icon:before{content:"\F108"}#fullscreen-gallery{display:block;height:100%;padding-top:0}#fullscreen-gallery{height:100%;max-width:74em;margin:0 auto}#fullscreen-gallery .slider{position:relative;height:0;padding-top:56.25%;top:50%;transform:translateY(-50%);z-index:1}#fullscreen-gallery .widescreen .slider{position:relative;height:0;padding-top:calc(3428/8192*100%);top:50%;transform:translateY(-50%);z-index:1}#fullscreen-gallery .slider .imageouter{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#fullscreen-gallery .slider .image{position:relative;
2879left:0%;height:100%;width:300%;bottom:0;display:block}#fullscreen-gallery .slider .image .frame{display:inline-block;overflow:hidden;position:relative;height:100%;width:33.333333%;background-size:cover;background-position:center}#fullscreen-gallery .slider .image .frame .inner{height:100%;width:100%;position:absolute}#fullscreen-gallery .slider .frame .img{position:absolute !important;width:100%;height:100%;background-size:cover}.slider .close,.close{display:none}#fullscreen-gallery .close{display:block;position:absolute;right:calc(2% + 10px);top:calc(1% + 20px);font-size:2em;width:30px;cursor:pointer;z-index:2}#fullscreen-gallery .fullscreen{display:none}#fullscreen-gallery .slider .label,#fullscreen-gallery .info-overlay,#fullscreen-gallery .slider .frame .title1,#fullscreen-gallery .slider .frame .title2{display:none}#fullscreen-gallery .slider .nav .items{display:none;width:100%;bottom:-14%}#fullscreen-gallery .thumbnails{display:none}.thumbnails{display:none}#gallerySlider.thumbs .thumbnails{display:block;width:100%;height:100px;position:relative;overflow:hidden;margin:0 auto;padding-top:5px}#fullscreen-gallery .slider .arrow.right{right:20px;top:50%}#fullscreen-gallery .slider .arrow.left{left:20px;top:50%;margin-bottom:1em;transform:rotate(180deg)}#fullscreen-gallery .fullscreen-contols{display:block;height:100%;position:absolute;width:100%;top:0;bottom:0;left:0;z-index:0}.fullscreen-contols{display:none}#gallerySlider.thumbs .fullscreen-contols{display:block;width:100%;height:auto;position:absolute;top:100%}#gallerySlider.thumbs .fullscreen-contols .thumbnails #wrapper .thumb-wrapper{cursor:pointer;height:auto}.fullscreen-contols .thumbnails #wrapper .thumb-wrapper{box-sizing:border-box;width:calc(33.3333% + 3px);height:100%;position:absolute;padding-right:5px}.fullscreen-contols .thumbnails.sml #wrapper{left:0%}.fullscreen-contols .thumbnails.sml #wrapper .thumb-wrapper{width:calc(33.333% + 3px)}.fullscreen-contols .thumbnails.md #wrapper{left:0%}.fullscreen-contols .thumbnails.md #wrapper .thumb-wrapper{width:calc(25% + 3px)}.fullscreen-contols .thumbnails.lg #wrapper{left:0%}.fullscreen-contols .thumbnails.lg #wrapper .thumb-wrapper{width:calc(20% + 3px)}.fullscreen-contols .thumbnails #wrapper .thumb-wrapper.active{opacity:.5;transition:opacity ease .5s}.fullscreen-contols .thumbnails #wrapper .thumb-wrapper.active:after{content:"";width:calc(100% - 5px);height:100%;position:absolute;top:0;left:0;right:5px;bottom:0}.fullscreen-contols .thumbnails #wrapper{width:100%;height:100%;position:relative;left:-33.3333%;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start}.fullscreen-contols .thumbnails .thumb-wrapper .img{height:100%;background-size:cover;background-position:50% 50%;padding-top:56.25%}.fullscreen-contols .thumbs{width:100%;height:50px;margin:0 auto;padding:2px;display:block;position:absolute;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);z-index:100004;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between}.fullscreen-contols #img-btns{display:none}#fullscreen-gallery .fullscreen-contols #img-btns{display:none}#fullscreen-gallery .slider .arrow.right,#fullscreen-gallery .slider .arrow.left{display:block}.fullscreen-contols #prevButton:hover,.fullscreen-contols #nextButton:hover{opacity:.7}.fullscreen-contols #nextButton{right:15px}.fullscreen-contols #prevButton{left:15px;margin-bottom:1em}#fullscreen-gallery .fullscreen-contols #nextButton{display:none;right:15px}#fullscreen-gallery .fullscreen-contols #prevButton{display:none;left:15px}#fullscreen-gallery .slider .arrow.right{right:20px;top:65%;transform:translateY(-50%)}#fullscreen-gallery .slider .arrow.left{left:20px;top:65%;margin-bottom:1em}@media screen and (min-width:500px){.thumbnails{display:none}#gallerySlider.thumbs .thumbnails{display:block;width:100%;height:100px;position:relative;overflow:hidden;margin:0 auto}#fullscreen-gallery{height:85%;max-width:100%;margin:0 auto;width:98%;overflow:hidden;padding:3em;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}#fullscreen-gallery .slider{position:relative;height:0;padding-top:56.25%;top:50%;transform:translateY(-50%)}#fullscreen-gallery .widescreen .slider{position:relative;height:0;padding-top:calc(3428/8192*100%);top:50%;transform:translateY(-50%)}#fullscreen-gallery .thumbs{width:100%;max-width:900px;margin:0 auto;padding:2px;
2879height:10%;display:block;position:absolute;margin:0 auto;top:71%;left:50%;transform:translate(-50%,-50%) rotate(180deg);display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;-webkit-justify-content:space-between;-ms-justify-content:space-between}#fullscreen-gallery .thumbnails{display:none}#fullscreen-gallery .slider .imageouter{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#fullscreen-gallery .close{position:absolute;right:60px;top:15px;font-size:2em;width:40px;cursor:pointer;z-index:3}}@media screen and (min-width:1024px){.thumbnails{display:none}#gallerySlider.thumbs .thumbnails{display:block;width:100%;height:140px;position:relative;overflow:hidden;margin:0 auto}.fullscreen-contols .thumbnails #wrapper .thumb-wrapper{width:calc(20% + 1px);height:100%;position:absolute;padding-right:5px}.fullscreen-contols .thumbnails #wrapper{width:100%;height:100%;position:relative;left:0%;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start}.fullscreen-contols .thumbnails.sml #wrapper{left:12.5%}.fullscreen-contols .thumbnails.sml #wrapper .thumb-wrapper{width:calc(25% + 3px)}.fullscreen-contols .thumbnails.md #wrapper{left:0%}.fullscreen-contols .thumbnails.sml #wrapper .thumb-wrapper{width:calc(25% + 3px)}x }@media screen and (min-width:1200px){#fullscreen-gallery .slider .arrow.right{right:20px;}#fullscreen-gallery .slider .arrow.left{left:20px;margin-bottom:1em;}#fullscreen-gallery .thumbs .slider .arrow.right{right:20px;}#fullscreen-gallery .thumbs .slider .arrow.left{left:20px;margin-bottom:1em;}}@media screen and (max-width:47.938em){.panel .slider .nav{width:90%;bottom:-14%}.panel .slider .nav .item{margin-right:2px}.panel .slider .label{font-size:3.5em !important}}#slider{display:none}.gallery{padding-bottom:var(--s3)}.gallery .content{padding-bottom:1em}.gallery,.gallery .content{display:block !important;max-width:74rem !important}#gallerySlider{display:block;max-width:74rem !important;height:100%}#gallerySlider.thumbs{margin-bottom:5em}#gallerySlider #slider{position:relative;height:0;padding-top:56.25%;max-width:74rem !important}#gallerySlider .widescreen{position:relative;height:0;padding-top:calc(3428/8192*100%);max-width:74rem !important}#gallerySlider .slider .ui-icon,.ui-widget-content .ui-icon{background-image:url(https://code.jquery.com/ui/1.12.1/themes/ui-darkness/images/ui-icons_222222_256x240.png)}#gallerySlider .slider .ui-icon-pause{background-position:-16px -160px}#gallerySlider .slider .ui-icon-play,.paused{background-position:0 -160px}#gallerySlider .slider .tile{overflow:hidden}#gallerySlider .slider .imageouter{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;overflow:hidden}#gallerySlider .slider .image{position:relative;left:0%;height:100%;width:300%;bottom:0;display:block}#gallerySlider .slider .image .frame .inner{height:100%;width:100%;position:absolute}#gallerySlider .slider .frame .img{position:absolute !important;width:100%;height:100%;background-size:cover}#gallerySlider .slider .frame .img.mouseDown:hover{cursor:-webkit-grabbing;cursor:grabbing}#gallerySlider .slider .image img,.image video{width:100%;transition:all 2s ease-in-out}#gallerySlider .slider .label{display:none;position:relative;bottom:-40px;width:100%}#gallerySlider .slider .label .name{display:none}#gallerySlider .slider .label .content{display:none}#gallerySlider .slider button.button{display:none}#gallerySlider .slider .info-overlay{display:none}#gallerySlider .slider .image .frame{display:inline-block;overflow:hidden;position:relative;height:100%;width:33.333333%;background-size:cover;background-position:center}#gallerySlider .slider .image img,.image video{width:100%;transition:all 2s ease-in-out}#gallerySlider .slider .overlay{width:100%;height:80%;position:absolute;bottom:0;pointer-events:none}#gallerySlider .slider .nav{z-index:3;width:105%;position:absolute;display:inline-block;font-size:.4em;pointer-events:all;left:50%;transform:translate(-50%,0%);bottom:2em}#gallerySlider .slider .nav svg{width:24px;height:24px;position:relative;display:inline-block;margin-right:2px}#gallerySlider .slider .nav svg circle{stroke:#000;fill:#fff;transition:all .75s ease-in-out 0s}#gallerySlider .slider .nav svg.active circle{fill:#000;stroke:#fff}#gallerySlider .slider .nav .items{width:90%;position:relative;filter:invert(1);left:50%;transform:translateX(-50%)}#gallerySlider .slider .nav .items>div{text-align:center;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-ms-align-items:center;-webkit-align-items:center;justify-content:center;
2879-webkit-justify-content:center;-ms-justify-content:center}#gallerySlider .slider .nav .item{display:inline-block;margin-right:10px;height:5em;padding-top:1em;cursor:pointer;max-width:50px;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-ms-align-items:center;-webkit-align-items:center}#gallerySlider .slider.paused .nav .item.active .progress{background:#fff;max-width:50px}#gallerySlider .slider .nav .item .progress{width:80px;position:absolute;height:2px;background:#fff;max-width:50px}#gallerySlider .slider .nav .item .progress div{background:#333;width:0%;height:100%}#gallerySlider .slider .nav .playpause{display:none;width:16px;height:16px;position:relative;top:166px;margin-right:10px;cursor:pointer;z-index:2;filter:brightness(0) invert(1)}#gallerySlider.thumbs .slider .arrow.right,#gallerySlider.thumbs .slider .arrow.left{display:none}#gallerySlider .slider .arrow.right,#gallerySlider .slider .arrow.left{position:absolute;width:1.5em;height:1.5em;display:block;padding:0;top:50%;transform:translateY(-50%);background-image:url(/?action=asset&id=d4f0a823-d2f9-48d5-980e-0294729f4fef);z-index:1;background-size:100%;cursor:pointer;transition:opacity .5s}#gallerySlider .slider .arrow.right:hover,#gallerySlider .slider .arrow.left:hover{opacity:.7}#gallerySlider .slider .arrow.right{right:15px}#gallerySlider .slider .arrow.left{left:15px;margin-bottom:1em}@media screen and (min-width:768px){.slider-wrapper{padding-top:33.8%}.gallery{padding-bottom:var(--s5)}.gallery .content{padding-bottom:2em}#gallerySlider.thumbs{margin-bottom:6em}#gallerySlider .slider .label{bottom:-60px;width:100%}#gallerySlider .slider .nav{width:100%}#gallerySlider .slider .nav .items{width:100%;display:inline-block;position:relative}#gallerySlider .slider .nav .item{max-width:100px}#gallerySlider .slider.paused .nav .item.active .progress{max-width:100px}#gallerySlider .slider .nav .item .progress{max-width:100px}}@media screen and (min-width:900px){#gallerySlider #slider{position:relative;height:0;padding-top:56.25%;max-width:74rem !important}#gallerySlider .widescreen{position:relative;height:0;padding-top:calc(3428/8192*100%);max-width:74rem !important}#gallerySlider.slider-wrapper .slider{position:absolute;top:0;right:0;bottom:0;left:0}}@media screen and (min-width:500px){.fullscreen-contols #prevButton,.fullscreen-contols #nextButton{top:calc(50% + 5px);transform:translateY(-50%)}.fullscreen-contols #prevButton{transform:rotate(180deg) translate(0%,50%)}}@media screen and (min-width:900px){#gallerySlider .slider .imageouter{overflow:hidden;position:relative;width:100%}#gallerySlider .slider .nav{width:90%}#gallerySlider .slider .nav .item{margin-right:10px}.fullscreen-contols #prevButton,.fullscreen-contols #nextButton{top:calc(50% + 5px)}#fullscreen-gallery .fullscreen-contols #nextButton{right:20px}#fullscreen-gallery .fullscreen-contols #prevButton{left:20px}#gallerySlider .slider .arrow.left{margin-bottom:1em}#gallerySlider .slider .nav .item{max-width:120px}#gallerySlider .slider.paused .nav .item.active .progress{max-width:120px}#gallerySlider .slider .nav .item .progress{max-width:120px}}#gallerySlider .fullscreen-gallery .slider .imageouter{display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:50%}#testimonialsSlider,#testimonialsSlider #slider{width:100%;position:relative;background:#2c2c2c;height:auto;padding-top:0}#testimonialsSlider{padding:73px 0 73px;height:calc(409px - 146px);background-color:#2c2c2c}#testimonialsSlider .mobile-nav{display:none}#testimonialsSlider #slider{height:100%}#testimonialsSlider .frame .img{position:relative !important;width:91px;height:91px;border-radius:50%;left:0;background-size:cover;background-position:center;margin-left:70px}#testimonialsSlider .frame .labels{display:block;position:relative;padding-top:21px;color:#fff;left:0;font-style:italic;font-weight:500}#testimonialsSlider .frame .title1{display:block;position:relative;font-family:var(--primary-font);font-size:1.0625rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-0;text-align:left;padding:0 70px;width:auto}#testimonialsSlider .frame .title2,#testimonialsSlider .frame .title2 p{display:inline-block;width:fit-content;font-weight:200;font-size:.75rem;position:relative;font-family:Lato;font-weight:300;line-height:normal;text-align:left;position:relative}#testimonialsSlider .frame .title2{margin-top:1.81em;padding:0 70px}#testimonialsSlider .slider .name,#testimonialsSlider .slider .content,#testimonialsSlider .slider .button{display:none}#testimonialsSlider .overlay{display:none}#testimonialsSlider .info-overlay{display:none}#testimonialsSlider .slider .imageouter{height:100%}#testimonialsSlider .label{display:none;max-width:100%;width:100%;padding:1em 0 !important;bottom:2em !important}#testimonialsSlider .nav{max-width:20em;transform:translateX(-50%);left:50%}#testimonialsSlider .slider .image{position:relative;
2879left:0%;height:100%;width:300%}#testimonialsSlider .slider .image .frame{display:inline-block;overflow:hidden;position:relative;height:100%;width:33.333333%;background:#2c2c2c;background-size:cover;background-position:center}#testimonialsSlider .slider .arrow.left{opacity:0}#testimonialsSlider .slider .arrow.right{right:10px;top:50%}#testimonialsSlider .slider .arrow.left{left:10px;top:50%;transform-origin:top center}@media screen and (min-width:768px){#testimonialsSlider{padding:75px 0 75px;height:calc(262px - 110px)}#testimonialsSlider,#testimonialsSlider #slider{width:100%;position:relative}#testimonialsSlider #slider{height:100%}#testimonialsSlider .frame .img{position:relative !important;display:inline-block;width:110px;height:110px;left:107px;margin-left:0}#testimonialsSlider .frame .labels{display:inline-block;height:100%;position:relative;padding-top:0;left:0;float:right;width:calc(100% - 110px - 110px)}#testimonialsSlider .frame .title1{font-size:1.125rem;line-height:1.2rem;padding-left:2.1875rem;padding-bottom:1rem;text-align:left;width:auto;letter-spacing:-.05rem}#testimonialsSlider .frame .title2,#testimonialsSlider .frame .title2 p{display:block;margin-top:0;font-size:1rem;line-height:normal;text-align:left;position:relative;font-weight:300}#testimonialsSlider .frame .title2{padding-left:2.1875rem}#testimonialsSlider .label{display:none}#testimonialsSlider .nav{max-width:20em;transform:translateX(-50%);left:50%}#testimonialsSlider .slider .image{position:relative;left:0%;height:100%;width:300%;display:flex;align-items:center}#testimonialsSlider .slider .image .frame{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden;position:relative;height:auto;width:33.333333%;background:#2c2c2c;background-size:cover;background-position:center}#testimonialsSlider .slider .image .frame .inner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:900px}#testimonialsSlider .slider .arrow.right{right:30px;top:calc(50%)}#testimonialsSlider .slider .arrow.left{left:30px;top:50%}}@media screen and (min-width:1200px){#testimonialsSlider{padding:12.78rem 0 12.78rem;height:37.49213rem;box-sizing:border-box}#testimonialsSlider .frame .img{position:relative !important;display:inline-block;width:11.0625rem;height:11.0625rem;left:0;margin-left:0}#testimonialsSlider .frame .labels{display:inline-block;position:relative;padding-top:0;left:0;float:right;width:calc(100% - 160px)}#testimonialsSlider .frame .title1{font-size:1.8125rem;margin-left:-4px;line-height:1.8125rem;padding-left:5.1875rem;margin-bottom:.56rem;text-align:left;width:auto}#testimonialsSlider .frame .title2,#testimonialsSlider .frame .title2 p{display:inline-block;width:fit-content;margin-top:0;font-size:1.375rem;line-height:normal;text-align:left;position:relative}#testimonialsSlider .frame .title2{padding-left:5.1875rem}#testimonialsSlider .slider .image .frame .inner{display:flex;justify-content:center;align-items:center;max-width:970px}}@media only screen and (max-width:1023.955px){#slider-gallery-testimonials .fullscreen-contols .arrow{display:none}}</style></div> 2880<div id="assetgroups">
2880<script>var _codexNewsiteCaseStudiesCarousel=[{"Content":"Director Joseph Kosinski | DP Claudio Miranda | DIT Chris Nunn","Var1":"1136875659","Var2":null,"Var3":"/case-studies/F1-the-movie","Name":"F1: The Movie","Filename":"f1_fmHoha.jpg","DisplayOrder":0,"ContentType":"image/jpeg","Guid":"fa2539bb-dd4c-47ab-8981-a31c2ff6e529","ImageX":1000,"ImageY":667,"Length":106599,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Gil Kenan | DP Eric Steelberg | DIT Ben Appleton","Var1":"908163529,818423c0-51a4-4929-a5d6-9636baeab524","Var2":null,"Var3":"/case-studies/Ghostbusters-Frozen-Empire","Name":"Ghostbusters: Frozen Empire","Filename":"Ghostbusters.jpg","DisplayOrder":1,"ContentType":"image/jpeg","Guid":"18bc773a-43d7-4db4-8feb-1d1fbab432a8","ImageX":967,"ImageY":667,"Length":158201,"HotspotX":56.94,"HotspotY":41.48,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Kelly Marcel | DP Fabian Wagner | DIT Dan Carling","Var1":"1005903015","Var2":null,"Var3":"/case-studies/Venom-the-Last-Dance","Name":"Venom: The Last Dance","Filename":"venom-the-last-dance_L5Iws8.jpg","DisplayOrder":2,"ContentType":"image/jpeg","Guid":"c5047de1-c940-4bfa-85e2-2df0dcb19573","ImageX":1000,"ImageY":667,"Length":198698,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Todd Phillips | DP Lawrence Sher | DIT Nicholas Kay","Var1":"932787773","Var2":null,"Var3":"/case-studies/Joker-Folie-á-Deux","Name":"Joker: Folie á Deux ","Filename":"joker-folie-a-deux_uaLYTd.jpg","DisplayOrder":3,"ContentType":"image/jpeg","Guid":"9c77e911-7a7b-4666-b809-33553eb4913b","ImageX":1000,"ImageY":622,"Length":148731,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Ridley Scott | DP John Mathieson | DIT Gastone Ferrante","Var1":"981791083","Var2":null,"Var3":"/case-studies/Gladiator-II","Name":"Gladiator II","Filename":"gladiator-ii_bWCZYY.jpg","DisplayOrder":4,"ContentType":"image/jpeg","Guid":"478960c0-b263-49d7-8475-48ae2cd6adb6","ImageX":1000,"ImageY":597,"Length":130305,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Stephen Woolfenden | DP Stijn Van der Veken | DIT Dejan Boskovic","Var1":"1033898538","Var2":null,"Var3":"/case-studies/Rogue-Heroes-Season-2","Name":"SAS Rogue Heroes","Filename":"Rogue-Heroes-2.jpg","DisplayOrder":5,"ContentType":"image/jpeg","Guid":"57a4fd6a-ba30-42ba-9231-f3a114b3abc0","ImageX":1000,"ImageY":667,"Length":165910,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}],_codexNewsiteHomepageProductImages=[{"Content":"{\"linkUrl\":\"/products/cfexpress-type-a\"}","Var1":"Media Cards","Var2":"LEARN MORE","Var3":"grey","Name":"CFEXPRESS TYPE A","Filename":"Product-Home-cfexpress-type-a-elite 1.png","DisplayOrder":0,"ContentType":"image/png","Guid":"10d9662f-0922-4ad0-818a-6bee991def86","ImageX":719,"ImageY":1167,"Length":180681,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"},{"Content":"{\"linkUrl\":\"/products/cfexpress-type-b\"}","Var1":"Media Cards","Var2":"LEARN MORE","Var3":"black","Name":"CFEXPRESS TYPE B","Filename":"Product-Home-cfexpress-type-b-elite 2.png","DisplayOrder":1,"ContentType":"image/png","Guid":"05fc8734-ffaa-4715-aea6-cfee94048310","ImageX":719,"ImageY":1167,"Length":233999,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"},{"Content":"{\"linkUrl\":\"/products/cfexpress-type-b-reader\"}","Var1":"Media Readers","Var2":null,"Var3":"white","Name":"CFEXPRESS TYPE B READER","Filename":"Product-Home-cfexpress-reader.png","DisplayOrder":2,"ContentType":"image/png","Guid":"5f92260b-c7a8-49eb-be12-d2b958a8ad0a","ImageX":719,"ImageY":1167,"Length":281593,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"},{"Content":"{\"linkUrl\":\"/products/compact-drive\"}","Var1":"Media Cards [ARRI]","Var2":"LEARN MORE","Var3":"black","Name":"COMPACT DRIVE","Filename":"Product-Home-CD 2TB.png","DisplayOrder":3,"ContentType":"image/png","Guid":"9ac6a359-9192-4247-a2f9-fad5cacd5d14","ImageX":719,"ImageY":1167,"Length":348459,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"},{"Content":"{\"mobileImage\":\"/asset/d4cfbd84-07b3-4671-b446-3efd20b143dd\",\"linkUrl\":\"/products/compact-drive-express\"}","Var1":"Media Cards [ARRI]","Var2":"LEARN MORE","Var3":"black","Name":"COMPACT DRIVE EXPRESS","Filename":"Product-Home-CD Express.png","DisplayOrder":4,"ContentType":"image/png","Guid":"b02d55a8-de02-48f6-b7cc-e8ea91c19cca","ImageX":719,"ImageY":1167,"Length":336018,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"},{"Content":"{\"mobileImage\":\"/asset/ad8bca42-1dd0-48f9-8407-d5346ac746b2\",\"linkUrl\":\"/products/compact-drive-reader-usb-c\"}","Var1":"Media Readers [ARRI]","Var2":null,"Var3":"white","Name":"COMPACT DRIVE READER USB-C","Filename":"Product-Home-CD usb-c.png","DisplayOrder":5,"ContentType":"image/png","Guid":"bc4f2873-5b90-44ac-b42e-046f37e2b8f2","ImageX":719,"ImageY":1167,"Length":411195,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"},{"Content":"{\"mobileImage\":\"/asset/ad8bca42-1dd0-48f9-8407-d5346ac746b2\",\"linkUrl\":\"/products/compact-drive-reader-tb3\"}","Var1":"Media Readers [ARRI]","Var2":null,"Var3":"white","Name":"COMPACT DRIVE READER TB3","Filename":"Product-Home-TB3 Reader.png","DisplayOrder":6,"ContentType":"image/png","Guid":"c6ba7cf8-a9ed-4ff7-9d3b-3a6544df4c29","ImageX":719,"ImageY":1167,"Length":310193,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"png"}],_codexNewsiteHomepageSolutionsImages=[{"Content":"{\"mobileImage\":\"/asset/5f6dbaa1-bcae-47c8-9096-9661d26f3e02\",\"linkUrl\":\"/solutions/arri-workflow\"}","Var1":"Solutions","Var2":null,"Var3":null,"Name":"ARRI WORKFLOW","Filename":"house-of-the-dragon_eRRoeY 1.jpg","DisplayOrder":0,"ContentType":"image/jpeg","Guid":"c6c2686b-857d-4b0f-b0a0-4172764040b4","ImageX":1333,"ImageY":888,"Length":404112,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"{\"mobileImage\":\"/asset/5f6dbaa1-bcae-47c8-9096-9661d26f3e02\",\"linkUrl\":\"/solutions/integrations\"}","Var1":"Solutions","Var2":null,"Var3":null,"Name":"INTEGRATIONS","Filename":"Frankenstein 1.jpg","DisplayOrder":1,"ContentType":"image/jpeg","Guid":"3647298c-c714-4490-a59e-42ef4b22593c","ImageX":1333,"ImageY":888,"Length":681081,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"{\"mobileImage\":\"/asset/5f6dbaa1-bcae-47c8-9096-9661d26f3e02\",\"linkUrl\":\"/solutions/codex-hde\"}","Var1":"Solutions","Var2":null,"Var3":null,"Name":"HIGH DENSITY ENCODING [HDE]","Filename":"napoleon_9qOGUA.jpg","DisplayOrder":2,"ContentType":"image/jpeg","Guid":"97624c01-583c-4999-9fca-577a96a26c09","ImageX":1000,"ImageY":413,"Length":378153,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"{\"mobileImage\":\"/asset/5f6dbaa1-bcae-47c8-9096-9661d26f3e02\",\"linkUrl\":\"/solutions/hde-partner-program\"}","Var1":"Solutions","Var2":null,"Var3":null,"Name":"HDE PARTNER PROGRAM","Filename":"bullet-train_DTMSOs.jpg","DisplayOrder":3,"ContentType":"image/jpeg","Guid":"09f4bed3-1ebd-4dba-ac96-b28ba097f0e5","ImageX":1000,"ImageY":667,"Length":545971,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}],_codexAwardsTestimonials=[{"Content":"\"When you're capturing moments that can never be recreated, absolute confidence in your recording media isn't a luxury - it's a necessity. I'm pleased to see CODEX bring that same commitment to performance to its new CFexpress media\"","Var1":null,"Var2":null,"Var3":"James Neihouse ASC, DP on A Beautiful Planet","N
2880ame":"A Beautiful Planet","Filename":"A Beautiful Planet copy.jpg","DisplayOrder":0,"ContentType":"image/jpeg","Guid":"c857cbcf-e6f0-45ab-9d81-39076daaa56d","ImageX":2000,"ImageY":1331,"Length":785960,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"âI think you have to be insane to not use HDE. It's come a long way very quicklyâ","Var1":null,"Var2":null,"Var3":"Laura Redpath, DIT on Barbie","Name":"Barbie","Filename":"barbie_Q0LsgL-copy.jpg","DisplayOrder":1,"ContentType":"image/jpeg","Guid":"2ea67351-19ea-44af-a18f-2af5cc548bd4","ImageX":2000,"ImageY":956,"Length":423134,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"\"HDE REDUCED THE AMOUNT OF DATA SIGNIFICANTLY AND HELPED WITH EFFICIENCY IN TURNAROUND AND TRANSPORT\"","Var1":null,"Var2":null,"Var3":"Ben Appleton, DIT on Mission Impossible: Dead Reckoning","Name":"Mission Impossible: Dead Reckoning","Filename":"poster01.jpg","DisplayOrder":2,"ContentType":"image/jpeg","Guid":"a75bc306-3b4a-4996-9a81-f22defdda2e4","ImageX":1384,"ImageY":609,"Length":164924,"HotspotX":64.0,"HotspotY":31.12,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"âWE'RE CAPTURING THE MAXIMUM IMAGE QUALITY THE CAMERA CAN DELIVER, WHICH MEANS ARRIRAW AND CODEXâ\r\n","Var1":null,"Var2":null,"Var3":"Phedon Papamichael ASC GSC, DP on Ford v Ferrari","Name":"Ford v Ferrari","Filename":"ford-v-ferrari_xxs1Rh.jpg","DisplayOrder":3,"ContentType":"image/jpeg","Guid":"12935413-582d-48aa-a50e-4c7be90a06a2","ImageX":2000,"ImageY":828,"Length":188487,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"\"HDE SAVES ON STORAGE CAPACITY, TIME AND MONEY. A SOLUTION THAT CHANGES EVERYTHING\"","Var1":null,"Var2":null,"Var3":"Francesco Luigi Giardello, DIT on Spider-man: Far from Home","Name":"Spider-man: Far from Home","Filename":"spider-man-far-from-home_7FrDxL.jpg","DisplayOrder":4,"ContentType":"image/jpeg","Guid":"59986fd8-0d6c-4bc5-8af6-aad67c461535","ImageX":2000,"ImageY":1054,"Length":421003,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"âCODEX HAVE UNLOCKED CREATIVE POSSIBILITIES FOR CINEMATOGRAPHERS AND DIRECTORS WITH THEIR BRILLIANT WORKâ","Var1":null,"Var2":null,"Var3":"Emmanuel âChivoâ Lubezki ASC, AMC. DP on The Revenant","Name":"The Revenant","Filename":"the-revenant_t39rRZ.jpg","DisplayOrder":5,"ContentType":"image/jpeg","Guid":"07d8d460-838e-41c5-a881-87f776749d23","ImageX":2000,"ImageY":1262,"Length":479784,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}],_codexNewsiteCapturedOnCodex=[{"Content":"DP PÃ¥l Ulvik Rokseth | Director Paul Greengrass | DIT János Jack","Var1":"1224140629","Var2":null,"Var3":null,"Name":"The Uprising","Filename":"The Uprising.jpg","DisplayOrder":0,"ContentType":"image/jpeg","Guid":"329e8979-171b-480a-a241-24ab173b2ad2","ImageX":387,"ImageY":516,"Length":35302,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Brett Pawlak | Director Destin Daniel Cretton | DIT Nikita Prokopenko","Var1":"1197383839","Var2":null,"Var3":null,"Name":"Spider-Man: Brand New Day","Filename":"Spiderman-Brand-New-Day.jpg","DisplayOrder":1,"ContentType":"image/jpeg","Guid":"3b5eb4a7-beb5-4e4b-86e8-8f0113c1e24f","ImageX":1146,"ImageY":1708,"Length":124529,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DPs Christian Sprenger, Cody Jacobs | Directors Hiro Murai, Andrew DeYoung, Samuel Donovan, Ti West | DIT A. Kyo Moon","Var1":"1226905927","Var2":null,"Var3":null,"Name":"Widow's Bay","Filename":"Widows Bay poster up.jpg","DisplayOrder":2,"ContentType":"image/jpeg","Guid":"c7335867-93f8-48c8-839d-fe81c726542b","ImageX":500,"ImageY":750,"Length":381582,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Steve Conrad | DP James Whitaker | DIT Kyle Spicer","Var1":"1226949383","Var2":null,"Var3":null,"Name":"DTF St Louis","Filename":"dtf-st-louis up.jpg","DisplayOrder":3,"ContentType":"image/jpeg","Guid":"fe2ad24d-ea9d-44fb-9107-5de9aaf03ff6","ImageX":500,"ImageY":625,"Length":277791,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}
2880,{"Content":"Director Olivia Newman | DP Ashley Connor | DIT Mitch Bax","Var1":"1226963566","Var2":null,"Var3":null,"Name":"Remarkably Bright Creatures","Filename":"Remarkably Bright Creatures up.jpg","DisplayOrder":4,"ContentType":"image/jpeg","Guid":"30c8774c-8eef-4ca2-bbca-4b1a260677bb","ImageX":500,"ImageY":741,"Length":462745,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DPs Federico Cesca, Gustav Danielsson, Cathal Watters | Directors Owen Harris, Sarah Adina Smith, Andrea Harkin | DITs Cel Bothwell Fitzpatrick, Nikita Prokopenko ","Var1":"1227401271","Var2":null,"Var3":null,"Name":"A Knight of the Seven Kingdoms","Filename":"A Knight of the Seven Kingdoms.jpg","DisplayOrder":5,"ContentType":"image/jpeg","Guid":"1de573a6-f91a-4bd4-9583-001667569d4b","ImageX":500,"ImageY":750,"Length":263169,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Yasu Tanida | Directors Glenn Ficarra, John Requa, Hanelle M. Culpepper | Loader Wade Ferrari","Var1":"1227411241","Var2":null,"Var3":null,"Name":"Paradise","Filename":"Paradise.jpg","DisplayOrder":6,"ContentType":"image/jpeg","Guid":"9a971176-984d-4828-9587-2c5df88c982c","ImageX":500,"ImageY":741,"Length":169747,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DPs Andrew Droz Palermo/Rina Yang | Director David Lowery | DITs Severin Schultze/Jonas Karg","Var1":"1224313267","Var2":null,"Var3":null,"Name":"Mother Mary","Filename":"Mother Mary.jpg","DisplayOrder":7,"ContentType":"image/jpeg","Guid":"4c3a43f1-dc7a-4422-9aca-bd7fc4b58efc","ImageX":1000,"ImageY":1481,"Length":87730,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Greig Fraser | Directors Christopher Miller, Phil Lord | DIT Dan Carling","Var1":"1167443203","Var2":null,"Var3":null,"Name":"Project Hail Mary","Filename":"Project Hail Mary.jpg","DisplayOrder":8,"ContentType":"image/jpeg","Guid":"81f02556-17b4-410e-bce2-6aa383ab6490","ImageX":1080,"ImageY":1600,"Length":1201281,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DPs Zack Galler, Justin Charles Foster | Director Stephanie Laing | DITs Loïc de Lame, Joshua Gollish","Var1":"1230032999","Var2":null,"Var3":null,"Name":"Your Friends & Neighbors","Filename":"Your Friends & Neighbors up.jpg","DisplayOrder":9,"ContentType":"image/jpeg","Guid":"35093e96-d405-4fab-8462-8c150230eab6","ImageX":500,"ImageY":751,"Length":288327,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DPs Marshall Adams, Paul Donachie | Directors Gordon Smith, Vince Gilligan, Adam Bernstein, Melissa Bernstein, Zetna Fuentes, Gandja Monteiro | DIT Kate Denman","Var1":"1229138386","Var2":null,"Var3":null,"Name":"Pluribus","Filename":"Pluribus.jpg","DisplayOrder":10,"ContentType":"image/jpeg","Guid":"02e1f0d3-82ff-4a71-86d2-864c248e77a9","ImageX":500,"ImageY":750,"Length":198091,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP James Blann | Director Kirk Jones | DIT Jess Pezet","Var1":"1167311993","Var2":null,"Var3":null,"Name":"I Swear","Filename":"I swear up.jpg","DisplayOrder":11,"ContentType":"image/jpeg","Guid":"16172dc0-1ea0-4b86-9405-fbccd3ef5e22","ImageX":500,"ImageY":740,"Length":403455,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Lukasz Zal | Director Chloé Zhao | DIT Krzysztof Zawieja","Var1":"1152666852","Var2":null,"Var3":null,"Name":"Hamnet","Filename":"Hamnet.jpg","DisplayOrder":12,"ContentType":"image/jpeg","Guid":"3b1dfc02-9da7-4676-b5e8-8c6bf2b12781","ImageX":500,"ImageY":740,"Length":267457,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Nick Morris | Director Harry Lighton | Data Manager Reece Franklin","Var1":"1141246551","Var2":null,"Var3":null,"Name":"Pillion","Filename":"pillion.jpg","DisplayOrder":13,"ContentType":"image/jpeg","Guid":"dbe5ac4a-ea30-4be3-9dfe-e0a98295b125","ImageX":500,"ImageY":740,"Length":377159,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Darius Khondji | Director Josh Safdien | DIT Gabriel Kolodny","Var1":"1141254821","Var2":null,"Var3":null,"Name":"Marty Supreme","Filename":"marty-supreme.jpg","DisplayOrder":14,"ContentType":"image/jpeg","Guid":"f01cd52f-1768-41e9-8924-e6214dc7b350","ImageX":500,"ImageY":785,"Length":409259,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP G. Magni Ãgústsson | Director James Griffiths | DIT Jake Williams","Var1":"1119755695","Var2":null,"Var3":null,"Name":"The Ballad of Wallis Island","Filename":"the-ballad-of-wallis-island.jpg","DisplayOrder":15,"ContentType":"image/jpeg","Guid":"ed584bc5-2e07-48d7-b9e8-5d535dcc526b","ImageX":500,"ImageY":740,"Length":394626,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Takuro Ishizaka | Director Hikari | DIT Yasuyuki Shitara","Var1":"1153703871","Var2":null,"Var3":null,"Name":"Rental Family","Filename":"rental-family.jpg","DisplayOrder":16,"ContentType":"image/jpeg","Guid":"3ce5255a-e2ae-4044-b314-50c9915321b3","ImageX":500,"ImageY":749,"Length":284718,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Ben Fordesman | Director Ronan Day-Lewis | DIT Alec Garner","Var1":"1161474498","Var2":null,"Var3":null,"Name":"Anemone","Filename":"Anemone up.jpg","DisplayOrder":17,"ContentType":"image/jpeg","Guid":"4bd6f5b1-f709-43de-9f3f-f520e4a9ebfe","ImageX":500,"ImageY":740,"Length":287798,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Alice Brooks | Director Jon M. Chu | DIT Joe Coffey","Var1":"1144544601","Var2":null,"Var3":null,"Name":"Wicked: For Good","Filename":"wicked-for-good.jpg","DisplayOrder":18,"ContentType":"image/jpeg","Guid":"7069a644-6960-48e3-bf6b-9b3e2a23139c","ImageX":500,"ImageY":667,"Length":435273,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Ruairà O'Brien | Director David Freyne | DIT Refah Seyed Mahmoud","Var1":"1144448303","Var2":null,"Var3":null,"Name":"Eternity","Filename":"eternity_8t0gpt9b ALEXA 35.jpg","DisplayOrder":19,"ContentType":"image/jpeg","Guid":"c500c269-4051-479d-bfcd-1cac0
28805476352","ImageX":500,"ImageY":780,"Length":429677,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Adolpho Veloso | Director Clint Bentley | DIT Brenton Manes","Var1":"1144446400","Var2":null,"Var3":null,"Name":"Train Dreams","Filename":"train-dreams_wofwbbkq_ALEXA_35.jpg","DisplayOrder":20,"ContentType":"image/jpeg","Guid":"da7eda8b-f3cb-49ea-89e3-485db3e77af8","ImageX":500,"ImageY":741,"Length":267070,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Steve Yedlin | Director Rian Johnson | DIT Daniel Alexander","Var1":"1140846542","Var2":null,"Var3":null,"Name":"Wake up Dead Man: A Knives out mystery","Filename":"wake-up-dead-man-a-knives-out-mystery.jpg","DisplayOrder":21,"ContentType":"image/jpeg","Guid":"161329c6-39a5-4c7c-9e66-8a88ebe1559c","ImageX":500,"ImageY":740,"Length":338720,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Frida Marzouk | Director Erige Sehiri","Var1":"1140846165","Var2":null,"Var3":null,"Name":"Promised Sky","Filename":"promised-sky.jpg","DisplayOrder":22,"ContentType":"image/jpeg","Guid":"60ed6238-6463-4094-af32-cede7f0ae02a","ImageX":500,"ImageY":625,"Length":220233,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Jeff Cutter | Director Dan Trachtenberg","Var1":"1134693532","Var2":null,"Var3":null,"Name":"Predator: Badlands","Filename":"predator-badlands_ddjvq4vq.jpg","DisplayOrder":23,"ContentType":"image/jpeg","Guid":"6ccf5d2e-9143-4538-9689-f50d2099c0ca","ImageX":500,"ImageY":741,"Length":442021,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Lyn Moncrief | Director Emma Tammi | DIT Paul Rahfield","Var1":"1131368013","Var2":null,"Var3":null,"Name":"Five Nights at Freddy's 2","Filename":"five-nights-at-freddys-2.jpg","DisplayOrder":24,"ContentType":"image/jpeg","Guid":"bf9a5e76-282f-4465-a09a-b159bcbaab2c","ImageX":500,"ImageY":792,"Length":332488,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Malin LQ | Director Mattias Johansson Skoglund | DITs Miguel Ãngel Campoy Cruz, Gustav Schandl","Var1":"1129205999","Var2":null,"Var3":null,"Name":"The Home","Filename":"The Home.jpg","DisplayOrder":25,"ContentType":"image/jpeg","Guid":"b0dc180d-2137-4660-8e74-730c832e795d","ImageX":500,"ImageY":754,"Length":260619,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP José David Montero | Director Renny Harlin | DITs José Manuel Bahamonde, Maria Neto, Marcos Quintas ","Var1":"1131378127","Var2":null,"Var3":null,"Name":"The Strangers: Chapter 2","Filename":"the-strangers-chapter-2.jpg","DisplayOrder":26,"ContentType":"image/jpeg","Guid":"6e591cf6-153f-44f6-ad39-222ee0c7db89","ImageX":500,"ImageY":741,"Length":381499,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Chung-hoon Chung | Director Edgar Wright | DITs Anthony Dias, Thomas Patrick","Var1":"1127664109","Var2":null,"Var3":null,"Name":"The Running Man","Filename":"The Running Man.jpg","DisplayOrder":27,"ContentType":"image/jpeg","Guid":"b6333305-ba7b-4141-8346-7249f860cf5e","ImageX":500,"ImageY":741,"Length":553190,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Josée Deshaies | Director Harris Dickinson | DIT Andrew Knight","Var1":"1130989231","Var2":null,"Var3":null,"Name":"Urchin","Filename":"Urchin.jpg","DisplayOrder":28,"ContentType":"image/jpeg","Guid":"296a94b3-2655-4d5a-be5a-50158090cd40","ImageX":500,"ImageY":741,"Length":317658,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Barry Ackroyd | Director Kathryn Bigelow | DIT A. Kyo Moon","Var1":"144573246","Var2":null,"Var3":null,"Name":"A House of Dynamite","Filename":"A House of Dynamite ALEXA 35.jpg","DisplayOrder":29,"ContentType":"image/jpeg","Guid":"bed4a234-3bad-443f-92d2-c6f7e5397f64","ImageX":500,"ImageY":739,"Length":320992,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Benjamin Loeb | Director Kogonada","Var1":"1127130396","Var2":null,"Var3":null,"Name":"A Big Bold Beautiful Journey","Filename":"a-big-bold-beautiful-journey.jpg","DisplayOrder":30,"ContentType":"image/jpeg","Guid":"ef181848-1b7d-435a-b7a2-5421ce832561","ImageX":500,"ImageY":741,"Length":409627,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP James Friend | Director Edward Berger | DIT Peter Marsden","Var1":"1119749533","Var2":null,"Var3":null,"Name":"Ballad of a Small Player","Filename":"ballad-of-a-small-player.jpg","DisplayOrder":31,"ContentType":"image/jpeg","Guid":"22e21dd7-c2c2-4744-bbac-9115994b8a25","ImageX":500,"ImageY":741,"Length":324586,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Alexander Chinnici | Director Peter Cilella | DIT Emilio Mejia","Var1":"1129234454","Var2":null,"Var3":null,"Name":"Descendent","Filename":"Descendent.jpg","DisplayOrder":32,"ContentType":"image/jpeg","Guid":"7607c5d2-01b8-4d32-92e7-e4f727c87012","ImageX":500,"ImageY":750,"Length":333585,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Mia Cioffi Henry | Director Eva Victor | DIT Nicholas Pasquariello","Var1":"1120826979","Var2":null,"Var3":null,"Name":"Sorry, Baby","Filename":"Sorry, Baby.jpg","DisplayOrder":33,"ContentType":"image/jpeg","Guid":"a36d1a62-af84-4ea1-875e-ea3636d05a44","ImageX":500,"ImageY":780,"Length":336699,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Tomasz Naumiuk | Director Agnieszka Holland | DIT Jan Jasa","Var1":"1119761135","Var2":null,"Var3":null,"Name":"Franz","Filename":"franz.jpg","DisplayOrder":34,"ContentType":"image/jpeg","Guid":"ccc52ea4-0ffe-4982
2880-9040-e995ed052624","ImageX":500,"ImageY":707,"Length":153351,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Lincoln Else | Director Rob Reiner | DIT Robert Barr","Var1":"1119734509","Var2":null,"Var3":null,"Name":"This is Spinal Tap: The End Continues","Filename":"spinal-tap-ii-the-end-continuesj.jpg","DisplayOrder":35,"ContentType":"image/jpeg","Guid":"4a753737-8212-4a9b-887b-32d112d3a448","ImageX":500,"ImageY":750,"Length":372266,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Sebastian Blenkov | Director Anders Thomas Jensen | DIT Derek Gilbert Zacho","Var1":"1119768691","Var2":null,"Var3":null,"Name":"The Last Viking","Filename":"the-last-viking.jpg","DisplayOrder":36,"ContentType":"image/jpeg","Guid":"5c2ed5ba-d993-4f86-8612-d2306e355b9f","ImageX":500,"ImageY":714,"Length":504638,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Florian Hoffmeister | Director Jay Roach | DIT Lorenzo Zama","Var1":"1107140942","Var2":null,"Var3":null,"Name":"The Roses","Filename":"The Roses.jpg","DisplayOrder":37,"ContentType":"image/jpeg","Guid":"a635dc6a-9a20-49d7-aa33-74e8e5462811","ImageX":500,"ImageY":741,"Length":376369,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Larkin Seiple | Director Zach Cregger | DIT Joe Elrom","Var1":"1109622445","Var2":null,"Var3":null,"Name":"Weapons","Filename":"weapons.jpg","DisplayOrder":38,"ContentType":"image/jpeg","Guid":"93c7d454-980a-44f1-bafe-f555d7778394","ImageX":500,"ImageY":741,"Length":241064,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Brandon Trost | Director Akiva Schaffer | DIT Imanuel Smith","Var1":"1109628854","Var2":null,"Var3":null,"Name":"The Naked Gun","Filename":"The-naked-gun.jpg","DisplayOrder":39,"ContentType":"image/jpeg","Guid":"40eb0dee-494f-411a-8ded-c17bf78845b8","ImageX":500,"ImageY":741,"Length":405646,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Andrew Pulaski | Director Dean Imperial","Var1":"1129251323","Var2":null,"Var3":null,"Name":"Caper","Filename":"Caper.jpg","DisplayOrder":40,"ContentType":"image/jpeg","Guid":"c20be4bd-9fdc-44d6-b411-9ee890c39f97","ImageX":497,"ImageY":741,"Length":318844,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Matthew Clark | Director Nisha Ganatra | DIT Nina Chadha","Var1":"1109401046","Var2":null,"Var3":null,"Name":"Freakier Friday","Filename":"freakier-friday.jpg","DisplayOrder":41,"ContentType":"image/jpeg","Guid":"fd5b7f05-96c9-42e2-848f-9a4485cb2b8b","ImageX":500,"ImageY":741,"Length":491161,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Jess Hall | Director Matt Shakman | DIT Lonny Danler","Var1":"1053673971,0481fc55-1ecf-4280-9dd3-e941b200b894","Var2":null,"Var3":null,"Name":"The Fantastic Four: First Steps","Filename":"The Fantastic Four - First Step.jpg","DisplayOrder":42,"ContentType":"image/jpeg","Guid":"899f0769-147e-4308-bfe7-3530ddd1d37c","ImageX":1000,"ImageY":1277,"Length":127312,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Elisha Christian | Director Jennifer Kaytin Robinson | DITs Ben Hunt, Shannon Cook, Jacob P. LaGuardia ","Var1":"1131649345","Var2":null,"Var3":null,"Name":"I know what you did last summer","Filename":"i-know-what-you-did-last-summer.jpg","DisplayOrder":43,"ContentType":"image/jpeg","Guid":"f19f925a-cf3a-4854-8253-802b6e1e76b8","ImageX":500,"ImageY":741,"Length":334151,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tDean DeBlois, cinematography by Bill Pope, ASC.","Var1":"1031469428, 1bf4133c-d718-47c2-8876-e2b450d22948","Var2":null,"Var3":null,"Name":"How to Train Your Dragon","Filename":"how-to-train-your-dragon-up.jpg","DisplayOrder":44,"ContentType":"image/jpeg","Guid":"a55495f9-f931-470c-8d31-841e001eae9f","ImageX":800,"ImageY":1267,"Length":521527,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Aaron McLisky | Directors Danny Philippou, Michael Philippou | DIT Ben Hunt","Var1":"1105842927","Var2":null,"Var3":null,"Name":"Bring Her Back","Filename":"bring-her-back.jpg","DisplayOrder":45,"ContentType":"image/jpeg","Guid":"a8bb7969-3af9-479f-ab9b-46e3cb195771","ImageX":500,"ImageY":741,"Length":362647,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Jake Schreier, Cinematographer Andrew Droz Palermo","Var1":"1083341584","Var2":null,"Var3":null,"Name":"Thunderbolts","Filename":"thunderbolts.jpg","DisplayOrder":46,"ContentType":"image/jpeg","Guid":"bd630e01-a702-4f35-a0ba-d1aeb356ca07","ImageX":800,"ImageY":1185,"Length":1135404,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Shelley Farthing-Dawe | Director Sean Byrne","Var1":"1107683116","Var2":null,"Var3":null,"Name":"Dangerous Animals","Filename":"dangerous-animals.jpg","DisplayOrder":47,"ContentType":"image/jpeg","Guid":"9e81aebd-2938-49da-af72-5168872ae646","ImageX":500,"ImageY":741,"Length":485010,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Len Wiseman, cinematography by Romain Lacourbas, AFC, ASC.","Var1":"1014250332,0b1a50c8-75ac-433d-9c6f-bccb487a0efb","Var2":null,"Var3":null,"Name":"Ballerina","Filename":"balleriina-up2.jpg","DisplayOrder":48,"ContentType":"image/jpeg","Guid":"c54135d4-0bb2-4b7f-adec-9a6d1c6bcf22","ImageX":700,"ImageY":1036,"Length":162377,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}
2880,{"Content":"DP Larry Fong | Director Alex Scharfman | DIT Noel Villers","Var1":"1129673156","Var2":null,"Var3":null,"Name":"Death of a Unicorn","Filename":"Death of a Unicorn 1.jpg","DisplayOrder":49,"ContentType":"image/jpeg","Guid":"4e472f2d-067a-4875-bff6-d690c8e8a4e0","ImageX":500,"ImageY":625,"Length":347288,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tChristopher McQuarrie, cinematography by Fraser Taggart.","Var1":"1028740794,b5d8cd18-05a5-48ef-ae96-6f438f45ef57","Var2":null,"Var3":null,"Name":"Mission: Impossible - The Final Reckoning","Filename":"Mission-Impossible-The-Final-Reckoning-up(1).jpg","DisplayOrder":50,"ContentType":"image/jpeg","Guid":"360ecfe1-7213-4f68-9083-aab11d744e0a","ImageX":700,"ImageY":875,"Length":158232,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Wes Miller, cinematographer Ron Bowjack Bourdeau.","Var1":"1083342203","Var2":null,"Var3":null,"Name":"Black Heat","Filename":"black-heat.jpg","DisplayOrder":51,"ContentType":"image/jpeg","Guid":"5929d9ae-65e6-4a24-ace1-b4700c1b5661","ImageX":800,"ImageY":1182,"Length":988699,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tGavin O'Connor, cinematography by Seamus McGarvey.","Var1":"1083342060","Var2":null,"Var3":null,"Name":"The Accountant 2","Filename":"the-accountant-2.jpg","DisplayOrder":52,"ContentType":"image/jpeg","Guid":"8112747c-6090-4b80-828d-7813685448d2","ImageX":500,"ImageY":741,"Length":443947,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tGerard Johnstone, cinematography Toby Oliver, ACS.","Var1":"1053675369,e466bbc3-5c05-4ed7-849f-4cb8ff520824","Var2":null,"Var3":null,"Name":"M3GAN 2.0","Filename":"Megan-2-up.jpg","DisplayOrder":53,"ContentType":"image/jpeg","Guid":"71d3c17f-3002-42ca-a970-f1603084d1e2","ImageX":800,"ImageY":1266,"Length":137096,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Lorcan Finnegan | DP Radek Ladczuk | DIT Ben Hunt","Var1":"1083341543","Var2":null,"Var3":null,"Name":"The Surfer","Filename":"the-surfer(1).jpg","DisplayOrder":54,"ContentType":"image/jpeg","Guid":"566c3efa-8ede-4980-9081-6dee13720baa","ImageX":800,"ImageY":1249,"Length":1143638,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Douglas Koch | Director David Cronenberg","Var1":"1107206292","Var2":null,"Var3":null,"Name":"The Shrouds","Filename":"the-shrouds_hobj1gy9.jpg","DisplayOrder":55,"ContentType":"image/jpeg","Guid":"a5a66cc7-1cc8-4b18-ac51-01c7b933dc0c","ImageX":500,"ImageY":741,"Length":311079,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Emilie Blichfeldt | DP Marcel Zyskind","Var1":"1083341569","Var2":null,"Var3":null,"Name":"The Ugly Stepsister","Filename":"The Ugly Stepsister(1).jpg","DisplayOrder":56,"ContentType":"image/jpeg","Guid":"56782d86-db44-41c1-8d6b-33d488d1c7a7","ImageX":800,"ImageY":1174,"Length":810122,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Maxime Alexandre | Director David F. Sandberg | DIT Dávid Vécsey","Var1":"1107150900","Var2":null,"Var3":null,"Name":"Until Dawn","Filename":"Until Dawn.jpg","DisplayOrder":57,"ContentType":"image/jpeg","Guid":"313a55fe-161e-4a44-a88c-89feecec37fa","ImageX":500,"ImageY":741,"Length":402437,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director James Hawes | DP Martin Ruhe | DIT Yusuf Arik.","Var1":"1083342068","Var2":null,"Var3":null,"Name":"The Amateur","Filename":"the-amateur(1).jpg","DisplayOrder":58,"ContentType":"image/jpeg","Guid":"c528da17-a93a-42a3-bf96-aa4100aa1661","ImageX":800,"ImageY":1185,"Length":629291,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"DP Marc Spicer | Director Christopher Landon | DIT Sean Leonard","Var1":"1129883391","Var2":null,"Var3":null,"Name":"Drop","Filename":"Drop.jpg","DisplayOrder":59,"ContentType":"image/jpeg","Guid":"8afd85a9-381c-4b74-9d85-42baf98374e5","ImageX":500,"ImageY":792,"Length":331721,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Director Jared Hess | DP Enrique Chediak | DIT A. Kyo Moon","Var1":"1085338439","Var2":null,"Var3":null,"Name":"A Minecraft Movie","Filename":"a minecraft movie(1).jpg","DisplayOrder":60,"ContentType":"image/jpeg","Guid":"ed81c6e1-76fb-4334-8978-e9adb0d787fb","ImageX":800,"ImageY":1185,"Length":1110135,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tKyle Hausmann-Stokes, cinematography by Matt Sakatani Roe.","Var1":"1057925540,1234bb53-d3d0-4159-a9b5-7e7765fd8739","Var2":null,"Var3":null,"Name":"My Dead Friend Zoe","Filename":"My Dead Friend ZOE.jpg","DisplayOrder":61,"ContentType":"image/jpeg","Guid":"40c25557-7
2880a27-4355-8347-b7010cfd5f98","ImageX":1000,"ImageY":1482,"Length":214506,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tBong Joon-ho, cinematography by Darius Khondji AFC, ASC.","Var1":"1025374167,f0ed5df0-368d-4369-8952-aae723aada30","Var2":null,"Var3":null,"Name":"Mickey 17","Filename":"mickey-17-up.jpg","DisplayOrder":62,"ContentType":"image/jpeg","Guid":"56240868-aa86-44d6-83d6-e9ccc7572490","ImageX":800,"ImageY":1000,"Length":516185,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tMichael Morris, cinematography by Suzie Lavelle.","Var1":"1055140803,a715210e-e7bd-40b6-a21a-1591f56f4e9d","Var2":null,"Var3":null,"Name":"Bridget Jones: Mad About the Boy","Filename":"bridget-jones-mad-about-the-boy-up.jpg","DisplayOrder":63,"ContentType":"image/jpeg","Guid":"a3a74181-ecc5-47dd-b844-577f4efb978f","ImageX":800,"ImageY":1267,"Length":233460,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Jesse Eisenberg, cinematography by Michal Dymek.","Var1":"1024390134,329a2362-97e2-4bb6-900f-31ab80241e07","Var2":null,"Var3":null,"Name":"A Real Pain","Filename":"A-real-pain-up(1).jpg","DisplayOrder":64,"ContentType":"image/jpeg","Guid":"a5e9ed9c-c9e4-4cd0-8075-f015a31d0823","ImageX":800,"ImageY":1185,"Length":206820,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tJulius Onah, cinematography\tby Kramer Morgenthau, ASC.","Var1":"1039627616,30edf635-04f4-4483-a399-c758f3e2ccb6","Var2":null,"Var3":null,"Name":"Captain America: Brave New World","Filename":"captain-america-bave-new-world-up.jpg","DisplayOrder":65,"ContentType":"image/jpeg","Guid":"a144f317-e8ae-4045-9bfb-ac881c3e047f","ImageX":700,"ImageY":875,"Length":325494,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tBarry Jenkins, cinematography by James Laxton.","Var1":"991931850,3b979acd-92aa-45e7-8eb4-3f1f83e7e670","Var2":null,"Var3":null,"Name":"Mufasa: The Lion King","Filename":"mufasa-the-lion-king-up.jpg","DisplayOrder":66,"ContentType":"image/jpeg","Guid":"c67a6186-3f36-4868-b913-ff61b01daa18","ImageX":700,"ImageY":1037,"Length":243320,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Sir Ridley Scott, cinematography John Mathieson CAL, BSC.","Var1":"981791083,47b42e91-a7a0-4c27-9a3f-1fa85919b220","Var2":null,"Var3":null,"Name":"Gladiator II","Filename":"gladiator-2-up.jpg","DisplayOrder":67,"ContentType":"image/jpeg","Guid":"0342f4b5-c6d5-49b9-bef4-ed47a0942830","ImageX":700,"ImageY":876,"Length":313893,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tCoralie Fargeat, cinematography\tby Benjamin KraÄun, BSC.","Var1":"1027276135,7b388e8a-32fd-4e0e-a314-f20da7928134","Var2":null,"Var3":null,"Name":"The Substance","Filename":"The-Substance.jpg","DisplayOrder":68,"ContentType":"image/jpeg","Guid":"c810e217-0d64-4a2f-b634-c1a43a744d8d","ImageX":817,"ImageY":1194,"Length":125862,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tTodd Phillips, cinematography Lawrence Sher, ASC.","Var1":"932787773,866a9786-d2e4-432a-96e5-fe5fcb70d2e3","Var2":null,"Var3":null,"Name":"Joker: Folie à Deux","Filename":"Joker-Folie-a-Deux-up.jpg","DisplayOrder":69,"ContentType":"image/jpeg","Guid":"d870a8fb-1508-4d81-9569-6957c5b56653","ImageX":700,"ImageY":875,"Length":169536,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by John Crowley, cinematography by Stuart Bentley.","Var1":"984752760,be052af2-d763-449a-9de4-00435bf43ff5","Var2":null,"Var3":null,"Name":"We Live in Time","Filename":"we-live-in-time-up.jpg","DisplayOrder":70,"ContentType":"image/jpeg","Guid":"e2422833-4f72-4e24-a842-0e471050ff59","ImageX":700,"ImageY":1033,"Length":210370,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by James Watkins, cinematography by Tim Maurice-Jones, BSC.","Var1":"1010501384,7b26c088-009e-47b2-8355-f5c0e13c876e","Var2":null,"Var3":null,"Name":"Speak No Evil","Filename":"speak-no-evil-up-2.jpg","DisplayOrder":71,"ContentType":"image/jpeg","Guid":"525a807b-f322-49de-a284-7db32ff0491f","ImageX":700,"ImageY":1108,"Length":121822,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tChristopher McQuarrie, cinematography by Fraser Taggart.","Var1":"1028740794,b5d8cd18-05a5-48ef-ae96-6f438f45ef57","Var2":null,"Var3":null,"Name":"Mission: Impossible â The Final Reckoning","Filename":"Mission-Impossible-The-Final-Reckoning-up.jpg","DisplayOrder":72,"ContentType":"image/jpeg","Guid":"5e320845-d33d-416b-9278-8d5da209da89","ImageX":700,"ImageY":875,"Length":158232,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tPedro Almodóvar, cinematography\tEdu Grau, ASC. ","Var1":"1007572145,da9b6582-c7e3-4931-ba0b-c6845eb4266a","Var2":null,"Var3":null,"Name":"The Room Next Door","Filename":"the-room-next-door-up.jpg","DisplayOrder":73,"ContentType":"image/jpeg","Guid":"3806b940-cc7e-4c77-9a36-efb91d3b6ed9","ImageX":700,"ImageY":1037,"Length":131909,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Ellen Kuras, cinematography by Pawel Edelman, PSC.","Var1":"942281295,009bff6b-d447-4d0f-a5dc-f8d0f1f8e8d8","Var2":null,"Var3":null,"Name":"Lee","Filename":"lee-up.jpg","DisplayOrder":74,"ContentType":"image/jpeg","Guid":"89edaf25-6f32-481d-9d65-8191fecab1b4","ImageX":700,"ImageY":1041,"Length":166381,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tKelly Marcel, cinematography Fabian Wagner.","Var1":"1005903015,2d262eac-f0c8-4a62-aa51-f479f0da7f37","Var2":null,"Var3":null,"Name":"Venom: The Last Dance","Filename":"venom-the-last-dance-up.jpg","DisplayOrder":75,"ContentType":"image/jpeg","Guid":"6ad79ea3-5c15-489c-b177-43747fc7630a","ImageX":700,"ImageY":1049,"Length":242983,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}
2880,{"Content":"Cinematography by Danny Cohen (12 episodes) and David Chizallet (6 episodes).","Var1":"888652909,39efcbe5-92c5-45f2-811d-ac7cf2f95fa9","Var2":null,"Var3":null,"Name":"Slow Horses","Filename":"slow-horses-up.jpg","DisplayOrder":76,"ContentType":"image/jpeg","Guid":"8e80606f-ca53-4418-a5e9-e81b57fefabb","ImageX":673,"ImageY":998,"Length":157326,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Fede Alvarez, cinematography by Galo Olivares.","Var1":"953859543,d7cce755-9c20-4780-96d2-fb6683da7ac6","Var2":null,"Var3":null,"Name":"Alien: Romulus","Filename":"alien romulus.jpg","DisplayOrder":77,"ContentType":"image/jpeg","Guid":"3af9b5ed-1436-4217-995f-ce999c1ba731","ImageX":1080,"ImageY":1350,"Length":89886,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Shawn Levy, cinematography by George Richmond.","Var1":"938090650,eaba4ab1-10e4-460a-a992-51bf8fecd456","Var2":null,"Var3":null,"Name":"Deadpool & Wolverine","Filename":"deadpool-&-wolverine-v2-up.jpg","DisplayOrder":78,"ContentType":"image/jpeg","Guid":"ea41c97e-8cfd-4ff7-a388-0e3a4c331f3a","ImageX":800,"ImageY":1185,"Length":945727,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by George Miller, cinematography by Simon Duggan, ASC, ACS.","Var1":"890349157,f3488772-f2e5-468f-8f84-806a7f75e915","Var2":null,"Var3":null,"Name":"Furiosa: A Mad Max Saga","Filename":"FURIOSA-A-MAD-MAX-SAGA.jpg","DisplayOrder":79,"ContentType":"image/jpeg","Guid":"2badd7b6-8bf3-4793-9b51-ab737585c9ee","ImageX":700,"ImageY":1042,"Length":297931,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Steven Zaillian, cinematography by Robert Elswit, ASC.","Var1":"905666881,1f336ee1-a167-46fd-b8c0-272bc7846feb","Var2":null,"Var3":null,"Name":"Ripley","Filename":"ripley-2-up.jpg","DisplayOrder":80,"ContentType":"image/jpeg","Guid":"783a75f3-ab3a-4d57-aa77-4beade8e3e3a","ImageX":800,"ImageY":1185,"Length":265391,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tDenis Villeneuve, cinematography by Greig Fraser, ACS, ASC.","Var1":"823687299,9432b429-a9e6-4387-a4e8-e717e8574ebf","Var2":null,"Var3":null,"Name":"Dune: Part Two","Filename":"dune-part-two.jpg","DisplayOrder":81,"ContentType":"image/jpeg","Guid":"474cd003-7bbf-4492-9d7c-c3dba1c7e1b6","ImageX":800,"ImageY":1186,"Length":90794,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Cinematography by Nick Cooke (4 episodes), Ollie Downey (4 episodes), Ãlvaro Gutiérrez (3 episodes) and Jonas Mortensen (3 episodes).","Var1":"922809484,67ea54f0-d260-4031-9b32-9ad1ab182083","Var2":null,"Var3":null,"Name":"One Day","Filename":"one-day-up.jpg","DisplayOrder":82,"ContentType":"image/jpeg","Guid":"eb5d9c10-317c-489a-90a3-c3873d3a81e1","ImageX":700,"ImageY":875,"Length":270046,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tSam Taylor-Johnson, cinematography\tPolly Morgan, ASC, BSC.","Var1":"902265122,03a1cea8-7a92-41cd-bc1c-fdb6d2952446","Var2":null,"Var3":null,"Name":"Back to Black","Filename":"back-to-black-up.jpg","DisplayOrder":83,"ContentType":"image/jpeg","Guid":"96d82f83-f68b-4622-8bc2-93fd62aa48b6","ImageX":700,"ImageY":1037,"Length":126287,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Wes Ball, cinematography by Gyula Pados.","Var1":"913026305,9dc6cdc0-ab69-43e9-8c0c-8489c5b4dad7","Var2":null,"Var3":null,"Name":"Kingdom of the Planet of the Apes","Filename":"Kingdom-of-the-Planet-of-the-Apes-up.jpg","DisplayOrder":84,"ContentType":"image/jpeg","Guid":"56caec9c-a62d-45de-93e9-02b3e7b11bb7","ImageX":800,"ImageY":1185,"Length":964493,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}
2880,{"Content":"Directed by Jean-Stéphane Sauvaire, cinematography by David Ungaro.","Var1":"928454654,598c266f-b0ff-4ade-b79f-d57a2220a1d8","Var2":null,"Var3":null,"Name":"Ashphalt City","Filename":"ashphalt city.jpg","DisplayOrder":85,"ContentType":"image/jpeg","Guid":"f3972aac-32e4-455d-b60b-0b77c94fdfd6","ImageX":510,"ImageY":755,"Length":99102,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Cinematography by Andrew Wehde (7 episodes) and Adam Newport-Berra (1 episode).","Var1":"790874983,937a2d95-64c8-4046-b755-62a330c25fc0","Var2":null,"Var3":null,"Name":"The Bear","Filename":"the bear.jpg","DisplayOrder":86,"ContentType":"image/jpeg","Guid":"1d2e58ba-d80b-4937-9c8e-8d42f19bc54d","ImageX":1000,"ImageY":1250,"Length":224020,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Cinematography Krzysztof Trojnar (4 episodes) Annika Summerson (3 episodes).","Var1":"944053730,29704888-4086-45f3-9b2e-1247ad54e968","Var2":null,"Var3":null,"Name":"Baby Reindeer","Filename":"baby reindeer.jpg","DisplayOrder":87,"ContentType":"image/jpeg","Guid":"ba21ecc1-2059-4fdc-ab10-28f5e713ce9e","ImageX":1000,"ImageY":1250,"Length":120534,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Greta Gerwig, cinematography by Rodrigo Prieto, ASC, AMC.","Var1":"782555277,25c53640-a639-422f-b554-3c191b961cc8","Var2":null,"Var3":null,"Name":"Barbie","Filename":"barbie-new.jpg","DisplayOrder":88,"ContentType":"image/jpeg","Guid":"ffad6645-8c56-42b6-9087-3dfe77b8a303","ImageX":800,"ImageY":1185,"Length":147449,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Justine Triet, cinematograohy by Simon Beaufils.","Var1":"856755194,fe4ac7d1-3dc1-4b86-a37b-82d3585071b1","Var2":null,"Var3":null,"Name":"Anatomy of a Fall","Filename":"anatomy-of-a-fall-up(1).jpg","DisplayOrder":89,"ContentType":"image/jpeg","Guid":"88f7ea69-1555-4c47-a76a-c0825f19c198","ImageX":800,"ImageY":1174,"Length":212994,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Todd Haynes, cinematography by Christopher Blauvelt.","Var1":"868709734,3bef2170-a608-4e92-ace0-58ddc4136cff","Var2":null,"Var3":null,"Name":"May December","Filename":"may-december-2-up.jpg","DisplayOrder":90,"ContentType":"image/jpeg","Guid":"c5eb3b9e-831d-43d6-b5e1-46ae77448c5c","ImageX":700,"ImageY":1037,"Length":248361,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by MichaÅ KwieciÅski, cinematography by Michal Sobocinski, PSC.","Var1":"912945530,33b19c71-30d2-4c5c-8ea3-7f73e5e2a350","Var2":null,"Var3":null,"Name":"Filip","Filename":"filip-up.jpg","DisplayOrder":91,"ContentType":"image/jpeg","Guid":"b32880b6-b3c1-48ea-9cb4-23cbe523ba80","ImageX":700,"ImageY":1009,"Length":280195,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Ridley Scott, cinematography by Dariusz Wolski, ASC.","Var1":"845217575,9b2097fd-d557-4e54-8521-bd37825b0cd9","Var2":null,"Var3":null,"Name":"Napoleon","Filename":"napoleon-up.jpg","DisplayOrder":92,"ContentType":"image/jpeg","Guid":"dd0831c6-808b-4792-a013-082d5d3f5d3d","ImageX":800,"ImageY":1186,"Length":158092,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Pablo LarraÃn, directed by Edward Lachman.","Var1":"882854517,c3194f60-b293-4a9a-b59e-1909699877eb","Var2":null,"Var3":null,"Name":"El Conde","Filename":"El-Conde-up.jpg","DisplayOrder":93,"ContentType":"image/jpeg","Guid":"7fc2d141-f69f-43df-a3e3-7639fea98d10","ImageX":736,"ImageY":731,"Length":93140,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Lesley Chilcott, cinematography by Logan Schneider.","Var1":"854411604,55a01ae5-d925-4f3d-a109-d6df63de782d","Var2":null,"Var3":null,"Name":"Arnold","Filename":"arnold-up.jpg","DisplayOrder":94,"ContentType":"image/jpeg","Guid":"cb7d7035-750e-49fb-ade1-90b64333d0b0","ImageX":750,"ImageY":1111,"Length":222786,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by Fisher Stevens, cinematography by Tim Cragg.","Var1":"874042445,65c7d8aa-8b16-471a-b7ad-7263e39545fb","Var2":null,"Var3":null,"Name":"Beckham","Filename":"beckham-up.jpg","DisplayOrder":95,"ContentType":"image/jpeg","Guid":"9e2b7ae4-4bf9-46ff-a329-662ef0b1bb84","ImageX":700,"ImageY":875,"Length":176396,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Directed by\tChristopher McQuarrie, cinematography Fraser Taggart.","Var1":"876643295,c6599e8a-1c19-4d2d-84df-0341ca49f2c6","Var2":null,"Var3":null,"Name":"Mission: Impossible â Dead Reckoning Part One","Filename":"Mission-Impossible-Dead-Reckoning-Part-One-up.jpg","DisplayOrder":96,"ContentType":"image/jpeg","Guid":"b375a925-110f-4484-8e64-d0d4e30c659b","ImageX":700,"ImageY":1030,"Length":137319,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Cinematography by Sylvaine Dufaux and Remi Adefarasin, OBE, BSC.","Var1":"814157278,2438a41c-9803-451c-bda7-05ae91199758","Var2":null,"Var3":null,"Name":"SECRET INVASION","Filename":"secret-invasion-new-up.jpg","DisplayOrder":97,"ContentType":"image/jpeg","Guid":"ca9406bd-e4a2-4801-b74a-214559f7a372","ImageX":800,"ImageY":1184,"Length":234725,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}
2880,{"Content":"Cinematography by Ksenia Sereda (4 episodes), Eben Bolter (3 episodes), Nadim Carlsen (2 episodes).","Var1":"768035215,9f819ef2-18db-4a2f-9c99-b2debc63d1ee","Var2":null,"Var3":null,"Name":"The Last of Us","Filename":"the-last-of-us-up.jpg","DisplayOrder":98,"ContentType":"image/jpeg","Guid":"cc5d1818-e3a2-4402-b491-d3cfb5fd0113","ImageX":700,"ImageY":1037,"Length":166719,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Cinematography by Fabian Wagner (3 episodes), Pepe Avila del Pino (2 episodes, 2022), Alejandro MartÃnez (2 episodes) Catherine Goldschmidt (1 episode).","Var1":"759076949,d51c6bfb-4c70-453a-abd3-95147abc2b3e","Var2":null,"Var3":null,"Name":"House of the Dragon","Filename":"house-of-dragon-up.jpg","DisplayOrder":99,"ContentType":"image/jpeg","Guid":"25af8ca3-3c48-4549-93d4-5fc1d7662976","ImageX":800,"ImageY":1185,"Length":440917,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}],_codexNewsiteHomepageHeaderImages=[{"Content":"mobile-bottom","Var1":"/news/emmy-awards-2026-the-winners","Var2":"LEARN MORE","Var3":"CODEX is excited to have played its part in the success of many productions this year.","Name":"2026 EMMY Award Winners","Filename":"widows-bay_mXYHT0.jpg","DisplayOrder":0,"ContentType":"image/jpeg","Guid":"10875fd2-3543-4e1f-b090-7652016a3824","ImageX":2000,"ImageY":1334,"Length":494829,"HotspotX":47.75,"HotspotY":24.76,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Left\r\nmobile-bottom","Var1":"/news/cfexpress-launch","Var2":"LEARN MORE","Var3":"CODEX is setting new standards in CFexpress capture - sustained writes, no dropped frames and extremely fast offloads.","Name":"Introducing<br>CFexpress","Filename":"Header-product---CFexpress-family.jpg","DisplayOrder":1,"ContentType":"image/jpeg","Guid":"dee4dcfa-d182-45a6-bf1d-0de3ce324386","ImageX":2500,"ImageY":1250,"Length":111446,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"mobile-top","Var1":"/captured-powered-cinema?play=spider-man-brand-new-day","Var2":"WATCH TRAILER","Var3":"Spider-Man returned to our screens this summer, Captured on CODEX with ALEXA 265. A Brand New Record...","Name":"The $2 Billion Marvel Universe","Filename":"spideyposters1-copy.jpg","DisplayOrder":2,"ContentType":"image/jpeg","Guid":"5888ddc0-2ec3-42dd-aa15-31d45b34ba5a","ImageX":2000,"ImageY":1250,"Length":245603,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"Left black\r\nmobile-top","Var1":"/products/cfexpress-type-b-reader","Var2":"LEARN MORE","Var3":"USB4 allows fast offloading at speeds of up to 5000MB/s within a rugged construction, built to last.","Name":"Introducing CFexpress<br>Type B Reader","Filename":"Header-product---CFexpress-Reader.jpg","DisplayOrder":3,"ContentType":"image/jpeg","Guid":"123e84cc-c1b2-4bf1-8708-de8bfcfde18a","ImageX":2500,"ImageY":1250,"Length":103675,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}],_codexNewsiteHomepageMobileHeaderImages=[{"Content":"mobile-bottom","Var1":"/news/emmy-awards-2026-the-winners","Var2":"LEARN MORE","Var3":"CODEX is excited to have played its part in the success of many productions this year.","Name":"2026 EMMY Award Winners","Filename":"The Pitt.jpg","DisplayOrder":0,"ContentType":"image/jpeg","Guid":"6c2c798c-082c-407a-a507-019cee176856","ImageX":1170,"ImageY":2532,"Length":1418476,"HotspotX":46.75,"HotspotY":16.11,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"mobile-bottom","Var1":"/products/cfexpress-type-b-elite","Var2":"LEARN MORE","Var3":"CODEX is setting new standards in CFexpress capture - sustained writes, no dropped frames and extremely fast offloads.","Name":"CFexpress 4.0 Type B Elite","Filename":"Header-product - CFexpress family mob.jpg","DisplayOrder":1,"ContentType":"image/jpeg","Guid":"efda68f3-0a63-4c37-b355-f6ef3ce42535","ImageX":1170,"ImageY":2532,"Length":304894,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":null,"Var1":"/captured-powered-cinema?play=spider-man-brand-new-day","Var2":"WATCH TRAILER","Var3":"Spider-Man returned to our screens this summer, Captured on CODEX with ALEXA 265. A Brand New Record...","Name":"The $2 Billion Marvel Universe","Filename":"spideyposters1 copy.jpg","DisplayOrder":2,"ContentType":"image/jpeg","Guid":"d08c76bb-465b-4e61-8773-9b3e24c0f8ed","ImageX":2000,"ImageY":1250,"Length":1471600,"HotspotX":77.76,"HotspotY":51.57,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"},{"Content":"mobile-top black","Var1":"/products/cfexpress-type-b-reader","Var2":"LEARN MORE","Var3":"USB4 allows fast offloading at speeds of up to 5000MB/s within a rugged construction, built to last.","N
2880ame":"Introducing CFexpress 4.0 Type B Reader","Filename":"Header-product - CFexpress type B reader.jpg","DisplayOrder":3,"ContentType":"image/jpeg","Guid":"aa2c372d-3355-43d8-9c6d-6e826647a4b0","ImageX":1170,"ImageY":2532,"Length":268770,"HotspotX":-1.0,"HotspotY":-1.0,"Alt":null,"IsImage":true,"IsRasterImage":true,"IsVectorImage":false,"FileExtension":"jpeg"}]</script>
2880</div></div> 2881 <div id="products"></div> 2882 <div id="workflow"></div> 2883 <div id="block-link"><div class="row gx-0"> 2884 <div class="col img-block-link"> 2885 <div class="img-content showOnTablet" data-custom-field-name="Background Image" data-custom-field-type="asset" data-custom-field-group="Image Block Link" style="background-image:url(/asset/700b7012-f236-436d-9bbe-55d06f813d01);" data-x="1664" data-y="640" data-guid="700b7012-f236-436d-9bbe-55d06f813d01" data-hotspot-x="-1" data-hotspot-y="-1"></div> 2886 <div class="img-content showOnMobile" data-custom-field-name="Background Image Mobile" data-custom-field-type="asset" data-custom-field-group="Image Block Link" style="background-image:url(/asset/5b4d945b-f08c-4b71-9231-71ba504f3d74);" data-x="358" data-y="384" data-guid="5b4d945b-f08c-4b71-9231-71ba504f3d74" data-hotspot-x="-1" data-hotspot-y="-1"></div> 2887 <div class="block-content"> 2888 <h2 data-custom-field-name="Block Content" data-custom-field-group="Image Block Link">THE CODEX JOURNEY</h2> 2889 <a data-custom-field-name="Block Content Link URL" data-custom-field-type="href" data-custom-field-group="Image Block Link" href="/us/the-codex-story"> 2890 <button class="white b-trans-btn" data-custom-field-name="Block Content Link Label" data-custom-field-group="Image Block Link">LEARN MORE</button> 2891 </a> 2892 </div> 2893 </div> 2894</div><style>.img-block-link{width:100%;height:24rem;border-radius:13px;position:relative}.img-content{width:100%;height:100%;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}.block-content{position:absolute;padding:1.6875rem 1.75rem;z-index:2;top:0;left:0;width:100%;height:calc(100% - 3.76rem)}#block-link .img-block-link h2{color:#fff;padding-bottom:.8125rem;font-weight:250;filter:drop-shadow(0 0 .7px #0007)}@media screen and (min-width:768px){.img-block-link{height:28rem}.img-block-link h2{padding-bottom:2.2rem}}@media screen and (min-width:992px){.img-block-link{height:39rem}.img-block-link h2{padding-bottom:2.5rem}.block-content{padding:3.9rem 4.37rem;height:100%;box-sizing:border-box}}</style></div> 2895 <div id="carousel" class="carousel" style="display:none"><div class="carousel"> 2896 <div class="carousel-wrapper"> 2897 <div class="imageouter" id="imageouter"> 2898 </div> 2899 </div> 2900 <div class="overlay"></div> 2901 <div class="nav-wrapper"> 2902 <div class="nav-bar"> 2903 <button class="button-more">READ STORY</button> 2904 <button class="button-trailer">Watch Trailer</button> 2905 </div> 2906 <div class="controls"> 2907 <div class="slide-counter"></div> 2908 <button class="arrow left" type="button" onclick="this.blur()" id="prevButton"></button> 2909 <button class="arrow right" type="button" onclick="this.blur()" id="nextButton"></button> 2910 </div> 2911 </div> 2912 <div class="label"> 2913 <h3 class="name"></h3> 2914 <p class="content"> 2915 </div> 2916 2917 <div class="mobile-nav"> 2918 <div class="mobile-nav-wrapper"> 2919 <div class="mobile-nav-pagination"> 2920 </div> 2921 </div> 2922 </div> 2923 <div id="list"></div> 2924<div class="hidden guid" data-custom-field-name="Carousel GUID" data-custom-field-type="assetgroup" data-custom-field-group="Carousel">7ce87ca9-f52c-4a11-a4e3-ee3d0787ca0f</div> 2925</div>
2926<script type="text/javascript">let carousel=(()=>{let n=(n,t,i,r)=>{let y=()=>{u=$("#carousel .carousel").clone(),u.appendTo(n).show(),u.attr("id","carousel-"+i),w(),console.log(u[0])},u,f,p,w=()=>{f=[],i==="gallery"?d():i==="full"&&($(".carousel-wrapper",u).addClass("fullwidth-wrapper"),b()),$(document).ready(()=>{c()})},b=async()=>{f=typeof t=="string"?await $.get(`/getassetgroupjson?guid=${t}`):t,k(),h()},k=()=>{f.forEach(t=>{const r=t.Content;var f=r&&r.replace(/\r\n/g,"").replace(/\\/g,""),i=JSON.parse(f);let e=`<div class="carousel-image-wrapper ${t.Var3||""}"> 2927 ${i?.linkUrl?`<a class="inner-wrapper" href="/${window.location.pathname.split("/")[1]}${i.linkUrl}">`:`<div class="inner-wrapper">`} 2928 <div class="desktop-bck" style="background-image:url(/asset/${t.Guid}-700--70); background-position:${t.HotspotX==-1?"50%":t.HotspotX+"%"}${t.HotspotY==-1?"50%":t.HotspotY+"%"}"></div> 2929 <p class="product-section">${t.Var1}</p> 2930 <h3 class="product-name">${t.Name}</h3> 2931 ${i?.linkUrl?`</a>`:`</div>`} 2932 </div>`,o=$(e);o.appendTo(`${n} #imageouter`,u)}),a()},d=async()=>{f=typeof t=="string"?await $.get(`/getassetgroupjson?guid=${t}`):t,g(),player.setAssets(p),h()},g=()=>{for(const[i,t]of f.entries()){let r=`<div class="carousel-image-wrapper relativefont ${t.Var1??""}"><div class="bg" style="background-image:url(/asset/${t.Guid}-1000--); background-position:${t.HotspotX==-1?"50%":t.HotspotX+"%"}${t.HotspotY==-1?"50%":t.HotspotY+"%"}"></div> 2933 <div class="meatballs"> 2934 <div class="square"></div> 2935 <div class="button-more" data-href="${t.Var3}">Read Story</div> 2936 <div class="button-trailer" data-id="${i}">Watch Trailer</div> 2937 </div> 2938 <div class="img-label">${t.Var2??""}</div> 2939 </div>`,f=$(r);f.appendTo(`${n} #imageouter`,u)}a();c();o(f[0],0,u)},s,h=()=>{var n=$(".carousel-image-wrapper",u).toArray();console.log(n);s=gsap.fromTo(n,{opacity:0,y:50},{opacity:1,y:0,stagger:.2,duration:.5,clearProps:"opacity"}).pause();ScrollTrigger.create({onEnter:()=>{s.play(),console.log("play")},trigger:u[0],start:"top 75%",end:"+=400",scrub:.2,invalidateOnRefresh:!0})},rt=()=>{let n=(n,t)=>{$e=$(n),$e.css("background-image","url(/asset/"+$e[t].Guid+"-2000--70"),$e[t].HotspotX!=-1&&$e.css("background-position",$e[t].HotspotX+"% "+$e[t].HotspotY+"%")}},c=()=>{if(i==="full"&&$(".button-more",u).click(nt),i==="gallery"){$(".button-trailer",u).on("click",tt);$(".button-more",u).click(it);$(".meatballs",u).off("click").click(function(){$(this).toggleClass("active")})}},nt=n=>{console.log(n),window.location.href=$(n.currentTarget,u).attr("data-href")},tt=n=>{console.log("trailerClicked");let t=$(n.currentTarget,u).attr("data-id");player.createPlayer(f[t])},it=n=>{href=$(n.currentTarget,u).attr("data-href"),reader.load(href),siteNav.hideMenu()},o=n=>{var t=gsap.timeline();t.to($(".label .name, .label .content",u),{opacity:0,duration:.5});t.call(n=>{$(".label .name",u).html(n.Name),$(".label .content",u).html(n.Content)},[n]);t.to($(".label .name, .label .content",u),{opacity:1,duration:.5})},l,a=()=>{function a(){r?o(f[n],n):ut();b=g();const e=n*d;$(y[n],u).addClass("active");$(".slide-nav",u).removeClass("active");$(c[n],u).addClass("active");t>5&&n>2&&n<t-3?(s=k>=0?s+paginationMoveDistance:s-paginationMoveDistance,$(".slide-nav",u).removeClass("pagination-dot"),(n!=t||n!=0)&&($(c[n+2],u).addClass("pagination-dot"),$(c[n-2],u).addClass("pagination-dot")),gsap.to($(".mobile-nav-pagination",u),{x:`${s}px`})):k>0&&t>5&&n<=2?(s=0,$(".slide-nav",u).removeClass("pagination-dot"),$(c[4],u).addClass("pagination-dot"),gsap.to($(".mobile-nav-pagination",u),{x:`0px`})):t>5&&n>=t-3&&(s=-paginationMoveDistance*(t-5),$(".slide-nav",u).removeClass("pagination-dot"),$(c[t-5],u).addClass("pagination-dot"),gsap.to($(".mobile-nav-pagination",u),{x:`${s}px`}));$(".meatballs",u).removeClass("active");let i=-(n*b+e);i<w&&(i=w);gsap.to(h,{x:i,duration:1,ease:"power3.out"});slideCounter=$(".slide-counter",u);slideCounter.html(n+1+" of "+t);o(f[n])}async function nt(){Draggable.create(h,{type:"x",edgeResistance:.65,dragResistance:rt,onDrag:function(){k=this.deltaX},bounds:{maxX:0,minX:w}
2939,inertia:!1,onDragEnd:function(){this.getDirection()==="left"?(n=n<t-1?n+1:n,e(),a()):(n=n>0?n-1:n,e(),a())},allowContextMenu:!0})}gsap.registerPlugin(Draggable,InertiaPlugin);let h=null;h=$("#imageouter",u);let y=gsap.utils.toArray($(".carousel-image-wrapper",u)),tt=$("#prevButton",u),it=$("#nextButton",u);const t=y.length;let p="";for(let n=0;n<t;n++)p+=n===0?`<div class="slide-nav active" data-id="${n}"><div class="slide-nav-dot"></div></div>`:n==4&&t>5?`<div class="slide-nav pagination-dot" data-id="${n}"><div class="slide-nav-dot"></div></div>`:`<div class="slide-nav" data-id="${n}"><div class="slide-nav-dot"></div></div>`;if($(".mobile-nav-pagination",u).append(p),t<5){let n=$(".mobile-nav-wrapper .slide-nav.active",u),i=n.width()*t+10;$(".mobile-nav-wrapper",u).width(i)}let c=gsap.utils.toArray($(".slide-nav",u)),d=$(".carousel-image-wrapper",u).css("margin-right").replace("px",""),n=0;var b;currentSlide=n;slideCounter=$(".slide-counter",u);slideCounter.html(currentSlide+" of "+t);let w=i==="full"?h[0].clientWidth-h[0].scrollWidth:"none",k,rt=.7,s=0;paginationMoveDistance=0;$(y[n],u).addClass("active");let g=()=>y[0].offsetWidth,ut=()=>{n==0?$("#prevButton",u).css({opacity:"0",visibility:"hidden"}):$("#prevButton",u).css({opacity:"1",visibility:"visible"}),n>=t-1?$("#nextButton",u).css({opacity:"0",visibility:"hidden"}):$("#nextButton",u).css({opacity:"1",visibility:"visible"})};$(tt).click(()=>{n=n>0?n-1:n,e(),a(),updatePagination("left")});$(it).click(()=>{n=n<t-1?n+1:n,e(),a(),updatePagination("right")});$(".carousel-image-wrapper",u).on("mousedown",function(){$(this).css("cursor","grabbing")});updatePagination=()=>{console.log(s),$(".slide-nav",u).removeClass("active"),$(c[n],u).addClass("active")};nt();let ft=()=>{b=g(),w=i==="full"?h[0].clientWidth-h[0].scrollWidth:"none",d=$(".carousel-image-wrapper",u).css("margin-right").replace("px",""),nt(),a(),$(y[n],u).addClass("active"),v()};l=_.debounce(ft,50);$(window).resize(l).resize();setInterval(()=>{v()},1e3);a()},v=()=>{$(".inner-wrapper",u).each((n,t)=>{t.style.fontSize=t.clientWidth/50+"px"})},e=()=>{$("#imageouter .carousel-image-wrapper",u).each((n,t)=>{$(t).removeClass("active")})};return y(),{}};return{createCarousel:async(t,i,r,u)=>new Promise((f,e)=>{try{const e=n(t,i,r,u);f(e)}catch(o){console.error("Error creating carousels:",o);e(o)}})}})()</script>
2939<style>#carousel-gallery{display:block;width:100%;height:100%;overflow:hidden;position:relative;z-index:1}#carousel-gallery .carousel-wrapper{position:relative;display:flex;flex:1;width:100%;left:calc(1.1rem);overflow:visible;z-index:0;transform:translateX(-18px)}#carousel-gallery .carousel-wrapper #imageouter{position:relative;display:flex;align-items:center;width:100%;left:0;margin-left:0;z-index:15;height:fit-content}#carousel-p{overflow:hidden}#carousel-p #carousel-gallery .carousel-wrapper #imageouter{margin:2.12rem auto 1.87rem}#carousel-p .mobile-nav{display:none}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{position:relative;font-size:90px;font-weight:700;color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;height:220px;flex:0 0 calc(85% - 10px);margin-right:.2em;background-size:cover;background-repeat:no-repeat;aspect-ratio:16/9;height:auto;background:#000}#carousel-p #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{transition:all 1s ease;background:#000}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.active{color:#fff;border-radius:10px}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper .bg{height:100%;width:100%;opacity:.4;transition:opacity 1s ease,filter 1s ease;filter:saturate(0);background-size:cover}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper .img-label{position:absolute;font-weight:200;letter-spacing:-.03em;left:.5em;bottom:.3em;font-size:6.1em;filter:drop-shadow(0 0 1px #555)}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.black .img-label{filter:drop-shadow(0 0 3px #fff);color:#000}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.active .bg{opacity:1;filter:saturate(1)}#carousel-gallery .label{text-align:left}#carousel-gallery .label h3{font-size:25px;font-weight:800;line-height:30px;text-align:left;color:#000;padding-bottom:10px}#carousel-gallery .label p{font-size:15px;font-weight:300;line-height:17px;letter-spacing:1;text-align:left;color:#666}#carousel-gallery .nav-wrapper{display:flex;margin-top:23px;pointer-events:none}#carousel-gallery .controls,#carousel-gallery .nav-bar{height:70px;width:calc(38% - 10px);min-height:70px;position:absolute;z-index:1}#carousel-gallery .nav-bar{display:none}#carousel-gallery .controls{pointer-events:none}#carousel-gallery .nav-bar{flex-direction:column;float:left;width:calc(50% + 10px);display:none}#carousel-gallery .controls #prevButton{margin-right:6px}#carousel-gallery #nextButton{right:2em}#carousel-gallery #prevButton img{transform:rotate(180deg)}#carousel-gallery .nav-bar button{background:#fff;color:#000;text-transform:uppercase;width:141px;height:30px;border-radius:2px;border:.7px solid #666;font-family:Lato;font-size:13px;font-weight:300;line-height:15px;letter-spacing:0;text-align:center;display:flex;justify-content:center;align-items:center;transition:all .7s ease}#carousel-gallery .nav-bar button:hover{background-color:#666;border:none;color:var(--color-white);transition:all .7s ease}#carousel-gallery .nav-bar button:first-child{margin-bottom:10px}#carousel-gallery .controls .slide-counter{display:block}#carousel-gallery .controls .slide-counter{display:none}#carousel-gallery .carousel-image-wrapper .meatballs{display:none;width:2.5rem;height:2.5rem;position:absolute;right:.5rem;top:.5rem;z-index:3;background-color:#000;background-color:rgba(0,0,0,.4);border-radius:80px;background-image:url("/asset/7863fb0e-3102-410e-bef7-930462465828");background-repeat:no-repeat;background-size:25px 5px;background-position:center;cursor:pointer;pointer-events:all}#carousel-gallery .carousel-image-wrapper.active .meatballs{display:block}#carousel-gallery .carousel-image-wrapper .meatballs.active .button-more,#carousel-gallery .carousel-image-wrapper .meatballs.active .button-trailer,#carousel-gallery .carousel-image-wrapper .meatballs.active .square{display:flex;pointer-events:all;opacity:1}#carousel-gallery .carousel-image-wrapper .meatballs .button-more,#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer,#carousel-gallery .carousel-image-wrapper .meatballs .square{pointer-events:none;opacity:0;transition:opacity .4s;display:flex}#carousel-gallery .carousel-image-wrapper .meatballs .square{position:absolute;width:8px;height:8px;top:calc(3.25rem - 4px);right:calc(.86rem + 2px);transform:rotate(45deg);background:#fff}#carousel-gallery .carousel-image-wrapper .meatballs .button-more,#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer{border:none;margin:0;text-decoration:none;color:#000;cursor:pointer;text-align:right;font-family:var(--primary-font);font-size:.75rem;font-style:normal;font-weight:300;line-height:.9375rem;letter-spacing:-.0075rem;-webkit-appearance:none;-moz-appearance:none}#carousel-gallery .carousel-image-wrapper .meatballs .button-more:before{content:"";position:absolute;width:1.0625rem;height:.75rem;left:.94rem;display:flex;align-items:center;background-image:url("/asset/874fa049-8f9e-4fc9-b7b0-02d78b0cb458");background-repeat:no-repeat;background-size:contain;background-position:center}#carousel-gallery .carousel-image-wrapper .meatballs .button-more{position:absolute;top:3.25rem;right:0;text-align:left;padding-left:2.5rem;box-sizing:border-box;align-items:center;width:8.125rem;height:2.375rem;border-radius:7px 7px 0 0;background:#fff}#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer:before{content:"";position:absolute;width:1.0625rem;height:.75rem;left:.94rem;display:flex;align-items:center;background-image:url("/asset/1990103b-3577-4d55-b758-51dc0367cf70");background-repeat:no-repeat;background-size:contain;background-position:center}#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer{position:absolute;right:0;top:calc(3.25rem + 2.375rem);text-align:left;padding-left:2.5rem;box-sizing:border-box;align-items:center;width:8.125rem;height:2.375rem;border-radius:0 0 7px 7px;border-top:1px solid #b7b7b7;background:#fff}.mobile-nav-wrapper{position:absolute;bottom:1em;z-index:2000;overflow:hidden;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.4);border-radius:40px;width:88px;height:24px;overflow:hidden;margin:0 auto;box-sizing:border-box}.mobile-nav-wrapper .mobile-nav-pagination{position:relative;width:fit-content;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;left:4px}.mobile-nav-wrapper .slide-nav{width:16px;height:8px;
2939cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-nav-wrapper .slide-nav .slide-nav-dot{width:8px;height:8px;background:#fff;border-radius:20px;display:block;transition:all .5s ease}.mobile-nav-wrapper .slide-nav.pagination-dot .slide-nav-dot{width:.3125rem;height:.3125rem;transition:all .5s ease}.mobile-nav-wrapper .slide-nav.active .slide-nav-dot{background:#06f}@media screen and (min-width:768px){#carousel-gallery .carousel-wrapper{width:100%;left:calc(20% - 10px);transform:translateX(0)}#carousel-gallery .carousel-wrapper #imageouter{width:100%;left:0}#carousel-gallery .label h3{font-size:36px;font-weight:800;line-height:43px;text-align:left;color:#000;padding-bottom:10px}#carousel-gallery .nav-bar{width:calc(80%);display:none;flex-direction:row;float:left;margin-right:0%}#carousel-gallery .nav-bar button:first-child{margin-right:8px}#carousel-full .controls .slide-counter{display:none !important}}#carousel-product .meatballs{display:none}@media screen and (min-width:768px){#carousel-gallery .carousel-wrapper{width:100%}#carousel-gallery .carousel-wrapper #imageouter{width:100%;left:0}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{flex:0 0 calc(60% - 10px);height:auto;margin-right:10px}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{flex:0 0 calc(60% - 10px);margin-right:.2em}#carousel-gallery .label h3{font-size:36px;line-height:32px;padding-bottom:21px}#carousel-gallery .label p{font-size:20px;font-weight:300;line-height:24px}#carousel-gallery .nav-bar{padding-top:5px;display:none;align-items:flex-end}#carousel-gallery .controls{top:50%;transform:translateY(-50%);width:100%}#carousel-gallery .nav-bar button:first-child{margin-right:20px}#carousel-gallery .nav-bar button{width:214px;height:46px;border-radius:3px;border:.7px solid #666;font-family:Lato;font-size:19px;font-weight:300;line-height:22px;padding:16px 10px;transition:all .7s ease}#carousel-full .controls .slide-counter{display:none}#carousel-gallery .carousel-image-wrapper .meatballs{width:3.375rem;height:3.375rem;right:1rem;top:1rem;background-repeat:no-repeat;background-size:35px 7px}#carousel-gallery .carousel-image-wrapper .meatballs .square{position:absolute;width:12px;height:12px;top:calc(3.375rem + .37rem);right:calc(1rem + 5px)}#carousel-gallery .carousel-image-wrapper .meatballs .button-more,#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer{font-size:.9375rem;line-height:.9375rem;letter-spacing:-.0075rem;-webkit-appearance:none;-moz-appearance:none}#carousel-gallery .carousel-image-wrapper .meatballs .button-more:before{width:1.375rem;height:.9625rem;left:1.06rem}#carousel-gallery .carousel-image-wrapper .meatballs .button-more{top:calc(3.375rem + .37rem + 6px);right:0;padding-left:3.19rem;width:10.3125rem;height:3rem}#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer:before{width:1.375rem;height:.9625rem;left:1.06rem}#carousel-gallery .carousel-image-wrapper .meatballs .button-trailer{right:0;top:calc(3.375rem + 3rem + .37rem + 6px);padding-left:3.19rem;width:10.3125rem;height:3rem}}@media screen and (min-width:992px){#carousel-product{max-width:var(--siteMaxWidth);margin:0 auto}#carousel-product #carousel-gallery .carousel-wrapper{height:14rem}#carousel-gallery .carousel-wrapper{width:100%;left:calc(33.333% - 10px)}#carousel-gallery .carousel-wrapper #imageouter{width:100%;left:0}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{flex:0 0 calc(51% - 10px);margin-right:.2em}#carousel-gallery .label h3{font-size:clamp(1rem,39px,3em);line-height:56px;padding-bottom:15px}#carousel-gallery .label p{font-size:17px;font-weight:300;line-height:14px}#carousel-gallery .nav-bar{padding-top:5px;margin-right:0;width:calc(38% + 10px)}#carousel-gallery .nav-bar button:first-child{margin-right:20px}#carousel-gallery .nav-bar button{width:160px;height:35px;border-radius:3px;border:.7px solid #666;font-family:Lato;font-size:14px;font-weight:300;line-height:16px;padding:16px 10px;transition:all .7s ease}#carousel-gallery #nextButton{right:2em}}@media screen and (min-width:1200px){#carousel-gallery .carousel-wrapper{width:100%;left:calc(33.333% - 10px)}#carousel-gallery .carousel-wrapper #imageouter{width:100%;left:0}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{flex:0 0 calc(51% - 10px
2939);margin-right:.2em}#carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.active{width:calc(51% - 10px)}#carousel-gallery .label h3{font-size:64px;line-height:76px;padding-bottom:21px}#carousel-gallery .label p{font-size:20px;font-weight:300;line-height:24px}#carousel-gallery .nav-bar{padding-top:5px;margin-right:0;width:calc(38% + 10px)}#carousel-gallery .nav-bar button:first-child{margin-right:20px}#carousel-gallery .nav-bar button{width:214px;height:46px;border-radius:3px;border:.7px solid #666;font-family:Lato;font-size:19px;font-weight:300;line-height:22px;padding:16px 10px;transition:all .7s ease}}#carousel-gallery #slider{height:266px;width:100%}#carousel-gallery .nav-wrapper{margin-top:1.8rem;display:none}#carousel-gallery .nav-bar{padding-top:0}#carousel-gallery{color:#000;width:100%;max-width:100%;top:-1px}#carousel-gallery.carousel-dark{color:#fff;background-color:var(--color-black)}#carousel-p #carousel-gallery .label{position:relative;width:calc(100% - 1.5em);left:1.5em;top:0}#carousel-gallery .label{max-width:calc(95% - 1.1rem)}#carousel-gallery.carousel-dark .label h3{color:var(--color-white);font-family:var(--primary-font);font-size:1.375rem;line-height:normal;font-weight:250;letter-spacing:-.05rem;padding-bottom:.6rem}#carousel-gallery .label h3{color:var(--color-black);font-family:var(--primary-font);font-size:1.375rem;line-height:normal;font-weight:250;letter-spacing:-.03em;padding-bottom:.1em;margin-left:-.05em}#carousel-gallery .label p{color:#000;font-family:var(--primary-font);font-size:1em;font-weight:300;line-height:1.2em;letter-spacing:-.03em}#carousel-gallery.carousel-dark .label p{color:#fff}#carousel-gallery .nav-bar button{background:#fff;color:#000;text-transform:uppercase;width:calc(100% - 1.2rem);height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;border:1px solid #000;padding:.9375rem 2rem;font-family:var(--secondary-font);font-size:.625rem;font-weight:400;letter-spacing:.15rem;cursor:pointer;transition:none}#carousel-gallery.carousel-dark .nav-bar button{background:#000;color:#fff;border:1px solid #fff}#carousel-gallery .nav-bar button:hover{background-color:#999;border:none;color:var(--color-white);transition:none}#carousel-gallery .nav-bar button:first-child{margin-bottom:1.25em}#carousel-gallery .controls{display:flex}#carousel-gallery .controls #prevButton{margin-right:.69rem}#carousel-gallery.carousel-dark .controls button img{filter:invert(99%) sepia(2%) saturate(251%) hue-rotate(93deg) brightness(115%) contrast(100%)}@media screen and (min-width:768px){#carousel-gallery{width:100vw;max-width:100%;top:-1px;margin-top:1em}#carousel-gallery .nav-wrapper{margin-top:3rem}#carousel-p #carousel-gallery .label{position:relative;max-width:100%;padding:1rem 1rem 1em 0;width:100%;left:calc(20.333% - 10px);top:0}#carousel-p #carousel-gallery .nav-wrapper{position:absolute;top:0;left:0;width:100%;aspect-ratio:10/3.35;margin:2em 0 0;display:block}#carousel-gallery .label h3,#carousel-gallery.carousel-dark .label h3{font-size:2.3125rem;line-height:2.1875rem;padding-bottom:.2em}#carousel-gallery .label p,#carousel-gallery.carousel-dark .label p{font-size:1.1rem}#carousel-gallery .nav-bar button{width:12rem;height:2.375rem;padding:.9375rem 2.1875rem;font-size:.625rem}#carousel-gallery .nav-bar button:first-child{margin-bottom:0}#carousel-gallery .controls #prevButton{margin-left:2em}}@media screen and (min-width:992px){#carousel-p #carousel-gallery .label{position:relative;max-width:100%;padding:1rem 1rem 1em 0;width:100%;left:calc(33.333% - 10px);top:0}#carousel-p #carousel-gallery .nav-wrapper{aspect-ratio:10/2.85}}@media screen and (min-width:1200px){#carousel-gallery .label h3,#carousel-gallery.carousel-dark .label h3{font-size:1.8rem;line-height:.7em;margin-left:-.13em;padding-left:.1em}#carousel-gallery .label p,#carousel-gallery.carousel-dark .label p{font-size:1.1rem}}#carousel-full{display:block;width:100%;height:100%;overflow:hidden;position:relative;z-index:1}#carousel-full .carousel-wrapper{position:relative;display:flex;flex:1}#carousel-full .carousel-wrapper #imageouter{position:relative;display:flex;align-items:center;width:100%;left:0;margin-left:0;z-index:15}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper{position:relative;font-size:90px;font-weight:700;color:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;border-radius:1.1875rem;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;overflow:hidden;box-sizing:border-box;outline:1px solid #0005;outline-offset:-1px}#products #carousel-full .carousel-image-wrapper .inner-wrapper{padding:4em 3.5em}#products #carousel-full .carousel-image-wrapper{flex:0 0 100%;height:auto;margin-right:1.125rem;aspect-ratio:1/1.5}#workflow #carousel-full .carousel-image-wrapper .inner-wrapper{padding:2.38rem 1.63rem 1.88rem}#workflow #carousel-full .carousel-image-wrapper{flex:0 0 100%;height:557px;margin-right:1.125rem}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.active{color:#fff;opacity:1}#carousel-full .carousel-image-wrapper .desktop-bck{background-repeat:no-repeat;width:100%;height:100%;position:absolute;z-index:0;bottom:0;left:0;z-index:0;transition:transform .4s;transform:scale(1)}
2939#carousel-full .carousel-image-wrapper .desktop-bck:hover{transform:scale(1.05)}#carousel-full .carousel-image-wrapper .mobile-bck{background-repeat:no-repeat;width:100%;height:100%;position:absolute;z-index:0;top:50%;transform:translateY(-50%);left:0;z-index:0}#products #carousel-full .carousel-image-wrapper .desktop-bck{background-size:cover}#products #carousel-full .carousel-image-wrapper .mobile-bck{background-size:contain}#workflow #carousel-full .carousel-image-wrapper .desktop-bck{background-size:cover}#workflow #carousel-full .carousel-image-wrapper .mobile-bck{background-size:cover}#carousel-full .carousel-image-wrapper .product-section{position:relative;padding-bottom:1em;color:inherit;font-family:var(--primary-font);font-size:3em;font-style:normal;font-weight:250;line-height:.8em;letter-spacing:-.03em;filter:drop-shadow(0 0 .7px #0007)}#carousel-full .carousel-image-wrapper .product-name{position:relative;color:inherit;font-family:var(--primary-font);font-size:2.375rem;font-style:normal;font-weight:500;line-height:1.9375rem;flex-grow:1;letter-spacing:-.03em;filter:drop-shadow(0 0 .7px #0007)}#carousel-full .carousel-image-wrapper .product-section,#carousel-full .carousel-image-wrapper .product-name{pointer-events:none}#carousel-full .carousel-image-wrapper.white .product-name,#carousel-full .carousel-image-wrapper.white .product-section{color:#000}#carousel-full .carousel-image-wrapper.white .w-outline-btn,#carousel-full .carousel-image-wrapper.light-grey .w-outline-btn{border:1px solid #000;color:#000}#carousel-full .carousel-image-wrapper a{position:relative;width:100%;height:100%;text-decoration:none;color:#fff;box-sizing:border-box;cursor:pointer}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.black{background:#000;color:#fff}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.white{background:#fff;color:#000;border:1px solid #000}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.light-grey{background:#414042;color:#000}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.grey{background:#414042;color:#fff}#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.white p,#carousel-full .carousel-wrapper #imageouter .carousel-image-wrapper.white h3,{color:#000}#carousel-full .label{display:none;text-align:left}#carousel-full .label h3{font-size:25px;font-weight:800;line-height:30px;text-align:left;color:#000;padding-bottom:10px}#carousel-full .label p{font-size:15px;font-weight:300;line-height:17px;letter-spacing:1;text-align:left;color:#666}#carousel-full .nav-wrapper{position:absolute;top:50%;left:50%;width:100%;z-index:2000;box-sizing:border-box;margin-top:0;transform:translate(-50%,-50%);padding-left:0;padding-right:0;pointer-events:none;margin:0 auto;display:none}#carousel-full .nav-bar{height:2.5rem;width:100%;min-height:2.5rem;position:relative;text-align:right;right:1.125rem;box-sizing:border-box}#carousel-full .controls{text-align:center;right:0;display:flex;justify-content:space-between}#carousel-full .nav-bar{display:none;flex-direction:column;float:left;width:calc(50% + 10px)}#carousel-full .controls #prevButton{visibility:hidden;opacity:0}#carousel-full .nav-bar button{background:#fff;color:#000;text-transform:uppercase;width:1.5625rem;height:2.5rem;border-radius:3px;border:1px solid #020000;font-family:Lato;font-size:13px;font-weight:300;line-height:15px;letter-spacing:0;text-align:center;display:flex;justify-content:center;align-items:center;transition:all .7s ease}#carousel-full .nav-bar button:hover{background-color:#999;border:1px solid #020000;color:var(--color-black);transition:all .7s ease}#carousel-full .nav-bar button img{width:5px;height:10px}#carousel-full .controls .slide-counter{color:#000;font-family:var(--primary-font);font-size:.9375rem;font-weight:250;width:fit-content;position:relative;display:none;margin-right:12px}#carousel-full .nav-bar button:first-child{margin-bottom:10px}#carousel-full .mobile-nav-wrapper{position:absolute;bottom:1em;z-index:2000;height:1.4375rem;overflow:hidden;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.4);border-radius:40px}#carousel-full .mobile-nav-wrapper{width:88px;height:24px;overflow:hidden;margin:0 auto;box-sizing:border-box}#carousel-full .mobile-nav-wrapper .mobile-nav-pagination{position:relative;width:fit-content;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;left:4px}#carousel-full .mobile-nav-wrapper .slide-nav{width:16px;height:8px;
2939cursor:pointer;display:flex;align-items:center;justify-content:center}#carousel-full .mobile-nav-wrapper .slide-nav .slide-nav-dot{width:8px;height:8px;background:#fff;border-radius:20px;display:block}#carousel-full .mobile-nav-wrapper .slide-nav.pagination-dot .slide-nav-dot{width:.3125rem;height:.3125rem}#carousel-full .mobile-nav-wrapper .slide-nav.active .slide-nav-dot{background:#06f}@media screen and (min-width:768px){#carousel-full .mobile-nav-wrapper{display:none}#products #carousel-full .carousel-wrapper #imageouter{width:100%;left:0}#products #carousel-full .carousel-image-wrapper .inner-wrapper{padding:4em 3.5em}#products #carousel-full .carousel-image-wrapper{flex:0 0 40.1%;height:auto;margin-right:.6875rem}#products #carousel-full .carousel-image-wrapper:last-child{margin-right:0}#workflow #carousel-full .carousel-image-wrapper .inner-wrapper{padding:1.8rem 1.8rem 2rem}#workflow #carousel-full .carousel-image-wrapper{flex:0 0 calc(50% - .625rem);flex:0 0 calc(50% - .5rem);height:auto;margin-right:1rem}@supports (aspect-ratio:auto){#products #carousel-full .carousel-image-wrapper{aspect-ratio:1/1.5}#workflow #carousel-full .carousel-image-wrapper{aspect-ratio:821/523}}@supports not (aspect-ratio:auto){#products #carousel-full .carousel-image-wrapper{height:226px}#workflow #carousel-full .carousel-image-wrapper{height:523px}}#carousel-full .nav-wrapper{display:block;position:absolute;top:50%;left:50%;width:100%;z-index:2000;box-sizing:border-box;margin-top:0;transform:translate(-50%,-50%);padding-left:0;padding-right:0;pointer-events:none}#carousel-full .controls{text-align:center;box-sizing:border-box;padding-right:1.125rem;padding-left:1.125rem;right:0;display:flex;justify-content:space-between}#carousel-full .carousel-image-wrapper .product-section{padding-bottom:.2rem;font-size:.8rem}#carousel-full .carousel-image-wrapper .product-name{font-size:1.875rem;line-height:1.875rem}#carousel-full .controls #prevButton{visibility:hidden;opacity:0;left:2em}#carousel-full #nextButton{margin-right:0;right:2em}}@media screen and (min-width:992px){#carousel-full .carousel-wrapper #imageouter{width:100%;left:0}#carousel-full .nav-wrapper{padding-left:3.75rem;padding-right:3.75rem}#products #carousel-full .carousel-image-wrapper .inner-wrapper{padding:4em 3.5em}#products #carousel-full .carousel-image-wrapper{flex:0 0 26.1%;height:auto;margin-right:1.125rem}#workflow #carousel-full .carousel-image-wrapper .inner-wrapper{padding:2.69rem 2rem 2.5rem}#workflow #carousel-full .carousel-image-wrapper{flex:0 0 calc(50% - .625rem);height:auto;margin-right:1.25rem}@supports (aspect-ratio:auto){#products #carousel-full .carousel-image-wrapper{aspect-ratio:1/1.5}#workflow #carousel-full .carousel-image-wrapper{aspect-ratio:821/523}}@supports not (aspect-ratio:auto){#products #carousel-full .carousel-image-wrapper{height:226px}#workflow #carousel-full .carousel-image-wrapper{height:523px}}#carousel-full .controls{display:block;text-align:center;box-sizing:border-box;padding-right:2rem;padding-left:2rem}#carousel-full #nextButton{margin-right:0}#carousel-full .nav-bar button:first-child{margin-right:20px}#carousel-full .controls .slide-counter{display:none;font-size:1.375rem}#carousel-full .nav-bar button{width:160px;height:35px;border-radius:3px;border:.7px solid #666;font-family:Lato;font-size:14px;font-weight:300;line-height:16px;padding:16px 10px;transition:all .7s ease}#carousel-full .controls{height:3.75rem;min-height:3.75rem;text-align:center;box-sizing:border-box}#carousel-full .carousel-image-wrapper .product-section{padding-bottom:.5em;font-size:3em}#carousel-full .carousel-image-wrapper .product-name{font-size:2rem;line-height:2rem}}@media screen and (min-width:1200px){#carousel-full .carousel-wrapper #imageouter{width:100%;left:0}#carousel-full .nav-bar button:first-child{margin-right:20px}#carousel-full .nav-bar button{width:214px;height:46px;border-radius:3px;border:.7px solid #666;font-family:Lato;font-size:19px;font-weight:300;line-height:22px;padding:16px 10px;transition:all .7s ease}}@media screen and (min-width:1400px){#carousel-full .carousel-image-wrapper .product-section{padding-bottom:.5em;font-size:3em}#carousel-full .carousel-image-wrapper .product-name{font-size:3rem;line-height:2.625rem}}#carousel-full.carousel-dark #slider{height:266px;width:100%}#carousel-full.carousel-dark .nav-wrapper{margin-top:1.8rem}#carousel-full.carousel-dark .nav-bar{padding-top:0}#carousel-full.carousel-dark{color:#000;background-color:var(--color-black);padding:4.69rem 0 0;width:100%;max-width:100%;top:-1px}#carousel-full.carousel-dark .label,#carousel-full.carousel-dark .nav-wrapper{text-align:left;padding-left:0;padding-right:1.1rem;padding-bottom:1.5625rem;width:100%;left:1.1rem;position:relative}#carousel-full.carousel-dark .label{max-width:calc(95% - 1.1rem)}#carousel-full.carousel-dark .label h3{color:var(--color-white);font-family:var(--primary-font);font-size:1.375rem;line-height:1.375rem;font-weight:275;letter-spacing:-.05rem;padding-bottom:1rem}#carousel-full.carousel-dark .label p{color:#fff;font-family:var(--secondary-font);font-size:.75rem;font-weight:300;line-height:.75rem;letter-spacing:-.01rem}#carousel-full.carousel-dark .nav-bar button{background:#000;color:#fff;text-transform:uppercase;width:calc(100% - 1.2rem);height:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;border:1px solid #fff;padding:.9375rem 2.1875rem;font-family:var(--secondary-font);font-size:.625rem;font-weight:400;letter-spacing:.15rem;cursor:pointer;transition:none}#carousel-full.carousel-dark .nav-bar button:hover{background-color:#999;border:none;color:var(--color-white);transition:none}#carousel-full.carousel-dark .nav-bar button:first-child{margin-bottom:1em}#carousel-full.carousel-dark .controls{display:flex}#carousel-full.carousel-dark .controls #prevButton{margin-right:.69rem}@media screen and (min-width:768px){#carousel-full.carousel-dark{width:100vw;max-width:100%;top:-1px}#carousel-full.carousel-dark .nav-wrapper{margin-top:3.75rem}#carousel-full.carousel-dark .label{position:relative;max-width:180%;padding:0;padding-bottom:1.5625rem;width:180%;
2939left:calc(20% - 10px);max-width:calc(100% - 20%)}#carousel-full.carousel-dark .nav-wrapper{position:relative;left:calc(20% - 10px);text-align:left;padding-bottom:0;padding-left:0;max-width:100%}#carousel-full.carousel-dark .label h3{font-size:3.375rem;line-height:3.125rem;padding-bottom:1.83rem}#carousel-full.carousel-dark .label p{font-size:1.5625rem;line-height:1.9375rem}#carousel-full.carousel-dark .nav-bar button{width:12rem;height:2.375rem;padding:.9375rem 2.1875rem;font-size:.625rem}#carousel-full.carousel-dark .nav-bar button:first-child{margin-bottom:0}#carousel-full.carousel-dark .controls{display:flex}#carousel-full.carousel-dark .controls #prevButton{margin-right:1.12rem}#carousel-full.carousel-dark .controls button{width:1.5625rem;height:2.3125rem;padding:.9375rem .625rem}#carousel-full.carousel-dark .controls button img{width:auto;height:.5rem}}@media screen and (min-width:992px){#carousel-full.carousel-dark{padding-top:7rem}#carousel-full.carousel-dark .label{position:relative;max-width:100%;padding:0;padding-bottom:35px;width:100%;left:calc(33.333% - 10px);max-width:calc(100% - 35%)}#carousel-full.carousel-dark .nav-wrapper{position:relative;left:calc(33.333% - 10px);text-align:left;padding-bottom:0;padding-left:0;max-width:100%;width:100%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1),(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),(min-device-width:834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),(min-device-width:1024px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){#carousel-full .nav-wrapper{display:none}#carousel-full .carousel-image-wrapper .product-name{font-size:1.875rem;line-height:1.6rem}}#carousel-product #carousel-gallery .label,#carousel-product #carousel-gallery .label .content,#carousel-product #carousel-gallery .nav-bar{display:none}#carousel-product #carousel-gallery .controls .slide-counter{display:none}#carousel-product #carousel-gallery .carousel-wrapper{left:0}#carousel-product #carousel-gallery .carousel-wrapper{height:auto;width:100%}#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{background-repeat:no-repeat;flex:0 0 calc(100%);background-size:contain}#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.active,#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{border-radius:.5rem;background-color:#333}#carousel-product #carousel-gallery .carousel-image-wrapper{width:100%}#carousel-product #carousel-gallery .nav-wrapper{position:absolute;top:50%;left:50%;width:100%;z-index:2000;box-sizing:border-box;margin-top:0;transform:translate(-50%,-50%);padding-left:0;padding-right:0;pointer-events:none;display:none}#carousel-full .controls{text-align:center;box-sizing:border-box;right:0;display:flex;justify-content:space-between}#carousel-product #carousel-gallery .controls{text-align:center;box-sizing:border-box;padding-right:.94rem;padding-left:.94rem;left:0%;width:100%;display:flex;justify-content:space-between;align-items:center}#carousel-product #carousel-gallery .controls #prevButton{visibility:hidden;opacity:0}@media screen and (min-width:768px){#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.active,#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{width:calc(56% - 11px)}@supports (aspect-ratio:auto){#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{aspect-ratio:95/46}}@supports not (aspect-ratio:auto){#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{height:230px}}#carousel-product #carousel-gallery .carousel-wrapper{left:calc(22% + 11px)}#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{flex:0 0 calc(56% - 11px);margin-right:.2em}#carousel-product #carousel-gallery .nav-wrapper{position:absolute;width:100%;z-index:2000;box-sizing:border-box;margin-top:0;padding-left:0;padding-right:0;pointer-events:none;max-width:100vw !important;display:block}#carousel-product #carousel-gallery .controls{text-align:center;box-sizing:border-box;padding-right:calc(22% - 1.43rem - 1.9375rem);padding-left:calc(22% - 1.43rem - 1.9375rem);display:flex;justify-content:space-between;width:100vw;max-width:100vw !important}#carousel-product #carousel-gallery #nextButton{margin-right:0;right:2.2em}}@media screen and (min-width:992px){#carousel-p{max-width:var(--siteMaxWidth);margin:0 auto}#carousel-product #carousel-gallery{display:block;width:100%;height:100%;position:relative;z-index:1;padding-top:0;padding-bottom:0}#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper.active,#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{width:calc(64% - 30px);margin-right:30px;height:100%}@supports (aspect-ratio:auto){#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{aspect-ratio:304/147}}@supports not (aspect-ratio:auto){#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{height:588px}}
2939#carousel-product #carousel-gallery .carousel-wrapper{left:calc(18% + 15px)}#carousel-product #carousel-gallery .carousel-wrapper #imageouter .carousel-image-wrapper{flex:0 0 calc(64% - 30px)}#carousel-product #carousel-gallery .controls{padding-right:calc(18% - 3.38rem - 1.9375rem);padding-left:calc(18% - 3.38rem - 1.9375rem);display:flex;justify-content:space-between;width:100% !important;max-width:1920px !important}#carousel-product #carousel-gallery #nextButton{margin-right:0}}@media screen and (min-width:1921px){#carousel-product #carousel-gallery .nav-wrapper{max-width:var(--siteMaxWidth)!important}}</style></div> 2940 <div id="hero-slider"><div class="close"><i class="fa fa-times"></i></div> 2941<div class="fullwidth"> 2942 <div class="arrow left"></div> 2943 <div class="arrow right"></div> 2944</div> 2945<div class="slider"> 2946 <div class="counter"></div> 2947 <div class="imageouter"> 2948 <div class="image"></div> 2949 <div class="overlay"></div> 2950 <div class="border left"></div> 2951 <div class="border right"></div> 2952 </div> 2953 2954 <div class="black-trans-btn arrow left g-ml" onclick="this.blur();"></div> 2955 <div class="black-trans-btn arrow right g-mr" onclick="this.blur();"></div> 2956 <div class="label" data-relative-font-factor="25"> 2957 <div class="fade"> 2958 <div class="name"></div> 2959 </div> 2960 <div class="fade "> 2961 <div class="content"></div> 2962 </div> 2963 <button class="w-outline-btn"></button> 2964 </div> 2965 <div class="nav-frame"> 2966 <div class="nav d-md-flex flex-row-reverse align-items-center"></div> 2967 </div> 2968</div> 2969<div class="mobile-nav"> 2970 <div class="mobile-nav-wrapper"> 2971 <div class="mobile-nav-pagination"> 2972 </div> 2973 </div> 2974</div> 2975<div class="fullscreen-contols"> 2976 <div id="img-btns"></div> 2977 <div id="nextButton" class="black-trans-btn arrow right g-mr" onclick="this.blur();"></div> 2978 <div id="prevButton" class="black-trans-btn arrow left g-ml" onclick="this.blur();"> </div> 2979 <div class="thumbnails"> 2980 <div id="wrapper" class="wrapper"></div> 2981 </div> 2982</div> 2983<div class="hidden heroGuid" data-custom-field-name="Hero Images Asset Group" data-custom-field-type="assetgroup" data-custom-field-group="Hero Asset Group">c93bace6-cabf-4da5-ad64-30643e2fb553</div> 2984<div class="hidden heroMobileGuid" data-custom-field-name="Hero Mobile Images Asset Group" data-custom-field-type="assetgroup" data-custom-field-group="Hero Asset Group">391791b3-5c98-4f52-9852-d49ed748dcd0</div> 2985<!--<p class="hidden hero-alignment" data-custom-field-name="Hero Text Alignment" data-custom-field-group="Options" data-custom-field-type="option" data-custom-field-options="centre,left,right">centre</p>-->
2985<script type="text/javascript">var assetSliderNew=(()=>{let n=(n,t,r,u,f,e,o,s)=>{let ci=()=>{h=$("#hero-slider").clone(),$("#hero-slider").empty(),h.appendTo(n).show(),$("#hero-slider").first().parent().addClass("slider-wrapper"),vi()},h,l,yt,c=0,li=1,pt=e,v=!1,ai=!1,ot,ti,wt,st,nt,ii,ri,ut,p,tt,w,g,b=0,ht=16,vi=()=>{if(yi(),Array.isArray(t))l=ct(t),yt=ct(s),ot=hi(),ei(),h.css({opacity:1});else{var n=$.get(t),i=$.get(s);Promise.all([n,i]).then(n=>{var t=n[0],i=n[1];typeof t.nodes=="undefined"?(l=ct(t),yt=ct(i)):l=tr(t.nodes.sort((n,t)=>n.date-t.date).slice(0,4));ot=hi();ei();h.css({opacity:1})})}pt==null&&(pt=10);wi();gsap.config({nullTargetWarn:!1})},yi=()=>{r===!0?($("#hero-slider").first().append('<div class="fullscreen-icon"><\/div>'),$(".fullscreen-icon").click(pi),$("#hero-slider .close").click(gi)):$("#fullscreen-gallery").empty()},pi=()=>{$("#hero-slider").first().prependTo("#fullscreen-gallery"),$("#fullscreen-gallery").css("display","block"),$(".fullscreen-contols").css("display","block"),$("#gallerySlider").toggleClass("active"),$("#gallerySlider.active").css("display","block"),$("#fullscreen-gallery").css("display","block"),gsap.set($("#gallerySlider.active"),{top:0,opacity:1})},wi=()=>{var r,e,i,o;if(u===!0){$("#gallerySlider").addClass("thumbs");ti=nr();wt=0;$(".thumbnails #wrapper",h).html("");startingThumbPosition=[];l.forEach(function(){di()});let u=$(".thumb-wrapper",h);for(ut=l.length,$($(".thumb-wrapper")[c]).addClass("active"),$("#wrapper .thumb-wrapper",h).click(ui),nt=($(".thumbnails #wrapper .thumb-wrapper",h).length-1)*100,r=0;r<u.length;r++)gsap.set($(".thumb-wrapper",h),{xPercent:function(n){return n*100}});gsap.registerPlugin(InertiaPlugin);var s=.3,f,n=$(".thumb-wrapper",h),b=gsap.utils.wrap(0,1),t=n.length;tt=gsap.utils.wrap(-100,(t-1)*100);e=gsap.utils.wrap(0,n.length);p=gsap.timeline({repeat:-1});w=2;let et=100/l.length;l.length<=4?($("#gallerySlider.thumbs").css("margin-bottom","8em"),t==4?$(".thumbnails",h).addClass("md"):$(".thumbnails",h).addClass("sml"),$(".fullscreen-contols #nextButton",h).css("display","none"),$(".fullscreen-contols #prevButton",h).css("display","none"),g=!1,w=0):l.length==5?($(".thumbnails",h).addClass("lg"),$(".fullscreen-contols #nextButton",h).css("display","none"),$(".fullscreen-contols #prevButton",h).css("display","none"),g=!1,w=2):(g=!0,w=2,p.to(n,{xPercent:"-="+t*100,duration:t,ease:"none",modifiers:{xPercent:function(n){return`${tt(parseInt(n),-100,nt)}`}}},0));fi(c,w);d();function d(){function ht(){d.kill();this.update()}function ct(n){d.kill();var t=f(gsap.getProperty(r,"x")+n*-nt);d=gsap.to(r,{x:t,duration:s,onUpdate:tt})}function tt(){p.progress(b((gsap.getProperty(r,"x")+ut*w)/-o))}function lt(){var i=gsap.getProperty(r,"x")/o||0;nt=n[0].offsetWidth;o=nt*t;f=ft(nt);gsap.set(r,{x:i*o});ct(0);d.progress(1)}var ot;if(g){if(v)return!1;var r=document.createElement("div"),d=gsap.to({},{}),nt=0,ut=gsap.getProperty(".thumb-wrapper","width"),o=ut*n.length;lt();let et=.4;u.on("touchstart mousedown",function(n){n.originalEvent.type=="mousedown"&&(et=.8)});
2985ot=new Draggable(r,{type:"x",trigger:".thumbnails",inertia:!0,maxDuration:.75,minDuration:.01,dragResistance:et,onPress:ht,onDrag:()=>{tt(),v=!0},onThrowUpdate:tt,allowContextMenu:!0,snap:{x:n=>f(n,ot.deltaX<0?-1:1)},onDragStart:()=>{tt(),v=!0,it(),y()},onDragEnd:function(){st=e(-this.endX/o*n.length);st=Math.round(st);i=this.endX>this.x?"right":"left";updateSliderImage()}});updateSliderImage=()=>{var n=st;if(n===c)return!1;n>=l.length?n=Math.abs(n-l.length):n<=-1&&(n=Math.abs(l.length+n));n===0?($(".image",h).html(""),i=="left"?(a(3),a(c),a(0)):(a(n),a(c),a(6))):n!==c+1&&n!==c-1&&($(".image",h).html(""),i=="left"?(a(n==0?l.length-1:n-1),a(c),a(n==l.length?0:n)):(a(n==0?l.length-1:n),a(c),a(n==l.length?0:n+1)));$(".image",h).css("left","-100");c=n;k();k();i=="left"?gsap.to($(".image",h),{left:"-200%",duration:.7,delay:.5,onComplete:()=>{rt(),v=!1,y()}}):gsap.to($(".image",h),{left:"-0%",duration:.7,delay:.5,onComplete:()=>{c=n,k(),rt(),v=!1,y()}})}}}$(window).on("resize",function(){clearTimeout(o);o=setTimeout(function(){fi(c,w)},100)});function ft(n){let t=gsap.utils.snap(n);return(i,r,u=.001)=>{let f=t(i);return!r||Math.abs(f-i)<u||f-i<0==r<0?f:t(r<0?i-n:i+n)}}}},bi=n=>{var t,r,i;if(!g)return!1;r=t/ut*100;n<c?(i=Math.abs(c-n)*100,t="+="+i):(i=Math.abs(c-n)*100,t="-="+i);c==0&&n==l.length-1&&(t="+=100");c==0&&n==l.length-2&&(t="+=200");c==1&&n==l.length-1&&(t="+=200");c==l.length-1&&n==0&&(t="-=100");c==l.length-1&&n==1&&(t="-=200");c==l.length-2&&n==0&&(t="-=200");gsap.to($(".thumb-wrapper",h),.7,{ease:Linear.easeNone,xPercent:t,modifiers:{xPercent:function(n){return`${tt(parseInt(n),nt,-100)}`}}});gsap.set(p,{xPercent:r});k()},yr=n=>{$(".image",h).html(""),n=n-1,a(n==0?l.length-1:n-1),a(c),a(n==l.length-1?0:n+1),$(".image",h).css("left","-100%")},pr=(n,t,i)=>{var u=n-t,r=i-t;return(r+u%r)%r+t},ki=n=>{$(".thumbnails #wrapper").append(ti[n])},di=()=>{ki(wt),wt++},ui=n=>{if(v)return!1;var t=$(".thumbnails #wrapper .thumb-wrapper",h).index(n.currentTarget);return c===t?!1:(v=!0,$("#wrapper .thumb-wrapper",h).unbind("click"),bi(t),bt(t),!1)},k=()=>{$("#wrapper .thumb-wrapper",h).each(()=>{$($(".thumb-wrapper",h)).removeClass("active")}),$($(".thumb-wrapper",h)[c]).addClass("active")},gi=()=>{$("#fullscreen-gallery #hero-slider").first().prependTo("#gallerySlider"),$("#fullscreen-gallery").css("display","none"),$(".gallerySlider").removeClass("active"),h=$("#gallerySlider #hero-slider")},wr=n=>{var t=window.getComputedStyle(n),i=new WebKitCSSMatrix(t.transform);return i.m41},fi=(n,t)=>{var i,r,u;updatedTitlePosition=n-t;updatedTitlePosition>=l.length?updatedTitlePosition=Math.abs(updatedTitlePosition-l.length):updatedTitlePosition<=-1&&(updatedTitlePosition=Math.abs(l.length+updatedTitlePosition));i=(l.length-t)/l.length*100;r=updatedTitlePosition/l.length;gsap.to(p,{duration:.01,progress:r,ease:Linear.easeNone,modifiers:{xPercent:function(n){return`${tt(parseInt(n),-100,nt)}`}},onComplete:()=>{v=!1,y(),k()}});u=n/ut*100;p.progress(i);gsap.set(p,{xPercent:u});k()},nr=()=>l.map(function(n){return $('<div class="thumb-wrapper"><div class="img" style="background-image:url(/asset/'+n.guid+');"><\/div><\/div>')}),tr=n=>n.map(n=>({guid:n.customFields.find(n=>n.Name=="ogImage").Value,title1:n.customFields.find(n=>n.Name=="List Title").Value,title2:n.customFields.find(n=>n.Name=="Sub Title").Value,path:n.path,hotspotX:n.HotspotX,hotspotY:n.HotspotY})),ct=n=>n.map(n=>({guid:n.Guid,title1:n.Name,title2:n.Var3,path:`/${window.location.pathname.split("/")[1]}${n.Var1}`,buttonText:n.Var2,content:n.Content,hotspotX:n.HotspotX,hotspotY:n.HotspotY})),ei=()=>{l.forEach(function(n,t){img=$("<img/>")[0];t==0&&(img.onload=function(){v=!1;ir();$(window).resize()});img.src="/asset/"+n.guid})},ir=()=>{rt(),ni(l[0]),ur(),ft(),sr(),cr()},ft=()=>{function n(){h.removeClass("paused");$(".nav .playpause",h).removeClass("ui-icon-play").addClass("ui-icon-pause");ii=gsap.fromTo($(".nav .progress div",h)[c],{width:"0%"},{width:"100%",duration:pt,ease:"none",onComplete:()=>{y(),at(),n()}})}f==="sliderProgress"||f===undefined?(ri=!0,n()):f==="slideCounter"&&(ri=!1,n(),rr())},rr=()=>{$("#hero-slider .nav").css("display","none"),$("#hero-slider .counter").html(c+1+" of "+l.length)},y=()=>{gsap.to($(".nav .progress div",h)[c],{opacity:0,duration:.75,onComplete:function(){gsap.set(this.targets(),{width:0,opacity:1})}})},lt=()=>{$(".nav .item",h).removeClass("active"),$($(".nav .item",h)[c]).addClass("active"),ni(l[c])},it=()=>{h.addClass("paused"),$(".nav .playpause",h).removeClass("ui-icon-pause").addClass("ui-icon-play"),u||ii.pause(),y()},a=n=>{$(".image",h).append(ot[n])},rt=()=>{$(".image",h).html(""),a(c==0?l.length-1:c-1),a(c),a(c==l.length-1?0:c+1),$(".image",h).css("left","-100%")},et,d,ur=()=>{if(et="",l.length>2){for(i=0;i<l.length;i++)et+=i===0?`<div class="slide-nav active" data-id="${i}"><div class="slide-nav-dot"></div></div>`:i==4&&l.length>5?`<div class="slide-nav pagination-dot" data-id="${i}"><div class="slide-nav-dot"></div></div>`:`<div class="slide-nav" data-id="${i}"><div class="slide-nav-dot"></div></div>`;$(".mobile-nav-pagination",h).append(et);let n=l.length*$(".mobile-nav-wrapper .slide-nav").width()+ht/2;$(".mobile-nav-wrapper",h).css("width",n);d=gsap.utils.toArray($(".slide-nav",h))}$(".nav",h).append('<div class="ui-icon ui-icon-pause playpause"><\/div>');var n="";for(i=0;i<l.length;i++)n+='<div class="item"><div class="progress"><div><\/div><\/div><\/div>';$(".nav",h).append('<div class="items"><div>'+n+"<\/div><\/div>");$(".nav .item",h).css("width","calc("+100/l.length+"% - 10px)");$(".nav .item .progress",h).css("width","calc("+100/l.length+"% - 15px)");$(".nav .item",h).click(fr);$(".nav",h).click(function(){});$(".playpause",h).click(function(n){return n.preventDefault(),h.hasClass("paused")?ft():it(),!1});oi();lt()},fr=n=>{if(v)return!1;v=!0;var t=$(".nav .item",h).index(n.currentTarget);return c===t?!1:(bt(t),!1)},oi=()=>{var n=c;n==l.length&&(n=0);$(".nav svg",h).removeClass("active");$($(".nav svg",h)[n]).addClass("active")},si=n=>{l.length<3||($(".slide-nav",h).removeClass("active"),$(d[c],h).addClass("active"),l.length>5&&(c<=2?(b=0,gsap.to($(".mobile-nav-pagination",h),{x:`0px`}),$(".slide-nav",h).removeClass("pagination-dot"),$(d[4],h).addClass("pagination-dot"),c>0&&$(d[0],h).addClass("pagination-dot")):c>=l.length-3?(b=-(ht*(l.length-5)),gsap.to($(".mobile-nav-pagination",h),{x:`${b}px`}),$(".slide-nav",h).removeClass("pagination-dot"),$(d[l.length-5],h).addClass("pagination-dot"),c<l.length-1&&$(d[l.length-1],h).addClass("pagination-dot")):(b=n>=0?b-ht:b+ht,gsap.to($(".mobile-nav-pagination",h),{x:`${b}px`}),$(".slide-nav",h).removeClass("pagination-dot"),$(d[c+2],h).addClass("pagination-dot"),$(d[c-2],h).addClass("pagination-dot"))))},at=()=>{if(v)return!1;if(v=!0,gsap.to($(".image",h),{left:"-200%",duration:.7,onComplete:()=>{rt(),v=!1}}),c=c==l.length-1?0:c+1,k(),lt(),si(1),g){gsap.to($(".thumb-wrapper",h),.7,{ease:Linear.easeNone,xPercent:"-=100",modifiers:{xPercent:function(n){return`${tt(parseInt(n),nt,-100)}`}}});var n=c/ut*100;n>1&&(n=0);gsap.set(p,{xPercent:n})}},vt=()=>{if(v)return!1;if(v=!0,gsap.to($(".image",h),{left:"-0%",duration:.7,snap:$(".frame").width,onComplete:()=>{rt(),v=!1}}),c=c==0?l.length-1:c-1,k(),lt(),si(-1),g){gsap.to($(".thumb-wrapper",h),.7,{ease:Linear.easeNone,xPercent:"+=100",modifiers:{xPercent:function(n){return`${tt(parseInt(n),nt,-100)}`}}});var n=c/ut*100;n>1&&(n=0);gsap.set(p,{xPercent:n})}},er=()=>{it(),y(),at(),ft()},or=()=>{it(),y(),vt(),ft()},bt=n=>{if(v=!0,n!=c){$(".image",h).html("");$($(".thumb-wrapper")[c]).removeClass("active");direction=n>c;var t='<div class="frame" width="33.33%"><\/div>';(n==0||n==1)&&c>=l.length-w?direction=!0:n>=l.length-w&&(c==0||c==1)&&(direction=!1);direction?(a(c),a(n),$(".image",h).append(t)):(a(n),a(c),$(".image",h).append(t));$(t).css("width",$(".img").width());$(t).css("height",$(".img").height());$(".image",h).css("left",direction?"0%":"-100%");gsap.to($(".image",h),{left:direction?"-100%":"0%",duration:.7,onComplete:()=>{rt(),v=!1,$("#wrapper .thumb-wrapper",h).click(ui)}})}it();y();c=n;$($(".thumb-wrapper")[c]).addClass("active");lt()},br=()=>{document.visibilityState!="visible"||ai||(c==l.length-1?c=0:c++,ar())},kt,dt,sr=()=>{var n=$(".image",h),t=!1;n.on("touchstart mousedown",function(n){it();kt=n.originalEvent.type=="touchstart"?n.originalEvent.touches[0].clientX:n.originalEvent.clientX;dt=n.originalEvent.type=="touchstart"?n.originalEvent.touches[0].clientY:n.originalEvent.clientY;touching=!0;t=!0});n.on("touchmove mousemove",function(i){var r,f,u;(i.originalEvent.type!="mousemove"||i.originalEvent.buttons!=0)&&(r=kt-(i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientX:i.originalEvent.clientX),kt=i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientX:i.originalEvent.clientX,f=dt-(i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientY:i.originalEvent.clientY),dt=i.originalEvent.type=="touchmove"?i.originalEvent.touches[0].clientY:i.originalEvent.clientY,u=parseFloat(n.css("left")),gsap.set(n,{left:u-r}),t=!1)});$(".label button",h).click(()=>{});n.on("touchend mouseup",function(i){i.preventDefault();var r=l[c];t&&r.path!=null&&(window.location.href=r.path,t=!1);n.css("cursor","pointer");touching=!1;left=parseInt($(".image",h).css("left"));targetSlideIndex=lr(left);
2985switch(!0){case targetSlideIndex==l.length-1&&c==0:vt();break;case targetSlideIndex>c||c==l.length-1&&targetSlideIndex==0:at();break;case targetSlideIndex<c||c==0&&targetSlideIndex==l.length-1:vt();break;default:gsap.to(n,{left:"-100%",duration:.3})}y();ft()});$(document).ready(function(){$("*").dblclick(function(n){n.preventDefault()})});$(".arrow.left",h).click(or);$(".arrow.right",h).click(er)},gt,hr,cr=()=>{gt=gsap.timeline(),gt.fromTo("#content .hero .imageouter .border",{width:0},{width:function(){var n=matchMedia("screen and (min-width: 1200px)").matches?60:16;return Math.min(Math.max(($("#heroslider").width()-1664)/2,n),2200)}}),hr=ScrollTrigger.create({animation:gt,trigger:".hero",start:"top top",end:"+=400",scrub:0,invalidateOnRefresh:!0})},lr=n=>{var i=.02,r=-.33333333333333331,u=n/$(".image",h).width(),t=c;return u>=r+i&&(t=c==0?l.length-1:c-1),u<=r-i&&(t=c==l.length-1?0:c+1),t},ar=()=>{function i(){$($(".frame",h)[0]).remove();v=!1;vr()}function r(){gsap.to(n,{opacity:0,duration:.5})}function u(){ni(t);gsap.to(n,{opacity:1,duration:.5})}v=!0;var t=l[c],n=$(".label .name, .label .content, .label button, .label .badge",h).toArray();gsap.to($(".image",h)[0],{left:"-100%",duration:li,onComplete:i});iframe=new $("iframe",ot[c])[0];iframe!=undefined&&(video=new Vimeo.Player(iframe),video.setCurrentTime(0));oi();setTimeout(r,500);setTimeout(u,1e3)},ni=n=>{var t=gsap.timeline();t.to($(".label .fade .name",h)[0],{opacity:0,duration:.5});t.to($(".label .fade .content",h)[0],{opacity:0,duration:.5},"<");t.to($(".label button",h)[0],{opacity:0,onComplete:()=>{let t=$(".label button",h);n.buttonText==="LEARN MORE"?t.addClass("learn"):t.removeClass("learn");$(".label button",h).html(n.buttonText);$(".label .name",h).html(n.title1);$(".label .content",h).html(n.title2);$(".label button",h).attr("onclick","document.location='"+n.path+"'");$(".label",h).removeClass("centre left right black mobile-top mobile-bottom");n.content==null?$(".label",h).addClass("centre"):$(".label",h).addClass(n.content.toLowerCase());var i=[...document.body.classList].filter(n=>n.startsWith("hero-"));$("body").removeClass(i);n.content!=null&&$("body").addClass(n.content.split(" ").map(n=>("hero-"+n).toLowerCase()))}},"<");t.set($(".label .fade .name, .label .fade .content, .label button",h).toArray(),{y:25});t.to($(".label .fade .name",h)[0],{opacity:1,y:0,duration:.5});t.to($(".label .fade .content",h)[0],{opacity:1,y:0,duration:.5},"<0.1");t.to($(".label button",h)[0],{opacity:1,y:0,duration:.5},"<0.1")},kr=()=>{var n=$(".imageouter",h).width(),t=100/l.length;gsap.set($(".image",h)[0],{width:n*2});newHeight=$(".frame",h).width()/2-2;gsap.set($(".frame, .frame iframe",h).toArray(),{height:newHeight})},hi=()=>l.map(function(n,t){checkHeaderInfo=()=>{if(n.content!==null){let i=n.content,r,u=$.parseHTML(i),t="";return $.each(u,function(n,i){if(i.nodeName==="CLASS"){r=i.innerHTML;className2=i.innerHTML.split(" ");imageClass="";let n=n=>{for(let t=0;t<n.length;t++)imageClass=imageClass+" "+n[t];return`'${imageClass}'`};t="<div class ="+n(className2)+"><\/div>"}$("class").remove()}),'<div class="info-overlay" id="info-overlay">'+n.content+t+"<\/div>"}return""};checkHotSpot=n=>((n===-1||n===undefined)&&(n=50),n);checkLabels=n=>n!==undefined?n:"";var i=yt[t];return $(`<div class="frame">${checkHeaderInfo()}<div class="inner"><div class="img" style="background-image:url(/asset/${n.guid}---70); background-position:${checkHotSpot(n.hotspotX)}% ${checkHotSpot(n.hotspotY)}%"></div><div class="img mobile" style="background-image:url(/asset/${i.guid}---70); background-position:${checkHotSpot(i.hotspotX)}% ${checkHotSpot(i.hotspotY)}%"></div><div class="labels"><div class="title1">${n.title1}</div><div class="title2">${n.title2}</div></div></div></div>"`)}),vr=()=>{var n;n=c==l.length-1?0:c+1;a(n)};return ci(),{next:()=>{at()},previous:()=>{vt()},move:n=>{bt(n)}}},t=()=>{let t=[],n=$(".imageslider");if(n.length<2)return!1;for(let i of n){let n={guid:i.dataset.assetid},r=JSON.parse(JSON.stringify(n));t.push(r)}$(n).parent().empty().append('<div id="gallerySlider"><\/div>');$("#gallerySlider").parent().parent().addClass("gallery");let i=$("#gallerySlider");assetSliderNew.createSlider(i,t,!0,!0,"sliderProgress")},r=()=>{let n=$("#heroslider"),t=$(".heroGuid").html(),i=$(".heroMobileGuid").html();assetSliderNew.createSlider(n,_codexNewsiteHomepageHeaderImages,!1,!1,"sliderProgress",8,null,_codexNewsiteHomepageMobileHeaderImages)};return{createSlider:(t,i,r,u,f,e,o,s)=>n(t,i,r,u,f,e,o,s),createSliderGallery:()=>t(),createHeroSlider:()=>r()}})();$(document).ready(function(){$(".imageslider")&&assetSliderNew.createSliderGallery();$(".heroslider")&&assetSliderNew.createHeroSlider()})</script>
2985<style>body{min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}#heroslider{display:flex;width:100%;flex:1 1 auto;padding:0;position:relative;background-color:#fff;height:auto}#heroslider #hero-slider{width:100%;opacity:0}#heroslider .slider{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}#heroslider .close{display:none}#heroslider .labels{display:none}#heroslider .slider .ui-icon-pause{background:url('/asset/d8d17145-b822-4c35-8db4-2608fbbd8645');background-repeat:no-repeat;background-position:center}#heroslider .slider .ui-icon-play{display:none;background:url('/asset/858845a1-763e-4243-b953-544e56c57be8');background-repeat:no-repeat;background-position:center}#heroslider .slider .tile{overflow:hidden}#heroslider .slider .imageouter{overflow:hidden;position:relative;height:100%;width:100%}#heroslider .slider .imageouter .border{position:absolute;height:100%;width:0;background:#fff;top:0}#heroslider .slider .imageouter .border.left{left:0}#heroslider .slider .imageouter .border.right{right:0}#homepagetiles .tile .imageouter{position:relative}#heroslider .slider .image{position:relative;left:0%;height:100%;width:300%;bottom:0;display:block}#heroslider .slider .image .frame .inner{height:100%;width:100%;position:absolute}#heroslider .slider .frame .img{position:absolute !important;width:100%;height:100%;background-size:cover;visibility:hidden}#heroslider .slider .frame .img.mobile{visibility:visible}.info-overlay h1,.info-overlay h2,.info-overlay h3,.info-overlay h4{text-align:center;line-height:1em}#heroslider .slider .frame .img.mouseDown:hover{cursor:-webkit-pointer;cursor:pointer}#heroslider .slider .label{height:calc(100% - 1.5rem);width:calc(100% - 2em);padding:.7em;font-family:var(--primary-font);text-align:center;position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;max-width:calc(var(--siteMaxWidth) - 5em);filter:drop-shadow(0 0 1px #555)}#heroslider .slider .label.black{color:#000;filter:none}#heroslider .slider .label .name{margin-bottom:1rem;color:#fff;text-align:center;font-family:var(--primary-font);font-size:11vw;font-style:normal;font-weight:500;line-height:1em;letter-spacing:-.05em}#heroslider .slider .label.black .name{color:#000}#heroslider .slider .label .content{color:#fff;font-family:var(--primary-font);font-size:5vw;font-style:normal;font-weight:300;line-height:1.1em;margin-bottom:1.56rem;letter-spacing:-.05em;max-width:26em}#heroslider .slider .label.black .content{color:#000}#heroslider .slider .label.black .w-outline-btn{border-color:#000;color:#000}#heroslider .slider .label button{opacity:0}#heroslider .slider .info-overlay{display:none}#heroslider .slider button.button{color:#fff;background:transparent;text-align:center;font-family:var(--secondary-font);font-size:.5rem;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.5px;display:flex;padding:.50944rem 1.78306rem;justify-content:center;align-items:center;margin:0 auto;border-radius:.15281rem;border:1px solid #fff;cursor:pointer;transition:all .3s ease}#heroslider .slider:hover button.button{border-radius:.15281rem;border:.815px solid #fff;background:#999;cursor:pointer;transition:all .3s ease}#heroslider .slider button.button.learn{padding:.3em .7em .3em}#heroslider .slider .image .frame{display:inline-block;overflow:hidden;position:relative;height:100%;width:33.333333%;cursor:pointer;background-size:cover;background-position:center}#heroslider .slider .image img,.image video{width:100%;transition:all 2s ease-in-out}#heroslider .slider .overlay{display:none;width:100%;height:80%;position:absolute;bottom:0;background:linear-gradient(0deg,#000000ba,transparent);pointer-events:none}#heroslider .slider #maintitle .tile{cursor:pointer}#heroslider .slider .nav-bar{width:100%}#heroslider .slider .nav{display:none;z-index:3;position:absolute;left:0;font-size:.4em;pointer-events:all;bottom:9em;height:30px;padding-left:0}#heroslider .slider #maintitle .badge{display:inline-block;width:4em;height:1em;position:relative;top:-3.5em;background-image:url(/asset/B46B7AD8-5A2A-4DF4-8AB7-B0267D74DA4F);z-index:1;background-repeat:no-repeat;background-size:2.2em;background-position-x:right;left:-.5em}#heroslider .slider #maintitle .pix .badge{background-image:url(/asset/26C42D1B-E017-4FEC-97EB-641C477CD083);background-size:1em}#heroslider .slider #maintitle .none .badge{display:none}#heroslider .slider .nav .items{width:100%;display:flex;position:relative;align-items:center;justify-content:center}#heroslider .slider .nav .items div{display:flex;justify-content:space-between;align-items:center}#heroslider .slider .nav .items div{margin-right:.9375rem}#heroslider .slider .nav .items div:last-child{margin-right:0}#heroslider .slider.paused .nav .item.active .progress{background:#777}#heroslider #hero-slider.paused .nav .item.active .progress div{display:none}#heroslider .slider .nav .item .progress{position:absolute;background:transparent;width:.5rem;height:.5rem;border-radius:20px;border:solid 1px #fff}#heroslider .slider .nav .item.active .progress{position:absolute;background:#fff;width:.5rem;height:.5rem;border-radius:20px;border:solid 1px #fff}#heroslider .slider .nav .item .progress div{display:none}@media screen and (max-width:768px){#heroslider .slider .nav .item{width:.5rem !important;height:.5rem!important}#heroslider .slider .nav .item .progress{width:.5rem !important;height:.5rem!important;border-radius:20px;border:1px solid #fff}#heroslider .slider .label.mobile-top{padding-top:7em;justify-content:flex-start}#heroslider .slider .label.mobile-bottom{height:calc(100% - 9em);justify-content:flex-end}}#heroslider .slider .nav .playpause{display:none;width:16px;height:16px;position:relative;margin-left:9px;
2985cursor:pointer;z-index:2}#heroslider .fullscreen-contols .arrow{display:none}#heroslider .slider .arrow.right{display:none}#heroslider .slider .arrow.left{display:none;left:0}#heroslider .slider .arrow.left:after{content:"";transform:rotate(180deg)}.baseline{position:relative;top:calc(100% - 55px)}#heroslider .mobile-nav-wrapper{position:absolute;bottom:4em;z-index:2000;height:1.4375rem;overflow:hidden;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.4);border-radius:40px;z-index:2}#heroslider .mobile-nav-wrapper{max-width:88px;height:24px;overflow:hidden;margin:0 auto;box-sizing:border-box}#heroslider .mobile-nav-wrapper .mobile-nav-pagination{position:relative;width:fit-content;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;left:4px}#heroslider .mobile-nav-wrapper .slide-nav{width:16px;height:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}#heroslider .mobile-nav-wrapper .slide-nav .slide-nav-dot{width:8px;height:8px;background:#fff;border-radius:20px;display:block;transition:all .5s ease}#heroslider .mobile-nav-wrapper .slide-nav.pagination-dot .slide-nav-dot{width:.3125rem;height:.3125rem;transition:all .5s ease}#heroslider .mobile-nav-wrapper .slide-nav.active .slide-nav-dot{background:#06f}@media screen and (min-width:768px){#heroslider .mobile-nav-wrapper{display:none}#heroslider .slider .nav-frame{left:50%;width:calc(100% - 10em);padding-left:0;margin-left:1.5em;transform:translateX(-50%);max-width:calc(var(--siteMaxWidth) - 16px);position:absolute;bottom:1em}#heroslider .slider .nav{left:initial;width:100%;padding-left:0;margin-left:0;max-width:110em}#heroslider .slider .label{height:calc(100% - 1.5rem);padding:.75rem 8.33333333%;font-size:.7em}#heroslider .slider .label.left{text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;left:50%;max-width:calc(var(--siteMaxWidth) + 96px);transform:translateX(-50%);margin-left:5em}#heroslider .slider .label.right{text-align:left;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}#heroslider .slider .label .name{font-size:2.3125rem;margin-bottom:1.25rem}#heroslider .slider .label.right .name{text-align:left}#heroslider .slider .label.left .name{text-align:left}#heroslider .slider .label.right .fade{width:50%;text-align:left}#heroslider .slider .label .content{font-size:.8125rem;margin-bottom:1.56rem}#heroslider .slider button.button{font-size:.5rem;padding:.50944rem 1.78306rem}#heroslider .slider .label.left button.button{margin:0}#heroslider .slider .label.right button.button{margin:0;left:50%;position:relative}#heroslider .slider .nav .items{width:calc(100% - 26px);display:inline-block;position:relative}#heroslider .slider .nav .item{display:inline-block;height:4em;cursor:pointer;display:inline-flex;align-items:center;flex-direction:row}#heroslider .slider .nav .item:last-child{margin-right:-5px}#heroslider .slider .nav .item .progress div{display:block}#heroslider .slider .nav .item.active .progress{height:1px;width:0;border:0;border-radius:0}#heroslider .slider.paused .nav .item.active .progress{height:1px;width:0;background:#777;border:0;border-radius:0}#heroslider #hero-slider.paused .nav .item.active .progress div{display:block;width:100%}#heroslider .slider .nav .item .progress{width:80px;position:absolute;height:1px;background:#fff;border:0;border-radius:0}#heroslider .slider .nav .item .progress div{background:#333;width:0%;height:100%}#heroslider .slider .nav .playpause{display:inline-block;width:16px;height:16px;position:relative;margin-right:4px;cursor:pointer;z-index:2}#heroslider .slider .arrow.right{display:block}#heroslider .slider .arrow.left{display:block}#heroslider .slider .frame .img{visibility:visible}#heroslider .slider .frame .img.mobile{visibility:hidden}#heroslider .slider .nav{bottom:2em}}@media screen and (min-width:992px){#heroslider .slider .label{height:calc(100% - 1.5rem);padding:.75rem 8.33333333%;font-size:.7em}#heroslider .slider .label .name{font-size:4em;margin-bottom:2.25rem;f}#heroslider .slider .label .content{font-size:1.7em;margin-bottom:2.5rem}#heroslider .slider button.button{font-size:.625rem;padding:.625rem 2.1875rem}}@media screen and (min-width:1200px){#heroslider .slider .label{font-size:inherit}#heroslider .slider .nav{bottom:9em}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){#heroslider{height:auto}#content .content-wrapper .header{height:calc(100vh - 56px - 250px - 226px);min-height:auto}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#content .content-wrapper .header{height:calc(100vh - 56px - 250px - 226px);min-height:auto}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#content .content-wrapper .header{height:calc(100dvh - 52px);min-height:-webkit-fill-available}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#content .content-wrapper .header{height:calc(100dvh - 52px);min-height:-webkit-fill-available}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){#content .content-wrapper .header{height:calc(100dvh - 52px);min-height:-webkit-fill-available}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){#content .content-wrapper .header{height:100vh;min-height:-webkit-fill-available}}@media only screen and (min-device-width:390px) and (max-device-width:640px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#content .header{height:auto !important}#heroslider{height:calc(100svh - 52px)}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#content .header{height:auto !important}#heroslider{height:calc(100svh - 52px)}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#content .header{height:auto !important}#heroslider{height:calc(100svh - 52px)}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation:portrait){#content .content-wrapper .header{height:calc(100vh - 56px - 250px - 226px);min-height:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#content .content-wrapper .header{height:calc(100vh - 56px - 250px - 226px);min-height:auto}}@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#content .content-wrapper .header{height:calc(100vh - 56px - 250px - 226px);min-height:auto}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px
2985) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){#content .content-wrapper .header{height:calc(100vh - 56px - 250px - 226px);min-height:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){#content .header{height:calc(100vh - 152px);height:calc(100svh - 52px)}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){#content .header{height:calc(100vh - 152px);height:calc(100svh - 52px)}}@media only screen and (min-device-width:1112px) and (max-device-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){#content .header{height:calc(100vh - 152px);height:calc(100svh - 52px)}}@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){#content .header{height:calc(100vh - 152px);height:calc(100svh - 52px)}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:landscape){#content .header{height:auto !important}#content #heroslider{height:calc(100svh - 52px)}}</style></div> 2986 <div id="footer"><footer> 2987 <div class="inner"> 2988 <div class="panel"> 2989 <ul> 2990 <li><b>NEWSLETTER</b></li> 2991 <li></li> 2992 <li>Receive information about CODEX products and services. Your details will not be passed on to third parties.</li> 2993 <li><button class="button" onclick="return newsletter.showRegistration()">SUBSCRIBE</button></li> 2994 <li></li> 2995 <li></li> 2996 <li></li> 2997 <li><b>JOIN THE CONVERSATION</b></li> 2998 <li></li> 2999 <li> 3000 <ul class="social"> 3001 <a href="https://www.instagram.com/codexonline"><i class="instagram"></i></a> 3002 <a href="https://www.linkedin.com/company/627622"><i class="linkedin"></i></a> 3003 <a href="https://open.spotify.com/show/2xosctKgjcx9ijqXwg5Lh3?si=e49ba60bd60a441c&nd=1&dlsi=8bc7c7b6f3f14a6a"><i class="spotify"></i></a> 3004 </ul> 3005 </li> 3006 </ul> 3007 </div> 3008 <div class="panel"> 3009 <ul> 3010 <li><b>PRODUCT</b></li> 3011 <li></li> 3012 <li><b>CODEX Media & Readers</b></li> 3013 <li><a href="https://codex.online/us/products/cfexpress-type-a">CFexpress 4.0 Type A</a></li> 3014 <li><a href="https://codex.online/us/products/cfexpress-type-b">CFexpress 4.0 Type B</a></li> 3015 <li><a href="https://codex.online/us/products/cfexpress-type-b-reader">CFexpress Type B Reader 3016 <li></li> 3017 <li><b>ARRI Media & Readers</b></li> 3018 <li><a href="https://codex.online/us/products/arri-media">CompactDrive</a></li> 3019 <li><a href="https://codex.online/us/products/arri-media-readers">CompactDrive Readers</a></li> 3020 <li></li> 3021 </a></li></ul> 3022 </div> 3023 <div class="panel"> 3024 <ul> 3025 <li><b>SOLUTIONS</b></li> 3026 <li></li> 3027 <li><a href="https://codex.online/us/solutions/arri-workflow">ARRI Workflow</a></li> 3028 <li><a href="https://codex.online/us/solutions/integrations#">Integrations</a></li> 3029 <li><a href="https://codex.online/us/solutions/codex-hde">High Density Encoding [HDE]</a></li> 3030 <li><a href="https://codex.online/us/solutions/hde-partner-program">HDE Partner Program</a></li> 3031 </ul> 3032 </div> 3033 <div class="panel"> 3034 <ul> 3035 <li><b>SUPPORT</b></li> 3036 <li></li> 3037 <li><a href="https://help.codex.online/content/support">Contact Support</a></li> 3038 <li><a href="https://help.codex.online">Help Centre</a></li> 3039 <li><a href="https://help.codex.online/content/downloads/software">Software Downloads</a></li> 3040 <li><a href="https://help.codex.online/content/rma-request">Product Returns [RMA]</a></li> 3041 <li><a href="https://codex.online/us/support/office-locations">Office Locations</a></li> 3042 </ul> 3043 </div> 3044 <div class="panel"> 3045 <ul> 3046 <li><b>FOR THE MAKERS</b></li> 3047 <li></li> 3048 <li><a href="https://codex.online/us/the-codex-story">The CODEX Story</a></li> 3049 <li><a href="https://codex.online/us/captured-powered-cinema">Captured on CODEX</a></li> 3050 <li><a href="https://codex.online/us/case-studies">Case Studies</a></li> 3051 <li><a href="https://codex.online/us/dits-in-the-field">DIT Showcase</a></li> 3052 <li><a href="https://codex.online/us/news">News</a></li> 3053 </ul> 3054 </div> 3055 3056 </div> 3057 <div class="inner bottom"> 3058 Copyright © CODEX Tech Limited 2026. 3059 <ul> 3060 <li> 3061 <a href="https://codex.online/us/legal/terms-and-conditions">Terms & Conditions of Sale</a> 3062 </li> 3063 <li> 3064 <a href="https://codex.online/us/legal/returns-policy">Returns Policy</a> 3065 </li> 3066 <li> 3067 <a href="https://codex.online/us/legal/privacy-policy">Privacy Policy</a> 3068 </li> 3069 <li> 3070 <a href="https://codex.online/us/legal/warranty-cfexpress">CFexpress Warranty Policy</a> 3071 </li> 3072 <li> 3073 <a href="/us/#" onclick="return cookies.showPrivacy();">
3073Cookies Consent</a> 3074 </li> 3075 <li> 3076 <a href="https://codex.online/us/lets-talk">Contact Us</a> 3077 </li> 3078 </ul> 3079 </div> 3080</footer><style>body.embed #footer{display:none}#footer{margin:0 !important}footer{letter-spacing:-.01em;display:block;padding:2em 0 2em;font-size:clamp(1px,.89vw,16px);font-weight:250;position:relative}footer ul{padding:0;margin:0}footer .inner{max-width:var(--siteMaxWidth);margin:0 auto;display:flex;flex-wrap:wrap;padding:0 4em 0 6em}footer .panel{width:17.5em;margin-right:3em;border-top:1px solid;padding-top:1.5em;margin-top:1em}footer .inner .panel:last-child{margin-right:0}footer .panel ul{list-style:none}footer .panel li{font-weight:250;margin:.7em 0;line-height:1.3em}footer .panel li b{font-weight:500}footer .panel li:empty{height:.1em}footer a{text-decoration:none;color:#000;cursor:pointer}footer a:hover{text-decoration:none;border-bottom:1px solid #333}.dark footer a:hover{border-color:#ccc}footer .question{padding-bottom:.2em;width:100%;margin:0;display:inline-block;position:relative}footer input{border:none;background:#f3f3f3;padding:1.3em 1em .7em .6em;font-family:Codec;width:calc(100% - 1.6em);font-weight:300}footer button{font-size:.8em !important}footer .social{display:flex;width:60%;justify-content:space-between;padding-right:0}footer .social i{display:inline-block;width:1.7em;height:1.7em;background-size:cover;background-position:center}footer .social .instagram{background-image:url(/asset/eb51d4d5-bd6a-4752-ab3a-f69ee0925ebc)}footer .social .linkedin{background-image:url(/asset/17481e76-cd64-4cfc-b6e8-fbfe39c891e7)}footer .social .spotify{background-image:url(/asset/d447e82a-e212-43b7-af08-244f70f7113f)}footer .bottom{margin-top:6em}footer .bottom ul{list-style:none;overflow:hidden;margin-right:-1em;margin-left:2em}footer .bottom li{display:inline-block;margin-left:-2em;position:relative;padding:0 1em 1px 2em}footer .bottom li::before{content:"|";position:absolute;left:1.3em}footer .button{display:block;position:relative;width:fit-content;height:1.875rem;border-radius:.125rem;font-family:var(--primary-font);font-size:.8125rem;line-height:.8rem;font-weight:300;padding:0 1.875rem;border:none;cursor:pointer;display:flex;align-items:center;text-decoration:none;transition:background-color .7s ease;letter-spacing:.1em;color:#fff;background-color:#000}.dark footer{background:#000}.dark footer,.dark footer a{color:#fff}.dark footer .button{border:1px solid #aaa}@media screen and (max-width:767.955px){footer{font-size:1em}footer .inner{padding:0 1em}footer .panel{width:100%;margin-right:0}footer .social{width:10em}footer .bottom ul{margin-left:0;margin-top:.1em}}</style></div> 3081 <div id="cookies"><div class="cookies"> 3082 <div class="inner"> 3083 <div> 3084 <div class="title"> 3085 Cookies Consent 3086 </div> 3087 <p>We use cookies for analytics purposes to understand website usage and improve site performance. We do not use cookies for advertising or marketing, and we do not sell or share personal information. For more information about our privacy practices, please visit our <a href="/us/legal/privacy-policy">Privacy Policy.</a></p> 3088 </div> 3089 <div> 3090 <button class="decline">DECLINE</button> 3091 </div> 3092 <div> 3093 <button class="accept">ACCEPT</button> 3094 </div> 3095 </div> 3096</div>
3097<script async="" src="https://www.googletagmanager.com/gtag/js"></script>
vendor: 2 bytes, line 3097
3097
3098<script> 3099 window.dataLayer = window.dataLayer || []; 3100 function gtag(){dataLayer.push(arguments);} 3101</script>
3101<script type="text/javascript">var cookies=(()=>{var r=()=>{$(()=>{u()})},u=()=>{navigator.globalPrivacyControl||(t("p").length==0?setTimeout(n,3e3):i()),$(".cookies button").click(n=>{f("p",n.currentTarget.classList.contains("accept")),i(),gsap.to(".cookies",{opacity:0,duration:.7,onComplete:()=>{gsap.set(".cookies",{display:"none",y:0})}})}),$(".show-privacy").click(n)},n=()=>{gsap.set(".cookies",{display:"block",opacity:1}),gsap.to(".cookies",{y:"-120%",ease:"back.out(2)",duration:.7})},f=(n,t,i)=>{var r=new Date,u;r.setTime(r.getTime()+i*864e5);u="expires="+r.toUTCString();document.cookie=n+"="+t+"; "+u+";path=/"},t=n=>{for(var t,r=n+"=",u=document.cookie.split(";"),i=0;i<u.length;i++){for(t=u[i];t.charAt(0)==" ";)t=t.substring(1);if(t.indexOf(r)==0)return t.substring(r.length,t.length)}return""},i=()=>{t("p")=="true"&&(gtag("js",new Date),gtag("config","G-TH707HHRGJ"))};return r(),{showPrivacy:()=>(n(),!1)}})()</script>
3101<style>#cookies .cookies{position:fixed;z-index:5;background:#fff;left:50%;width:calc(100% - 8em);border:1px solid #ccc;padding:2em;text-align:left;max-width:101em;top:100%;transform:translate(-50%,0);z-index:999;color:#000}#cookies .cookies .inner{display:flex;align-items:center}#cookies .cookies .inner>div:first-child{width:100%}#cookies .cookies .inner .title{font-weight:400;letter-spacing:-.03em;font-size:1.2em}#cookies .cookies .inner p{font-weight:250;margin:1em 0;padding-right:3em;font-size:1em;color:#000;letter-spacing:-.03em;text-align:left;max-width:56em}#cookies .cookies button{font-weight:300;letter-spacing:-.03em;border:1px solid #aaa;padding:.8em 1em .7em;background:#fff;min-width:15em;margin:0 1em;cursor:pointer;font-size:1em;font-family:Codec;letter-spacing:.05em}#cookies .cookies button.accept{background:#039;color:#fff}#cookies .cookies a{color:#039;text-decoration:none;font-weight:500;display:inline-block}@media screen and (max-width:1024px){#cookies .cookies .inner{flex-wrap:wrap}#cookies .cookies button{margin:1em 1em 0}#cookies .cookies button.decline{margin-left:0}}@media screen and ((max-width:768px)or(max-height:399.955px)){}@media screen and (max-width:768px){#cookies .cookies{text-align:center}#cookies .cookies button{margin:.7em 0}#cookies .cookies .inner p{padding-right:0;text-align:center}#cookies .cookies .inner>div{width:100%}}</style></div> 3102 <div id="script-player" class="dark">
3102<script src="/assets/js/greensock/MorphSVGPlugin.min.js"></script>
3102 3103
3104<script src="https://www.youtube.com/iframe_api"></script>
vendor: 2 bytes, line 3104
3104
3105<script src="https://player.vimeo.com/api/player.js"></script>
vendor: 2 bytes, line 3105
3105
3106<script src="/assets/js/can-autoplay.3.0.2.js"></script>
3106 3107<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.15.0/alt/video-js-cdn.min.css" integrity="sha512-RU6FIpN8MZ6jrswHMYzP9t7QlAtDkpCJP6uqyHYm56iP6eEdYCDfMW2C42KtimtJ8DKa+iWJqjpeTyLyQjV61g==" crossorigin="anonymous" referrerpolicy="no-referrer"> 3108<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/line-awesome/1.3.0/font-awesome-line-awesome/css/all.min.css" integrity="sha512-dC0G5HMA6hLr/E1TM623RN6qK+sL8sz5vB+Uc68J7cBon68bMfKcvbkg6OqlfGHo1nMmcCxO5AinnRTDhWbWsA==" crossorigin="anonymous" referrerpolicy="no-referrer"> 3109 3110<div id="playerTemplate" class="player"> 3111 <div class="close"><i class="fa fa-times"></i></div> 3112 <div class="shuffle prev"><i class="fa fa-angle-left"></i></div> 3113 <div class="shuffle next"><i class="fa fa-angle-right"></i></div> 3114 <div class="label"> 3115 <div class="inner"> 3116 <div class="name"></div> 3117 <div class="sub"></div> 3118 <div class="description"></div> 3119 </div> 3120 </div> 3121 3122 <div class="frame"> 3123 <div class="loading"></div> 3124 <div class="video"> </div> 3125 <div class="poster"></div> 3126 <div class="play"> 3127 <div class="loader"> 3128 <svg class="circular-loader" viewbox="25 25 50 50"> 3129 <circle class="loader-path" cx="50" cy="50" r="22" fill="none"></circle> 3130 </svg> 3131 </div> 3132 <div class="arrow"></div> 3133 <div class="pause"></div> 3134 </div> 3135 3136 <div class="nav"> 3137 <div class="play"> 3138 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 16 20" style="enable-background:new 0 0 16 20;" xml:space="preserve"> 3139 <polyline class="playLRef" points="8,15 0.1,20 0.1,0 8,5 "></polyline> 3140 <polygon class="playRRef" points="7.9,5 15.9,10 7.9,15 7.9,10 "></polygon> 3141 <polyline class="playL" points="8,15 0.1,20 0.1,0 8,5 "></polyline> 3142 <polygon class="playR" points="7.9,5 15.9,10 7.9,15 7.9,10 "></polygon> 3143 <rect class="pauseL" x="0.5" y="1.6" width="2.5" height="16.8"></rect> 3144 <rect class="pauseR" x="9.4" y="1.6" width="2.5" height="16.8"></rect> 3145 </svg> 3146 </div> 3147 <div class="control volumeControls"> 3148 <div class="volume"> 3149 <div class="volume-bck"> 3150 <div class="slider-vertical"></div> 3151 </div> 3152 </div> 3153 <div class="mute"></div> 3154 </div> 3155 <div class="seek"> 3156 <div class="bg"></div> 3157 <div class="loaded"></div> 3158 <div class="position"></div> 3159 </div> 3160 <div class="time"></div> 3161 <div class="control subtitle"><i></i><ul></ul></div> 3162 <div class="control fullscreen"></div> 3163 <div class="thumbs"> 3164 <div class="thumb-frame"> 3165 <video width="100%" height="100%" preload="auto"> 3166 <source src="" type="video/mp4"> 3167 </source></video> 3168 </div> 3169 <div class="label"></div> 3170 </div> 3171 </div> 3172 </div> 3173 <div class="mobile-overlay"></div> 3174</div>
3175<script type="text/javascript">let player=(()=>{let s=()=>{$(()=>{r=$("#playerTemplate"),h(),a(),c()})},r,t=!1,n,f=[],u=[],h=()=>{$(window).resize(()=>{var n=$("#script-player .player .frame")[0].getBoundingClientRect();$("#script-player .player .close").height(n.top);$("#script-player #playerTemplate > .label").height($(window).height()-n.bottom)}).resize()},c=()=>{MorphSVGPlugin.convertToPath("polygon, rect, polyline, line")},i=(i,e)=>{var s,k=e===undefined,ct,d=!0,ii=()=>{g=gsap.timeline().pause();g.to($(".nav, .label, .shuffle",s),{opacity:0,duration:.7,ease:"power4.in"});$(s).on("mousemove",n=>{console.log(n),lt()});$(s).on("mousemove",n=>{console.log(n),lt()});$(".mobile-overlay",s).click(n=>{n.preventDefault()})},lt=_.throttle(()=>{o()&&d?(clearTimeout(ct),ct=setTimeout(ri,3e3)):ui()},250),g,ri=()=>{d&&(d=!1,g.play(),$(".mobile-overlay",s).css({"pointer-events":"all"}))},ui=()=>{d||(d=!0,g.reverse(),$(".mobile-overlay",s).css({"pointer-events":"none"}))},gr=n=>{n.forEach(n=>{$('<img src="/asset/'+n.Guid+'">')})},nu=()=>{$(".gallery .tile",s).click(fi)},fi=n=>{nt($(n.currentTarget).data().asset,s)},h,nt=(n,i)=>{if(i==undefined){if(s=r[0],window.parent!=window&&!v(n))return}else s=r.clone().removeAttr("id")[0],$(i).replaceWith(s),dr(n.Guid);gt();isNaN(n.Var1.split(",")[0])?ei(n.Var1):hi(n.Var1);f.push(h);h.asset=n;ki(n);y(n);t=!0;ii()},w,c=60,l=c/100,ei=n=>{$(".video",s).html("<div><\/div>").removeClass("vimeo").addClass("yt"),$(".nav",s).addClass("yt"),h=new YT.Player($(".video div",s)[0],{videoId:n,playerVars:{autoplay:k?1:0,controls:0,showinfo:0,rel:0,fs:0,modestbranding:1,playsinline:1,allowfullscreen:1},events:{onStateChange:si,onReady:()=>{rt&&h.mute(),ni(),w=setInterval(oi,100)}}}),h.playerType="yt",u.push(h),dt(),ti()},oi=()=>{var n=h.getCurrentTime?h.getCurrentTime():0,t=h.getDuration?h.getDuration():0,i=n/t;ot(i);h.getPlayerState()==2?$(".nav .play",s).removeClass("playing"):$(".nav .play",s).addClass("playing");$(".nav .loaded",s).width(h.getVideoLoadedFraction()*100+"%");tt(t-n)},si=n=>{n.data==0&&ht()},hi=n=>{dataArray=n.split(",");$(".video",s).html("<div><\/div>").removeClass("yt").addClass("vimeo");$(".nav",s).removeClass("yt");h=new Vimeo.Player($(".video div",s)[0],{id:dataArray[0],autoplay:k,controls:!1,transparent:!1,playsinline:!0});h.playerType="vimeo";h.on("timeupdate",vi);h.on("ended",pi);h.on("progress",wi);h.on("loaded",ni);h.on("play",b);w=setInterval(yi,100);h.thumbs=dataArray[1];rt?h.setVolume(0):h.setVolume(l);li();fr();dt();ti();console.log("isMobile: "+o())},ci=()=>{let n=getCookie("language");$(".nav .subtitle li",s).removeClass("active");getCookie("language")!=="en"?(h.enableTextTrack(getCookie("language")),$(".nav .subtitle li[data-language="+n+"]",s).addClass("active")):(h.disableTextTrack(),$(".nav .subtitle li[data-language='']",s).addClass("active"))},li=()=>{$(".nav",s).removeClass("subtitle"),$(".nav .subtitle ul",s).html(""),h.getTextTracks().then(n=>{if(n.length>0){if($(".nav",s).addClass("subtitle"),n.unshift({label:"NO SUBTITLES",language:"",mode:n.filter(n=>n.mode=="showing").length==0?"showing":"none"}),n.forEach(n=>{$(".nav .subtitle ul",s).append(`<li data-language="${n.language}" class="${n.mode=="showing"?`active`:""}">${n.label}</li>`)}),$(".nav .subtitle li",s).click(ai),$('li[data-language="en-x-autogen"]').length!==0){var t=$('li[data-language="en-x-autogen"]')[0].innerHTML.split(" ")[0];$('li[data-language="en-x-autogen"]').html(t)}$(".nav .subtitle",s).css("display","block")}else $(".nav .subtitle",s).css("display","none");ci()})},at=()=>{$(".nav .subtitle ul",s).toggle()},ai=n=>{n.currentTarget.dataset.language.length>0?h.enableTextTrack(n.currentTarget.dataset.language):h.disableTextTrack(),$(".nav .subtitle li",s).removeClass("active"),$(".nav .subtitle ul",s).toggle(),at(),$(n.currentTarget).addClass("active")},vi=n=>{ot(n.percent),tt(n.seconds)},yi=()=>{h.getPaused().then(n=>{n?$(s).removeClass("playing"):(b(),$(s).addClass("playing"),$(s).addClass("show"))})},pi=()=>{n==undefined?bi():ht()},wi=n=>{$(".nav .loaded",s).width(n.percent*100+"%")},bi=()=>{h.setCurrentTime(0),gt(),et()},ki=n=>
3175{$(".name",s).html(n.Name),$(".description",s).html(n?.Content),$(".sub",s).html(n?.Var2),$(window).resize()},ot=n=>{$(".seek .position",s).width(n*100+"%")},tt=n=>{n<0&&(n=0),$(".nav .time",s).text(vt(n))},di=n=>({minutes:Math.floor(n/60),seconds:n%60}),vt=n=>{var t=di(n);return t.minutes+":"+Math.floor(t.seconds).toString().padStart(2,"0")},yt=0,a=()=>{var n=new TimelineMax,t=$(".playR",s),i=$(".playL",s),r=$(".pauseR",s),u=$(".pauseL",s);et();wr();n.to(i,.5,{morphSVG:{shape:u,shapeIndex:4},delay:.5}).to(t,.5,{morphSVG:{shape:r,shapeIndex:4},delay:.5},0);$(".play.bigPlay .arrow",s).show();$(".play.bigPlay .pause",s).hide();setTimeout(()=>{p(),yt=1500},yt)},it=()=>{var n=new TimelineMax,t=$(".playR",s),i=$(".playL",s),r=$(".pauseR",s),u=$(".pauseL",s);playLRef=$(".playLRef",s);playRRef=$(".playRRef",s);et();n.to(i,.5,{morphSVG:{shape:playLRef,shapeIndex:4},delay:.5}).to(t,.5,{morphSVG:{shape:playRRef,shapeIndex:4},delay:.5},0);$(".play.bigPlay .arrow",s).hide();$(".play.bigPlay .pause",s).show();setTimeout(()=>{p()},1500)},gi=()=>{var n=new TimelineMax,t=$(".playR"),i=$(".playL"),r=$(".pauseR"),u=$(".pauseL");playLRef=$(".playLRef");playRRef=$(".playRRef");n.to(i,.5,{morphSVG:{shape:playLRef,shapeIndex:4},delay:.5}).to(t,.5,{morphSVG:{shape:playRRef,shapeIndex:4},delay:.5},0)},pt=()=>{$(".nav .subtitle ul",s).css("display","none"),k||wt(),h.playerType=="vimeo"?h.getPaused().then(n=>{n?(h.play(),a(),$(".frame .poster",s).hide()):(h.pause(),it())}):h.getPlayerState()==1?(h.pauseVideo(),$(s).removeClass("playing"),it()):($(s).addClass("show"),$(s).addClass("playing"),$(".frame .poster",s).hide(),h.playVideo(),a())},wt=()=>{var n=document.querySelectorAll(".video.vimeo");u.length>=1&&u.forEach(function(n){n.pauseVideo()});n.length>=1&&n.forEach(n=>{var t=new Vimeo.Player(n);t.getPaused().then(n=>{n||t.pause()})});gi()},nr=()=>{$(".slider-vertical",s).slider({orientation:"vertical",range:"min",min:0,max:100,value:60,slide:function(n,t){c=t.value;l=c/100;h.playerType=="vimeo"?(h.setVolume(l),l==0?ut():bt()):(h.setVolume(c),c==0?ut():bt())}})},bt=()=>{h.playerType=="vimeo"?h.getVolume().then(()=>{h.setVolume(l),$(".nav .mute",s).removeClass("muted")}):(h.unMute(),$(".nav .mute",s).removeClass("muted"),$(".player .nav.yt .ui-slider-vertical .ui-slider-range-min",s).height(c+"%"),h.setVolume(c))},tr=()=>{$(".volume",s).addClass("volumeSlider");$(".nav .volumeControls",s).on("mouseout",function(){ir()})},ir=()=>{$(".volume",s).removeClass("volumeSlider")},rt=!1,ut=()=>{$(".nav .mute",s).addClass("muted"),$(".slider-vertical",s).slider({value:0}),rt=!0},kt=()=>{$(".nav .mute",s).removeClass("muted"),$(".slider-vertical",s).slider({value:c}),rt=!1},rr=()=>{h.playerType=="vimeo"?h.getVolume().then(n=>{n!=0?(h.setVolume(0),ut()):(c==0&&(l=.5,c=50),h.setVolume(l),kt())}):h.isMuted()?(c==0&&(l=.5,c=50),h.unMute(),kt()):(h.mute(),ut())},ur=()=>{var n=s;switch(!0){case n.requestFullScreen!=undefined:n.requestFullScreen();break;case n.webkitRequestFullscreen!=undefined:n.webkitRequestFullscreen();break;case n.mozRequestFullScreen!=undefined:n.mozRequestFullScreen();break;case n.webkitRequestFullscreen!=undefined:n.webkitRequestFullscreen();break;case h.requestFullscreen!=undefined:h.requestFullscreen()}p()},st=n=>{if(er(n),n.buttons!=0||n.which!=0)if(rect=n.currentTarget.getBoundingClientRect(),percent=(n.clientX-rect.left)/rect.width,h.playerType=="vimeo")h.getDuration().then(n=>{var t=Math.floor(n*percent);h.setCurrentTime(t);tt(t);ot(percent);h.play();a();$(".frame .poster",s).hide()});else{var t=h.getDuration()*percent;h.seekTo(t);tt(t)}},ft,fr=()=>{h.thumbs!=undefined&&(ft=$(".thumbs video",s)[0],ft.src="/asset/"+h.thumbs)},er=n=>{if(h.thumbs!=undefined){var t=ft.duration*(n.originalEvent.offsetX/n.currentTarget.clientWidth);ft.currentTime=t;t<0&&(t=0);$(".thumbs .label",s).text(vt(t));gsap.set($(".thumbs",s)[0],{x:n.originalEvent.offsetX});$(".thumbs",s).show()}},or=()=>{$(".thumbs",s).show()},sr=()=>{$(".thumbs",s).hide()},hr=()=>{n==undefined&&$(s).addClass("single")},dt=()=>{cr();hr();$(".nav .play",s).click(pt);$(".nav .volumeControls .mute",s).click(rr);nr();$(".nav .volumeControls",s).on("mouseover",n=>{tr(),n.preventDefault()});$(".nav .fullscreen",s).click(ur);
3175$(".close",s).click(lr);$(".seek",s).click(st).on("mousemove",st).on("touchmove",st);if($(".next",s).click(ht),$(".prev",s).click(yr),$(".frame .play",s).click(br),$(".nav .subtitle",s).click(at),h.thumbs!=undefined){$(".seek",s).on("mouseenter",or);$(".seek",s).on("mouseleave",sr)}$(".mobile-bg",s).click(mobileBgClickHandler)},cr=()=>{$(".nav .play, .nav .mute, .nav .fullscreen, .close, .seek, .next, .prev, .frame > .play, .nav .subtitle, .mobile-bg",s).off("click").off("mouseenter").off("mousemove").off("mouseleave").off("touchmove")},lr=()=>{h.playerType=="vimeo"?h.pause():h.pauseVideo(),clearInterval(w),kr(),p(),clearTimeout(w),h.destroy(),t=!1},ar=()=>{if(n==undefined)return h.asset;var t=n.indexOf(h.asset);return t==n.length-1?n[0]:n[t+1]},vr=()=>{if(n==undefined)return h.asset;var t=n.indexOf(h.asset);return t==0?n[n.length-1]:n[t-1]},ht=()=>{clearInterval(w),nt(ar()),p()},yr=()=>{clearInterval(w),nt(vr()),p()},gt=()=>{$(s).removeClass("show"),$(".seek .position, .nav .loaded",s).width(0),$(s).removeClass("playing"),$(".nav .time",s).text("-0:00"),$(".nav .mute",s).removeClass("muted"),$(".frame .loading",s).show()},ni=()=>{if(b(),k)if(h.playerType=="vimeo"){var n=h.play();n!==undefined&&n.then(n=>{a(),n?.result&&t&&pt()}).catch(()=>{pr()})}else canAutoplay.video().then(n=>{n.result&&t&&($(s).addClass("show"),$(s).addClass("playing"),$(".frame .poster",s).hide(),h.playVideo(),p(),a(),$(".frame .loading",s).hide())});else et()},b=()=>{$(".frame .loading",s).hide()},tu=()=>{setTimeout(b,1e3)},pr=()=>{$(".frame > .play",s).addClass("autoPlay"),b()},wr=()=>{$(".frame > .play",s).removeClass("autoPlay")},et=()=>{$(".frame > .play",s).addClass("bigPlay"),b()},p=()=>{$(".frame > .play",s).removeClass("bigPlay")},br=()=>{$(".nav .subtitle ul",s).css("display","none"),k||wt(),h.playerType=="vimeo"?h.getPaused().then(n=>{n?(h.play(),a(),$(".frame .poster",s).hide()):(h.pause(),it())}):h.getPlayerState()==1?(h.pauseVideo(),$(s).removeClass("playing"),it()):($(s).addClass("show"),$(s).addClass("playing"),$(".frame .poster",s).hide(),h.playVideo(),a())},ti=()=>{$(s).css("display")!="block"&&(gsap.set(s,{opacity:0,duration:.7,display:"block"}),gsap.to(s,{opacity:1}));var n=$("#script-player .player .frame")[0].getBoundingClientRect();$("#script-player .player .close").height(n.top);$("#script-player #playerTemplate > .label").height($(window).height()-n.bottom)},kr=()=>{gsap.to(s,{opacity:0,duration:.7,onComplete:()=>{gsap.set(s,{display:"none"})}})},dr=n=>{$(".frame .poster",s).css("background-image","url(/asset/"+n+")").show()};clearPoster=()=>{$(".frame .poster",s).hide()};mobileBgClickHandler=n=>{console.log(n)};nt(i,e)},l=()=>{play=$.getQueryParameters().play,play!=undefined&&(getName=n=>n==null||n==undefined?"":n.replace(/:/g,"").replace(/'/g,"").replace(/\(/g,"").replace(/\)/g,"").replace(/-/g," ").replace(/\./g," ").replace(/,/g,"").replace(/!/g,"").replace(/&/g,"and").replace(/á/g,"a").replace(/à /g,"a").trim(),play=play.replace(/-/g," "),asset=n.find(n=>getName(n.Name).toLowerCase()==play.toLowerCase()),asset!=undefined&&i(asset))},a=()=>{window.document.addEventListener("player_play",n=>{n.preventDefault(),i(n.detail)})},v=n=>{try{return window.parent.document.dispatchEvent(new CustomEvent("player_play",{cancelable:!0,detail:n}))}catch(t){return!0}},y=n=>{gtag("event","Trailer",{event_label:n.Name})},p=n=>{Array.isArray(n)?n.forEach(n=>{e(n)}):e(n)},e=n=>{var t={Guid:n.parentElement.dataset.assetid,Var1:n.dataset.var1};i(t,n)},o=()=>window.matchMedia("(max-width: 47.938em) or (max-height: 35.438em)").matches;return s(),{createPlayer:n=>{i(n)},createInlineElement:n=>{p(n)},setAssets:t=>{n=t},initAutoplay:()=>{l()},getPlayers:()=>f}})()</script>
3175<style>#case-study-detail-block .cms-section .content{overflow:visible !important}.playShape,.unMuteSvg{display:none}.pauseR,.pauseL{opacity:0;-webkit-filter:invert(100%);-ms-filter:invert(100%);-o-filter:invert(100%);filter:invert(1);fill:#fff}.playLRef,.playRRef{display:none}#morph,#morph svg{width:100%;height:100%;position:relative;top:0}#morph #pSvg1,#morph #paSvg1,#morph #pSvg2,#morph #paSvg2{-webkit-filter:invert(1);-ms-filter:invert(100%);-o-filter:invert(100%);filter:invert(1);fill:#fff}.dark .playL,.dark .playR,.pix #pin .playR,.pix #pin .playL,.codex #pin .playR,.codex #pin .playL{fill:#fff}#playerTemplate .playR{transform:translate(-.5px,0)}.player{position:fixed;width:100%;height:100%;top:0;left:0;background:#222;display:none;z-index:20000;color:#fff;letter-spacing:-.03em}.player .frame{left:50%;position:absolute;top:45%;transform:translate(-50%,-50%);width:65%;background:#000;padding-bottom:37%}.player .frame .loading{height:100%;width:100%;position:absolute;background-image:url(/?action=asset&id=8251dbc9-5c3e-4311-ad37-10af96e3b895);z-index:1;background-repeat:no-repeat;background-position:center}.player .video{height:100%;width:100%;position:absolute;opacity:0;transition:opacity .3s .4s}.player.show .video{opacity:1}.player .video iframe{width:100%;height:100%}.player .video.vimeo>div{height:100%}.player .frame .nav{position:absolute;top:calc(100% + 1em);width:calc(100% - 20px);z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.player .nav .control,.player .close{font-weight:400;font-style:normal;font-size:1em;line-height:1.67;display:inline-block;cursor:pointer;color:#000}.pix #pin .player .nav .control,.pix #pin .player .close,.codex #pin .player .nav .control,.codex #pin .player .close{color:#fff}.player .nav .play{position:relative;width:16px;height:20px;cursor:pointer}#case-study-detail-block .cms-section .content .cms-asset.video .player .nav .play{top:-.15em}@media screen and (max-width:1024px){#case-study-detail-block .cms-section .content .cms-asset.video .player .nav .play{top:.05em}}.player .nav .play:before{content:'';background-image:url(/asset/251b4174-8010-40d2-a854-71e56a507f0a);background-position:center;background-repeat:no-repeat;width:100%;height:100%;display:none;border:none}.player.playing .nav .play:before{content:'';background-image:url(/asset/83548cd5-b1b3-40dc-a18e-09f94c51dc57)}.dark .player .nav .play:before,.dark .player.playing .nav .play:before{content:'';filter:invert(1)}.player .nav .volumeControls{position:relative;z-index:2;cursor:pointer}.player .nav .volumeControls .volume{display:none;z-index:200;position:absolute;bottom:100%;width:100%}.player .nav .volumeControls .volume .volume-bck{height:100%;padding:10px 4px;border-radius:2px;background:#222;margin-bottom:calc(1.5em - 1px)}@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.player .nav .volumeControls .volume{display:none !important}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.player .nav .volumeControls .volume{display:none !important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.player .nav .volumeControls .volume{display:none !important}}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){.player .nav .volumeControls .volume{display:none !important}}.player .nav .volumeControls .volume.volumeSlider{display:block}.player .nav .volumeControls .volume .slider-vertical{height:60px;cursor:pointer}.player .nav .volumeControls .volume .ui-slider .ui-slider-handle{width:5px;height:5px;opacity:1;border:0 solid #c5c5c5;left:50%;transform:translateX(-50%)}.player .nav .volumeControls .volume .ui-slider-vertical{width:10px;border:none;position:relative;left:50%;background:#222;transform:translateX(-50%)}.player .nav .volumeControls .volume .ui-slider-vertical:after{content:"";border-left:2px solid #555;position:absolute;
3175left:calc(50% - 1px);top:0;width:100%;height:100%}.player .nav .volumeControls .volume .ui-slider-vertical .ui-slider-range-min{bottom:0;width:2px;left:4px}.dark .player .nav .volumeControls .volume .ui-slider-vertical{color:#fff;background:#222}.dark .player .nav .volumeControls .volume .ui-slider-vertical .ui-slider-handle{margin-bottom:0}.player .nav .volumeControls .volume .ui-slider-vertical .ui-slider-handle{margin-bottom:0}.player .nav .volumeControls .volume .ui-slider-vertical{color:#000}.player .nav .volumeControls .mute{top:0;position:relative;width:22px;height:20px;cursor:pointer}.player .nav .mute:before{content:'';background-image:url(/asset/38c4f7bb-af5d-4aba-812c-aeead3a6b0ee);background-size:contain;background-position:center;background-repeat:no-repeat;width:22px;height:20px;display:block;border:none}.dark .player .nav .mute:before{content:'';filter:invert(1)}.player .nav .mute:before{content:'';filter:invert(0)}.pix #pin .player .nav .mute:before,.codex #pin .player .nav .mute:before{content:'';filter:invert(1)}.player .nav .mute.muted:before{content:'';background-image:url(/asset/4d268ea2-5a84-424f-bc46-4bf8d21cdb94)}.player .nav .time{display:inline-block;width:3em;position:relative;font-family:'Codec';font-weight:250;font-size:.8em;padding-left:0;color:#000;text-align:right}.player .nav .seek{display:inline-block;width:calc(100% - 11em);position:relative;height:2em;cursor:pointer}@media only screen and (min-width:500px){.player .nav .seek{width:calc(100% - 12em)}.player .nav .time{padding-left:.5em}}.pix #pin .player .nav .time,.codex #pin .player .nav .time{color:#fff}.player .nav.yt .subtitle{display:none !important}.player .nav .subtitle:before{content:'';background-image:url(/asset/2e685a5c-6f3b-411f-840b-f9b51a6bcff3);background-repeat:no-repeat;background-size:contain;width:30px;height:27px;display:block;position:relative;top:3.5px}.dark .player .nav .subtitle:before,.pix #pin .player .nav .subtitle:before,.codex #pin .player .nav .subtitle:before{filter:invert(1)}.player .nav .subtitle:before{filter:invert(0)}.player .nav.subtitle .subtitle{display:inline-block;cursor:pointer}.player .nav .subtitle ul{font-family:"Codec",Helvetica,Arial;font-size:.7em;position:absolute;background:#333;padding:.5em !important;bottom:4.3em;right:0;width:10em;margin:0;text-transform:uppercase;display:none;font-weight:250}.player .nav .subtitle li{font-size:.9em;list-style-type:none !important;position:relative;margin:.25em 0 !important;padding:.1em .1em .1em .5em;color:#fff;cursor:pointer;font-weight:300}.player .nav .subtitle li.active,.player .nav .subtitle li:hover{background-color:#555}.player .nav .subtitle li:before{content:"";display:inline-block;width:1.4em;height:1em;background-size:100%;background-repeat:no-repeat;margin-right:10px;position:relative;top:.3em;left:0}.player .nav .subtitle li[data-language=""]:before{background-image:url(/asset/497c1e02-8b6d-462d-bd10-d087eab29860);border:1px solid #414141}.player .nav .subtitle li[data-language="en"]:before,.player .nav .subtitle li[data-language="en-x-autogen"]:before{background-image:url(/asset/c38736f5-99cc-433c-90a6-e8f6ca7fc867)}.player .nav .subtitle li[data-language="pt"]:before{background-image:url(/asset/99efb939-b37e-4cd5-8f8b-c81eea6e5047)}.player .nav .subtitle li[data-language="zh-Hans"]:before{background-image:url(/asset/db1c1e98-8bd3-4c62-b3f5-5121366ecbe1)}.player .nav .subtitle li[data-language="fr"]:before{background-image:url(/asset/8c3f4dc6-cc84-4654-b938-73322136cef0)}.player .nav .subtitle li[data-language="es"]:before{background-image:url(/asset/c60ae9c2-b503-4d44-955f-0451539b6d43)}.player .nav .subtitle li[data-language="de"]:before{background-image:url(/asset/f8867338-920d-4d83-8b09-ac9b9445c71b)}.player .nav .subtitle li[data-language="pl"]:before{background-image:url(/asset/2dae34cb-695f-4428-85de-a3d8e7e37beb)}.player .nav .subtitle li[data-language="tr"]:before{background-image:url(/asset/bffa6510-f12a-4092-a2a6-302c993dd8bd)}.player .nav .subtitle li[data-language="hi"]:before{background-image:url(/asset/9144a6be-2ed7-4f04-9069-bbaa111cf634)}.player .nav .subtitle li[data-language="ar"]:before{background-image:url(/asset/abba8798-77dd-48a4-b325-452cc0564ebc)}.player .nav .subtitle li[data-language="vi"]:before{background-image:url(/asset/95cd4680-742e-45ee-b26b-3ab82c95f674)}.player .nav .subtitle li[data-language="hu"]:before{background-image:url(/asset/2de3343f-4b82-4f9c-9035-deaea5f0845e)}.player .nav .subtitle li[data-language="hu"]:before{background-image:url(/asset/2de3343f-4b82-4f9c-9035-deaea5f0845e)}.player .nav .subtitle li[data-language="it"]:before{background-image:url(/asset/c927fc09-264d-4e6c-8db6-97f0fdb02d2e)}.player .nav .subtitle li[data-language="ja"]:before{background-image:url(/asset/f3eb0473-3251-4772-9788-1ef09a79d4b2)}.player .nav .subtitle li[data-language="ko"]:before{background-image:url(/asset/d78cf51d-de46-43c1-bb87-b71ff2441d54)}.player .nav .fullscreen{position:relative;cursor:pointer}.player .nav .fullscreen:before{content:'';background-image:url(/asset/90124563-30f4-4fac-b179-00a767549fc3);background-repeat:no-repeat;background-size:contain;width:20px;height:20px;
3175display:block;position:relative}.player .nav .fullscreen:hover{animation:1s ease-in fullscreenScale forwards}@keyframes fullscreenScale{0%{transform:scale(1)}30%{transform:scale(1.1)}60%{transform:scale(1.1) rotate(90deg)}100%{transform:scale(1) rotate(90deg)}}.dark .player .nav .fullscreen:before,.pix #pin .player .nav .fullscreen:before,.codex #pin .player .nav .fullscreen:before{filter:invert(1)}.player .nav .fullscreen:before{filter:invert(0)}.player .close{position:absolute;right:0;font-size:2.5em;width:17.5%;cursor:pointer;z-index:2}.player .close i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.player .frame>.play{position:absolute;width:100%;height:100%;z-index:1;cursor:pointer}.player .frame>.play.autoPlay{content:"";width:100%;height:100%;background-image:url(/asset/31af64e5-d3df-4262-9a10-0433d8989a70);background-repeat:no-repeat;background-position:center;top:0;left:0;background-size:12.3%;position:absolute;display:block;opacity:1;cursor:pointer}.player .frame>.play.bigPlay{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.player .frame>.play.bigPlay .arrow{content:"";width:100%;height:100%;background-image:url(/asset/425265ef-5334-4a57-9f7c-6a9f7685a784);background-repeat:no-repeat;background-position:center;top:0;left:0;background-size:12.3%;position:absolute;display:block;opacity:1;cursor:pointer}.player .frame>.play.bigPlay .pause{content:"";width:100%;height:100%;background-image:url(/asset/9a32547c-c067-4167-a7b3-4d2482710b5a);background-repeat:no-repeat;background-position:center;top:0%;left:0;background-size:2.6%;position:absolute;display:none;opacity:1;cursor:pointer}@keyframes slideRight{from{opacity:0;left:-10px}to{opacity:1;left:0}}.player .frame>.play .loader,.player .frame>.play .circular-loader{position:relative;width:100%;height:100%}.player .frame>.play.bigPlay .loader{width:100%;height:100%;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);position:relative}.player .frame>.play.bigPlay .circular-loader{position:absolute;z-index:2;width:24%;height:24%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(270deg);position:relative}.player.show .play.bigPlay{animation:.5s .5s ease-in fadeOut forwards}.player .frame>.play.bigPlay .loader-path{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:138.5,200;-webkit-animation:animate-stroke .5s ease-in-out;animation:animate-stroke .5s ease-in-out;animation-iteration-count:1}@keyframes rotate{100%{transform:rotate(270deg)}}@keyframes animate-stroke{0%{stroke-dasharray:1,200}100%{stroke-dasharray:120,150}}@keyframes fadeIn{0%{opacity:0;display:block}100%{opacity:100}}@keyframes fadeOut{0%{opacity:100}100%{opacity:0}}.player .frame .poster{position:absolute;width:100%;height:100%;display:none;background-size:cover}.player .label{font-family:'Codec';font-weight:250;font-size:.8em;position:absolute;width:100%;text-align:center;bottom:0}.player .label .inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.player .name{padding-bottom:.5em;font-size:1.2em;font-weight:300}.player .sub{font-weight:300}.player .description{letter-spacing:0;font-weight:250;padding:0 1em}.player .nav.yt{width:calc(100% - 20px)}.player .nav.yt .seek{width:calc(100% - 9em)}.player .nav .seek .bg{height:2px;background:#ddd;width:100%;position:absolute;top:1em}.player .nav .seek .loaded{height:2px;background:#bbb;position:absolute;width:0;top:1em}.player .nav .seek .position{height:2px;background:#000;position:absolute;width:0;top:1em}.player .nav .seek .handle:after{font-family:VideoJS;font-weight:400;font-style:normal;font-size:.6em;display:inline-block;content:"\f111";position:absolute;top:-4px;right:-4px}.player .shuffle{position:absolute;top:45%;font-size:2.5em;cursor:pointer;width:17.5%;text-align:center;transform:translateY(-50%);display:block !important;height:1em}.player .prev{left:0}.player .next{right:0}.player.single .next,.player.single .prev{display:none !important}.player .thumbs{position:absolute;bottom:3em;aspect-ratio:16/9;height:5em;padding:10px 10px 2em;background:#1a1a1a;border-radius:4px;display:none}.thumb-frame{overflow:hidden;aspect-ratio:16/9;display:flex;justify-content:center;align-content:center}.thumb-frame video{width:100%;height:auto;margin:0 auto;position:relative}.player .mobile-overlay{width:100%;height:100%;display:none;pointer-events:none}@media only screen and (min-device-width:320px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.player .thumbs{display:none !important}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){.player .thumbs{display:none !important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.player .thumbs{display:none !important}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.player .thumbs{display:none !important}}.player .thumbs video{align-self:center}.player .thumbs .label{position:absolute;width:initial;transform:translateX(-50%);left:50%;bottom:.6em}@media not all and (min-width:768px) and (min-resolution:.1dpi){.player .thumbs{padding:10px 10px 2.5em;width:10em}.thumb-frame{position:relative;padding-top:56.25%;aspect-ratio:auto}.thumb-frame video{position:absolute;top:-1em;object-fit:cover;-webkit-transform:translate(0%,0%)}.player .thumbs .label{bottom:.6em}}.cms-asset .player{display:block;position:relative;padding-bottom:56.2%;margin-bottom:5em;z-index:initial}.cms-asset .player .close{display:none}.cms-asset .player .frame{transform:none;left:0;display:inline-block;margin-bottom:2em;top:0;padding-bottom:0;height:100%;width:100%}.cms-asset .player .video{margin-top:0}.dark .player .nav .control,.dark .player .close{color:#fff}.dark .player .nav .seek .bg{background:#333}.dark .player .nav .seek .loaded{background:#555}.dark .player .nav .seek .position{background:#fff}.dark .player .nav .time{color:#fff}.dark .player .nav .subtitle>i{filter:invert(1)}@media screen and (max-width:35.438em){.player .close{top:.7em;font-size:1.5em}.player .shuffle{font-size:1.5em}.player .description{font-size:.8em}}@media screen and ((max-width:47.938em)or(max-height:35.438em)){.player .frame{top:0;transform:translate(0,0);width:100%;left:0;padding-bottom:0;height:100%;z-index:-1;}.player .video{scale:1.25;top:0;pointer-events:none;}.player .frame .nav{top:91%;width:calc(100% - 4em);left:50%;transform:translate(-50%,-50%);}.player .close{top:.7em;font-size:1.5em;}.player .shuffle{font-size:1.5em;}.player .label{top:50%;font-size:1.2em;pointer-events:none;}.player .name{margin-bottom:.5em;}.player .description{font-size:.8em;}.player .mobile-overlay{display:block;}}#case-study-detail-block .cms-section .content .cms-asset .nav{width:calc(100% - 0px)}#case-study-detail-block .cms-section .content .cms-asset.video{margin-bottom:40px;width:100%}#case-study-detail-block .cms-section .content .player .thumbs{height:8.5em;width:12em;padding:10px 10px 2em}#case-study-detail-block .cms-section .content .player .thumbs .label{bottom:0}#case-study-detail-block .cms-section .content .player .label{display:none}.titleframe .player{position:relative;width:100%;height:100%;top:0;left:0;background:#eee;z-index:1;color:#fff}.dark .titleframe .player{background:#111}.titleframe .player .frame{left:0%;position:relative;top:0%;transform:translate(0%,0%);width:100%;background:#000;padding-bottom:0%;padding-bottom:56.25%}.titleframe .player .nav{position:absolute;top:calc(100% + 1em);bottom:auto;width:calc(100% - 20px);z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.titleframe .player .nav .time{top:0;padding-left:1em}.titleframe .player .nav .seek{width:calc(100% - 150px - 4em)}.titleframe .player .nav .volumeControls .volume .volume-bck{margin-bottom:calc(.8em - 1px)}.titleframe .player .nav .subtitle ul{font-size:13px}.titleframe .player .close{display:none !important}.imageframe .player .frame{position:relative;top:45%;width:100%;padding-bottom:61%;left:0%;transform:translate(0,0)}.imageframe .player .label{display:none}.imageframe .player .close{display:none}.imageframe .player{background:none}.imageframe .player .nav .seek{width:calc(100% - 90px - 4em)}.imageframe .player .nav .time{top:0;padding-left:.2em}.imageframe .player .nav .subtitle{display:none}.imageframe .player .nav{width:calc(100% - 20px)}.imageframe .player .nav .volumeControls .volume .volume-bck{margin-bottom:calc(1.1em - 1px)}</style></div> 3176 <div id="reader"><div class="frame"> 3177 <div class="close"><i></i></div> 3178 <div class="inner"> 3179 <div class="loading"></div> 3180 <iframe></iframe> 3181 </div> 3182</div>
3182<script type="text/javascript">var reader=(()=>{var r=()=>{$(()=>{f(),n=$("#reader iframe")[0],i()})},n,u=t=>{e(),gsap.set(n,{opacity:0}),n.onload=()=>{o(),n.contentDocument.body.classList.add("embed")},n.src=t},f=()=>{$("#reader .close").click(t),window.document.addEventListener("reader_close",n=>{n.preventDefault(),t()})},e=()=>{gsap.set("#reader",{display:"block"}),gsap.to("#reader .frame",{opacity:1}),$("#reader .loading").show(),$("body").css({"overflow-y":"hidden"}),s()},t=()=>{gsap.to("#reader .frame",{opacity:0,onComplete:()=>{gsap.set("#reader",{display:"none",onComplete:i})}}),n.src="",$("body").css({"overflow-y":"scroll"})},o=()=>{$("#reader .loading").hide(),gsap.to(n,{opacity:1})},i=()=>{n.src=""},s=()=>{window.history.pushState({page:1},"",""),window.onpopstate=()=>{t(),window.onpopstate=null}};return r(),{load:n=>{u(n)}}})()</script>
3182<style>#reader{display:none}#reader .frame{position:fixed;width:100%;height:100%;top:0;background:#333;z-index:26;opacity:0}#reader .inner{width:calc(100% - 1em);height:calc(100% - 4em);margin:2em auto;display:block;max-width:96vw;position:relative;background:#000}#reader iframe{width:100%;height:100%;border:none;display:block}#reader .close{position:absolute;color:#fff;top:4em;right:5em;cursor:pointer;z-index:2;width:2em;height:2em;display:block}#reader .close i{background-image:url(/asset/02bf2a54-dfb7-4f43-ba4d-a18b3900bb35);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;display:block}#reader .loading{height:100%;width:100%;position:absolute;background-image:url(/?action=asset&id=8251dbc9-5c3e-4311-ad37-10af96e3b895);z-index:1;background-repeat:no-repeat;background-position:center}@media screen and (max-width:79.938em){#reader .frame{width:100%;height:100%}#reader .inner{width:100%;height:100%;max-width:unset;margin:0;padding:0}#reader .close{top:1.5em;right:2em;z-index:1;border-radius:50%;background:#f3f3f3;width:2.5em;height:2.5em}#reader .close i{background-size:66%;background-position:center}}</style></div> 3183 <div id="shop"><div></div>
3184<script src="https://unpkg.com/@shopify/[email protected]/dist/umd/storefront-api-client.min.js"></script>
3184 3185<div class="shopify-config" style="display: none;">
3185<script>var _shopifyDomain="shop.codex.online",_shopifyToken="3f48b6a227644c0c54fa1454b49ca378";</script>
3185</div>
3186<script type="text/javascript">var shop=(()=>{var y=()=>{$(async()=>{p(),console.log(product)})},t,r,i,p=()=>{i=tt();r=ShopifyStorefrontAPIClient.createStorefrontApiClient({apiVersion:"2026-04",storeDomain:_shopifyDomain,publicAccessToken:_shopifyToken});var n=getCookie("cartId");n!=""?b(n):f()},w=async n=>{await e;var t=`query ProductVariants( 3187 $handle: String! 3188 $pageSize: Int = 50 3189 $cursor: String 3190 ) @inContext(country : ${i}) { 3191 product(handle: $handle) { 3192 id 3193 title 3194 variants(first: $pageSize, after: $cursor) { 3195 edges { 3196 cursor 3197 node { 3198 id 3199 title 3200 sku 3201 availableForSale 3202 quantityAvailable 3203 price { 3204 amount 3205 currencyCode 3206 } 3207 selectedOptions { 3208 name 3209 value 3210 } 3211 expected: metafield(key: "expected", namespace: "custom") { 3212 value 3213 } 3214 sellingPlanAllocations(first: 10) { 3215 nodes { 3216 sellingPlan { 3217 id 3218 name 3219 description 3220 checkoutCharge { 3221 type 3222 value { 3223 ... on SellingPlanCheckoutChargePercentageValue { 3224 percentage 3225 } 3226 ... on MoneyV2 { 3227 amount 3228 currencyCode 3229 } 3230 } 3231 } 3232 } 3233 checkoutChargeAmount { 3234 amount 3235 currencyCode 3236 } 3237 remainingBalanceChargeAmount { 3238 amount 3239 currencyCode 3240 } 3241 priceAdjustments { 3242 price { 3243 amount 3244 currencyCode 3245 } 3246 compareAtPrice { 3247 amount 3248 currencyCode 3249 } 3250 } 3251 } 3252 } 3253 } 3254 } 3255 pageInfo { 3256 hasNextPage 3257 } 3258 } 3259 } 3260 }`,u=await r.request(t,{variables:{handle:n}});return product},n=null,c=async(t,u)=>{var f,e;u==""&&(u=null);n==null?(f=`mutation CreateCartAndAddLine( 3261 $variantId: ID! 3262 $quantity: Int = 1 3263 $sellingPlanId: ID 3264 $countryCode: CountryCode!) 3265 @inContext(country : ${i}){ 3266 cartCreate( 3267 input: { 3268 lines: [ 3269 { 3270 quantity: $quantity 3271 merchandiseId: $variantId 3272 sellingPlanId: $sellingPlanId 3273 } 3274 ] 3275 buyerIdentity: { 3276 countryCode: $countryCode 3277 } 3278 } 3279 ) { 3280 cart { 3281 id 3282 checkoutUrl 3283 totalQuantity 3284 discountCodes { 3285 code 3286 applicable 3287 } 3288 discountAllocations { 3289 discountedAmount { amount currencyCode } 3290 ... on CartCodeDiscountAllocation { code } 3291 } 3292 cost { 3293 subtotalAmount { 3294 amount 3295 currencyCode 3296 } 3297 totalAmount { 3298 amount 3299 currencyCode 3300 } 3301 checkoutChargeAmount { 3302 amount 3303 currencyCode 3304 } 3305 } 3306 lines(first: 10) { 3307 edges { 3308 node { 3309 id 3310 quantity 3311 sellingPlanAllocation { 3312 sellingPlan { 3313 id 3314 name 3315 } 3316 checkoutChargeAmount { 3317 amount 3318 currencyCode 3319 } 3320 remainingBalanceChargeAmount { 3321 amount 3322 currencyCode 3323 } 3324 } 3325 merchandise { 3326 __typename 3327 ... on ProductVariant { 3328 id 3329 title 3330 sku 3331 selectedOptions{ 3332 name 3333 value 3334 } 3335 product { 3336 id 3337 title 3338 } 3339 image { 3340 url 3341 altText 3342 } 3343 price { 3344 amount 3345 currencyCode 3346 } 3347 } 3348 } 3349 } 3350 } 3351 } 3352 } 3353 userErrors { 3354 field 3355 message 3356 code 3357 } 3358 warnings { 3359 code 3360 message 3361 } 3362 } 3363 }`,e=await r.request(f,{variables:{variantId:t,quantity:1,countryCode:i,sellingPlanId:u??null}}),n=e.data.cartCreate.cart,console.log(n)):(f=`mutation AddLineToExistingCart( 3364 $cartId: ID! 3365 $variantId: ID! 3366 $quantity: Int = 1 3367 $sellingPlanId: ID 3368 ) @inContext(country : ${i}) { 3369 cartLinesAdd( 3370 cartId: $cartId 3371 lines: [ 3372 { 3373 quantity: $quantity 3374 merchandiseId: $variantId 3375 sellingPlanId: $sellingPlanId 3376 } 3377 ] 3378 ) { 3379 cart { 3380 id 3381 checkoutUrl 3382 totalQuantity 3383 discountCodes { 3384 code 3385 applicable 3386 } 3387 discountAllocations { 3388 discountedAmount { amount currencyCode } 3389 ... on CartCodeDiscountAllocation { code } 3390 } 3391 cost { 3392 subtotalAmount { 3393 amount 3394 currencyCode 3395 } 3396 totalAmount { 3397 amount 3398 currencyCode 3399 } 3400 checkoutChargeAmount { 3401 amount 3402 currencyCode 3403 } 3404 } 3405 lines(first: 10) { 3406 edges { 3407 node { 3408 id 3409 quantity 3410 sellingPlanAllocation { 3411 sellingPlan { 3412 id 3413 name 3414 } 3415 checkoutChargeAmount { 3416 amount 3417 currencyCode 3418 } 3419 remainingBalanceChargeAmount { 3420 amount 3421 currencyCode 3422 } 3423 } 3424 merchandise { 3425 __typename 3426 ... on ProductVariant { 3427 id 3428 title 3429 sku 3430 selectedOptions{ 3431 name 3432 value 3433 } 3434 product { 3435 id 3436 title 3437 } 3438 image { 3439 url 3440 altText 3441 } 3442 price { 3443 amount 3444 currencyCode 3445 } 3446 } 3447 } 3448 } 3449 } 3450 } 3451 } 3452 userErrors { 3453 field 3454 message 3455 code 3456 } 3457 warnings { 3458 code 3459 message 3460 } 3461 } 3462 }`,e=await r.request(f,{variables:{cartId:n.id,variantId:t,quantity:1,sellingPlanId:u??null}}),n=e.data.cartLinesAdd.cart,console.log(n));await o();setCookie("cartId",n.id);s();v()},l=async(t,u,f)=>{var e=`mutation UpdateCartLineQuantity( 3463 $cartId: ID! 3464 $lineId: ID! 3465 $quantity: Int! 3466 ) @inContext(country : ${i}) { 3467 cartLinesUpdate( 3468 cartId: $cartId 3469 lines: [ 3470 { 3471 id: $lineId 3472 quantity: $quantity 3473 } 3474 ] 3475 ) { 3476 cart { 3477 id 3478 checkoutUrl 3479 totalQuantity 3480 discountCodes { 3481 code 3482 applicable 3483 } 3484 discountAllocations { 3485 discountedAmount { amount currencyCode } 3486 ... on CartCodeDiscountAllocation { code } 3487 } 3488 cost { 3489 subtotalAmount { 3490 amount 3491 currencyCode 3492 } 3493 totalAmount { 3494 amount 3495 currencyCode 3496 } 3497 checkoutChargeAmount { 3498 amount 3499 currencyCode 3500 } 3501 } 3502 lines(first: 10) { 3503 edges { 3504 node { 3505 id 3506 quantity 3507 sellingPlanAllocation { 3508 sellingPlan { 3509 id 3510 name 3511 } 3512 checkoutChargeAmount { 3513 amount 3514 currencyCode 3515 } 3516 remainingBalanceChargeAmount { 3517 amount 3518 currencyCode 3519 } 3520 } 3521 merchandise { 3522 __typename 3523 ... on ProductVariant { 3524 id 3525 title 3526 sku 3527 selectedOptions{ 3528 name 3529 value 3530 } 3531 product { 3532 id 3533 title 3534 } 3535 image { 3536 url 3537 altText 3538 } 3539 price { 3540 amount 3541 currencyCode 3542 } 3543 } 3544 } 3545 } 3546 } 3547 } 3548 } 3549 userErrors { 3550 field 3551 message 3552 code 3553 } 3554 warnings { 3555 code 3556 message 3557 } 3558 } 3559 }`,h=await r.request(e,{variables:{cartId:t,lineId:u,quantity:f}});n=h.data.cartLinesUpdate.cart;console.log(n);await o();s()},u=null,f,e=new Promise(n=>{f=n}),b=async t=>{var u=`query GetCart($cartId: ID!) @inContext(country : ${i}) { 3560 cart(id: $cartId) { 3561 id 3562 createdAt 3563 updatedAt 3564 checkoutUrl 3565 totalQuantity 3566 discountCodes { 3567 code 3568 applicable 3569 } 3570 discountAllocations { 3571 discountedAmount { amount currencyCode } 3572 ... on CartCodeDiscountAllocation { code } 3573 } 3574 cost { 3575 subtotalAmount { 3576 amount 3577 currencyCode 3578 } 3579 totalAmount { 3580 amount 3581 currencyCode 3582 } 3583 checkoutChargeAmount { 3584 amount 3585 currencyCode 3586 } 3587 } 3588 lines(first: 50) { 3589 edges { 3590 node { 3591 id 3592 quantity 3593 sellingPlanAllocation { 3594 sellingPlan { 3595 id 3596 name 3597 } 3598 checkoutChargeAmount { 3599 amount 3600 currencyCode 3601 } 3602 remainingBalanceChargeAmount { 3603 amount 3604 currencyCode 3605 } 3606 } 3607 merchandise { 3608 __typename 3609 ... on ProductVariant { 3610 id 3611 title 3612 sku 3613 selectedOptions{ 3614 name 3615 value 3616 } 3617 product { 3618 id 3619 title 3620 } 3621 image { 3622 url 3623 altText 3624 } 3625 price { 3626 amount 3627 currencyCode 3628 } 3629 } 3630 } 3631 } 3632 } 3633 } 3634 } 3635 }`,e=await r.request(u,{variables:{cartId:t}});n=e.data.cart;console.log(n);await o();f()},k=async()=>(await e,n),o=async()=>
3635{if(n!=null&&n.totalQuantity>0){var t=` 3636 query CartWithRecommendations( 3637 $productId: ID! 3638 $intent: ProductRecommendationIntent = RELATED 3639 $pageSize: Int = 50 3640 $cursor: String 3641 ) @inContext(country : ${i}) { 3642 productRecommendations(productId: $productId, intent: $intent) { 3643 id 3644 title 3645 handle 3646 featuredImage { 3647 url 3648 altText 3649 } 3650 pageUrl: metafield(key: "product_url", namespace: "custom") { 3651 value 3652 } 3653 priceRange { 3654 minVariantPrice { 3655 amount 3656 currencyCode 3657 } 3658 maxVariantPrice { 3659 amount 3660 currencyCode 3661 } 3662 } 3663 variants(first: $pageSize, after: $cursor) { 3664 edges { 3665 cursor 3666 node { 3667 id 3668 title 3669 sku 3670 availableForSale 3671 quantityAvailable 3672 price { 3673 amount 3674 currencyCode 3675 } 3676 selectedOptions { 3677 name 3678 value 3679 } 3680 image { 3681 url 3682 altText 3683 } 3684 } 3685 } 3686 pageInfo { 3687 hasNextPage 3688 } 3689 } 3690 } 3691 }`,f=n.lines.edges.map(n=>r.request(t,{variables:{productId:n.node.merchandise.product.id,intent:"RELATED"}}));u=(await Promise.all(f)).map(n=>n.data.productRecommendations).flat(1);console.log(u)}},a,d=n=>(a=n,$(n).html(`<div class="shop-cart-bg"></div><div class="shop-cart-frame"><div class="shop-cart"></div></div>`),t=gsap.timeline().pause(),t.to(".shop-cart, .shop-cart-bg",{display:"block",duration:0}),t.to(".shop-cart-bg",{opacity:1,duration:.4}),t.to(".shop-cart",{y:0,duration:.4},"<"),$(".shop-cart-bg").click(()=>{h()}),s()),s=async()=>{var i,r,t;await e;i=`<div class="close"></div>`;r=[];n==null||n.totalQuantity==0?(i+=`Your Cart is Empty`,$(".sitenav--utility-wrap .menuitem.cart > button > div").hide()):(t=new Intl.NumberFormat("en-US",{style:"currency",currency:n.cost.subtotalAmount.currencyCode}),i+=`<div class="inner scroll"> 3692 <div class="items"><ul>${n.lines.edges.map(n=>` 3693 <li> 3694 <i style="background-image:url(${n.node.merchandise.image.url})"></i> 3695 <div> 3696 <div class="name">${n.node.merchandise.product.title}</div> 3697 <div class="variant">${n.node.merchandise.selectedOptions[0].name!="Title"?n.node.merchandise.selectedOptions[0].value:""}</div> 3698 ${n.node.sellingPlanAllocation!=null?`<div class="discount">${(n.node.sellingPlanAllocation.checkoutChargeAmount.amount/n.node.merchandise.price.amount*100).toFixed(0)}% Deposit</div>`:""} 3699 <div class="lower"> 3700 <div class="spinner" data-lineid="${n.node.id}" data-quantity="${n.node.quantity}"><div>-</div><div>${n.node.quantity}</div><div>+</div></div> 3701 <div class="price">${t.format(n.node.merchandise.price.amount)}</div> 3702 </div> 3703 </div> 3704 </li> 3705 `).join("")} 3706 </ul> 3707 </div> 3708 <div class="related">
3709 <span>RELATED PRODUCTS</span> 3710 <div class="frame"> 3711 <ul>${u.map(i=>i.variants.edges.map(u=>{if(n.lines.edges.filter(n=>n.node.merchandise.id==u.node.id).length==0&&r.filter(n=>n==u.node.id).length==0)return r.push(u.node.id),` 3712 <li> 3713 <i style="background-image:url(${u.node.image.url})"></i> 3714 <div class="name">${i.title}<div class="variant">${i.variants.edges.length>1?` ${u.node.title}`:""}</div></div> 3715 <div class="price">${t.format(u.node.price.amount)}</div> 3716 <div class="buttons"> 3717 <div class="add" data-id="${u.node.id}"></div> 3718 <a href="${i.pageUrl.value}"> 3719 <div class="nav"></div> 3720 </a> 3721 </div> 3722 </li>`}).join("")).join("")}</ul> 3723 </div> 3724 </div> 3725 </div> 3726 <div class="inner"> 3727 <div class="subtotal"><i>Subtotal</i><b>${t.format(n.cost.subtotalAmount.amount)}</b></div> 3728 ${n.cost.checkoutChargeAmount.amount!=n.cost.subtotalAmount.amount?`<div class="subtotal"><i>Payable today</i><b>${t.format(n.cost.checkoutChargeAmount.amount)}</b></div> 3729 <div class="duelater"><i>Amount due later</i>${t.format((parseFloat(n.cost.subtotalAmount.amount)-parseFloat(n.cost.checkoutChargeAmount.amount)).toFixed(2))}</div> 3730 <div class="duelater">You will be charged a deposit today and the remaining balance before delivery.</div>`:""} 3731 <div><br>Shipping, taxes, and discount codes calculated at checkout.<br><br></div> 3732 <a href="${g(n.checkoutUrl)}"><button class="btn">CHECK OUT</button></a> 3733 </div>`,$(".sitenav--utility-wrap .menuitem.cart > button > div").css({display:"flex"}),$(".sitenav--utility-wrap .menuitem.cart > button > div > i").text(n.totalQuantity),$(".menuitem.cart").show());$(".shop-cart",a).html(i);$(".shop-cart .spinner > div").click(async t=>{var r=t.currentTarget,i=t.currentTarget.parentElement;switch(Array.prototype.indexOf.call(i.childNodes,r)){case 0:await l(n.id,i.dataset.lineid,parseInt(i.dataset.quantity)-1);break;case 2:await l(n.id,i.dataset.lineid,parseInt(i.dataset.quantity)+1)}});$(".shop-cart .close").click(()=>{h()});$(".shop-cart .related .add").click(n=>{c(n.currentTarget.dataset.id)})},g=n=>{var t=new URL(n);return t.host="shop."+t.host,t.href},v=()=>{t.play()},h=()=>{t.reverse()},nt=()=>{t.time()==0?t.play():t.reverse()},tt=()=>{return{uk:"GB",us:"US",eu:"FR"}[window.location.pathname.split("/")[1]]};return y(),{getCart:()=>k(),getProduct:n=>w(n),addProduct:(n,t)=>c(n,t),initCart:n=>d(n),showCart:()=>{v()},hideCart:()=>{h()},toggleCart:()=>{nt()},getRelatedProducts:()=>u}})()</script>
3733<style>.shop-cart-frame{position:absolute;right:-1em;top:3em;z-index:9999999;overflow-y:auto}.shop-cart{background:#fff;border:1px solid #ccc;border-radius:.2em;padding:2.5em 0 2.5em 2em;font-weight:300;width:32em;display:flex;flex-wrap:wrap;cursor:default;letter-spacing:-.03em;display:none;transform:translateY(-100%)}.shop-cart .close{background-image:url(/asset/8fe66ce8-ed4d-4cb3-adc5-ef6bddcc3c77);position:absolute;right:1em;width:1.2em;height:1.2em;background-repeat:no-repeat;background-size:cover;top:1em;cursor:pointer}.shop-cart-bg{position:fixed;left:0;top:0;width:100%;height:100vh;background:#0008;cursor:default;display:none;opacity:0}.shop-cart .inner{padding-right:2em}.shop-cart .scroll{overflow-x:hidden;max-height:calc(100vh - 20em)}#header .shop-cart .items ul{list-style:none;flex-wrap:wrap;justify-content:flex-start;width:100%;height:auto}.shop-cart .items ul li{display:flex;padding:.5em 0;align-items:center;width:100%;margin-bottom:3em;cursor:default}.shop-cart .items li:after,.shop-cart .related:after{content:"";width:100%;position:absolute;left:0;height:1px;background:#ddd;bottom:-1.5em}.shop-cart .items li>i{width:7em;height:7em;display:inline-block;background-size:cover;border:1px solid #ddd;background-position:center;margin-right:1em}.shop-cart .items li>div{height:7em;width:calc(100% - 8em);cursor:default}.shop-cart .items li>div .name{font-weight:500;font-size:1.2em;margin-bottom:.2em}.shop-cart .items li>div .lower{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:.5em;width:calc(100% - 8em)}.shop-cart .items li>div .variant{margin-bottom:1.8em;font-size:1.2em}.shop-cart .items li>div .variant b{font-weight:500}.shop-cart .items li>div .discount{position:absolute;top:4em}.shop-cart .items li>div .price{font-weight:500;font-size:1.2em}.shop-cart .related{width:100%;display:flex;position:relative;margin-bottom:2em;align-content:flex-start;flex-direction:column}.shop-cart .related span{margin-bottom:1em}.shop-cart .related>.frame{overflow:hidden;overflow-x:auto}#header .shop-cart .related ul{width:fit-content;display:flex;justify-content:flex-start}.shop-cart .related li{width:9em;padding:1em;height:12em;background:#eee;margin-right:1.5em;cursor:default;margin-bottom:1em}.shop-cart .related li i{width:100%;display:block;aspect-ratio:1.3;background-size:75%;background-position:center;margin-bottom:1em;border:1px solid #bbb;background-repeat:no-repeat;background-color:#fff}.shop-cart .related li .name{display:inline-block}.shop-cart .related li .variant{font-weight:500;display:inline}.shop-cart .related li .price{font-weight:400;font-size:1.1em;margin:.5em 0;display:block;float:left}.shop-cart .related .buttons{display:flex;font-size:.7em;float:right;margin:.9em 0}.shop-cart .related li .add{width:1.3em;height:1.3em;display:flex;background:#000;color:#fff;border-radius:50%;position:relative;justify-content:center;align-items:center;margin-right:1em;cursor:pointer}.shop-cart .related li .add:after{content:"+";position:absolute;font-size:1.3em}.shop-cart .related li .nav{background-image:url(/asset/4b56236b-0f7d-4398-a3de-225ae631f860);width:1.5em;height:2em;background-size:contain;display:inline-block;background-repeat:no-repeat}.shop-cart .subtotal{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:1.2em;margin-top:1em}.shop-cart .subtotal i{font-style:normal}.shop-cart .subtotal b{font-weight:500}.shop-cart .duelater{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:1em;margin-top:1.3em}.shop-cart .duelater i{font-style:normal}.shop-cart .checkout{width:100%;background:#000;text-align:center;padding:.5em 1em;margin-top:1em}.shop-cart .spinner{display:flex;border:1px solid #ddd;width:5em;height:1.6em;user-select:none;font-weight:250}.shop-cart .spinner>div{width:1.8em;display:flex;align-items:center;justify-content:center}.shop-cart .spinner>div:nth-child(1){cursor:pointer}.shop-cart .spinner>div:nth-child(2){font-weight:500}.shop-cart .spinner>div:nth-child(3){cursor:pointer}.shop-cart .spinner>div:nth-child(1):hover,.shop-cart .spinner>div:nth-child(3):hover{background-color:#ddd}.shop-cart button.btn{border:1px solid #000;padding:.8em 1em .8em 1em;font-family:'Codec';letter-spacing:.1em;min-width:15em;cursor:pointer;color:#fff;font-size:.85em;background:#000}.shop-cart button.btn.white{color:#000;background:#fff}.shop-cart button.btn.small{font-size:.7em;padding:.4em 1em .4em 1em;min-width:10em}.right{float:right}@media screen and (max-width:991.955px){.shop-cart-frame{right:0;width:100%;overflow-y:auto;max-height:calc(100vh - 3em)}.shop-cart{padding:3em 1em;width:calc(100% - 2em)}.shop .variants ul{justify-content:center}}</style></div> 3734 <div id="newsletter"><div id="newsletter-dialog" style="display:none;"></div> 3735<div id="newsletter-popup"> 3736 <div class="newsletter"> 3737 <div class="inner"> 3738 <div class="close"></div> 3739 <div class="frame"> 3740 <div class="logo"></div> 3741 <div class="title"></div> 3742 <div class="caption"></div> 3743 <form class="form" method="post"> 3744 <input class="name" type="text" name="firstname" placeholder="First Name" required=""> 3745 <input class="name" type="text" name="lastname" placeholder="Last Name" required=""> 3746 <input class="email" type="email" name="email" placeholder="Email" required=""> 3747 <input class="password" type="password" name="password" placeholder="Password" disabled=""> 3748 <label class="checkbox"><span class="label"></span> 3749 <input class="privacy" type="checkbox" autocomplete="off"> 3750 <i></i> 3751 </label> 3752 <button class="subscribe"><span></span></button> 3753 <button class="reset" type="button"><span></span></button> 3754 </form> 3755 </div> 3756 <div id="newsletterCaptcha"></div> 3757 </div> 3758 </div> 3759 <div class="newsletter-button-frame"> 3760 <div class="newsletter-button"><div></div></div> 3761 </div> 3762</div> 3763<div style="display: none;"> 3764 <div class="config"> 3765 <div class="title">JOIN THE CODEX COMMUNITY</div> 3766 <div class="subTitle">Latest news and events directly into <span class="no-wrap">your inbox.</span></div> 3767 <div class="privacy">I agree to the CODEX <b><a href="https://codex.online/us/legal/privacy-policy/">Privacy Policy</a></b></div> 3768 <div class="success">Registration Successful.<br><br>Please check your inbox.</div> 3769 <div class="confirmed">Your Email is Confirmed.<br><br>Thank you for registering<br><br><button>
3769CLOSE</button></div> 3770 <div class="alreadyregistered">It appears you are already registered.<br><br>Please enter you password to update your marketing preferences.<br><br><a href="https://x2x.media/resetpassword">Forgot Password</a></div> 3771 <div class="passwordincorrect">Incorect Password<br><br>Please enter you password to update your marketing preferences.</div> 3772 <div class="passwordreset">Password reset sent.<br><br>Please check your inbox</div> 3773 <div class="agree">Please agree to our privacy policy.</div> 3774 <div class="subscribe">SUBSCRIBE</div> 3775 <div class="forgotpassword">FORGOT PASSWORD</div> 3776 <div class="marketingGroups">1</div> 3777 </div> 3778</div>
vendor: 67 bytes, lines 3778-3779
3778 3779<script src="https://www.google.com/recaptcha/api.js"></script>
3780test
3780<script type="text/javascript">var newsletter=(()=>{ 3781 var init=()=>{ 3782 $(function(){ 3783 initNewsletterPopup(); 3784 }); 3785 }, 3786 toggleNewsletterPopup=()=>{ 3787 var element = $("#newsletter-popup .newsletter"); 3788 if(element.hasClass("active")){ 3789 hideNewsletterPopup(); 3790 } 3791 else 3792 { 3793 showNewsletterPopup(); 3794 } 3795 3796 }, 3797 getSetting=(c)=>{ 3798 return $(".config ." + c).html(); 3799 }, 3800 showNewsletterPopup=()=>{ 3801 element = $("#newsletter-popup .newsletter"); 3802 gsap.set(element, {display: "block"}); 3803 gsap.to(element,{ opacity: 1, duration : 0.5 }); 3804 element.addClass("active"); 3805 $("#newsletter-popup .reset", element).click(resetPassword); 3806 }, 3807 hideNewsletterPopup=()=>{ 3808 element = $("#newsletter-popup .newsletter"); 3809 gsap.to(element, {display: "none", delay: 0.5, duration:0 }); 3810 gsap.to(element,{ opacity: 0, duration : 0.5 }); 3811 element.removeClass("active"); 3812 }, 3813 initNewsletterPopup=()=>{ 3814 $("#newsletter-popup .newsletter-button, #footer-newsletter-popup .button").click(function(){ 3815 toggleNewsletterPopup(); 3816 }); 3817 3818 $("#newsletter-popup .newsletter .close, #newsletter-popup .newsletter").click(function(){ 3819 hideNewsletterPopup(); 3820 }); 3821 3822 //prevent click event bubbling when form is clicked. 3823 $("#newsletter-popup .newsletter .inner").click(e=>{ 3824 e.stopPropagation(); 3825 }); 3826 3827 if(getCookie("newsletter") == "true"){ 3828 gsap.set($("#newsletter-popup .newsletter-button, #footer-newsletter-popup .button "), {opacity: 1}); 3829 } 3830 3831 form=$("#newsletter-popup .newsletter form")[0]; 3832 form.onsubmit=newsletterSubmitHandler; 3833 3834 $("#newsletter-popup .newsletter .title").html(getSetting("title")); 3835 $("#newsletter-popup .newsletter .caption").html(getSetting("subTitle")); 3836 $("#newsletter-popup .newsletter .checkbox .label").html(getSetting("privacy")); 3837 $("#newsletter-popup .newsletter .subscribe span").html(getSetting("subscribe")); 3838 $("#newsletter-popup .newsletter .reset span").html(getSetting("forgotpassword")); 3839 3840 if(window.location.hash=="#registered"){ 3841 newsletterPopupRegistrationConfirmed(); 3842 } 3843 }, 3844 form, 3845 newsletterSubmitHandler=()=>{ 3846 if($("#newsletter-popup .newsletter .privacy").is(":checked")){ 3847 newsletterPopupCaptcha(); 3848 //newsletterPopupPostRegistration("test"); 3849 } 3850 else{ 3851 alert(getSetting("agree")); 3852 } 3853 3854 return false; 3855 }, 3856 recaptcha, 3857 newsletterPopupCaptcha=()=>{ 3858 //$(dialogbox).html("<div id=\"newsletterCaptcha\"></div>"); 3859 //$(dialogbox).dialog("option", {width: 350, height : 100, autoResize : false}).dialog("open"); 3860 $("#newsletterCaptcha").show(); 3861 3862 if(recaptcha != undefined){ 3863 grecaptcha.reset(); 3864 } 3865 3866 try{ 3867 recaptcha = grecaptcha.render("newsletterCaptcha", { 3868 sitekey : "6LdDNAktAAAAAPjRhiTgKxSzWTNMVaqcrZxI25gs", 3869 theme : "dark", 3870 callback : newsletterPopupPostRegistration 3871 }); 3872 } 3873 catch(e) 3874 { 3875 3876 } 3877 }, 3878 newsletterPopupPostRegistration=(response)=>{ 3879 closeDialogbox(); 3880 var data = new FormData(form); 3881 data.append("g-recaptcha-response",response); 3882 //data.append("referer", "https://x2x.media/newsletter-sign-up-thankyou"); 3883 data.append("marketinggroups",getSetting("marketingGroups")); 3884 data.append("json","true"); 3885 var request = new XMLHttpRequest(); 3886 request.open("POST", "/?action=register"); 3887 request.onload = function(e){ 3888 try{ 3889 response = JSON.parse(e.currentTarget.response); 3890 $("#newsletterCaptcha").hide(); 3891 switch(response.RegistrationStatus){ 3892 case 0: 3893 newsletterPopupRegistrationSuccessfull(); 3894 break; 3895 case 1:
3896 newsletterPopupRegistrationExisting(); 3897 break; 3898 case 2: 3899 newsletterPopupRegistrationError(); 3900 break; 3901 case 3: 3902 newsletterPopupBadLogin(); 3903 break; 3904 3905 } 3906 } 3907 catch(error){ 3908 registrationError(); 3909 } 3910 } 3911 request.onerror = function(e){ 3912 registrationError(); 3913 } 3914 3915 request.send(data); 3916 }, 3917 newsletterPopupRegistrationSuccessfull=()=>{ 3918 $(".newsletter .caption").html(getSetting("success")); 3919 $(".newsletter form").remove(); 3920 setTimeout(hideNewsletter,10000); 3921 setRegistered(); 3922 }, 3923 newsletterPopupRegistrationConfirmed=()=>{ 3924 $("#newsletter-popup .newsletter .title").html(getSetting("title")); 3925 $(".newsletter .caption").html(getSetting("confirmed")); 3926 $("#newsletter-popup .newsletter button").click(function(){ 3927 hideNewsletterPopup(); 3928 }); 3929 $(".newsletter form").remove(); 3930 window.location.hash=""; 3931 showNewsletterPopup(); 3932 }, 3933 newsletterPopupRegistrationExisting=()=>{ 3934 $(".newsletter .caption").html(getSetting("alreadyregistered")); 3935 $(".newsletter form").addClass("password"); 3936 $(".newsletter form > .name").hide(); 3937 $(".newsletter form > .email").hide(); 3938 $(".newsletter form > input.password").removeAttr("disabled").focus(); 3939 //$(".newsletter form").remove(); 3940 setRegistered(); 3941 }, 3942 newsletterPopupBadLogin=()=>{ 3943 $(".newsletter .caption").html(getSetting("passwordincorrect")); 3944 }, 3945 resetPassword=()=>{ 3946 $.post("/?action=resetpasswordrequest", {email : $("#newsletter-popup .email").val(), json: "true" }).done(data=>{ 3947 if(data=="ok"){ 3948 $(".newsletter .caption").html(getSetting("passwordreset")); 3949 $(".newsletter form").hide(); 3950 } 3951 }); 3952 }, 3953 setRegistered = ()=>{ 3954 setCookie("registration","1",7); 3955 $("body").addClass("marketinggroup1"); 3956 }, 3957 isRegistered = ()=>{ 3958 return $("body").hasClass("marketinggroup1") && !getCookie("registered") == "1"; 3959 }, 3960 config=[ 3961 { 3962 domain : "codex.online", 3963 title : "JOIN THE CODEX COMMUNITY", 3964 subTitle : "Latest news and events directly into <span class=\"no-wrap\">your inbox.</span>", 3965 marketingGroups : "1" 3966 }, 3967 { 3968 domain : "pix.online", 3969 title : "JOIN THE PIX COMMUNITY", 3970 subTitle : "Latest news and events directly into <span class=\"no-wrap\">your inbox.</span>", 3971 marketingGroups : "5" 3972 }, 3973 { 3974 domain : "x2x.media", 3975 title : "JOIN THE X2X COMMUNITY", 3976 subTitle : "Latest news and events directly into <span class=\"no-wrap\">your inbox.</span>", 3977 marketingGroups : "1" 3978 } 3979 ] 3980 ; 3981 init(); 3982 return { 3983 showRegistration : showNewsletterPopup 3984 }; 3985 3986})();</script>
3986<style>#newsletter{ 3987 position: fixed; 3988 z-index: 1000; 3989} 3990 3991#newsletter-popup{ 3992 position: fixed; 3993 width: 100%; 3994 bottom: 0; 3995 z-index: 1; 3996} 3997 3998#newsletter-popup .newsletter{ 3999 position: fixed; 4000 width: 100%; 4001 height: 100%; 4002 top: 0; 4003 left: 0; 4004 font-size: 1.7em; 4005 display: none; 4006 opacity: 0; 4007 background: #000a; 4008} 4009 4010#newsletter-popup .newsletter .inner { 4011 background: #fff; 4012 padding: 3em; 4013 position: fixed; 4014 max-width: 21em; 4015 height: 23em; 4016 bottom: -17em; 4017 right: 0; 4018 z-index: 2; 4019 top: 50%; 4020 left: 50%; 4021 transform: translate(-50%, -50%); 4022 width: calc(100% - 4em); 4023 font-size: 16px; 4024 font-family: Codec; 4025 font-weight: 300; 4026 letter-spacing: -0.03em; 4027} 4028 4029#newsletter-popup .frame{ 4030 position: absolute; 4031 width: calc(100% - 4em); 4032 left: 0; 4033 top: 50%; 4034 transform: translateY(-50%); 4035 padding: 2em; 4036} 4037 4038#newsletter-popup .newsletter .bg{ 4039 4040} 4041 4042#newsletter-popup .newsletter .logo{ 4043 background-image: url(/?action=asset&id=BB25910A-BFDB-4BBC-8B9F-D02D14DD0B8C); 4044 width: 100%; 4045 height: 3em; 4046 background-size: 16em; 4047 background-position: top center; 4048 background-repeat: no-repeat; 4049 display: none; 4050} 4051 4052#newsletter-popup .newsletter .close{ 4053 position: absolute; 4054 right: 2em; 4055 background-image: url(/?action=asset&id=717892B3-5BA8-4525-AFC0-C2F9061E63EA); 4056 width: 1.3em; 4057 height: 1.3em; 4058 background-size: cover; 4059 top: 1.3em; 4060 cursor: pointer; 4061 z-index: 1; 4062 display: block; 4063} 4064 4065#newsletter-popup .newsletter .title{ 4066 color: #000; 4067 margin: 0; 4068 font-size: 2.1em; 4069 font-weight: 600; 4070 text-align: center; 4071 line-height: 1em; 4072 letter-spacing: -0.05em; 4073} 4074 4075#newsletter-popup .newsletter .caption{ 4076 color: #000; 4077 text-align: center; 4078 font-family: "Codec"; 4079 padding: 0.4em 0 0.9em; 4080 margin: 0.6em auto 0; 4081 line-height: 1em; 4082} 4083 4084#newsletter-popup .newsletter .caption a { 4085 color: #000; 4086} 4087 4088#newsletter-popup .newsletter button{ 4089 background: #000; 4090 color: #fff; 4091 border: none; 4092 padding: 0.9em 1em; 4093 margin: 0 auto; 4094 width: 100%; 4095 display: block; 4096} 4097 4098#newsletter-popup .newsletter button span{ 4099 font-family: 'Codec'; 4100 font-size: 0.8em; 4101 letter-spacing: 0.3em; 4102} 4103 4104#newsletter-popup .newsletter button.reset{ 4105 font-size: 0.6em; 4106 width: 50%; 4107 margin-top: 2em; 4108 display: none; 4109} 4110 4111#newsletter-popup .newsletter button.reset span{ 4112 4113} 4114 4115#newsletter-popup .newsletter .form{ 4116 margin-top: 1.4em; 4117} 4118 4119#newsletter-popup .newsletter input{ 4120 margin-bottom: 0.8em; 4121 border: 1px solid #888; 4122 font-family: 'Codec'; 4123 padding: 0.8em 0.2em 0.8em 1em; 4124 width: calc(100% - 1.4em); 4125 font-weight: 300; 4126 outline: none; 4127} 4128 4129#newsletter-popup .newsletter form > .password{ 4130 display: none; 4131} 4132 4133#newsletter-popup .newsletter form.password > .password{ 4134 display: block; 4135} 4136 4137#newsletter-popup .newsletter form.password > .name{ 4138 display: none; 4139} 4140 4141#newsletter-popup .newsletter-button-frame{ 4142 position: relative; 4143 width: 100%; 4144 margin: 0 auto; 4145} 4146 4147#newsletter-popup .newsletter-button > div{ 4148 background-image: url(/?action=asset&id=912be6ac-d792-4f88-9ae4-7bfea4854311); 4149 background-repeat: no-repeat; 4150 background-size: 3em; 4151 height: 3em; 4152 opacity: 0.6; 4153 transition: opacity 0.5s; 4154} 4155 4156#newsletter-popup .newsletter-button > div:hover{ 4157 opacity: 1; 4158} 4159 4160#newsletter-popup .newsletter-button{ 4161 position: absolute; 4162 bottom: 1em; 4163 right: 1em; 4164 z-index: 1; 4165 color: #000; 4166 width: 4em; 4167 height: 4em; 4168 cursor: pointer; 4169 display: none !important; 4170} 4171 4172.marketinggroup1 #newsletter-popup .newsletter-button{ 4173 display:none; 4174} 4175 4176#newsletterCaptcha{ 4177 position: fixed; 4178 top: 50%; 4179 left: 50%; 4180 transform: translate(-50%, -50%); 4181 display:none; 4182 z-index: 2; 4183} 4184 4185 4186#newsletter-popup .checkbox { 4187 display: block; 4188 position: relative; 4189 padding: 0.2em 0 0 2.5em; 4190 margin-bottom: 1.2em; 4191 cursor: pointer; 4192 -webkit-user-select: none; 4193 -moz-user-select: none;
4194 -ms-user-select: none; 4195 user-select: none; 4196 color: #000; 4197 font-size: 0.9em; 4198 text-align: left; 4199 min-height: 28px; 4200 display: flex; 4201 display: -moz-box; 4202 display: -webkit-flex; 4203 display: -ms-flexbox; 4204 align-items: center; 4205 -ms-align-items: center; 4206 -webkit-align-items: center; 4207} 4208 4209 4210#newsletter-popup .checkbox input { 4211 position: absolute; 4212 opacity: 0; 4213 cursor: pointer; 4214 height: 0; 4215 width: 0; 4216} 4217 4218#newsletter-popup .checkbox i { 4219 position: absolute; 4220 top: 0.4em; 4221 left: 0; 4222 height: 1.5em; 4223 width: 1.5em; 4224 background-color: #eee; 4225 border: 1px solid #555; 4226} 4227 4228#newsletter-popup .checkbox:hover input ~ .checkmark { 4229 background-color: #ccc; 4230} 4231 4232#newsletter-popup .checkbox input:checked ~ .checkmark { 4233 background-color: #2196F3; 4234} 4235 4236#newsletter-popup .checkbox i:after { 4237 content: ""; 4238 position: absolute; 4239 display: none; 4240} 4241 4242#newsletter-popup .checkbox input:checked ~ i:after { 4243 display: block; 4244} 4245 4246#newsletter-popup .checkbox i:after { 4247 left: 0.5em; 4248 top: 0.15em; 4249 width: 0.3em; 4250 height: 0.8em; 4251 border: solid #000; 4252 border-width: 0 3px 3px 0; 4253 -webkit-transform: rotate(45deg); 4254 -ms-transform: rotate(45deg); 4255 transform: rotate(45deg); 4256} 4257 4258#newsletter-popup .checkbox a{ 4259 color: #000; 4260 text-decoration: underline; 4261} 4262 4263#newsletter .no-wrap{ 4264 display: inline-block; 4265} 4266 4267/* pure-font-xs */ 4268@media screen and (max-width:35.438em) { 4269 #newsletter-popup .newsletter-button{ 4270 bottom: 0; 4271 right: 0; 4272 } 4273 4274 #newsletter-popup .newsletter-button > div { 4275 background-size: 3em; 4276 height: 3em; 4277 } 4278} 4279 4280/* pure-font-sm */ 4281@media screen and (min-width:35.5em) and (max-width:47.938em) { 4282 #newsletter-popup .newsletter-button{ 4283 bottom: 0; 4284 right: 0; 4285 } 4286 4287 #newsletter-popup .newsletter-button > div { 4288 background-size: 3em; 4289 height: 3em; 4290 } 4291} 4292/* pure-font-md */ 4293@media screen and (min-width:48em) and (max-width:63.938em) { 4294 4295} 4296/* pure-font-lg */ 4297@media screen and (min-width:64em) and (max-width:79.938em) { 4298 4299} 4300/* pure-font-xl */ 4301@media screen and (min-width:80em) { 4302 4303} 4304 4305 4306</style></div> 4307 <div id="tracking"></div> 4308 </div> 4309 <style> 4310 body{ 4311 opacity:1; 4312 } 4313 </style> 4314</body> 4315</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.