:root{--accent-color:#ff4600;--mid-gray:#777;--box-gray:#f8f7f6;--ease-out-cubic:cubic-bezier(0.215,.61,.355,1);--min-opacity:.6}html{scroll-behavior:smooth;--scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Roboto;background-color:#fff;margin:0;-webkit-tap-highlight-color:transparent}header{position:fixed;top:0;width:100%;height:106px;z-index:100;background-color:#fff;transition:transform .5s var(--ease-out-cubic)}a{color:var(--accent-color);text-decoration:none}a:visited{color:var(--accent-color)}a:hover{text-decoration:underline}a.anchor{position:relative;top:-106px}@keyframes slidein{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0px)}}header div.content{width:1030px;padding-left:70px;text-align:right}header picture{padding-top:22px;float:left;animation:slidein .75s;animation-timing-function:var(--ease-out-cubic)}header picture img{position:absolute;z-index:100}header nav{padding-top:43px}header nav input{display:none;:display none}header nav ul,header nav ul li{display:inline}header nav span{display:none}header a.nav_link{color:#0A0526;font-family:"Roboto Mono";font-size:14px;font-weight:700;letter-spacing:1.4px;line-height:19px;text-decoration:none;text-transform:uppercase;margin-right:30px;transition:color .5s ease}header a.nav_link:hover{color:var(--accent-color)}section.content{margin-top:188px}div#background{width:1680px;margin:0 auto}div.content{width:960px;margin:0 auto}h1{font-family:"Open Sans";font-size:20px;font-weight:700;line-height:30px;text-align:center;color:var(--accent-color);text-transform:uppercase;margin-bottom:60px}h2{font-size:56px;font-weight:500;letter-spacing:1px;line-height:70px;margin-bottom:45px}p{font-family:"Open Sans";font-size:20px;font-weight:300;line-height:30px}p.starter{font-family:Roboto;font-size:31px;font-weight:300;letter-spacing:.8px;line-height:48px}blockquote{color:#0A0526;font-family:"Roboto Mono";font-size:28px;font-weight:700;line-height:36px}ul{list-style:none;margin-top:75px;padding-left:195px}ul ul{padding-left:35px}ul li label{cursor:pointer}ul li label:before{display:block;float:left;margin:2px 23px 30px 0;width:10px;height:18px;content:url(../assets/vector/arrow.svg);transition:transform .2s var(--ease-out-cubic)}ul li ul{margin-top:0}ul li ul li{color:var(--mid-gray);font-family:"Open Sans";font-size:17px;line-height:30px}ul li ul li:before{content:"/ "}ul li ul li.contact:before{content:unset}ul li ul li.contact{text-align:left;margin-top:30px}ul li ul li.contact div.button-ghost{display:inline-block}ul li ul li:first-child{margin-top:30px}ul li ul li:last-child{margin-bottom:0}article input[type=checkbox]{display:none}article input[type=checkbox]~ul{max-height:0;transition:transform .2s var(--ease-out-cubic),max-height .2s var(--ease-out-cubic);transform:scaleY(0)}article input[type=checkbox]:checked~ul li:last-child{margin-bottom:60px}article input[type=checkbox]:checked~ul{max-height:260px;transform-origin:top;transform:scaleY(1)}article input[type=checkbox]:checked~label:before{transform:rotate(90deg)}li label{color:#000;font-family:"Open Sans";font-size:20px;font-weight:700;line-height:30px;text-transform:uppercase}.card h2{font-family:"Open Sans";font-size:20px;font-weight:700;line-height:30px;text-align:center;margin:30px 0}.card h3{font-family:"Open Sans";font-size:17px;font-weight:700;line-height:26px;text-align:center}.card p{color:var(--mid-gray);font-family:"Open Sans";font-size:17px;line-height:26px;text-align:center}div.cards{display:grid;width:768px;margin:0 auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px}div.card-img{width:140px;height:140px;display:flex;align-items:center;justify-content:center;margin:0 auto}div.board{display:grid;width:1158px;margin:120px auto;grid-template-columns:1fr 1fr 1fr;grid-gap:18px}div.board div.card h1{margin-top:40px;margin-bottom:20px;color:#000}div.board img.contact{margin:40px 20px}div.board img.contact.hover{position:absolute;opacity:0;transition:opacity .5s var(--ease-out-cubic)}div.board img.contact.hover:hover{opacity:1}div.board img.contact.disabled{opacity:.1}div.partners{display:grid;width:1158px;margin:50px auto 120px;grid-template-columns:380px 380px;grid-template-rows:340px;grid-gap:15px;justify-content:center;align-content:center}div.partners a{text-align:center;margin:auto 0;transition:opacity .5s var(--ease-out-cubic)}div.partners a:hover{opacity:.5}div.button-ghost{text-align:center;height:39px;width:179px;border:2px solid var(--accent-color)}a div.button-ghost{color:var(--accent-color);text-align:center;font-family:"Roboto Mono";font-size:14px;font-weight:700;letter-spacing:1.4px;line-height:39px;text-decoration:none;text-transform:uppercase;background-size:100% 200%;background-image:linear-gradient(to bottom,var(--accent-color) 50%,transparent 50%);background-position:0 -100%;transition:color .5s ease,background-position .5s ease}a div.button-ghost:hover{color:#fff;background-position:0 0}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes bottomin{from{opacity:.6;transform:translateY(30%)}to{opacity:1;transform:translateY(0)}}article#hero1 div.content{width:1030px;padding-left:70px}div.hero1{position:relative;width:1032px;height:575px;margin-bottom:130px}article#hero1 div.rectangle3030{height:46px;width:46px;margin:160px auto;background-color:var(--accent-color);animation:bottomin 1s;animation-timing-function:var(--ease-out-cubic)}div.hero1 picture.image{width:792px;position:absolute;top:0;right:0;--slide-range:100;animation:bottomin 1s;animation-timing-function:var(--ease-out-cubic)}div.hero1 picture.illu{width:792px;position:absolute;top:287px;left:96px;--slide-range:30;animation:bottomin 1s;animation-timing-function:var(--ease-out-cubic)}div.hero1 div.button-ghost{position:absolute;left:393px;top:358px;--slide-range:20;animation:fadein 1s;animation-timing-function:var(--ease-out-cubic)}div.hero1 h2{position:absolute;top:80px;--slide-range:40;animation:bottomin 1s;animation-timing-function:var(--ease-out-cubic)}article#hero1 p{animation:bottomin 1s;animation-timing-function:var(--ease-out-cubic)}div.hero1 div.rectangle{position:absolute;top:518px;right:210px;--slide-range:25;height:28px;width:466px;background-color:var(--accent-color);animation:fadein 1s;animation-timing-function:var(--ease-out-cubic)}article#xmos div.cards{margin-top:60px}article#xmos div.rectangle1818{height:18px;width:18px;position:relative;top:180px;left:0;background-color:var(--accent-color)}article#xmos h3{font-size:20px}div.hero2{position:relative;width:1561px;height:941px;margin-top:100px}div.hero2 picture.image{position:absolute;--slide-range:100;--min-opacity:1;top:130px;left:261px;opacity:1}div.hero2 picture.image2{position:absolute;--slide-range:70;--min-opacity:1;top:30px;left:643px;opacity:1}div.hero2 picture.illu{position:absolute;--slide-range:120;--min-opacity:1;top:510px;left:0;opacity:1}div.hero2 blockquote{position:absolute;--slide-range:130;--min-opacity:1;top:0;left:450px;margin:0;height:240px;width:490px;z-index:10;text-align:right}div.hero2 div.rectangle{position:absolute;top:125px;right:148px;height:10px;width:170px;background-color:var(--accent-color)}div.hero3{position:relative;width:1333px;height:1041px;left:280px}div.hero3 picture.image{position:absolute;z-index:1;left:224px;--slide-range:120;--min-opacity:1;top:237px}div.hero3 picture.illu{position:absolute;--slide-range:70;--min-opacity:1;top:0;left:914px}div.hero3 div.rectangle{position:absolute;--slide-range:40;--min-opacity:1;top:169px;left:0;height:179px;width:391px;z-index:2;background-color:var(--accent-color)}div.hero3 blockquote{position:absolute;--slide-range:70;--min-opacity:1;top:95px;left:430px;margin:0;height:240px;width:470px;z-index:10}div.hero4{position:relative;width:1560px;height:887px;left:120px;margin-top:160px;margin-bottom:180px}div.hero4 picture.image{position:absolute;z-index:1;left:0;--slide-range:60;--min-opacity:1;top:0}div.hero4 picture.image2{position:absolute;z-index:0;left:316px;--slide-range:210;--min-opacity:1;top:153px}div.hero4 div.rectangle{position:absolute;--slide-range:120;--min-opacity:1;top:633px;left:142px;height:26px;width:669px;z-index:22;background-color:var(--accent-color)}article{position:relative}article#streamsdk{margin-bottom:92px}div#box{width:100%;overflow-x:hidden}article#streamsdk div.box{position:absolute;width:1060px;height:920px;left:490px;top:125px;background-color:var(--box-gray);z-index:-1}article#streamsdk div.rectangle{position:absolute;top:450px;left:0;width:260px;height:12px;background-color:var(--accent-color)}article#hero2 div.box{position:absolute;width:1440px;height:1000px;top:433px;left:117px;background-color:var(--box-gray);z-index:-1}article#skills div.box{position:relative;padding-bottom:60px;width:1440px;left:117px;background-color:var(--box-gray)}article#skills div.box-extent{position:absolute;width:1440px;height:545px;left:117px;background-color:var(--box-gray)}article#skills div.rectangle3{position:absolute;top:320px;right:30px;z-index:1}article#history_board div.box{position:absolute;width:1440px;height:1595px;left:117px;background-color:var(--box-gray);z-index:-1}article#history_board div.content{padding-top:90px}article#career{margin-bottom:100px}article#career div.colon{position:absolute;top:204px;left:0}article#career div.content{padding-top:0}article#talk{background-color:#202020;color:#fff;padding:120px 0}article#talk form{text-align:right;margin-bottom:40px}article#talk textarea{font-family:Roboto;background-color:transparent;border:none;outline:0;box-shadow:none;color:#fff;width:100%;--max-size:60;font-size:60px;font-weight:500;letter-spacing:1px;line-height:75px;min-height:155px;transition:height 1.5s var(--ease-out-cubic),font-size 1.5s var(--ease-out-cubic)}article#talk textarea::placeholder{color:#fff;transition:opacity 1.5s var(--ease-out-cubic)}article#talk textarea:focus::placeholder{opacity:0}article#talk input{display:none;font-family:Roboto;background-color:transparent;border:none;outline:0;box-shadow:none;color:#fff;width:100%;font-size:60px;font-weight:500;letter-spacing:2px;line-height:75px;min-height:155px;transition:color 1s var(--ease-out-cubic)}article#talk p#contact-confirmation,article#talk p#contact-sending{display:none;font-family:Roboto;font-size:60px;font-weight:500;letter-spacing:2px;line-height:75px;min-height:155px}article#talk a{display:inline-flex;opacity:0;transition:opacity 1.5s var(--ease-out-cubic)}article#talk a#contact-back{float:left}article#talk a#contact-back div.button-ghost{width:80px}article#talk div.footer{display:flex;align-items:flex-end;justify-content:space-between}article#talk div.footer h1{color:unset;text-align:unset}article#talk div.footer p{font-size:14px;line-height:19px}article#talk nav ul{margin-block-end:1em;padding:0}article#talk nav ul li{display:inline}article#talk a.nav_link{color:#fff;opacity:unset;font-family:"Roboto Mono";font-size:14px;font-weight:700;letter-spacing:1.4px;line-height:19px;text-decoration:none;text-transform:uppercase;margin-right:30px;transition:color .5s ease}article#talk a.nav_link:hover{color:var(--accent-color)}article#privacy-policy ul{padding-left:35px}article#privacy-policy ul ul{list-style:disc;color:unset}article#privacy-policy ul li ul li:before{content:unset}div.clear{clear:both}#map{height:500px;width:100%}.marker{width:40px;height:40px;background-size:100%;background-image:url(../assets/vector/dots.svg)}