.index{background-color:#000}.index-search-bar{width:auto;margin-left:20px;margin-right:20px}.index-search-bar input{color:#fff;box-sizing:border-box;background-color:#000;border:1px solid #fff;width:100%;height:48px;margin-top:15px;padding-left:45px;padding-right:45px;font-family:Everett;font-size:20px;font-weight:500}.index-search-bar input::placeholder{color:#fff}.index-search-bar input:focus{outline:none}.index-categories{grid-template-columns:max-content max-content max-content max-content max-content max-content max-content;gap:15px 20px;margin-top:15px;margin-left:20px;margin-right:20px;display:grid}.index-category{border:none;width:228px;height:48px}.index-category button{color:#fff;box-sizing:border-box;cursor:pointer;background-color:#0000;border:1px solid #fff;width:100%;height:100%;font-size:20px;font-weight:400}.index-category.active button{color:#9e9e9e;border:1px solid #9e9e9e}.index-category button:hover{color:#9e9e9e;border-color:#9e9e9e}#index-category-more{display:none}.index-projects{color:#fff;border:none;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:20px;margin-top:15px;margin-left:20px;margin-right:20px;display:grid}.index-project-row{box-sizing:border-box;border:1px solid #fff;height:614px;margin-bottom:15px}.index-project-row h3{margin-top:23px;margin-bottom:33px;margin-left:37px;font-size:20px;font-weight:500}.index-project-content{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;width:auto;margin:0 37px 1px;font-size:20px;font-weight:400;display:block;overflow:hidden}@media screen and (min-width:500px){.index-project-content.active{color:#9e9e9e}}@media screen and (min-width:1507px) and (max-width:1756px){.index-categories{grid-template-columns:max-content max-content max-content max-content max-content max-content}}@media screen and (min-width:1260px) and (max-width:1507px){.index-categories{grid-template-columns:max-content max-content max-content max-content max-content}}@media screen and (min-width:1012px) and (max-width:1260px){.index-categories{grid-template-columns:max-content max-content max-content max-content}.index-projects{grid-template-columns:1fr 1fr 1fr}#index-projects-client{display:none}}@media screen and (min-width:764px) and (max-width:1012px){.index-projects{grid-template-columns:1fr 1fr 1fr}#index-projects-client{display:none}}@media screen and (min-width:900px) and (max-width:1012px){.index-categories{grid-template-columns:max-content max-content max-content auto}.index-categories div:first-child{grid-column:1/2}.index-categories div:nth-child(2){grid-column:2/3}.index-categories div:nth-child(3){grid-column:3/4}.index-categories div:nth-child(4){grid-column:1/2}.index-categories div:nth-child(5){grid-column:2/3}.index-categories div:nth-child(6){grid-column:3/4}.index-categories div:nth-child(7){display:none}#index-category-more{width:auto;display:block}.index-categories.expanded{grid-template-rows:1fr 1fr 1fr}.index-categories.expanded div:nth-child(7){grid-column:1/2;display:block}.index-categories.expanded #index-category-more{grid-column:2/3}}@media screen and (max-width:900px){.index-categories{grid-template-columns:1fr 1fr}.index-category{width:auto}.index-category button{padding-left:12px;padding-right:12px}.index-categories div:first-child{grid-area:1/1/2/2}.index-categories div:nth-child(2){grid-area:1/2/2/3}.index-categories div:nth-child(3){grid-area:2/1/3/2}.index-categories div:nth-child(4),.index-categories div:nth-child(5),.index-categories div:nth-child(6),.index-categories div:nth-child(7){display:none}#index-category-more{grid-area:2/2/3/3;display:block}.index-categories.expanded .index-category{display:block}.index-categories.expanded #index-category-more{grid-row:4/5}.index-projects{grid-template-columns:1fr 1fr 1fr}#index-projects-name{grid-column:1/3}#index-projects-category{display:none}#index-projects-year{display:3 / 4}#index-projects-client{display:none}}@media screen and (max-width:520px){.index-search-bar{margin-left:13px;margin-right:13px}.index-search-bar input{border-radius:0;margin-top:10px;padding-left:38px;font-size:16px}.index-categories{gap:10px;margin-top:10px;margin-left:13px;margin-right:13px}.index-category button{font-size:16px}.index-projects{column-gap:10px;margin-top:10px;margin-left:13px;margin-right:13px}.index-projects h3{margin-top:21px;margin-bottom:29px;font-size:16px}.index-project-content{font-size:16px}}@media screen and (min-width:400px) and (max-width:436px){.index-search-bar input{padding-left:32px}}@media screen and (max-width:400px){.index-search-bar input{padding-left:24px}}