@charset "UTF-8";*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.5;text-align:left}[tabindex="-1"]:focus{outline:none!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;color:#007bff;text-decoration:none;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;color:#868e96;padding-bottom:.75rem;padding-top:.75rem;text-align:left}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}html{height:100%;min-height:calc(var(--vh)*100);scroll-snap-type:mandatory;-webkit-overflow-scrolling:auto;overflow-x:hidden;overlow-y:hidden;margin-right:calc(-100vw + 100%)}:root{--ucol:#232323;font-size:9px}body{scroll-snap-type:mandatory;-webkit-overflow-scrolling:auto;background-color:#353535;color:#fff;display:flex;flex-direction:column;font-family:AeonikL;font-weight:400;line-height:1;list-style:inside;margin:0;min-height:calc(var(--vh)*100);overflow-x:hidden;overflow-y:hidden;padding:0;width:100%}body.scrollable{overflow-x:hidden;overflow-y:auto}body:not(.content-loaded) footer{opacity:0;visibility:hidden}body.content-loaded footer{opacity:1;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:visible}body[data-theme=white]{background-color:#fff;color:#232323}.youtube-container{align-items:center;display:flex;justify-content:center}.showreel{margin-right:2rem!important}.play-button:hover{background-color:#c00;transform:scale(1.1)}.modal-overlay{align-items:center;background-color:#000000bf;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal-content{aspect-ratio:16/9;height:auto;max-width:1500px;position:relative;width:100%}.close-button{align-items:center;background-color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;z-index:1010}.close-button:hover{background-color:#f0f0f0}.close-icon{height:24px;width:24px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.youtube-iframe{border:none;height:100%;width:100%}@media screen and (max-width:768px){.modal-content{aspect-ratio:unset;height:100vh;max-width:none;position:relative;width:100%}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes contentZoomIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes contentZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.animate-modal-in{animation:modalFadeIn .3s ease-out forwards}.animate-modal-out{animation:modalFadeOut .3s ease-out forwards}.animate-content-in{animation:contentZoomIn .5s ease-out forwards}.animate-content-out{animation:contentZoomOut .5s ease-out forwards}#autoprefixerTest{transform:none;fill:#f0f;stretch:none;-moz-column-fill:auto;column-fill:auto;-webkit-hyphens:auto;hyphens:auto;-webkit-user-select:all;-moz-user-select:all;user-select:all}.Ohide{display:none!important}.canvasdiv{background-color:transparent;left:0;position:fixed;top:0;z-index:-1}#staticSections{display:flex;flex-direction:column;font-size:18px;height:calc(var(--vh)*1000);left:0;padding:12px;position:absolute;top:calc(var(--vh)*100);width:100vw}#staticSections,#staticSections div,#staticSections section{background-color:#fff!important;color:#000!important;font-family:Arial,Helvetica,sans-serif!important}#staticSections div,#staticSections section{display:block}#staticSections section{height:calc(var(--vh)*100);width:100vw}#staticSections .universTextBlock{color:#000;z-index:1}.universTextBlockBackground{height:calc(var(--vh)*100);left:0;opacity:.6;pointer-events:none;position:fixed;top:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw;z-index:0}.universTextBlockBackground.portrait{height:calc(var(--vh)*70)}.universTextBlockBackground.landscape{left:35vw;width:calc(45% + 20vw)}.tooltiptipfloat{background-color:#232323;border-radius:.5em;box-sizing:border-box;color:#ffeb04;color:#fff;display:inline-block;font-family:AeonikR;font-size:1.8rem;line-height:2.2rem;max-width:20rem;padding:.5em 1em;text-align:center;transform:translate(-50%) translateY(calc(-100% - 1em));width:-moz-max-content;width:max-content;z-index:5}.dropShadow{filter:drop-shadow(0 0 4rem rgba(23,23,23,.7))}.universTextBlock{font-size:inherit;line-height:inherit;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;z-index:0}.universTextBlock .tooltip{display:inline-block;text-decoration-line:underline;text-decoration-style:dashed;text-decoration-thickness:1.5px;text-underline-offset:.225em}.universTextBlock .tooltip .tip{position:absolute;visibility:hidden}.universTextBlock .buttons.isNotEmpty{margin-top:3rem}.universTextBlock .subtitle.isNotEmpty{margin-bottom:3rem}.universTextBlock .title1{color:#fff;font-family:AeonikT}.universTextBlock .title1,.universTextBlock .title2{display:block;line-height:1.1;text-transform:uppercase}.universTextBlock .title2{color:#ffeb04;font-family:AeonikB}.universTextBlock .subtitle{color:#f5f5f5;display:block;font-family:AeonikR;line-height:1;text-transform:uppercase}.universTextBlock .content{color:#fff;display:block;font-family:AeonikR;line-height:1.3;padding-right:3rem}.universTextBlock .content strong{font-weight:400}.universTextBlock .content .tooltip,.universTextBlock .content strong{color:#ffeb04;text-decoration-color:#ffeb04}.universTextBlock.unknown{display:none}.universTextBlock .exOn{display:inline-flex;flex-grow:4;pointer-events:all;touch-action:all}.universTextBlock .exOff{display:inline-flex;flex-shrink:1;pointer-events:inherit;touch-action:inherit}.universTextBlock.portrait{display:flex;flex-direction:column;height:calc(100% - 15rem);left:3rem;position:fixed;top:13rem;width:calc(100% - 6rem)}.universTextBlock.portrait .buttons span{align-items:center;display:inline-flex!important;justify-content:space-around;margin-top:3rem;pointer-events:auto;touch-action:auto;width:100%}.universTextBlock.portrait .title1{font-size:3rem}.universTextBlock.portrait .title2{font-size:4rem}.universTextBlock.portrait .subtitle{font-size:3rem}.universTextBlock.portrait .content{font-size:1.8rem}.universTextBlock.landscape{left:55vw;padding-right:3rem;position:fixed;top:50%;transform:translateY(-50%);width:45%}.universTextBlock.landscape .buttons span{pointer-events:auto;touch-action:auto}.universTextBlock.landscape .title1{font-size:5rem}.universTextBlock.landscape .title2{font-size:6rem}.universTextBlock.landscape .subtitle{font-size:4rem}.universTextBlock.landscape .content{font-size:2rem;pointer-events:auto}.universTextBlock.landscape.intro .title1{transform:translate(-4rem)}.universTextBlock.landscape.intro .title2{padding-left:4rem}.universTextBlock.landscape.intro .subtitle{font-size:5rem;padding-left:0}.universTextBlock .show{opacity:1;transition:opacity .2s}.universTextBlock .hide{opacity:0;pointer-events:none;transition:opacity .33s;z-index:-100}.universControls{bottom:0;font-family:AeonikB;font-size:3rem;line-height:6rem;margin:5rem;position:fixed;right:0;text-align:right;width:50%}.universControls button{background-color:#000;border:none;color:#ffeb04;font-size:4rem;height:5rem;line-height:0;margin:0;padding:1rem}a.btn-0{background-color:#232323;border:#ffeb04;border-radius:3rem;border-style:solid;border-width:2px;box-sizing:content-box;color:#ffeb04;cursor:none;display:inline-block;font-family:AeonikM;font-size:1.5rem;line-height:2rem;margin:.5rem;padding:1.5rem 3rem;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,border .2s;width:unset}a.btn-0:active,a.btn-0:hover{background-color:#ffeb04;color:#000;cursor:pointer}a.btn-1{background-color:#232323;background-color:#fff;border:#fff;border-radius:3rem;border-style:solid;border-width:2px;box-sizing:content-box;color:#353535;cursor:none;display:inline-block;font-family:AeonikM;font-size:1.5rem;line-height:2rem;margin:.5rem;padding:1.5rem 3rem;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,border .2s}a.btn-1:active,a.btn-1:hover{background-color:#232323;color:#fff;cursor:pointer}.btn-1{background-color:#232323;background-color:#fff;border:#fff;border-radius:3rem;border-style:solid;border-width:2px;box-sizing:content-box;color:#353535;cursor:none;display:inline-block;font-family:AeonikM;font-size:1.5rem;line-height:2rem;margin:.5rem;padding:1.5rem 3rem;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,border .2s}.btn-1:active,.btn-1:hover{background-color:#232323;color:#fff;cursor:pointer}.header{color:#fff;display:block;font-family:AeonikR;font-size:3rem;height:13rem;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.header .full{pointer-events:auto!important}.header .headerbackground{align-items:flex-end;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw}.header .headerbackground.full{background-color:#353535;height:100%}.header .headerbackground.white{background-color:#fff;color:#000}.logo{display:block;left:3.9rem;position:fixed;top:3.9rem;z-index:3}.logo a{display:block;height:auto;margin:0;padding:0;width:auto}.logo a img{height:6.5rem}.container{padding-top:13rem}.container,.containernotop{display:block;padding-left:4rem;padding-right:4rem}:root{--sidePanelWidth:800px;--closeBtnSize:4.5rem;--vh:1vh;--topRight:calc(var(--closeBtnSize)*1);--rightRight:calc(var(--closeBtnSize)*1)}::-moz-selection{background:#ffeb04;color:#232323}::selection{background:#ffeb04;color:#232323}.ppback{height:100dvh;left:0;overflow-y:hidden;position:fixed;top:0;width:100vw;z-index:-100}.ppback.landscape{transition:background-color .33s,-webkit-backdrop-filter .33s;transition:background-color .33s,backdrop-filter .33s;transition:background-color .33s,backdrop-filter .33s,-webkit-backdrop-filter .33s}.ppback.landscape,.ppback.landscape.pshow{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#fff0}.ppback.landscape.pshow{z-index:5}.ppback.landscape.phide{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:#fff0;z-index:-100}.projectpreview{background-color:#fff;color:#707070;font-size:2rem;font-size:1.8rem;height:100dvh;overflow-y:hidden;position:fixed;right:0;top:0;transform:translate(100%);width:min(100vw,var(--sidePanelWidth));z-index:5}.projectpreview.single{box-shadow:0 0 3rem .5rem #0003;font-family:SegoeUIR;height:auto!important;left:0;line-height:1;overflow-y:auto!important;position:unset!important;transform:none;z-index:unset!important}.projectpreview.single .panel{height:auto}.projectpreview.transformtransition{transition:transform .33s}.projectpreview .panel{display:block;height:100dvh;overflow-y:auto;width:100%}.projectpreview .panel .fixedbanner{background-color:#fff;height:13rem;left:0;position:absolute;top:0;width:100%}.projectpreview .panel .fixedbanner.posfix{position:fixed;z-index:5}.projectpreview .panel .fixedbanner.landscape{display:none}.projectpreview .panel .ppScrollableContent{display:flex;flex-direction:column;min-height:100%;padding-bottom:9rem;padding-top:13rem}.projectpreview a{color:#09f!important;font-weight:700}.projectpreview a :active,.projectpreview a :visited,.projectpreview a:hover{color:#09f!important;text-decoration:underline}.projectpreview .heroimage{aspect-ratio:3.1666666667;background-color:#3535351a;width:100%}.projectpreview .heroimage img{width:100%}.projectpreview.landscape.pshow{transform:translate(0)}.projectpreview.landscape .herocontent{margin-left:auto;margin-right:auto;width:70%}.projectpreview.landscape .content{margin-left:auto;margin-right:auto;width:60%}.projectpreview.portrait{width:100vw}.projectpreview.portrait.pshow{transform:translate(0)}.projectpreview.portrait .herocontent{margin-left:auto;margin-right:auto;width:90%}.projectpreview.portrait .content{margin-left:auto;margin-right:auto;width:80%}.projectpreview .title{clear:both;display:block;font-family:AeonikB;font-size:2.1em;margin-bottom:2em;margin-top:2em;text-align:center;text-transform:uppercase}.projectpreview .video{align-items:center;aspect-ratio:1.7777777778;background-color:#3535351a;clear:both;display:flex;justify-content:center;width:100%}.projectpreview .video iframe{height:100%;width:100%}.projectpreview .meta{font-family:SegoeUIR;font-size:.9em;line-height:normal;margin-top:6rem}.projectpreview .meta,.projectpreview .meta .tech{clear:both;display:block}.projectpreview .meta .tech .label{font-style:normal;font-weight:700}.projectpreview .meta .platform{clear:both;display:block;font-family:SegoeUIR}.projectpreview .meta .platform .label{font-style:normal;font-weight:700}.projectpreview .images{clear:both;display:block;display:grid;font-family:AeonikL;font-size:.8em;gap:2rem;grid-template-columns:repeat(2,1fr)}.projectpreview .images img{width:100%}.projectpreview .close{display:block;position:fixed;right:calc(var(--closeBtnSize)*1);top:3.9rem}.projectpreview .close img{cursor:pointer;height:var(--closeBtnSize);width:var(--closeBtnSize)}.projectpreview .share{align-items:center;border-color:currentcolor #232323 #232323;border-top:1px solid #232323;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:4em;padding-top:1.2em;width:60%}.projectpreview .share a{cursor:pointer;margin:0 .5em}.projectpreview .share img{width:1.7em}.projectpreview .body{clear:both;display:block;font-family:SegoeUIR;font-size:1em;line-height:1.4em}.projectpreview .body .author{font-size:1em;font-style:italic;margin:auto auto 2em;padding:1rem 0;text-align:right;width:71%}.projectpreview .body div,.projectpreview .body ol,.projectpreview .body p,.projectpreview .body ul{margin-bottom:3rem}.projectpreview .body h1,.projectpreview .body h2,.projectpreview .body h3,.projectpreview .body h4,.projectpreview .body h5{margin-bottom:1em}.projectpreview .body blockquote{border-bottom:1px dashed #707070;font-family:AeonikB;font-size:1.2em;margin:auto;width:71%}.projectpreview .body blockquote p{margin-bottom:1em}.projectpreview .body blockquote p:before{content:"“ "}.projectpreview .body blockquote p:after{content:" ”"}.projectpreview .body blockquote+.author{margin-bottom:2em}.projectpreview .body blockquote+p{margin-top:2em}.projectpreview .body img{box-sizing:border-box;height:100%;max-height:100%;max-width:100%;width:100%}.projectpreview .body video{width:100%}.projectpreview .body .video-container{align-items:center;aspect-ratio:1.7777777778;background-color:#3535351a;clear:both;display:flex;justify-content:center;width:100%}.projectpreview .body .video-container iframe{height:100%;width:100%}.projectpreview .body .iframe-container{align-items:center;aspect-ratio:1.7777777778;background-color:#3535351a;clear:both;display:flex;justify-content:center;width:100%}.projectpreview .body .iframe-container .iframe-video{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-weight:400}