html,body{margin:0;padding:0;height:100%;font-family:Helvetica Neue,sans-serif}body.landing-page{background-color:#111;color:#fff;overflow:hidden}body.landing-page canvas{display:block;position:fixed;top:0;left:0}body.landing-page .nav{color:#fff}body.works-page,body.project-page,body.about-page{background-color:#f8f8f5;color:#111;overflow-y:auto}.nav{position:fixed;z-index:10;padding:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;font-weight:300;color:inherit}.nav--top-left{top:0;left:0}.nav--top-right{top:0;right:0}.nav--bottom-left{bottom:0;left:0}.nav--bottom-right{bottom:0;right:0}.site-title{position:fixed;top:0;left:0;z-index:20;font-size:1.5rem;font-weight:600;letter-spacing:0;text-transform:none;padding:1rem 1.5rem}.site-title a{color:inherit;text-decoration:none;display:inline-block;padding:.2rem .4rem}.project-title{font-size:1.7rem;margin-top:0;margin-bottom:1.7rem;max-width:600px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;text-transform:none}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.6}.content-container{display:flex;margin-top:3.5rem;gap:2rem}.sidebar{position:fixed;width:25vw;max-width:300px;padding:2rem;box-sizing:border-box}.sidebar ul{list-style:none;line-height:1.5;padding:0;margin:0}.sidebar li{margin-bottom:1.5rem}.project-content{margin-left:25vw;padding:2rem;box-sizing:border-box;max-width:85vw}.project-description{margin-bottom:2rem;line-height:1.5;max-width:600px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-description a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .3s ease}.project-description a:hover{opacity:.6}.project-images img{max-width:100%;height:auto;display:block;margin-bottom:1.5rem}.project-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:85%;margin-bottom:2rem}.project-video iframe{position:absolute;top:0;left:0;width:100%;height:auto;aspect-ratio:16 / 9}.works-page .project-content{margin-left:0;max-width:100%;padding-bottom:4rem}.works-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.work-card{display:block;color:inherit;text-decoration:none}.work-card__image{width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:#e8e8e5}.work-card__image img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1024px){.works-overview{grid-template-columns:repeat(2,1fr)}}.cv{margin-bottom:2rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cv a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .3s ease}.cv a:hover{opacity:.6}@media (max-width: 768px){.nav{font-size:1rem;padding:1rem}.site-title{font-size:1.2rem}.project-title{font-size:1.5rem}.content-container{flex-direction:column;height:auto;margin-top:3rem}.sidebar{position:static;width:100%;max-width:100%;padding:1rem;border-bottom:1px solid #ccc}.project-content{margin-left:0;padding:1rem;max-width:100%}.works-overview{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.nav{font-size:.9rem;padding:.8rem}.site-title{font-size:1rem}.project-title{font-size:1.2rem}}