PageSourceSearch

https://codex.online/us/

html codex.online collected 2026-10-02 19:09:45 UTC 407,971 bytes, 4,315 lines download raw bytes

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 &amp; 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 &amp; 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.