/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body{position:relative;font-size:16px}ul{margin:0;padding:0;list-style:none}img{width:100%}.background-cover{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat}.icon svg{width:100%;height:100%}.nobreak{white-space:nowrap}.full-height{height:100%}:root{--desktop-L: 1800px;--desktop-M: 1464px;--tablet-M: 800px;--mobile-M: 480px;--SPC-3XS: 1px;--SPC-2XS: 2px;--SPC-XS: 4px;--SPC-S: 8px;--SPC-M: 16px;--SPC-L: 24px;--SPC-XL: 32px;--SPC-2XL: 48px;--SPC-3XL: 64px;--SPC-4XL: 96px;--PDG-2XS: 2px;--PDG-XS: 4px;--PDG-S: 8px;--PDG-M: 12px;--PDG-L: 16px;--PDG-XL: 24px;--PDG-2XL: 32px}.vh-100{height:100vh}.vh-90{height:90vh}.vh-80{height:80vh}.vh-70{height:70vh}.vh-60{height:60vh}.vh-50{height:50vh}.vh-40{height:40vh}.vh-30{height:30vh}.vh-20{height:20vh}.vh-10{height:10vh}.vw-100{height:100vw}.vw-90{height:90vw}.vw-80{height:80vw}.vw-70{height:70vw}.vw-60{height:60vw}.vw-50{height:50vw}.vw-40{height:40vw}.vw-30{height:30vw}.vw-20{height:20vw}.vw-10{height:10vw}:root{--flame-50: #FFEEE5;--flame-100: #FFDECC;--flame-200: #FFBD99;--flame-300: #FF9C66;--flame-400-MAIN: #FF7A33;--flame-500: #FF5900;--flame-600: #CC4700;--flame-700: #993600;--flame-800: #802D00;--flame-900: #4D1B00;--data-50: #E7F7FE;--data-100: #CFEEFC;--data-200: #A1DDF7;--data-300: #72CCF3;--data-400-MAIN: #43BBEF;--data-500: #19A8E6;--data-600: #008FCC;--data-700: #006B99;--data-800: #005280;--data-900: #00314D;--cathode-ray-50: #EDFDEF;--cathode-ray-100: #D1FAD7;--cathode-ray-200: #A3F5AF;--cathode-ray-300: #79EC8A;--cathode-ray-400-MAIN: #4CE663;--cathode-ray-500: #31C446;--cathode-ray-600: #339A42;--cathode-ray-700: #22772F;--cathode-ray-800: #1C6327;--cathode-ray-900: #113C17;--future-sky-50: #FFFAF2;--future-sky-100: #F9EEDC;--future-sky-200: #E6D6BC;--future-sky-300: #D1B994;--future-sky-400-MAIN: #B69F7C;--future-sky-500: #968469;--future-sky-600: #786A54;--future-sky-700: #5A4F3F;--future-sky-800: #4B4235;--future-sky-900: #242019;--simulacra-50: #F6F6F3;--simulacra-100: #E7E9E2;--simulacra-200: #D0D5C3;--simulacra-300: #B4B8AD;--simulacra-400-MAIN: #9BA092;--simulacra-500: #828877;--simulacra-600: #686D5F;--simulacra-700: #4E5148;--simulacra-800: #40403F;--simulacra-900: #191A19;--holo-purple-50: #F3F0F9;--holo-purple-100: #E0DAF1;--holo-purple-200: #C2B6E2;--holo-purple-300: #A391D3;--holo-purple-400: #7E5ED4;--holo-purple-500-MAIN: #5E36C9;--holo-purple-600: #4B2BA1;--holo-purple-700: #341782;--holo-purple-800: #280D73;--holo-purple-900: #14004D;--holo-pink-50: #FFEBFC;--holo-pink-100: #FFCCF6;--holo-pink-200: #FF99EE;--holo-pink-300: #FF66E5;--holo-pink-400: #FF33DD;--holo-pink-500-MAIN: #FF00D5;--holo-pink-600: #CC00AA;--holo-pink-700: #A30088;--holo-pink-800: #80006A;--holo-pink-900: #4D0040;--metal-50: #F4F5F6;--metal-100: #E3E6E8;--metal-200: #C7CCD1;--metal-300: #ABB3BA;--metal-400: #8F99A3;--metal-500-MAIN: #73808C;--metal-600: #5C6670;--metal-700: #454D54;--metal-800: #394046;--metal-900: #22262A}@font-face{font-family:Ranade-Variable;src:url(/fonts/Ranade-Variable.woff2) format("woff2"),url(/fonts/Ranade-Variable.woff) format("woff"),url(/fonts/Ranade-Variable.ttf) format("truetype");font-weight:100 700;font-display:swap;font-style:normal}@font-face{font-family:Ranade-VariableItalic;src:url(/fonts/Ranade-VariableItalic.woff2) format("woff2"),url(/fonts/Ranade-VariableItalic.woff) format("woff"),url(/fonts/Ranade-VariableItalic.ttf) format("truetype");font-weight:100 700;font-display:swap;font-style:italic}h1,h2,h3{font-family:Clash Display,sans-serif;font-optical-sizing:auto;font-weight:500;letter-spacing:0;line-height:1.2;font-style:normal;margin:0 0 .5em;text-wrap:balance;color:var(--flame-400-MAIN)}h4,h5,h6{font-family:Clash Display,sans-serif;font-optical-sizing:auto;font-weight:400;line-height:1.25;font-style:normal;letter-spacing:0;margin:0 0 .7em;text-wrap:balance;color:var(--metal-700)}p,a,li{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;letter-spacing:0;line-height:1.6;margin-top:0;color:var(--metal-600);text-wrap:balance}h1.jumbo{font-size:167px;text-transform:uppercase}h1.jumbo.scale{font-size:9.3vw}h1.jumbo.scale.clamp{font-size:clamp(48px,9.3vw,167px)}h1{font-size:100px;text-transform:uppercase}h1.scale{font-size:6.8vw}h1.scale.clamp{font-size:clamp(42px,6.8vw,122px)}h2{font-size:72px}h2.scale{font-size:4.91vw}h2.scale.clamp{font-size:clamp(40px,4.91vw,88px)}h3{font-size:56px}h3.scale{font-size:3.82vw}h3.scale.clamp{font-size:clamp(32px,3.82vw,68px)}h4{font-size:42px}h4.scale{font-size:2.86vw}h4.scale.clamp{font-size:clamp(28px,2.86vw,51px)}h5{font-size:32px}h5.scale{font-size:2.18vw}h5.scale.clamp{font-size:clamp(22px,2.18vw,39px)}h6{font-size:24px}h6.scale{font-size:1.64vw}h6.scale.clamp{font-size:clamp(18px,1.64vw,29px)}p{font-size:1rem}p.large{font-size:1.25rem}a{font-size:16pxm;color:var(--flame-400-MAIN);text-decoration:none;margin-bottom:1em}li{font-size:16px}p.large,a.large,li.large{font-size:24pxm}p.small,a.small,li.small{font-size:12pxm}p.footnote,a.footnote,li.footnote{font-size:10pxm}.underline{position:relative}.underline:after{display:block;content:"";position:absolute;left:0;width:2.4em;height:1px;background-color:var(--flame-400-MAIN)}h1.underline:after,h2.underline:after,h3.underline:after{height:2px;bottom:-.15em}h4.underline:after,h5.underline:after,h6.underline:after{height:1px;bottom:-.2em}.grid{position:relative;display:grid;grid-gap:0;height:100%;margin:0;padding:0}.grid.twelve-col{grid-template-columns:repeat(12,1fr)}.grid .column{display:flex;flex-direction:column;justify-content:flex-start;padding:var(--PDG-M)}.grid .column.justify-top{justify-content:flex-start}.grid .column.justify-center{justify-content:center}.grid .column.justify-bottom{justify-content:flex-end}.grid img{height:auto}.grid.upper{z-index:10}.grid .column.two-col{grid-column:span 6}.grid .column.two-col.left{grid-column:1 / 7}.grid .column.two-col.right{grid-column:7 / 13}.grid .column.two-col .offset-right{margin-left:calc(16.66% + 8px)}.grid.twocol.pad .col:first-child{padding-right:25px}.grid.twocol.pad .col:last-child{padding-left:25px}.grid .column.three-col{grid-column:span 4}.grid .column.three-col.left{grid-column:1 / 5}.grid .column.three-col.centre{grid-column:5/ 9}.grid .column.three-col.right{grid-column:9 / 13}.grid .column.four-col{grid-column:span 3}.grid.four-col.c1{grid-column:1 / 4}.grid.four-col.c2{grid-column:4 / 7}.grid .four-col.c3{grid-column:7 / 10}.grid .four-col.c4{grid-column:10 / 13}.grid .column.six-col{grid-column:span 2}.grid .column.c1-3{grid-column:1 / 3}.grid .column.c1-5{grid-column:1 / 5}.grid .column.c1-6{grid-column:1 / 6}.grid .column.c1-7{grid-column:1 / 7}.grid .column.c1-8{grid-column:1 / 8}.grid .column.c1-9{grid-column:1 / 9}.grid .column.c1-10{grid-column:1 / 10}.grid .column.c1-11{grid-column:1 / 11}.grid .column.c1-12{grid-column:1 / 12}.grid .column.c1-13{grid-column:1 / 13}.grid .column.c2-4{grid-column:2 / 4}.grid .column.c2-5{grid-column:2 / 5}.grid .column.c2-7{grid-column:2 / 7}.grid .column.c2-8{grid-column:2 / 8}.grid .column.c2-9{grid-column:2 / 9}.grid .column.c2-10{grid-column:2 / 10}.grid .column.c2-11{grid-column:2 / 11}.grid .column.c2-12{grid-column:2 / 12}.grid .column.c3-7{grid-column:3 / 7}.grid .column.c3-9{grid-column:3 / 9}.grid .column.c3-10{grid-column:3 / 10}.grid .column.c3-11{grid-column:3 / 11}.grid .column.c4-9{grid-column:4 / 9}.grid .column.c4-10{grid-column:4 / 10}.grid .column.c4-11{grid-column:4 / 11}.grid .column.c5-9{grid-column:5 / 9}.grid .column.c5-10{grid-column:5 / 10}.grid .column.c4-12{grid-column:4 / 12}.grid .column.c5-11{grid-column:5 / 11}.grid .column.c5-12{grid-column:5 / 12}.grid .column.c5-13{grid-column:5 / 13}.grid .column.c6-10{grid-column:6 / 10}.grid .column.c6-12{grid-column:6 / 12}.grid .column.c6-13{grid-column:6 / 13}.grid .column.c7-12{grid-column:7 / 12}.grid .column.c7-13{grid-column:7 / 13}.grid .column.c8-11{grid-column:8 / 11}.grid .column.c8-12{grid-column:8 / 12}.grid .column.c8-13{grid-column:8 / 13}.grid .column.c9-12{grid-column:9 / 12}.grid .column.c9-13{grid-column:9 / 13}.grid .column.c10-13{grid-column:10 / 13}.grid .column.full{grid-column:1 / 13}.grid.rows-3{grid-template-rows:repeat(3,1fr)}.grid.rows-4{grid-template-rows:repeat(4,1fr)}.grid.rows-5{grid-template-rows:repeat(5,1fr)}.grid.rows-6{grid-template-rows:repeat(6,1fr)}.grid.rows-10{grid-template-rows:repeat(10,1fr)}.grid.rows-1-1-1{grid-template-rows:1fr 1fr 1fr}.grid.rows-1-2{grid-template-rows:1fr 2fr}.grid.rows-1-3{grid-template-rows:1fr 3fr}.grid.rows-2-3{grid-template-rows:2fr 3fr}.grid.rows-3-1{grid-template-rows:3fr 1fr}.grid.rows-3-2{grid-template-rows:3fr 2fr}.grid .column.r1{grid-row-start:1}.grid .column.r2{grid-row-start:2}.grid .column.r3{grid-row-start:3}.grid .column.r4{grid-row-start:4}.grid .column.r5{grid-row-start:5}.grid .r1-2{grid-row:1/2}.grid .r1-3{grid-row:1/3}.grid .r1-4{grid-row:1/4}.grid .r1-5{grid-row:1/5}.grid .r2-3{grid-row:2/3}.grid .r2-4{grid-row:2/4}.grid .r2-5{grid-row:2/5}.grid .r2-6{grid-row:2/6}.grid .r2-9{grid-row:2/9}.grid .r2-10{grid-row:2/10}.grid .r2-11{grid-row:2/11}.grid .r3-4{grid-row:3/4}.grid .r3-5{grid-row:3/5}.grid .r3-6{grid-row:3/6}.grid .r3-7{grid-row:3/7}.grid .r3-8{grid-row:3/8}.grid .r3-9{grid-row:3/9}.grid .r3-10{grid-row:3/10}.grid .r3-11{grid-row:3/11}.grid .r4-5{grid-row:4/5}.grid .r4-8{grid-row:4/8}.grid .r4-9{grid-row:4/9}.grid .r4-10{grid-row:4/10}.grid .r5-6{grid-row:5/6}.grid .r5-7{grid-row:5/7}.grid .r6-9{grid-row:6/9}.grid .r6-10{grid-row:6/10}.grid .r7-11{grid-row:7/11}@media (max-width: 768px){.grid .column.two-col,.grid .column.two-col.left,.grid .column.two-col.right{grid-column:1/13}.grid .column.two-col .offset-right{margin-left:0}.grid .column.c1-3,.grid .column.c1-5,.grid .column.c1-6,.grid .column.c1-7,.grid .column.c1-8,.grid .column.c1-9,.grid .column.c1-10,.grid .column.c1-11,.grid .column.c1-12,.grid .column.c2-5,.grid .column.c2-7,.grid .column.c2-8,.grid .column.c2-9,.grid .column.c2-10,.grid .column.c2-11,.grid .column.c2-12,.grid .column.c3-7,.grid .column.c3-9,.grid .column.c3-10,.grid .column.c3-11,.grid .column.c4-9,.grid .column.c4-10,.grid .column.c4-11,.grid .column.c4-12 .grid .column.c5-9,.grid .column.c5-10,.grid .column.c5-11,.grid .column.c5-12,.grid .column.c5-13,.grid .column.c6-10,.grid .column.c6-12,.grid .column.c6-13,.grid .column.c7-12,.grid .column.c7-13,.grid .column.c8-11,.grid .column.c8-12,.grid .column.c8-13,.grid .column.c9-12,.grid .column.c9-13,.grid .column.c10-13{grid-column:1 / 13}}@media (max-width: 480px){.grid .column{padding-left:var(--PDG-S);padding-right:var(--PDG-S)}.grid .column.three-col,.grid .column.four-col{grid-column:1/13}}.grid.twelve-col.overlap .column{grid-row-start:1}.grid.twelve-col .aside{width:calc(80% + 12px);margin-bottom:10%}.grid.twelve-col .offset-one-right{margin-left:calc(16.66% + 8px)}.grid.twelve-col .offset-one-left{margin-left:calc(-16.66% - 8px)}.grid.twelve-col img.shadow{box-shadow:#0000004d 0 0 24px}@media (max-width: 800px){.grid.twelve-col.overlap .column{grid-column:1 / 13;grid-row-start:auto}.grid.twelve-col.overlap .column{grid-column:1 / 13}.grid.twelve-col.overlap .offset-one-right,.grid.twelve-col.overlap .offset-one-left{margin-left:0}.grid.twelve-col .aside{width:100%;margin-bottom:10%}.grid.twelve-col img.shadow{box-shadow:none}}#page{position:relative;width:100%;overflow:hidden}main{background:var(--simulacra-50);overflow:hidden}.section{position:relative;width:100%}.inner{position:relative;width:100%;max-width:var(--desktop-L);height:100%;margin:0 auto;padding:0 var(--PDG-XL);z-index:1}.overlay{width:100%;height:100%;position:absolute}aside{width:100%;border-bottom:1px solid #ccc}.textbox{padding:var(--PDG-M)}.caption{margin-top:-1em;margin-bottom:1.5em}.subheader{margin-left:var(--PDG-M);margin-right:0;margin-bottom:var(--PDG-XL);border-bottom:1px solid #ff8733}.subheader.no-pad{margin-left:0}.subheader h1,.subheader h2,.subheader h3{margin-bottom:var(--PDG-M)}.subheader h4,.subheader h5,.subheader h6{margin-bottom:var(--PDG-S)}.aside .subheader{margin-left:0}.aside.up-one-on-mobile{order:0}.pull-up-50{margin-top:-50px}.pull-up-100{margin-top:-100px!important}.pull-up-150{margin-top:-150px!important}.pull-up-200{margin-top:-200px!important}.pull-up-250{margin-top:-250px!important}.push-down-50{margin-top:50px}.push-down-100{margin-top:100px!important}.push-down-150{margin-top:150px!important}.push-down-200{margin-top:200px!important}.push-down-250{margin-top:250px!important}@media (max-width: 800px){.inner{max-width:none;padding:0 var(--PDG-M)}.pull-up-50,.pull-up-100,.pull-up-150,.pull-up-200,.pull-up-250,.push-down-50,.push-down-100,.push-down-150,.push-down-200,.push-down-250{margin-top:0!important}}@media (max-width: 480px){.inner{padding:0 var(--PDG-S)}}.topsection{padding-top:20vw;padding-bottom:3vw;overflow:hidden;margin-bottom:5vw}.topsection .textbox{padding-right:10vw}@media (max-width: 768px){.topsection{padding-top:30vw;padding-bottom:12vw;overflow:hidden;margin-bottom:1em}.topsection .grid{grid-template-columns:1fr}.topsection .textbox{margin-bottom:50px}}@media (max-width: 480px){.topsection{padding-top:10vw}main.project section.topsection .two-col.left{order:0;padding:20px 10px}.topsection .textbox{width:100%}}.d1{animation-delay:.2s}.d2{animation-delay:.4s}.d3{animation-delay:.6s}.d4{animation-delay:.8s}.d5{animation-delay:1s}.d6{animation-delay:1.2s}.d7{animation-delay:1.4s}.d8{animation-delay:1.6s}.d9{animation-delay:1.8s}.d10{animation-delay:2s}.d11{animation-delay:2.2s}.d12{animation-delay:2.4s}.d13{animation-delay:2.6s}.d14{animation-delay:2.8s}.d15{animation-delay:3s}.d16{animation-delay:3.2s}.d17{animation-delay:3.4s}.d18{animation-delay:3.6s}.d19{animation-delay:3.8s}.d20{animation-delay:4s}.fade-in.visibles{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.5s;animation-duration:.5s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;content-visibility:auto}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation-name:fadeOut;animation-duration:.5s;animation-timing-function:ease-in;animation-fill-mode:both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.scale-right{transform:scaleX(.5)}.scale-right.visible{-webkit-animation-name:scaleRight;animation-name:scaleRight;-webkit-animation-duration:.6s;animation-duration:.6s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes scaleRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scaleRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}a.fade-down{display:inline-block}.fade-down.visible{-webkit-animation-name:fadeDown;animation-name:fadeDown;-webkit-animation-duration:.3s;animation-duration:.3s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}a.fade-up{display:inline-block}.fade-up.visible{-webkit-animation-name:fadeUp;animation-name:fadeUp;-webkit-animation-duration:.9s;animation-duration:.9s;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-direction:forwards}@-webkit-keyframes fadeUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.unmask{animation-name:unmask;animation-duration:4s;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes unmask{0%{clip-path:polygon(125% 0%,200% 0%,175% 100%,100% 100%)}65%{clip-path:polygon(0% 0%,75% 0%,55% 100%,0% 100%)}to{clip-path:polygon(125% 0%,200% 0%,175% 100%,100% 100%)}}html{visibility:visible;opacity:1}.button{font-family:Monda,sans-serif;position:relative;display:inline-block;padding:8px 16px;background:var(--flame-400-MAIN);color:#fff;font-size:16px;font-weight:400;border-radius:8px;text-transform:uppercase;transition:all ease .3s;opacity:1}.button:hover{background:var(--flame-300)}a.arrow-down{display:block;width:24px}.button:disabled{opacity:1;background:#ccc;border:#e5e5e5}.button:disabled .icon{fill:#999}.iconbutton{font-family:Monda,sans-serif;position:relative;display:inline-block;padding:8px 16px;background:var(--flame-400-MAIN);color:#fff;font-size:16px;font-weight:400;border-radius:8px;text-transform:uppercase;transition:all ease .3s;opacity:1}.iconbutton .icon{position:absolute;left:0;top:0}.iconbutton .statelayer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#eee;opacity:0;border-radius:8px}.iconbutton:hover .statelayer{opacity:.5}:root{--NAV-BG: rgba(249, 238, 220, .7)}.navbar{position:fixed;left:0;top:0;width:100%;height:60px;margin:0;padding:var(--PDG-M) 0;background-color:#ffffff26;z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:height .1s,background-color .2s}.navbar:hover{background-color:#ffffffbf}.navbar .inner{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:0 36px;transition:height .1s}.navbar .logo-group{position:absolute;top:12px;left:36px;width:36px;height:36px;margin:0;cursor:pointer;z-index:10}.navbar .logo-group img{display:block;width:100%}.navbar .logo-group #base{fill:#ff8733}.navbar .logo-group .box{fill:#fff}.navbar .contact{position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:row;justify-content:center;gap:var(--SPC-2XL);display:none}.navbar .hamburger{position:absolute;top:20px;right:24px;width:24px;height:18px;margin:0;display:none;cursor:pointer;z-index:10}.navbar .hamburger .bar{display:block;position:absolute;left:0;width:24px;height:2px;padding:0;background-color:#ff8733;transform-origin:50%;border-radius:2px;transition:top,bottom,transform,opacity;transition-timing-function:ease;transition-duration:.2s}.navbar .hamburger .bar:nth-child(1){top:0}.navbar .hamburger .bar:nth-child(2){top:50%;margin-top:-1px}.navbar .hamburger .bar:nth-child(3){bottom:0}.navbar.expanded .hamburger .bar:nth-child(1){top:8px;transform:rotate(45deg)}.navbar.expanded .hamburger .bar:nth-child(2){opacity:0}.navbar.expanded .hamburger .bar:nth-child(3){bottom:8px;transform:rotate(-45deg)}@media (max-width: 800px){.navbar .logo-group{left:24px}}@media (max-width: 480px){.navbar .logo-group{left:16px}.navbar .hamburger{right:16px}}.main-nav ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--SPC-XL);margin:0 -12px 0 0;padding:var(--PDG-XS) 0}.main-nav li{position:relative;margin:0}.main-nav li a{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--SPC-2XS);font-size:16px;font-weight:500;line-height:18px;margin:0;padding:var(--PDG-S) var(--PDG-L);color:var(--flame-400-MAIN);border-radius:6px}.main-nav li a:hover,.main-nav li a.active{background-color:var(--NAV-BG)}.main-nav li a .label-and-icons{display:flex;flex-direction:row;justify-content:center;gap:var(--SPC-S);margin:0}.main-nav li a .icon{width:20px;height:20px;fill:var(--flame-400-MAIN)}.main-nav li:hover .subnav{display:flex}.main-nav .subnav{position:absolute;top:24px;left:0;display:none;flex-direction:column;align-items:flex-start;gap:var(--SPC-XS);width:224px;margin-top:8px;padding:var(--PDG-S) 0;border-radius:8px;box-shadow:0 6px 12px #0000001a;background-color:var(--metal-50)}.main-nav .subnav li.submenu-item{width:100%;padding:0 var(--PDG-S);margin:0}.main-nav .subnav a{margin:0;padding:var(--PDG-S);font-size:14px;font-weight:400;color:var(--metal-600);border-radius:4px}.main-nav .subnav a:hover{background-color:var(--NAV-BG)}@media (max-width: 800px){.navbar .inner{padding:0 16px}.navbar .hamburger{display:block}.navbar .main-nav{display:none}}.navbar.expanded{height:100%;padding:0;background-color:#ffffffd9;pointer-events:auto}.navbar.expanded .inner{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0;overflow:scroll;overscroll-behavior:contain}.navbar.expanded .contact{display:flex;margin-bottom:8px}.navbar.expanded .contact .icon{fill:var(--flame-400-MAIN)}.navbar.expanded .main-nav{display:flex;opacity:100;padding:34px 0}.navbar.expanded .main-nav ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--SPC-S);margin:0;padding:0}.navbar.expanded .main-nav li a:hover{background-color:transparent}.navbar.expanded .main-nav li a.active{background-color:transparent;line-height:28px}.navbar.expanded .main-nav .subnav{position:relative;left:0;top:0;justify-content:center;align-items:center;gap:var(--SPC-4XS);padding-bottom:var(--PDG-XS);background-color:#0000;box-shadow:none;width:100%}.navbar.expanded .main-nav .subnav a{margin:0;text-align:center}.navbar.expanded .main-nav .subnav a .label-and-icons{padding:0}.navbar.expanded .main-nav .subnav a:hover{background-color:transparent}.navbar.expanded .main-nav .subnav a.active{line-height:18px;background-color:var(--NAV-BG)}@media (max-width: 480px){.navbar.expanded .inner{justify-content:center;align-items:center;padding:8px}}@media (max-height: 720px){.navbar.expanded .main-nav{margin-top:20vh;margin-bottom:5vh}}footer{margin:0;padding-top:4em;padding-bottom:4.5em;background-color:var(--future-sky-100)}footer p,footer a{font-size:1em;color:var(--metal-600)}footer ul.contact{display:flex;flex-direction:column;justify-content:space-between;gap:0;padding:0;margin:0 0 var(--SPC-XL) 0}footer ul.contact li{position:relative;width:100%;padding:var(--PDG-S);border-bottom:1px solid var(--flame-300)}footer ul.contact li:first-child{border-top:1px solid var(--flame-300)}footer ul.contact li a{display:block;padding:0;margin:0 0 .4em;font-size:.9em;line-height:normal}footer ul.contact li a:hover{color:var(--metal-400)}footer ul.contact .icon{display:inline-block;position:relative;top:6px;left:0;width:24px;height:24px;margin-right:10px}footer ul.contact .icon svg{width:100%;height:100%;fill:var(--flame-400-MAIN)}footer .column.info-col{height:fit-content}@media (max-width: 800px){footer .column.contact-col{grid-column:2 / 12!important}footer .column.info-col{grid-column:2 / 12!important}}@media (max-width: 480px){footer ul.contact{padding:0}}ul.credits{margin-top:1vw;margin-bottom:var(--SPC-L)}ul.credits li{position:relative;width:100%;font-size:.9em;padding:var(--PDG-S);color:var(--metal-600);border-bottom:1px solid var(--flame-300)}ul.credits li:first-child{border-top:1px solid var(--flame-300)}ul.credits p.label{font-size:.9em;color:var(--flame-400-MAIN);margin-bottom:var(--SPC-XS)}@media (max-width: 800px){ul.credits p.label{display:inline-block;width:80px;padding-right:var(--SPC-S)}}.gallery{width:100%;box-sizing:border-box}.gallery .iconbutton{position:absolute;top:50%;display:block;width:48px;height:48px;margin-top:-24px;fill:var(--flame-400-MAIN);background-color:#ffffff40;border-radius:8px;border:none;z-index:1000;pointer-events:all}.gallery .iconbutton.arrow-left{left:0%;margin-left:var(--PDG-XL)}.gallery .iconbutton.arrow-right{right:0;margin-right:var(--PDG-XL)}.gallery .iconbutton .icon{width:100%;height:100%}.gallery .iconbutton .statelayer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--flame-100)}.gallery-row{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;transform-style:preserve-3d;perspective:1800px;z-index:100}.gallery-card{flex-grow:0;flex-shrink:0;width:min(34vw,498px);margin:0;padding:0;backface-visibility:hidden;contain:layout paint;transform-origin:center;will-change:transform;border-radius:4px;pointer-events:auto;cursor:pointer}.gallery-card.hover .info .icon{transform:scale(1.15)}.gallery-card.hover p.heading{color:var(--future-sky-50)}.gallery-card .thumbnail{aspect-ratio:4/3;position:relative;width:100%;background-size:cover;background-position:center top;border-radius:4px;pointer-events:none}.gallery-card .info{display:flex;flex-direction:row;justify-content:flex-start;gap:1em;align-items:center;padding:1vw 1.5vw 1.5vw}.gallery-card p.heading{font-size:clamp(12px,1.6vw,24px);font-weight:600;text-transform:uppercase;margin:0;color:var(--future-sky-200)}.gallery-card p.copy{font-size:clamp(9px,1.4vw,16px);margin:0}.gallery-card .info .icon{width:1.6vw;height:1.6vw;fill:var(--flame-400-MAIN)}@media (max-width: 800px){.gallery-card{width:60vw}}@media (max-width: 480px){.gallery-card{width:55vw}}.layered-image{position:relative;padding:0;overflow:hidden;box-sizing:border-box}.layered-image .image-layer{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box}.layered-image .image-layer.upper{position:absolute;top:0;left:0;width:100%;--clip: 50%;clip-path:inset(0 var(--clip) 0 0)}.layered-image .overlay{z-index:10}@media (max-width: 768px){.layered-image{margin-top:64px}}.imagegrid-container{position:absolute;top:0;left:0;width:100%;height:70vh;perspective:1400px}.image-grid{position:absolute;top:4vw;right:5vw;display:grid;width:75vh;grid-template-columns:repeat(3,1fr);gap:2.4em;perspective:inherit;transform:scale(1);transform-style:preserve-3d}.image-grid .grid-img-outer{position:relative;display:grid;aspect-ratio:4/3;width:100%;height:auto;overflow:hidden;place-items:center;border:none;border-radius:8px}.image-grid .grid-img-outer .grid-image{position:relative;width:100%;height:100%;background-size:cover;background-position:center top;outline-offset:-1px;outline:2px solid var(--data-900)}@media (max-width: 800px){.imagegrid-container{perspective:1100px}.image-grid{gap:1.4em;right:-5vw}}@media (max-width: 480px){.imagegrid-container{perspective:880px;padding-bottom:14vh}.image-grid{width:50vh;top:0vh;right:-10vw;gap:1.4em}}.mobile-fix{width:100%;height:70svw}.computer-canvas{position:absolute;top:0;left:0;width:100%;touch-action:"pan-y";pointer-events:"none"}.htmlScreenWrapper{box-sizing:border-box;width:1024px;height:768px;overflow:hidden}.htmlScreenWrapper .container{box-sizing:border-box;width:1024px;height:768px;padding:24px;background-color:#00800080;border-radius:32px;color:#cfc;overflow:hidden;-webkit-user-select:none;user-select:none;font-size:24px;display:none}.htmlScreenWrapper .container h1{font-family:"Press Start 2P";font-size:36px;color:#fff}.blink{animation:animateBlink 1s step-start infinite}@keyframes animateBlink{0%{opacity:0}50%{opacity:1}to{opacity:0}}main.home .heading-column h1{margin-bottom:0}.section.home.hero{position:relative;height:100vh;padding-bottom:5vw;background:var(--data-900)}.section.home.hero .dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,#0006)}.section.home .textbox .heading{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--SPC-2XS);margin-bottom:var(--SPC-M)}.section.home .textbox h1{margin-bottom:0;color:var(--metal-100)}.section.home .textbox h4{padding-left:.9vw}.section.home .textbox .split{position:relative;display:inline-block;height:clamp(48px,9.3vw,167px)}.section.home .textbox .phrase{position:absolute;top:0;left:0;display:inline-block;height:100%}.backgroundCanvas{position:absolute!important;left:0;top:0}@media (max-width: 1464px){.section.home.hero{padding-bottom:5vw}}@media (max-width: 800px){.section.home.hero{padding-bottom:15vw}}@media (max-width: 480px){.section.home.hero{height:75vh;padding-bottom:5vw}}.section.inter-text{padding:8vw 0;background-color:var(--simulacra-100);background:linear-gradient(180deg,var(--data-900) 100%,rgba(0,0,0,.5) 100%),}.section.inter-text h4{color:var(--simulacra-600);margin-bottom:0}@media (max-width: 800px){.section.inter-text{height:30vh;text-align:center}}.mask-ellipse{-webkit-mask-image:radial-gradient(black 0%,transparent 100%);mask-image:radial-gradient(black 30%,transparent 100%)}.section.interface-design{padding-top:min(64px,4vw);padding-bottom:min(64px,5vw);background:linear-gradient(325deg,#0000 20%,#00000040),var(--flame-600)}.section.interface-design .textbox{perspective:1200px}.section.interface-design h1.heading{margin-bottom:0}.section.interface-design .intro{margin-bottom:4vw;color:var(--flame-100)}.button-and-grid{position:relative;transform-style:preserve-3d;margin:-3vw 0 0 -1vw;padding:0;fill:var(--flame-400-MAIN)}.ani-button{position:relative;transform-style:preserve-3d}.button-and-grid .v-line,.button-and-grid .h-line{stroke-width:2px;stroke:var(--flame-400-MAIN)}.section.interface-design .gallery{position:relative;top:min(64px,4vw)}@media (max-width: 800px){.section.interface-design{padding-top:5vw}.section.interface-design h1.heading{font-size:clamp(54px,12.3vw,167px)}.section.interface-design .button-column{grid-column:1/13}.section.interface-design .textbox{margin-left:3vw;padding-bottom:0}.section.interface-design .text-column{grid-column:2/12}.section.interface-design .intro{margin-top:-2vw;margin-bottom:8vw}.button-and-grid .v-line,.button-and-grid .h-line{stroke-width:2px}}.section.illustration{background-color:var(--cathode-ray-800)}.section.illustration .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(10deg,#0000 40%,#0000004d)}.section.illustration .overlay{padding-top:4vw}.section.illustration h1{color:var(--future-sky-300)}.section.illustration .intro{color:var(--future-sky-100)}.section.illustration .gallery{position:absolute;left:0;bottom:-1vw}@media (min-width: 1600px){.section.illustration .text-column{grid-column:3/10}}@media (max-width: 800px){.section.illustration .overlay{padding-top:10vw}.section.illustration .background-cover{height:80vh}.section.illustration .heading-column{height:fit-content}}.section.development{position:relative;background-color:var(--cathode-ray-800)}.section.development .dimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#0000 40%,#0000004d)}.section.development .text-overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.section.development .computer-column{padding:0}.section.development h1{color:var(--cathode-ray-100);pointer-events:auto}.section.development .intro{margin-bottom:1rem;color:var(--cathode-ray-200)}.section.development p.copy{color:var(--cathode-ray-200)}@media (max-width: 1000px){.section.development .dimmer{background:linear-gradient(200deg,#0000 50%,#0000004d)}.section.development .heading-column{grid-row:1/3}.section.development .computer-column{grid-row:2/9;grid-column:1/13}.section.development .text-column{grid-row:7/11;grid-column:2/12}}@media (max-width: 600px){.section.development .inner{padding:0}.section.development .computer-column{grid-row:2/8;grid-column:1/13}.section.development .heading-column{padding:var(--PDG-M) var(--PDG-L)}.section.development .text-column{grid-column:1/13;padding:var(--PDG-M) var(--PDG-L)}}main.project .topsection{padding-top:18vw}main.project .topsection h1{margin-bottom:2.5vw}main.project .topsection h4{margin-bottom:1.5vw}main.project .topsection .left{padding:15px 40px 20px 20px}main.project section{padding-bottom:5vw}main.project section.webdesign img{margin-bottom:var(--PDG-XS)}.aic-1{margin-top:40px!important;left:-40px}.ferlismynd{margin-top:20px}.appstill{position:relative;width:380px;min-height:780px;align-self:center}.appstill .content{position:absolute;top:11.5%;left:6%;width:88.1%}.appstill .frame{position:absolute;top:0;left:0}.game-backgrounds img{margin-bottom:24px}@media (max-width: 640px){main.project ul{width:100%}}@media (max-width: 800px){main.project section.webdesign img:last-of-type{margin-bottom:0}.subheader{margin:0 10px 20px}main.project .topsection .left{order:0!important}}@media (max-width: 768px){.aic-1{left:0}}.grid.iconcontainer{grid-template-columns:repeat(5,1fr);gap:4.5vw;height:auto}.grid img{width:100%;height:auto}.iconcontainer img{padding:var(--PDG-XS) var(--PDG-XL) var(--PDG-XL) var(--PDG-XL);padding:0;margin-bottom:0}@media (max-width: 480px){.grid.iconcontainer{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}main.project.webdesign .component-gallery-section{margin-bottom:5vw}main.project.illustration.chocolates .background-cover{margin-bottom:5vw}main.about .profile-picture{aspect-ratio:1/1;overflow:hidden;border-radius:8px}main.about .profile-picture img{width:100%;margin-top:-5%}main.about .icon{display:inline-block;position:relative;top:6px;left:0;width:24px;height:24px;margin-right:var(--SPC-S);fill:var(--flame-400-MAIN)}main.about li{margin-bottom:var(--SPC-2XL)}main.about ul h6.heading{margin-bottom:var(--SPC-2XS)}main.about li p{margin-bottom:var(--SPC-XS);color:var(--metal-500-MAIN)}