/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{color:#222;font-size:1em;line-height:1.4;margin:0;padding:0;scroll-behavior:smooth}body{margin:0;padding:0;overflow-x:hidden;background:#f9f2f2}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}textarea{resize:vertical}h1,h2,h3,h4,h5,h6,p,li,a{font-family:Sen,sans-serif;font-weight:700;text-decoration:none;color:inherit}ul{margin:0;padding:0}.sectiontitle,.modaltitle{font-size:2em;margin:.67em 0}.contactline{font-family:Sen,sans-serif;font-weight:700;font-size:1.17em;margin:1em 0}.inlineSvg,.profiletitle .accenttext,.contactline .accenttext,.herodemo-skip,.navigationHamburger,.iconButton,.stacktag,.webpreviewmsg>span,.close{font-family:Share Tech Mono,monospace}.button,.modal-btn{display:inline-block;font-family:Sen,sans-serif;font-weight:400;cursor:pointer;background-color:transparent;border:2px solid #000;padding:5px 10px;border-radius:5px;transition:all .3s}.button:hover,.modal-btn:hover{background-color:#000;border:2px solid #00000000;color:#c3c3c3}.row{display:flex;justify-content:space-between;max-width:1024px;margin:auto;flex-direction:row;flex-wrap:wrap;width:100%}.col{display:flex;flex-direction:column;flex:1}.iconrow{display:flex;justify-content:space-around}.iconrow .col{align-items:center;margin:3px;text-align:center}.accenttext{color:#a10000;display:inline}.svgaccent{fill:#a10000}.svgfill{fill:#1c1c1c}.wrapper{width:90%;margin:0 5%}.herodemo{height:100vh;height:100dvh;width:100%;background-color:#182718;position:relative;z-index:0;transform:translateZ(0);overflow:hidden}.walkingdemo,.walkingdemo-host,.walkingdemo-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.walkingdemo-poster{object-fit:cover;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .3s linear}.walkingdemo-ready .walkingdemo-poster{opacity:0}.herodemo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#1c1c1c4d,#1c1c1c26,#1c1c1c1a);pointer-events:none}.herodemo-content{--herodemo-spinner-size: 36px;--herodemo-spinner-gap: 1rem;position:absolute;left:0;right:0;bottom:40%;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:calc(var(--herodemo-spinner-size) + var(--herodemo-spinner-gap)) 16px 0;color:#e1dede;text-shadow:0 0 3px rgba(24,39,24,.9);pointer-events:none}.herodemo-content-moved{bottom:45%}.herodemo-load-lead{animation:herodemo-content-in 2s ease .5s both}.herodemo-load-rest{animation:herodemo-content-in 2s ease .6s both}@keyframes herodemo-content-in{0%{opacity:0}}.herodemo-bottom-fade{position:absolute;left:0;right:0;bottom:0;height:100px;z-index:1;background:linear-gradient(to top,#060a06bf,#18271866 75%,#18271800);pointer-events:none}.herodemo-overlay,.herodemo-bottom-fade,.herodemo-lead{opacity:1;transition:opacity 1s ease 2.5s}.herodemo-rest{opacity:1;transition:opacity 1s ease 2.6s}.herodemo-quick .herodemo-overlay,.herodemo-quick .herodemo-bottom-fade,.herodemo-quick .herodemo-lead{transition:opacity .25s ease 0ms}.herodemo-quick .herodemo-rest{transition:opacity .25s ease .1s}.herodemo-faded .herodemo-overlay,.herodemo-faded .herodemo-lead,.herodemo-faded .herodemo-rest{opacity:0;transition:opacity .25s ease 0ms}.herodemo-faded .herodemo-bottom-fade{opacity:.5;transition:opacity .25s ease 0ms}.herodemo-title{font-size:2.5rem;line-height:1.2;margin:0}.herodemo-subtitle{font-size:1.5rem;margin:.25rem 0 0;letter-spacing:.1em}.herodemo-spinner-slot{height:var(--herodemo-spinner-size);margin-top:var(--herodemo-spinner-gap)}.herodemo-spinner{display:block;width:var(--herodemo-spinner-size);height:var(--herodemo-spinner-size)}.herodemo-spinner-intro{animation:herodemo-content-in .5s ease both}.herodemo-hint{font-size:1rem;margin:.5rem 0 0}:root{--herodemo-spring: linear( 0, .21, .554, .929, 1.245, 1.444, 1.505, 1.442, 1.293, 1.109, .937, .813, .756, .763, .822, .909, .999, 1.071, 1.113, 1.122, 1.102, 1.063, 1.018, .978, .951, .94, .945, .961, .982, 1.003, 1.02, 1.028, 1.029, 1.023, 1.013, 1.002, .993, .987, .985, .987, 1 )}.herodemo-button{display:inline-block;margin-top:1rem;padding:5px 10px;border:2px solid #e1dede;border-radius:5px;color:#e1dede;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none;transition:all .3s,transform .6s var(--herodemo-spring)}.herodemo-button-dragging{transition:all .3s,transform 0s}.herodemo-button:hover{background-color:#e1dede;border-color:#e1dede00;color:#1c1c1c;text-shadow:0 0 3px rgba(24,39,24,0)}.herodemo-faded .herodemo-button{pointer-events:none}.herodemo-chevron{position:absolute;left:50%;bottom:5px;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;padding:4px 12px;border-radius:5px;color:#e1dede;transition:all .3s}.herodemo-chevron svg{width:32px;height:32px;transition:width 1s ease 2.5s,height 1s ease 2.5s;animation:herodemo-chevron-grow 1s ease .6s backwards}.herodemo-quick .herodemo-chevron svg{transition:width .25s ease 0ms,height .25s ease 0ms}.herodemo-faded .herodemo-chevron svg{width:24px;height:24px;transition:width .25s ease 0ms,height .25s ease 0ms}@keyframes herodemo-chevron-grow{0%{width:24px;height:24px}}.herodemo-skip{font-size:1rem;line-height:1;opacity:1;transition:opacity 1s ease 2.7s}.herodemo-quick .herodemo-skip{transition:opacity .25s ease .2s}.herodemo-faded .herodemo-skip{opacity:0;transition:opacity .25s ease 0ms}.herodemo-load-skip{display:inline-block;animation:herodemo-content-in 1.5s ease 1.6s backwards}.herodemo-chevron:hover{background-color:#e1dede;color:#1c1c1c}.profile{margin:10px 40px;padding-top:50px;text-align:justify}.profileinfo{position:relative;height:100%;min-width:300px;max-width:500px;margin:0 auto}.profiletitle{max-width:1024px;text-align:left;font-size:2.25rem;padding-bottom:5px;border-bottom:2px solid #333;margin:auto}.keypointcol{padding:10px 5px;min-width:400px}.keypoint{margin-left:20px;width:auto}.keypoint i{font-size:2rem;margin-top:10px;margin-right:15px;width:45px;text-align:center}.keypoint h3{font-size:1.5em;margin:0;text-align:left}.nav-bar{position:relative;height:0px;z-index:1}.navigationContainer{position:relative;margin:auto;display:flex;align-items:center;justify-content:space-between;z-index:1;max-width:1100px;font-size:1.5em}.navigationContainer a{text-decoration:none;padding:.5rem 1rem;width:100%}.navigationContainer nav a{display:inline-block}.navigationContainer nav>ul{display:flex}.navigationContainer ul{list-style:none;align-items:center}.navigationContainer li{transition:all .3s ease-in-out;white-space:nowrap;margin:2px;background:#e1dede02;color:#e1dede;text-shadow:0 0 3px rgba(24,39,24,.9)}.navigationContainer li:hover{background-color:#e1dede}.navigationContainer li:hover>a{color:#1c1c1c;text-shadow:none}.navigationHamburgerContainer{display:none;opacity:0;background-color:transparent;border:0;border-radius:0;padding:0}.navigationLogoContainer{display:flex}.navigationLogoContainer svg{width:200px;filter:drop-shadow(0 0 3px rgba(24,39,24,.9))}.navigationLogo svg .cls-1{fill:#e1dede}.herocontact{text-align:center;border-top:2px solid #333;border-bottom:2px solid #333;margin:10px auto}.contactIcons{display:flex;flex-grow:1;align-items:center;justify-content:center;flex-wrap:wrap;row-gap:10px;min-height:50px;margin:10px auto}.contactIcons--inline{flex-grow:0;margin:0}.contactIcons .contactline{margin:0 1em 0 0}.iconButton{--icon-size: 1.3rem;position:relative;display:inline-block;flex-shrink:0;width:calc(var(--icon-size) + 24px);height:calc(var(--icon-size) + 24px)}.iconButtonInner{position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:100%;border:2px solid rgb(0,0,0);border-radius:50px;padding:10px;background:#f9f2f2;color:inherit;font:inherit;line-height:1;white-space:nowrap;cursor:pointer;overflow:hidden;transition:all .3s ease-out}.iconButtonInner:hover,.iconButtonInner:focus-visible,.iconButtonInner.expanded{z-index:1}.iconButtonInner:hover,.iconButtonInner:focus-visible{background-color:#000;border-color:#0000;color:#c3c3c3}.iconButtonInner i{font-size:var(--icon-size);width:var(--icon-size);text-align:center}.iconButtonLabel{display:inline-block;max-width:0;overflow:hidden;transition:all .3s ease-out}.iconButtonInner:hover .iconButtonLabel,.iconButtonInner:focus-visible .iconButtonLabel,.iconButtonInner.expanded .iconButtonLabel{max-width:80px;padding:0 4px}.iconButtonGroup{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px}.iconButton--left .iconButtonInner{left:0;flex-direction:row-reverse}.iconButton--right .iconButtonInner{right:0}.iconButton--middle .iconButtonInner{left:50%;transform:translate(-50%)}.iconButton--left .iconButtonInner:hover .iconButtonLabel,.iconButton--left .iconButtonInner:focus-visible .iconButtonLabel,.iconButton--left .iconButtonInner.expanded .iconButtonLabel{margin-left:10px}.iconButton--right .iconButtonInner:hover .iconButtonLabel,.iconButton--right .iconButtonInner:focus-visible .iconButtonLabel,.iconButton--right .iconButtonInner.expanded .iconButtonLabel,.iconButton--middle .iconButtonInner:hover .iconButtonLabel,.iconButton--middle .iconButtonInner:focus-visible .iconButtonLabel,.iconButton--middle .iconButtonInner.expanded .iconButtonLabel{margin-right:10px}.modal{visibility:hidden;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0006;opacity:0;transition:all ease-in-out .3s}.modalactive{visibility:visible;opacity:1;transition:opacity ease-in-out .3s,visibility 0s;overflow:auto}.modal-inner{background-color:#fefefe;margin:3% auto;border:1px solid #888;max-width:1024px;width:90%;border-radius:10px;overflow:hidden}.modalhero{height:40vh;background-size:cover;background-position:center}.ecomercehero{background-image:url(/assets/ecomercehero-DC1-01jJ.webp?w=1600&format=webp&quality=75)}.wordpresshero{background-image:url(/assets/syndromehero-CbQveJEn.webp?w=1600&format=webp&quality=75)}.videohero{background-image:url(/assets/detailshero-DxCFHtJw.webp?w=1600&format=webp&quality=75);height:50vh}.modalcontent{margin:2vw;padding:0 10px 10px}.rolelist{margin:10px 20px}.rolelist h3{font-size:1.5em;margin:.83em 0}.modal-inner:focus{outline:none}.close{color:#fff;float:right;font-size:3rem;cursor:pointer;padding:5px;margin-right:20px;background-color:transparent;border:0;border-radius:0}.close:hover,.close:focus{color:#000;text-decoration:none}.small-icon-container{margin:50px 0}.small-icon-container i{font-size:2rem}.small-icon-container p{font-size:1rem;margin:.5rem}#contact{margin:50px auto}.contactrow{display:flex;align-items:center;gap:20px}.contactinline{display:flex;align-items:center;justify-content:center;gap:15px}.contacttext{flex:1}.runningcharacter img{display:block;width:108px;height:auto;image-rendering:pixelated}.icon-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:5px 20px;margin:75px auto;max-width:900px;padding:20px}.icon-column{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 calc(33.333% - 20px);min-width:130px}.icon-column .iconwrapper{width:100%;max-width:120px;display:flex;align-items:end}.icon-column .iconwrapper>span{display:block;width:100%}.icon-column svg{display:block;width:100%;height:auto;margin-bottom:10px;opacity:.6}.icon-column h3{font-size:1.5rem;height:3rem}.icon-column p{font-size:.9rem}.footer-container{width:100%;border-top:2px solid #1c1c1c;border-radius:2px}.footer{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.footerLogo svg{display:block;height:40px;width:auto}.casestudy,.casestudyrev{position:relative;padding:10px 0;margin-bottom:10px;display:flex}.casestudyrev{flex-direction:row-reverse;text-align:right}.webpreview{border:3px solid #000;border-radius:10px;overflow:hidden;resize:vertical;width:calc(100% - 6px);height:auto;aspect-ratio:var(--preview-ratio, 16 / 9);min-height:100px;display:flex;flex-direction:column}.vidpreview{border:3px solid #000;border-radius:10px;overflow:hidden;height:auto}.webprevcontainer{flex:1;min-height:0;overflow-y:scroll;border-radius:0 0 5px 5px;background:#000 url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%3e%3ccircle%20cx='20'%20cy='20'%20r='16'%20fill='none'%20stroke='%23fff'%20stroke-opacity='.2'%20stroke-width='4'/%3e%3cpath%20d='M20%204a16%2016%200%200%201%2016%2016'%20fill='none'%20stroke='%23fff'%20stroke-width='4'%20stroke-linecap='round'%3e%3canimateTransform%20attributeName='transform'%20type='rotate'%20from='0%2020%2020'%20to='360%2020%2020'%20dur='0.8s'%20repeatCount='indefinite'/%3e%3c/path%3e%3c/svg%3e") center no-repeat}.webprevcontainer img{display:block;width:100%;height:auto}.webpreviewmsg{width:50%;min-width:0;max-width:500px;margin:0 auto}.webpreviewmsg>span{padding-left:10px}.casestudydesc{padding:0 10px 10px 30px;flex-grow:1;margin:0 auto;width:50%}.casestudydesc h3{font-size:1.5em;margin-bottom:.83em;margin-top:0}.casestudyrev .casestudydesc{padding:0 30px 10px 10px}.casestudy svg,.casestudyrev svg{padding-top:3px;width:100%}.project{margin-bottom:40px}.projectbody{padding:0 10px}.stacktags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.stacktag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:2px solid #1c1c1c;border-radius:20px;font-size:.85rem}.webpreviewTB{display:inherit;width:100%;margin-top:2px}@media only screen and (max-width: 600px){.navigationContainer{display:inline-block;margin:0;padding:0;width:100%}.navigationContainer a{padding:1rem 1rem 1rem 2rem;width:auto}.navigationContainer nav>ul{display:inline-block;padding-left:0;position:relative;width:100%}.navigationLogoContainer svg{width:150px}.navigationHamburgerContainer{opacity:1;cursor:pointer;flex-grow:1;display:flex;justify-content:center;align-items:center}.navigationHamburger{color:#e1dede;margin:auto 2rem auto auto;float:right}.navigationContainer nav{opacity:0;overflow:hidden;max-height:0;visibility:hidden;padding:0;margin:20px 0 0;transition:all .3s ease-out;width:100%;text-align:center}.NavigationContainerActive nav{display:inline-block;opacity:1;overflow:hidden;max-height:1000px;visibility:visible}.NavigationContainerActive{background-color:#1c1c1cd8;height:100vh;height:100dvh}.navigationContainer li{width:100%;position:relative}.casestudy,.casestudyrev{flex-wrap:wrap;flex-direction:column}.webpreviewmsg{width:100%}.casestudydesc,.casestudyrev .casestudydesc{padding:0;margin:20px auto;text-align:center;width:100%}.stacktags{justify-content:center}}@media only screen and (min-width: 1140px){.wrapper{width:1026px;margin:0 auto}}@media screen and (max-width: 900px){.profile{margin:10px 15px}.profiletitle{max-width:500px}.keypoint{margin-left:0}.keypointcol{max-width:550px;margin:20px auto}.profilerow{flex-direction:column}}@media screen and (max-width: 600px){.modal-inner{margin:2vw;width:96vw}.iconrow{display:none}.profileinfo,.keypointcol{min-width:0}.profilerow{flex-wrap:nowrap}}@media screen and (max-width: 800px){.sectiontitle{max-width:500px;margin:auto}}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.visuallyhidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media screen and (max-width: 500px){.keypoint{display:grid;grid-template-columns:auto 1fr;align-items:center}.keypointtext{display:contents}.keypoint i{font-size:1.25rem;width:auto;margin:0;padding:0 1rem}.keypoint p{grid-column:1 / -1}}@media screen and (max-width: 360px){.herodemo-title{font-size:2rem}}@media screen and (max-width: 470px){.contactrow{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.contacttext{display:contents}.runningcharacter img{width:54px}.contactrow p{grid-column:1 / -1;margin:0 0 1em}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.runningcharacter{display:none}}
