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}:root{font-size:62.5%}html{background-color:#f8f8f7;scroll-behavior:smooth;overflow-x:hidden}.page-grid{display:grid;grid-template-columns:repeat(12, 1fr);-moz-column-gap:2.4rem;column-gap:2.4rem;row-gap:0}@media(max-width: 1024px){.page-grid{grid-template-columns:repeat(8, 1fr)}}@media(max-width: 690px){.page-grid{grid-template-columns:repeat(4, 1fr)}}main{box-sizing:border-box;max-width:164rem;margin:0 auto;padding:0 2.4rem}img{height:auto;width:100%}body{color:#1c1d20;font-family:"Inter",sans-serif;font-size:1.6rem;font-weight:400}h1,h2,h3,h4,h5,h6{color:#1c1d20;font-weight:500}a{color:#1c1d20;text-decoration:none}p{font-size:1.6rem;line-height:150%}p+p{margin-top:1.9rem}p+img{margin-top:4.2rem}img+p{margin-top:4.2rem}p+h3{margin-top:4rem}h3+p{margin-top:1.3rem}img+img{margin-top:2.4rem}img+h3{margin-top:7.8rem}@media(max-width: 1024px){p+img{margin-top:3.4rem}img+p{margin-top:3.4rem}img+h3{margin-top:5.8rem}}@media(max-width: 690px){h3+p{margin-top:1.6rem}p+img{margin-top:2.4rem}img+p{margin-top:2.4rem}img+img{margin-top:2rem}img+h3{margin-top:46px}}.sub-headline{color:#5f5f52;font-size:1.6rem;letter-spacing:.06rem;line-height:1.6rem;text-transform:uppercase}.sub-headline.black{color:#1c1d20}@media(max-width: 690px){.sub-headline{letter-spacing:.04rem;margin-bottom:1.8rem}}.tags{display:flex;gap:.8rem}.tags .tag{background-color:#e7e7e4;border-radius:.8rem;box-sizing:border-box;color:#5f5f52;font-size:1.4rem;letter-spacing:.04rem;line-height:1.4rem;padding:1rem;text-transform:uppercase;font-weight:500}@media(max-width: 690px){.tags .tag{border-radius:.6rem;font-size:1.2rem;letter-spacing:.02rem;line-height:1.2rem;padding:.8rem}}#navigation{align-items:center;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(12px);box-sizing:border-box;display:flex;justify-content:space-between;position:fixed;padding:2.4rem;width:100%;z-index:1000}#navigation .logo a{color:#1c1d20;font-weight:500;font-size:2rem;letter-spacing:-0.02rem;line-height:2rem}#navigation #burger-menu{align-items:center;cursor:pointer;height:2.4rem;display:flex;justify-content:center;position:relative;width:2.4rem;z-index:100}#navigation #burger-menu:after,#navigation #burger-menu:before{border-radius:5rem;content:"";position:absolute;width:2.4rem;height:.2rem;background-color:#000;transition:transform .3s ease-in-out}#navigation #burger-menu:after{transform:translateY(5px)}#navigation #burger-menu:before{transform:translateY(-5px)}#navigation #burger-menu.open:after{transform:rotate(-45deg)}#navigation #burger-menu.open:before{transform:rotate(45deg)}#navigation #menu{align-items:flex-start;background-color:#e7e7e4;box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;max-height:60rem;overflow:hidden;padding:5.6rem 2.4rem;position:absolute;top:1.2rem;transition:all .4s ease-in-out;right:-32rem;z-index:0}#navigation #menu a{color:#1c1d20;font-size:3.2rem;line-height:3.2rem;margin-bottom:1.8rem;transition:color .3s ease-in-out;font-weight:500}#navigation #menu a:hover{color:#5f5f52}#navigation #menu.overlay{border-radius:1.6rem;transition:all .4s ease-in-out;right:1.2rem;width:32rem}@media(max-width: 1024px){#navigation #menu{right:-100%;height:100dvh}#navigation #menu.overlay{margin-right:1.2rem;right:0;top:1.2rem;width:calc(100% - 2.4rem)}}@media(max-width: 690px){#navigation #menu{max-height:100dvh}#navigation #menu.overlay{bottom:1.2rem}}body.portfolio #navigation #menu a.portfolio{color:#1c1d20}body.portfolio #navigation #menu a{color:#959585}body.portfolio #navigation #menu a:hover{color:#5f5f52}body.about #navigation #menu a.about{color:#1c1d20}body.about #navigation #menu a{color:#959585}body.about #navigation #menu a:hover{color:#5f5f52}footer{padding:0 2.4rem;border-top:1px solid #e7e7e4;padding:2.4rem 0 0 0;margin:0 2.4rem 0 2.4rem;padding-bottom:4.8rem}footer .footer-top{display:flex;justify-content:space-between}footer .footer-author{color:#5f5f52;font-size:1.6rem;letter-spacing:-0.032rem;line-height:1.6rem;text-align:center;margin:3.2rem 0 0 0}footer .back-to-top{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z' stroke='%231C1D20' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.46997 12.26L11 8.73999L14.53 12.26' stroke='%231C1D20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:2rem;background-position:right;min-height:2rem;padding:.2rem 2.8rem 0 0}@media(max-width: 690px){footer{padding-bottom:3.2rem}}#homepage-hero{grid-column-start:2;grid-column-end:8}#homepage-hero h1{font-size:5.2rem;line-height:110%;margin:14.6rem 0 6.9rem 0}@media(max-width: 1440px){#homepage-hero{grid-column-end:10}}@media(max-width: 1024px){#homepage-hero{grid-column-end:8}#homepage-hero h1{font-size:4.8rem;line-height:100%;margin:11.6rem 0 5.3rem 0}}@media(max-width: 690px){#homepage-hero{grid-column-start:1;grid-column-end:5}#homepage-hero h1{font-size:4rem;line-height:110%;margin:93px 0 40px 0}}#homepage-content{grid-column-start:1;grid-column-end:13;margin-bottom:11.1rem}@media(max-width: 1024px){#homepage-content{grid-column-end:9;margin-bottom:74px}}@media(max-width: 690px){#homepage-content{grid-column-end:5}}#homepage-content .sub-headline{margin-bottom:2.2rem}@media(max-width: 690px){#homepage-content .sub-headline{margin-bottom:1.8rem}}#homepage-content .project-grid .project-list{display:grid;-moz-column-gap:2.4rem;column-gap:2.4rem;row-gap:3.8rem;grid-template-columns:repeat(2, 1fr)}@media(max-width: 690px){#homepage-content .project-grid .project-list{grid-template-columns:1fr;row-gap:2.6rem}}#homepage-content .project-grid .project-card .project-thumb{border-radius:2.4rem;display:flex;overflow:hidden}#homepage-content .project-grid .project-card .project-thumb img{height:auto;transition:all .8s ease-out;width:100%}@media(max-width: 690px){#homepage-content .project-grid .project-card .project-thumb{border-radius:1.6rem}}#homepage-content .project-grid a:hover img{transform:scale(1.1)}#homepage-content .project-grid .project-meta{margin-top:2rem}#homepage-content .project-grid .project-meta h2{font-size:3.2rem;letter-spacing:-0.02rem;line-height:120%;margin-top:1.2rem;font-weight:500}@media(max-width: 1024px){#homepage-content .project-grid .project-meta h2{line-height:110%}}@media(max-width: 690px){#homepage-content .project-grid .project-meta{margin-top:1.6rem}#homepage-content .project-grid .project-meta h2{font-size:2.8rem;letter-spacing:-0.016rem;margin-top:1.1rem}}.project img{height:auto;width:100%}.project #project-hero{align-items:center;grid-column-start:1;grid-column-end:13;margin-top:10.8rem}@media(max-width: 1024px){.project #project-hero{grid-column-end:9}}@media(max-width: 690px){.project #project-hero{grid-column-end:5}}.project .project-hero-meta{grid-column-start:1;grid-column-end:6}.project .project-hero-meta .sub-headline{margin-bottom:1.4rem}.project .project-hero-meta h1{font-size:5.2rem;letter-spacing:-0.064rem;line-height:100%;margin-bottom:2.4rem;font-weight:500}.project .project-hero-meta .tags{align-items:flex-start;flex-direction:column;margin-bottom:4.3rem}.project .project-hero-meta p{max-width:80%}@media(max-width: 1024px){.project .project-hero-meta{grid-column-end:9}.project .project-hero-meta .tags{margin-bottom:3.4rem}}@media(max-width: 690px){.project .project-hero-meta{grid-column-end:5}.project .project-hero-meta .sub-headline{margin-bottom:1rem}.project .project-hero-meta h1{font-size:44px;letter-spacing:-0.024rem;line-height:110%;margin-bottom:1.7rem}.project .project-hero-meta p{max-width:100%}.project .project-hero-meta .tags{margin-bottom:2.6rem}}.project .project-hero-img{display:flex;grid-column-start:6;grid-column-end:13}.project .project-hero-img img{border-radius:2.4rem}@media(max-width: 1024px){.project .project-hero-img{grid-column-start:1;grid-column-end:9;margin-top:4.2rem}}@media(max-width: 690px){.project .project-hero-img{grid-column-end:5;margin-top:2.6rem}.project .project-hero-img img{border-radius:1.6rem}}.project #project-content{grid-column-start:1;grid-column-end:13;margin-top:7.8rem}.project #project-content h3,.project #project-content p,.project #project-content ul,.project #project-content ol{grid-column-start:3;grid-column-end:8}.project #project-content h3{text-transform:uppercase}.project #project-content img{border-radius:2.4rem;grid-column-start:3;grid-column-end:11}@media(max-width: 1024px){.project #project-content{grid-column-start:1;grid-column-end:9;margin-top:5.8rem}.project #project-content h3,.project #project-content p,.project #project-content ul,.project #project-content ol,.project #project-content img{grid-column-start:2;grid-column-end:8}}@media(max-width: 690px){.project #project-content{grid-column-end:5;margin-top:4.6rem}.project #project-content h3,.project #project-content p,.project #project-content ul,.project #project-content ol,.project #project-content img{grid-column-start:1;grid-column-end:5}.project #project-content img{border-radius:1.6rem}}.project.about .project-hero-img{grid-column-start:8;grid-column-end:12}.project.about #project-content .project-grid p{grid-column-start:4;grid-column-end:10}.project.about #project-content .project-grid img{grid-column-start:4;grid-column-end:10;margin-bottom:12rem}@media(max-width: 1024px){.project.about .project-hero-img{grid-column-start:1;grid-column-end:5}.project.about #project-content .project-grid p{grid-column-start:1;grid-column-end:8}.project.about #project-content .project-grid img{grid-column-start:1;grid-column-end:9;margin-bottom:8rem}}@media(max-width: 690px){.project.about .project-hero-img{grid-column-start:1;grid-column-end:5}.project.about #project-content .project-grid p{grid-column-start:1;grid-column-end:5}.project.about #project-content .project-grid img{grid-column-start:1;grid-column-end:5}}.modal-target{cursor:pointer}.modal{align-items:center;background-color:#000;background-color:rgba(0,0,0,.8);box-sizing:border-box;display:none;height:100dvh;justify-content:center;left:0;position:fixed;padding:6rem 2rem;top:0;overflow:auto;width:100%;z-index:2000}@media(max-width: 690px){.modal{padding:2rem}}.modal-content{height:auto;max-height:80dvh;width:100%}.modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@keyframes zoom{from{transform:scale(0)}to{transform:scale(1)}}.modal-close{position:absolute;top:2.4rem;right:2.4rem;color:#fff;transition:.3s;display:inline-block;width:2.4rem;height:2.4rem}.modal-close:after,.modal-close:before{border-radius:5rem;content:"";position:absolute;left:1.2rem;height:2.4rem;width:2px;background-color:#fff}.modal-close:before{transform:rotate(45deg)}.modal-close:after{transform:rotate(-45deg)}.modal-close:hover,.modal-close:focus{cursor:pointer}.next-project{display:flex;justify-content:center;margin-top:7.1rem;overflow:hidden}.next-project .project-container{height:30rem;max-width:64rem;translate:0 8rem;transition:translate .3s ease-in-out}.next-project .project-container:hover{translate:0}.next-project h2{font-size:4rem;line-height:100%;letter-spacing:-0.04rem;margin-top:1.3rem;margin-bottom:2.6rem}.next-project img{border-radius:2.4rem;height:auto;width:100%}@media(max-width: 690px){.next-project{margin-top:5.2rem;padding:0 2.4rem}.next-project .project-container{height:24rem;translate:0 4rem}.next-project h2{font-size:3.2rem;letter-spacing:-0.032rem;margin-top:-0.4rem;margin-bottom:1.9rem}}/*# sourceMappingURL=screen.css.map */