*,:after,:before{box-sizing:border-box}:root{--color-text:#000;--color-text-alt:#fff;--color-frame-alt:#e9e9e9;--color-bg:#c6c1b7;--color-bg-alt:#18130e;--color-link:#fff;--color-link-alt:#fff;--color-link-hover:#00fcee;--color-link-hover-alt:#727170;--color-column-title:#727170;--color-overlay:#111;--color-border:#aeaeae;font-size:17px;font-weight:300}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{color:var(--color-text-alt);text-transform:uppercase;perspective-origin:9px 9px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;flex-direction:column;align-items:center;margin:0;font-family:Noto Sans Mono,sans-serif;line-height:1.3em;animation:15s infinite gradientBG;display:flex;overflow:hidden}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.organize-svg{display:none}.noise{z-index:-98;width:100%;height:100vh;max-width:none;opacity:.7;position:fixed}.bg-grid{z-index:-100;width:1451px;max-width:none;opacity:1;position:fixed;top:0;animation:30s infinite gridBG}@keyframes gridBG{0%{opacity:0}45%{opacity:0}50%{opacity:1}to{opacity:0}}img{max-width:100%;vertical-align:middle;display:inline-block}.chkbx{opacity:.00001;pointer-events:none;position:absolute;top:0;right:0}.lbl{pointer-events:none;align-items:center;display:inline-flex}.lbl .text{opacity:.6;margin-left:16px;transition:opacity .2s linear,transform .2s ease-out}.lbl .indicator{height:10px;width:10px;border:1px solid #fff;position:relative;overflow:hidden}.chkbx:checked~.lbl .indicator{background-color:#00fcee;border-color:#0000}.chkbx:focus~.lbl .text,.lbl:hover .text{opacity:1}.oh{position:relative;overflow:hidden}.oh__inner{will-change:transform;display:inline-block}.oh__inner+.preview__column-title{margin-top:25px}.line{transform-origin:0;white-space:nowrap;will-change:transform}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);white-space:nowrap;outline:none;text-decoration:none;transition:color .1s;position:relative;overflow:hidden}a .logo-dash{color:#0000}a:not(.no-hover-eff):not(.case__link):before,a:not(.no-hover-eff):not(.case__link) .logo-dash:before{content:"";height:1px;width:100%;transform-origin:0%;background:currentColor;transition:transform .3s;position:absolute;top:92%}a:not(.no-hover-eff):not(.case__link) .logo-dash:before{opacity:0;background:var(--color-link-hover)}a:not(.no-hover-eff):not(.case__link):hover:before{transform-origin:100%;transform:scaleX(0)}a:not(.no-hover-eff):not(.case__link):hover .logo-dash{opacity:1}a:not(.no-hover-eff):not(.case__link):hover .logo-dash:before{opacity:1;animation:1.3s linear infinite blink}a:hover{color:var(--color-link-hover);outline:none;text-decoration:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}b{font-weight:700}.unbutton{font:inherit;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}main{grid-row-gap:0xp;max-width:1451px;height:100vh;grid-template:"frame"min-content"content"1fr"footer"/100%;align-items:center;padding:0;display:grid}.frame,.frame_footer{grid-row-gap:1rem;will-change:transform,opacity;height:20px;z-index:100;grid-area:frame;grid-template-columns:100%;grid-template-areas:"logo""pagetitle""links";align-content:space-between;align-items:start;margin:0;font-size:.85rem;display:grid;position:relative}.frame_footer{grid-area:footer;padding-top:0}.mCSB_outside+.mCSB_scrollTools{right:-9px}.mCSB_scrollTools .mCSB_draggerContainer{overflow:hidden}.mCSB_draggerRail:after{content:"";height:1000%;width:2px;background-color:#ffffff1a;display:block;position:absolute;top:-500px;left:7px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#0000}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{z-index:10}.unbutton{font:inherit;background:0 0;border:0;margin:0;padding:0}.preview-visible .frame{opacity:0;z-index:100}.preview-visible .frame_footer{opacity:1}.preview-visible .frame a{color:var(--color-frame-alt)}.preview-visible a:hover{color:var(--color-link-hover-alt)}.frame__logo{width:14rem;width:14rem;flex-wrap:wrap;grid-area:logo;display:flex}.frame__logo-main{margin:0;font-size:.85rem;font-weight:300}.frame__logo-back{align-items:flex-end;display:flex;position:relative}.frame__logo-back span{display:none}.frame__page-menu{grid-area:pagetitle}.portfolio-menu{width:643px;height:129px;opacity:0;align-items:end;margin:0;padding:0;list-style:none;transition:all .3s;display:flex;position:absolute;top:0}.preview-visible .portfolio-menu{display:none}.portfolio-menu__item:hover{cursor:pointer;text-decoration:underline}.frame__page-title.active+.portfolio-menu{opacity:1}.frame__page-title{color:#fff;transition:all .3s}.frame__page-title.active{color:var(--color-link-hover)}.portfolio-menu li{margin-right:15px}.frame__links{text-align:right;grid-area:links}.frame__links svg{fill:currentColor;width:16px;height:16px;position:relative;bottom:-3px;right:0}.maincontent{max-width:480px;grid-area:content}.maincontent--hidden{pointer-events:none}@media screen and (min-width:53em){.frame{height:85px;grid-row-gap:0;grid-column-gap:0;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);grid-template-areas:"logo pagetitle links";align-content:center;align-items:center;margin-bottom:0}.maincontent{min-height:500px;height:100%;max-width:none;padding:0}.maincontent__scroll-wrap{height:100%;padding:30px 0;display:block}.maincontent__scroll{height:100%;border-bottom:1px solid #ffffff2b;padding:0;display:block;overflow:hidden}}.frame_footer .frame__logo{display:none}.frame_footer .preview__back{opacity:0;top:0}.previews .preview__back{visibility:hidden}.preview-visible .frame_footer .preview__back{opacity:1}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1477px}}