@import url(./base.css);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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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:#f0efed;font-size:1em;font-family:"industry",sans-serif;font-weight:400;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{color:#f0efed;font-size:6.25rem;font-family:"industry-inc-base",sans-serif;letter-spacing:10px;line-height:7.25rem}h2{color:#f0efed;font-size:3.125rem;font-family:"industry-inc-base",sans-serif;letter-spacing:5px;line-height:3.125rem}h3{color:#f0efed;font-size:2.5rem;font-family:"industry-inc-base",sans-serif;letter-spacing:5px;line-height:2.5rem}h4{color:#f0efed;font-size:1.875rem;font-family:"industry-inc-base",sans-serif;letter-spacing:5px;line-height:1.875rem}.btn{color:#f0efed;font-family:"industry-inc-base",sans-serif;text-transform:uppercase;text-decoration:none;letter-spacing:2px}.the-arrow{width:64px;transition:all 0.2s}.the-arrow.-left{position:absolute;top:6px;left:0}.the-arrow.-left>.shaft{width:0;background-color:#fff}.the-arrow.-left>.shaft:before,.the-arrow.-left>.shaft:after{width:0;background-color:#fff}.the-arrow.-left>.shaft:before{transform:rotate(0)}.the-arrow.-left>.shaft:after{transform:rotate(0)}.the-arrow.-right{top:-2px}.the-arrow.-right>.shaft{width:64px;transition-delay:0.2s}.the-arrow.-right>.shaft:before,.the-arrow.-right>.shaft:after{width:8px;transition-delay:0.3s;transition:all 0.5s}.the-arrow.-right>.shaft:before{transform:rotate(40deg)}.the-arrow.-right>.shaft:after{transform:rotate(-40deg)}.the-arrow>.shaft{background-color:#fff;display:block;height:1px;position:relative;transition:all 0.2s;transition-delay:0;will-change:transform}.the-arrow>.shaft:before,.the-arrow>.shaft:after{background-color:#fff;content:'';display:block;height:1px;position:absolute;top:0;right:0;transition:all 0.2s;transition-delay:0}.the-arrow>.shaft:before{transform-origin:top right}.the-arrow>.shaft:after{transform-origin:bottom right}.animated-arrow{display:inline-block;color:#fff;text-decoration:none;position:relative;transition:all 0.2s}.animated-arrow:hover{color:#fff}.animated-arrow:hover>.the-arrow.-left>.shaft{width:64px;transition-delay:0.1s;background-color:#fff}.animated-arrow:hover>.the-arrow.-left>.shaft:before,.animated-arrow:hover>.the-arrow.-left>.shaft:after{width:8px;transition-delay:0.1s;background-color:#fff}.animated-arrow:hover>.the-arrow.-left>.shaft:before{transform:rotate(40deg)}.animated-arrow:hover>.the-arrow.-left>.shaft:after{transform:rotate(-40deg)}.animated-arrow:hover>.main{transform:translateX(80px)}.animated-arrow:hover>.main>.the-arrow.-right>.shaft{width:0;transform:translateX(200%);transition-delay:0}.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before,.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after{width:0;transition-delay:0;transition:all 0.1s}.animated-arrow:hover>.main>.the-arrow.-right>.shaft:before{transform:rotate(0)}.animated-arrow:hover>.main>.the-arrow.-right>.shaft:after{transform:rotate(0)}.animated-arrow>.main{display:flex;align-items:center;transition:all 0.2s}.animated-arrow>.main>.text{margin:0 16px 0 0;line-height:1}.animated-arrow>.main>.the-arrow{position:relative}#banner{display:grid;grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr;min-height:1180px;position:relative}#banner header{grid-column:2 / 3;grid-row:1 /2;display:flex;justify-content:space-between;text-transform:uppercase;align-items:center}#banner header a.menu{color:#f0efed;font-size:2.25rem;margin:0 80px 0 0}#banner header p{letter-spacing:5px}#banner video{grid-column:2 / 3;grid-row:2 / 3;width:100%;height:100%;object-fit:cover;overflow:hidden}#banner #video{grid-column:2 / 3;grid-row:2 / 3;background-size:cover;position:relative}#banner #video .symbol{width:100%;max-width:200px;height:100%;max-height:180px;background:url(/assets/img/stepmade_symbol.svg) no-repeat center;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:row}#banner #video .symbol::after{content:'';width:1px;height:450px;background:#f0efed;margin:305px auto 0}#banner #logo{grid-column:1 / 2;grid-row:2 / 3;width:100px;height:790px;background:url(/assets/img/stepmade_logo_vert.svg) no-repeat center;background-size:cover;align-self:center;margin:0 0 0 50px;z-index:10;position:relative}#banner #logo a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}#banner #info{grid-column:3/4;grid-row:2/3;margin:150px 0;text-align:center;position:relative}#banner #info ul.social li{margin:0 0 20px 0}#banner #info ul.social li a{color:#f0efed;font-size:1.125rem;transition:opacity .3s ease}#banner #info ul.social li a:hover{opacity:.25}#banner #info ul.social li:last-of-type{margin:0}#banner #info .est{text-transform:uppercase;transform:rotate(-90deg);letter-spacing:5px;white-space:nowrap;position:absolute;top:350px;left:0;right:0}#banner #info .loc{text-transform:uppercase;transform:rotate(-90deg);letter-spacing:5px;white-space:nowrap;position:absolute;bottom:40px;left:0;right:0}#banner.sub{display:grid;grid-template-columns:6% 1fr 1fr 1fr 6%;grid-template-rows:100px 1fr;min-height:950px;position:relative}#banner.sub header{grid-column:2 / 5;grid-row:1 /2;display:flex;justify-content:space-between;text-transform:uppercase;align-items:center;border-bottom:1px solid rgba(255,255,255,0.05)}#banner.sub header a.menu{color:#f0efed;font-size:2.25rem;margin:0 80px 0 0}#banner.sub header a.logo{display:block}#banner.sub header a.logo img{max-width:250px;height:48px}#banner.sub header p{letter-spacing:5px}#banner.sub #text{grid-column:2 / 4;grid-row:2 / 3;margin:200px 0 0 0;z-index:10}#banner.sub #text h1{color:#f0efed;font-size:9.375rem;font-family:"industry-inc-base",sans-serif;letter-spacing:10px;line-height:10.375rem}#banner.sub #text h1 span{font-family:"industry-inc-outline",sans-serif}#banner.sub #text.work{grid-column:2 / 5;grid-row:2 / 3}#banner.sub img{grid-column:3/6;grid-row:2/3;align-self:center;max-width:100%;height:auto}#who{display:grid;grid-template-columns:14% 2fr 2fr 14%;grid-template-rows:1fr;margin:200px 0;min-height:715px;background:url(/assets/img/who_bg.svg) no-repeat top center;padding:150px 0;position:relative}#who #text{grid-column:2/4;grid-row:1/2;max-width:1115px;z-index:10}#who #text h1 span{font-family:"industry-inc-outline",sans-serif}#who #text p{max-width:685px;font-size:1.125rem;line-height:2rem;margin:0 0 20px 0}#who #text p:first-of-type{margin:50px 0 20px 0}#who #text .btn{margin:130px 0 0 0}#who img{grid-column:3/5;grid-row:1/2;align-self:flex-end;max-width:100%;height:auto}#work{display:grid;grid-template-columns:14% 1fr 2fr;margin:200px 0;min-height:700px;position:relative}#work #info{grid-column:2/3;grid-row:1/2;z-index:10}#work #info span.num{color:#f0efed;font-size:1rem;font-family:"industry",sans-serif;font-weight:700;margin:0 0 50px 0;display:inline-block}#work #info span.proj_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:inline-block}#work #info a{margin:120px 0 0 0}#work #namebg{grid-column:1/3;grid-row:1/2;background:url(/assets/img/karbid_title_bg.svg) no-repeat center}#work img{grid-column:3/4;max-width:100%;height:auto}#how{display:grid;grid-template-columns:14% 1fr 1fr 1fr 1fr 14%;grid-template-rows:1fr 1fr 150px;margin:200px 0}#how #text{grid-column:2/5;grid-row:1/2;z-index:10}#how #text p{font-size:1.125rem;max-width:695px;line-height:2rem}#how #howbg{grid-column:2/7;grid-row:1/2;background:url(/assets/img/how_bg.svg) no-repeat right;background-size:120%;background-position-x:175px}#how #learn{grid-column:2/3;grid-row-gap:2/3}#how #plan{grid-column:3/4;grid-row:2/3}#how #explore{grid-column:4/5;grid-row:2/3}#how #execute{grid-column:5/6;grid-row:2/3}#how #learn,#how #plan,#how #explore,#how #execute{margin:20% 25% 0 0}#how #learn h2,#how #plan h2,#how #explore h2,#how #execute h2{color:#f0efed;font-size:1.875rem;font-family:"industry-inc-base",sans-serif;letter-spacing:5px;line-height:1.875rem;letter-spacing:inherit;font-family:"industry",sans-serif;font-weight:700;margin:0 0 30px 0}#how #learn p,#how #plan p,#how #explore p,#how #execute p{font-size:1.125rem;line-height:2.125rem}#how a{grid-column:2/3;grid-row-gap:3/4;max-width:130px;white-space:nowrap;align-self:end}#culture{display:grid;grid-template-columns:14% 1fr 1fr 14%;grid-template-rows:1fr 150px;margin:200px 0}#culture #text{grid-column:3/4;grid-row:1/2;z-index:10}#culture #text p{font-size:1.125rem;line-height:2.125rem}#culture a{grid-column:3/4;grid-row:2/3;max-width:155px;white-space:nowrap;align-self:end;text-align:center}#culture #culturebg{grid-column:2/5;grid-row:1/2;background:url(/assets/img/culture_bg.svg) no-repeat right;background-position-x:right;background-size:auto;background-size:100%;background-position-x:130px;background-position-y:45px}#new{display:grid;grid-template-columns:14% 1fr 14%}#new h1{grid-column:2/3}#new h1 span{font-family:"industry-inc-outline",sans-serif}main.about #intro{display:grid;grid-template-columns:14% 1fr 1fr 14%;grid-template-rows:1fr 150px}main.about #intro #text{grid-column:2 / 3}main.about #intro #text p{max-width:630px;margin:0 0 20px 0;font-size:1.125rem;line-height:2rem}main.about #intro #text p:first-of-type{margin:30px 0 20px 0}main.about #know{display:grid;grid-template-columns:14% 1fr 1fr 14%;grid-template-rows:1fr}main.about #know #text{grid-column:3 / 4;grid-row:1 / 2;margin:100px 0 0 0}main.about #know #text span.text_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:inline-block}main.about #know #text p{font-size:1.875rem;line-height:2.875rem}main.about #know #text p b{font-weight:700}main.about #know img{grid-column:1 / 3;grid-row:1 / 2;max-width:100%;height:auto;margin:0 0 0 -30px}main.about #abilities{display:grid;grid-template-columns:14% 1fr 1fr 14%;grid-template-rows:1fr;margin:-160px 0 0 0}main.about #abilities #text{grid-column:2 / 3;grid-row:1 / 2;max-width:500px}main.about #abilities #text span.text_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:inline-block}main.about #abilities #text p{font-size:1.875rem;line-height:2.875rem}main.about #abilities #text p b{font-weight:700}main.about #services{display:grid;grid-template-columns:14% 1fr 1fr 1fr 1fr 1fr 14%;grid-template-rows:100px 1fr 100px}main.about #services #col1{grid-column:2 / 3;grid-row:2 / 3}main.about #services #col2{grid-column:3 / 4;grid-row:2 / 3}main.about #services #col3{grid-column:4 / 5;grid-row:2 / 3}main.about #services #col4{grid-column:5 / 6;grid-row:2 / 3}main.about #services #col1 h4,main.about #services #col2 h4,main.about #services #col3 h4,main.about #services #col4 h4{letter-spacing:inherit;font-family:"industry",sans-serif;font-weight:700;margin:0 0 30px 0}main.about #services #col1 ul li,main.about #services #col2 ul li,main.about #services #col3 ul li,main.about #services #col4 ul li{font-size:0.875rem;margin:0 0 20px 0;letter-spacing:2px}main.about #wework{display:grid;grid-template-columns:14% 1fr 1fr 1fr 1fr 1fr 14%;grid-template-rows:1fr 100px}main.about #wework #text{grid-column:2 / 5;grid-row:1 / 2;z-index:10}main.about #wework #text p{font-size:1.125rem;max-width:645px;line-height:2rem;margin:0 0 20px 0}main.about #wework img{grid-column:4 / 8;grid-row:1 / 2;min-width:100%;height:auto;margin:-200px 0 0 0}main.about a.next_btn.about{color:#f0efed;font-size:3.125rem;font-family:"industry-inc-outline",sans-serif;width:100%;height:auto;padding:120px 0;text-align:center;text-decoration:none;display:block;margin:0 0 150px 0;transition:all ease .5s;position:relative;overflow:hidden}main.about a.next_btn.about span{font-family:"industry-inc-base",sans-serif}main.about a.next_btn.about:before{position:absolute;top:0;content:'';width:100%;height:100%;background-color:#000;background-image:url(/assets/img/about_next_btn_bg.jpg);background-position:center;background-size:cover;display:block;z-index:-1;opacity:0;transition:all .5s}main.about a.next_btn.about:hover:before{opacity:1;transform:scale(1.2)}main.culture #intro{display:grid;grid-template-columns:14% 1fr 14%;grid-template-rows:100px 1fr 150px}main.culture #intro #text{grid-column:2 / 3;grid-row:2 / 3;text-align:center}main.culture #intro #text span.tagline{color:#f0efed;font-size:2.5rem;font-family:"industry-inc-base",sans-serif;padding:0 0 100px 0;display:block}main.culture #intro #text span.tagline span{color:#404040;font-family:"industry-inc-outline",sans-serif}main.culture #intro #text p{max-width:1114px;font-size:1.875rem;font-family:"industry",sans-serif;line-height:2.875rem;margin:0 auto 20px}main.culture #team{display:grid;grid-template-columns:14% 1fr 1fr 14%;grid-template-rows:1fr 150px}main.culture #team #text{grid-column:2 / 3;grid-row:1 / 2}main.culture #team #text span.text_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:inline-block}main.culture #team #text p{font-size:1.125rem;line-height:2.875rem}main.culture #team #list_text{grid-column:3 / 4;grid-row:1 / 2;max-width:540px;justify-self:flex-end;margin:60px 0 0 0}main.culture #team #list_text #row1,main.culture #team #list_text #row2,main.culture #team #list_text #row3{margin:0 0 40px 0}main.culture #team #list_text #row1 h4,main.culture #team #list_text #row2 h4,main.culture #team #list_text #row3 h4{letter-spacing:inherit;font-family:"industry",sans-serif;font-weight:700;margin:0 0 20px 0}main.culture #team #list_text #row1 p,main.culture #team #list_text #row2 p,main.culture #team #list_text #row3 p{line-height:2rem}main.culture #thinking{display:grid;grid-template-columns:14% 1fr 1fr 1fr 1fr 14%;grid-template-rows:1fr 150px}main.culture #thinking #text{grid-column:2 / 4;grid-row:1 / 2;z-index:10}main.culture #thinking #text h4{margin:0 0 100px 0}main.culture #thinking #text ul li{font-size:1.875rem;margin:0 0 20px 0}main.culture #thinking #text ul li span{font-family:"industry-inc-outline",sans-serif}main.culture #thinking #text ul li b{font-weight:700}main.culture #thinking img{grid-column:3 / 7;grid-row:1 / 2;min-width:100%;height:auto}main.culture a.next_btn.culture{color:#f0efed;font-size:3.125rem;font-family:"industry-inc-outline",sans-serif;width:100%;height:auto;padding:120px 0;text-align:center;text-decoration:none;display:block;margin:0 0 150px 0;transition:all ease .5s;position:relative;overflow:hidden}main.culture a.next_btn.culture span{font-family:"industry-inc-base",sans-serif}main.culture a.next_btn.culture:before{position:absolute;top:0;content:'';width:100%;height:100%;background-color:#000;background-image:url(/assets/img/culture_next_btn_bg.jpg);background-position:center;background-size:cover;display:block;z-index:-1;opacity:0;transition:all .5s}main.culture a.next_btn.culture:hover:before{opacity:1;transform:scale(1.2)}main.services #process{display:grid;grid-template-columns:14% 1fr 1fr 14%;grid-template-rows:1fr 150px}main.services #process #text{grid-column:3 / 4;grid-row:1 / 2}main.services #process #text span.text_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:inline-block}main.services #process #text p{font-size:1.125rem;line-height:2.875rem}main.services #phases{display:grid;grid-template-columns:14% 1fr 60px 1fr 14%;grid-template-rows:1fr 1fr 1fr 150px}main.services #phases #phase1{grid-column:2 / 3;grid-row:1 / 2;margin:0 0 40px 0}main.services #phases #phase1 h4{letter-spacing:inherit;font-family:"industry",sans-serif;font-weight:700;margin:0 0 20px 0}main.services #phases #phase1 p{line-height:2rem}main.services #phases #phase2{grid-column:4 / 5;grid-row:2 / 3}main.services #phases #phase2 h4{letter-spacing:inherit;font-family:"industry",sans-serif;font-weight:700;margin:0 0 20px 0}main.services #phases #phase2 p{line-height:2rem}main.services #phases #phase3{grid-column:2 / 3;grid-row:3 / 4;margin:0 0 40px 0}main.services #phases #phase3 h4{letter-spacing:inherit;font-family:"industry",sans-serif;font-weight:700;margin:0 0 20px 0}main.services #phases #phase3 p{line-height:2rem}main.services #phases #phase1 ul,main.services #phases #phase2 ul,main.services #phases #phase3 ul{margin:40px 0 0 20px;list-style:square}main.services #phases #phase1 ul li,main.services #phases #phase2 ul li,main.services #phases #phase3 ul li{margin:0 0 20px 0}main.services a.next_btn.work{color:#f0efed;font-size:3.125rem;font-family:"industry-inc-outline",sans-serif;width:100%;height:auto;padding:120px 0;text-align:center;text-decoration:none;display:block;margin:0 0 150px 0;transition:all ease .5s;position:relative;overflow:hidden}main.services a.next_btn.work span{font-family:"industry-inc-base",sans-serif}main.services a.next_btn.work:before{position:absolute;top:0;content:'';width:100%;height:100%;background-color:#000;background-image:url(/assets/img/culture_next_btn_bg.jpg);background-position:center;background-size:cover;display:block;z-index:-1;opacity:0;transition:all .5s}main.services a.next_btn.work:hover:before{opacity:1;transform:scale(1.2)}main.work #row_one{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:600px}main.work #row_one #proj.name1{grid-column:1 / 2;grid-row:1 / 2;background:url(/assets/img/userbind_img_bg.jpg) no-repeat center;background-size:cover}main.work #row_one #proj.name2{grid-column:2 / 3;grid-row:1 / 2;background:url(/assets/img/karbid_img_bg.jpg) no-repeat center;background-size:cover}main.work #row_one #proj.name3{grid-column:3 / 4;grid-row:1 / 2;background:url(/assets/img/lobbyzin_img_bg.jpg) no-repeat center;background-size:cover}main.work #row_two{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:600px 150px}main.work #row_two #proj.name4{grid-column:1 / 2;grid-row:1 / 2;background:url(/assets/img/taggs_img_bg.jpg) no-repeat center;background-size:cover}main.work #row_two #proj.name5{grid-column:2 / 3;grid-row:1 / 2;background:url(/assets/img/7l_img_bg.jpg) no-repeat center;background-size:cover}main.work #proj.name1,main.work #proj.name2,main.work #proj.name3,main.work #proj.name4,main.work #proj.name5{position:relative}main.work #proj.name1 .proj_info,main.work #proj.name2 .proj_info,main.work #proj.name3 .proj_info,main.work #proj.name4 .proj_info,main.work #proj.name5 .proj_info{position:absolute;top:30px;right:30px;bottom:30px;left:30px;background:#0d0e0f;opacity:0;transition:.5s ease}main.work #proj.name1 .proj_info #info,main.work #proj.name2 .proj_info #info,main.work #proj.name3 .proj_info #info,main.work #proj.name4 .proj_info #info,main.work #proj.name5 .proj_info #info{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center}main.work #proj.name1 .proj_info #info span.proj_title,main.work #proj.name2 .proj_info #info span.proj_title,main.work #proj.name3 .proj_info #info span.proj_title,main.work #proj.name4 .proj_info #info span.proj_title,main.work #proj.name5 .proj_info #info span.proj_title{font-size:3.5rem;font-family:"industry-inc-base",sans-serif;display:block}main.work #proj.name1 .proj_info #info span.proj_label,main.work #proj.name2 .proj_info #info span.proj_label,main.work #proj.name3 .proj_info #info span.proj_label,main.work #proj.name4 .proj_info #info span.proj_label,main.work #proj.name5 .proj_info #info span.proj_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:block}main.work #proj.name1:hover .proj_info,main.work #proj.name2:hover .proj_info,main.work #proj.name3:hover .proj_info,main.work #proj.name4:hover .proj_info,main.work #proj.name5:hover .proj_info{opacity:1}footer{display:grid;grid-template-columns:14% 1fr 1fr 1fr 14%;grid-template-rows:1fr 1fr;row-gap:200px;margin:100px 0 100px 0}footer #email{grid-column:2/3;display:flex;flex-direction:column}footer #email span.title{color:#f0efed;font-size:1.875rem;font-weight:700}footer #email a{color:#f0efed;font-size:1.3125rem;font-weight:400;text-decoration:none;margin:50px 0 0 0;display:inline-block;transition:all .5s ease}footer #email a:hover{color:#f0efed}footer #social{grid-column:4/5;justify-self:flex-end}footer #social span.title{color:#f0efed;font-size:1.875rem;font-weight:700}footer #social ul{display:flex;margin:40px 0 0 0}footer #social ul li{margin:0 20px 0 0}footer #social ul li:last-of-type{margin:0}footer #social ul li a{color:#f0efed;font-size:1rem;width:35px;height:35px;border:1px solid #f0efed;display:block;text-align:center;line-height:35px;transition:all .5s ease}footer #social ul li a:hover{color:#000;background:#f0efed}footer #made{grid-column:2/3;grid-row:2/3;align-self:end}footer #made ul::before{content:'';width:58px;height:100px;background:url(/assets/img/cali_map_img.svg) no-repeat;display:block;float:left;margin:-25px 0 0 0}footer #made ul li{font-size:0.9375rem;text-transform:uppercase;margin:0 0 3px 0}footer #made ul li:first-of-type{letter-spacing:2px}footer #made ul li:last-of-type{color:#7b7b7b}footer #logo{grid-column:4/5;grid-row:2/3;align-self:center}footer #logo img{max-width:250px;height:48px;float:right}@media only screen and (max-width: 740px){#banner{grid-template-columns:50px 1fr 50px;grid-template-rows:130px 1fr;min-height:800px}#banner .open_menu,#banner .close_menu{top:15px}#banner header{flex-direction:column;justify-content:flex-end;box-sizing:border-box;padding:20px 0}#banner header p{font-size:0.875rem;letter-spacing:2px}#banner header p:first-of-type{margin:0 0 10px 0}#banner #video .symbol{max-width:140px;max-height:120px}#banner #info{margin:30px 0}#banner #info .est{top:300px}#banner #info .loc{bottom:15px}#banner #logo{width:50px;height:370px;align-self:center;margin:0 0 0 25px}#banner .mainmenu_item{text-decoration:none;margin:20px 0 0 0;font-size:1.375rem;font-weight:400}#banner .sidemenu_item.links{color:#fff;margin:20px 0 0 0}#banner.sub{grid-template-rows:160px 1fr;min-height:500px}#banner.sub header{padding:70px 0 40px 0}#banner.sub header p{letter-spacing:2px;margin:10px 0 0 0}#banner.sub #text{grid-column:2 / 5;margin:100px 0 0 0}#banner.sub #text h1{color:#f0efed;font-size:3rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:3rem}#banner.sub img{grid-column:1 / 6}main.about #intro{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr}main.about #know{grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr 100px}main.about #know #text{grid-column:2 / 3;grid-row:2 /3;z-index:10;margin:50px 0 0 0}main.about #know #text p{font-size:1.375rem;line-height:2.375rem}main.about #know img{grid-column:2 / 4;margin:0}main.about #abilities{grid-template-columns:6% 1fr 6%;margin:0}main.about #abilities #text p{font-size:1.375rem;line-height:2.375rem}main.about #services{grid-template-columns:6% 1fr 6%;grid-template-rows:minmax(264px, auto);row-gap:50px;margin:50px 0 100px 0}main.about #services #col1{grid-column:2 / 3;grid-row:1 / 2}main.about #services #col2{grid-column:2 / 3;grid-row:2 / 3}main.about #services #col3{grid-column:2 / 3;grid-row:3 / 4}main.about #services #col4{grid-column:2 / 3;grid-row:4 / 5}main.about #wework{grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr 100px}main.about #wework #text{grid-column:2 / 3;grid-row:2 / 3}main.about #wework img{grid-column:2 / 4;grid-row:2 / 3;margin:0;max-width:100%;margin:-200px 0 0 0}main.about a.next_btn.about{font-size:2.125rem}main.culture #intro{grid-template-columns:6% 1fr 6%;grid-template-rows:50px 1fr 100px}main.culture #intro #text span.tagline{font-size:1.5rem;line-height:2rem;padding:0 0 50px 0}main.culture #intro #text p{font-size:1.125rem;line-height:2.125rem}main.culture #team{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr 1fr 100px}main.culture #team #text{grid-column:2 / 3;grid-row:1 / 2}main.culture #team #list_text{grid-column:2 / 3;grid-row:2 / 3;margin:0}main.culture #thinking{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr 100px;overflow:hidden}main.culture #thinking #text{grid-column:2 / 3}main.culture #thinking #text h4{margin:0 0 50px 0}main.culture #thinking #text ul li{font-size:1.125rem;line-height:2rem;margin:0 0 10px 0}main.culture #thinking img{grid-column:1 / 3}main.culture a.next_btn.culture{font-size:2.125rem}main.services #process{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr 100px}main.services #process #text{grid-column:2 / 3}main.services #phases{grid-template-columns:6% 1fr 6%;grid-template-rows:minmax(422px, auto);row-gap:30px}main.services #phases #phase1{grid-column:2 / 3;grid-row:1 / 2}main.services #phases #phase2{grid-column:2 / 3;grid-row:2 / 3}main.services #phases #phase3{grid-column:2 / 3;grid-row:3 / 4}main.services a.next_btn.work{font-size:2.125rem}main.work #row_one{grid-template-columns:1fr;grid-template-rows:repeat(3, 350px)}main.work #row_one #proj.name1{grid-column:1 / 2;grid-row:1 / 2}main.work #row_one #proj.name2{grid-column:1 / 2;grid-row:2 / 3}main.work #row_one #proj.name3{grid-column:1 / 2;grid-row:3 / 4}main.work #row_two{grid-template-columns:1fr;grid-template-rows:repeat(2, 350px) 100px}main.work #row_two #proj.name4{grid-column:1 / 2;grid-row:1 / 2}main.work #row_two #proj.name5{grid-column:1 / 2;grid-row:2 / 3}main.work #proj.name1 .proj_info #info,main.work #proj.name2 .proj_info #info,main.work #proj.name3 .proj_info #info,main.work #proj.name4 .proj_info #info,main.work #proj.name5 .proj_info #info{width:100%;overflow:hidden}main.work #proj.name1 .proj_info #info span.proj_title,main.work #proj.name2 .proj_info #info span.proj_title,main.work #proj.name3 .proj_info #info span.proj_title,main.work #proj.name4 .proj_info #info span.proj_title,main.work #proj.name5 .proj_info #info span.proj_title{font-size:2rem;font-family:"industry-inc-base", sans-serif;display:block}main.work #proj.name1 .proj_info #info span.proj_label,main.work #proj.name2 .proj_info #info span.proj_label,main.work #proj.name3 .proj_info #info span.proj_label,main.work #proj.name4 .proj_info #info span.proj_label,main.work #proj.name5 .proj_info #info span.proj_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:block}#who{grid-template-columns:20px 1fr 20px;grid-template-rows:170px 1fr;margin:0;background-position:center}#who #text{grid-column:2/3;grid-row:2/3}#who #text h1{color:#f0efed;font-size:2.25rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:2.5rem}#who #text p:first-of-type{margin:20px 0}#who #text .btn{margin:50px 0 0 0}#who img{grid-column:2/3;grid-row:1/2;max-width:100%;height:auto;align-self:flex-start}#work{grid-template-columns:20px 1fr 20px;grid-template-rows:350px 215px;margin:0}#work #info{grid-column:2/3;grid-row:1/2}#work #info .btn{margin:50px 0 0 0}#work img{grid-column:2/3;grid-row:2/3;max-width:100%;height:auto;align-self:flex-start;position:relative;bottom:0}#how{grid-template-columns:20px 1fr 20px;grid-template-rows:1fr 1fr 1fr 1fr 1fr;row-gap:30px;margin:0}#how #text{grid-column:2/3;grid-row:1/2}#how #text h1{color:#f0efed;font-size:2.25rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:2.5rem;margin:0 0 20px 0}#how #learn{grid-column:2/3;grid-row:2/3}#how #plan{grid-column:2/3;grid-row:3/4}#how #explore{grid-column:2/3;grid-row:4/5}#how #execute{grid-column:2/3;grid-row:5/6}#how #learn,#how #plan,#how #explore,#how #execute{margin:0}#culture{grid-template-columns:20px 1fr 20px;grid-template-rows:1fr;margin:150px 0}#culture #text{grid-column:2/3}#culture #text h1{color:#f0efed;font-size:2.25rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:2.5rem;margin:0 0 20px 0}#culture #text p{margin:0 10px 0 0}#culture a{grid-column:2/3;margin:40px 0 0 0}#culture #culturebg{display:none}#new{grid-template-columns:20px 1fr 20px}#new h1{color:#f0efed;font-size:2.25rem;font-family:"industry-inc-base", sans-serif;letter-spacing:4px;line-height:2.5rem;grid-column:2/3}footer{grid-template-columns:20px 1fr 20px;grid-template-rows:1fr 1fr 1fr 1fr;row-gap:50px}footer #email{grid-column:2/3;grid-row:1/2}footer #social{grid-column:2/3;grid-row:2/3;justify-self:flex-start}footer #made{grid-column:2/3;grid-row:3/4}footer #logo{grid-column:2/3;grid-row:4/5}footer #logo img{float:left}}@media only screen and (max-width: 960px) and (min-width: 740px){#banner{grid-template-rows:130px 1fr;min-height:940px}#banner .open_menu,#banner .close_menu{top:20px}#banner header{justify-content:flex-end;flex-direction:column}#banner header p{margin:0 0 10px 0}#banner #info{margin:50px 0}#banner #logo{width:90px;height:700px;margin:0}#banner .mainmenu_item{text-decoration:none;margin:20px 0 0 0;font-size:1.375rem;font-weight:400}#banner .sidemenu_item.links{color:#fff;margin:20px 0 0 0}#banner.sub{grid-template-rows:160px 1fr;min-height:680px}#banner.sub header{padding:70px 0 40px 0}#banner.sub header p{letter-spacing:2px;margin:10px 0 0 0}#banner.sub #text{grid-column:2 / 5;margin:180px 0 0 0}#banner.sub #text h1{color:#f0efed;font-size:5rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:5rem}#banner.sub img{grid-column:1 / 6}main.about #intro{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr}main.about #know{grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr 100px}main.about #know #text{grid-column:2 / 3;grid-row:2 /3;z-index:10;margin:50px 0 0 0}main.about #know #text p{font-size:1.375rem;line-height:2.375rem}main.about #know img{grid-column:2 / 4;margin:0}main.about #abilities{grid-template-columns:6% 1fr 6%;margin:0}main.about #abilities #text p{font-size:1.375rem;line-height:2.375rem}main.about #services{grid-template-columns:6% 1fr 1fr 6%;grid-template-rows:minmax(332px, auto);row-gap:50px;margin:50px 0 100px 0}main.about #services #col1{grid-column:2 / 3;grid-row:1 / 2}main.about #services #col2{grid-column:3 / 4;grid-row:1 / 2}main.about #services #col3{grid-column:2 / 3;grid-row:2 / 3}main.about #services #col4{grid-column:3 / 4;grid-row:2 / 3}main.about #wework{grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr 100px}main.about #wework #text{grid-column:2 / 3;grid-row:2 / 3}main.about #wework img{grid-column:2 / 4;grid-row:2 / 3;margin:0;max-width:100%;margin:-200px 0 0 0}main.culture #intro{grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr 100px}main.culture #intro #text span.tagline{font-size:2rem;line-height:2rem;padding:0 0 50px 0}main.culture #intro #text p{font-size:1.125rem;line-height:2.125rem}main.culture #team{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr 1fr 100px}main.culture #team #text{grid-column:2 / 3;grid-row:1 / 2}main.culture #team #list_text{grid-column:2 / 3;grid-row:2 / 3;margin:0;justify-self:flex-start}main.culture #thinking{grid-template-columns:6% 1fr 6%;grid-template-rows:1fr 100px;overflow:hidden}main.culture #thinking #text{grid-column:2 / 3}main.culture #thinking #text h4{margin:0 0 50px 0}main.culture #thinking #text ul li{font-size:1.125rem;line-height:2rem;margin:0 0 10px 0}main.culture #thinking img{grid-column:1 / 3}main.services #process{grid-template-columns:6% 1fr 6%;grid-template-rows:100px 1fr 100px}main.services #process #text{grid-column:2 / 3;grid-row:2 / 3}main.services #phases{grid-template-columns:6% 1fr 6%;grid-template-rows:minmax(326px, auto);row-gap:30px}main.services #phases #phase1{grid-column:2 / 3;grid-row:1 / 2;margin:0}main.services #phases #phase2{grid-column:2 / 3;grid-row:2 / 3}main.services #phases #phase3{grid-column:2 / 3;grid-row:3 / 4}main.work #row_one{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2, 350px)}main.work #row_one #proj.name1{grid-column:1 / 2;grid-row:1 / 2}main.work #row_one #proj.name2{grid-column:2 / 3;grid-row:1 / 2}main.work #row_one #proj.name3{grid-column:1 / 3;grid-row:2 / 3}main.work #row_two{grid-template-columns:1fr 1fr;grid-template-rows:350px 100px}main.work #row_two #proj.name4{grid-column:1 / 2;grid-row:1 / 2}main.work #row_two #proj.name5{grid-column:2 / 3;grid-row:1 / 2}main.work #proj.name1 .proj_info #info,main.work #proj.name2 .proj_info #info,main.work #proj.name3 .proj_info #info,main.work #proj.name4 .proj_info #info,main.work #proj.name5 .proj_info #info{width:100%;overflow:hidden}main.work #proj.name1 .proj_info #info span.proj_title,main.work #proj.name2 .proj_info #info span.proj_title,main.work #proj.name3 .proj_info #info span.proj_title,main.work #proj.name4 .proj_info #info span.proj_title,main.work #proj.name5 .proj_info #info span.proj_title{font-size:2rem;font-family:"industry-inc-base", sans-serif;display:block}main.work #proj.name1 .proj_info #info span.proj_label,main.work #proj.name2 .proj_info #info span.proj_label,main.work #proj.name3 .proj_info #info span.proj_label,main.work #proj.name4 .proj_info #info span.proj_label,main.work #proj.name5 .proj_info #info span.proj_label{color:#404040;text-transform:uppercase;margin:0 0 30px 0;display:block}#who{grid-template-columns:20px 1fr 20px;grid-template-rows:280px 1fr;background-position:center;margin:0;z-index:-1}#who #text{grid-column:2/3;grid-row:2/3;top:-300px}#who #text h1{color:#f0efed;font-size:5.5rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:5.5rem}#who #text .btn{margin:50px 0 0 0}#who img{max-width:100%;height:auto;grid-column:2/3;grid-row:1/2;align-self:flex-start}#work{min-height:inherit;grid-template-columns:20px 1fr 2fr;grid-template-rows:1fr;margin:0}#work #info{grid-column:2/3}#work #info a{margin:80px 0 0 0}#work img{max-width:100%;height:auto;grid-column:3/4;bottom:inherit}#how{grid-template-columns:20px 1fr 1fr 20px;grid-template-rows:1fr 1fr 1fr 150px;row-gap:30px;margin:150px 0 0 0}#how #text{grid-column:2/4;grid-row:1/2}#how #text h1{color:#f0efed;font-size:5.5rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:5.5rem}#how #learn{grid-column:2/3;grid-row:2/3;margin:0 15px 0 0}#how #plan{grid-column:3/4;grid-row:2/3;margin:0 0 0 15px}#how #explore{grid-column:2/3;grid-row:3/4;margin:0 15px 0 0}#how #execute{grid-column:3/4;grid-row:3/4;margin:0 0 0 15px}#culture{grid-template-columns:20px 1fr 20px;margin:100px 0}#culture #text{grid-column:2/3}#culture a{grid-column:2/3}#new{grid-template-columns:20px 1fr 20px}#new h1{color:#f0efed;font-size:5.5rem;font-family:"industry-inc-base", sans-serif;letter-spacing:5px;line-height:5.5rem}footer{grid-template-columns:20px 1fr 1fr 20px;row-gap:100px}footer #social{grid-column:3/4;justify-self:flex-end}footer #logo{grid-column:3/4}}

/*# sourceMappingURL=main.css.map */