body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--project-width:1200px;--font-size-base:26px;--line-height-base:1.7}body{font-size:var(--font-size-base);line-height:var(--line-height-base);box-sizing:border-box}h1{margin:0}h1,h2{font-size:calc(var(--font-size-base)*1.2)}a{text-decoration:none;color:#000;padding-left:0}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.header-container{width:100vw;display:flex;justify-content:space-between;border-bottom:1px solid #000;z-index:20}.header-title,.language-toggle,.sidebar-toggle-btn{padding:.2rem 1rem}.language-toggle,.sidebar-toggle-btn{background:none;border:none;cursor:pointer;font-size:calc(var(--font-size-base)*0.8)}.sidebar-toggle-btn{display:none}.main-container{display:flex;flex:1 1}.sidebar{width:300px;background-color:#f1efe7;border-right:1px solid #000;transition:transform .3s ease-in-out;z-index:10}.sidebar,.sidebar.open{transform:translateX(0)}.intro{border-bottom:1px solid #000}.intro p{padding:1rem 1rem 2.4rem}.intro-link-pikant,.project-content-link{position:relative;text-decoration:none;cursor:pointer}.intro-link-pikant:after,.project-content-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:#6495ed}.intro-superscript{font-size:.7em}.project-list{display:flex;flex-direction:column}.project-link{padding:.8rem;text-decoration:none;cursor:pointer;border-bottom:1px solid #000}.project-link.active,.project-link:active,.project-link:focus{color:#fff;background-color:#6495ed}.content{flex:1 1;overflow:auto}.thumbnails{position:relative;width:100%;height:100%;background-color:#000;display:flex;flex-wrap:wrap;background-image:linear-gradient(90deg,#ddd 1px,transparent 0),linear-gradient(180deg,#ddd 1px,transparent 0);background-size:200px 200px;background-position:199px 199px;overflow:hidden}.thumbnail{width:300px;height:300px;object-fit:cover;z-index:1}.thumbnail:hover{z-index:100;transform:scale(1.1);transition:transform .3s}.project-container{max-width:1200px;margin:0 auto}.project-title{text-align:center;padding:1rem 0}.project-description{padding:0 2rem 2rem;display:flex;justify-content:space-between;margin:auto;max-width:var(--project-width)}.project-text{flex:3 1;padding-right:calc(var(--font-size-base)*1)}.project-detail{margin:0;flex:1 1;padding-left:20px;border-left:1px solid #ddd;font-size:calc(var(--font-size-base)*0.7);line-height:calc(var(--line-height-base)*0.8)}table td:first-child{color:#7e7e7e}table td:nth-child(2){padding-left:calc(var(--font-size-base)*0.4)}img,p{margin:0}.project-images{display:flex;flex-wrap:wrap;justify-content:center}.project-image-container{width:100%;max-width:var(--project-width);margin:10px 0;text-align:center}.project-image{width:100%;max-width:1200px;height:auto;object-fit:cover}.image-caption{font-size:14px;color:#555}.project-media{margin-top:20px}.lottie-container,.video-container{width:100%;position:relative;padding-bottom:66.67%;height:0;overflow:hidden;margin-bottom:20px;background-color:#d5d5d5}.lottie-container iframe,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.design-row .project-content-link{color:inherit;text-decoration:none}.design-row .project-content-link:after{display:none}@media screen and (max-width:2500px){:root{--font-size-base:18px}.sidebar{width:320px}.thumbnail{width:180px;height:180px}}@media screen and (max-width:1024px){:root{--font-size-base:18px}.sidebar{width:300px}.thumbnails{background-size:150px 150px;background-position:149px 149px}.thumbnail{width:180px;height:180px}}@media screen and (max-width:780px){:root{--font-size-base:18px}.main-container{flex-direction:column;width:100%}.sidebar{width:100%;position:absolute;top:0;left:0;transform:translateY(-100%);padding-top:50px}.sidebar.open{transform:translateY(0)}.sidebar-toggle-btn{display:block}.content{width:100%}.project-description{flex-direction:column;padding:0 16px;padding-bottom:var(--font-size-base)}.project-text{padding-right:0;padding-bottom:2rem}}@media screen and (max-width:450px){:root{--font-size-base:18px}.thumbnails{background-size:100px 100px;background-position:99px 99px}.thumbnail{width:200px;height:200px}}@media screen and (max-width:375px){.thumbnail{width:150px;height:150px}}
/*# sourceMappingURL=main.e5f007d4.chunk.css.map */