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 .nav{color:#fff}body.works-page,body.project-page,body.about-page,body.contact-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;height:calc(100vh - 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;max-width:calc(100% - 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}.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{width:100%;max-width:100%;padding:1rem;border-bottom:1px solid #ccc}.project-content{padding:1rem}}@media (max-width: 480px){.nav{font-size:.9rem;padding:.8rem}.site-title{font-size:1rem}.project-title{font-size:1.2rem}}