.menu{position:fixed;top:0;right:0;padding:1em;display:flex;flex-direction:column;align-items:flex-end;z-index:2}.menu-items{display:flex;flex-direction:column;align-items:flex-end}.menu-item{position:relative}.slide-in{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transform-origin:bottom;pointer-events:none;z-index:2}.slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;transform-origin:top;pointer-events:none;z-index:2}.header{padding:1em}.header-1,.header-2{padding:.5em 0;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.canvas:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#fffc,#fff0);z-index:0;pointer-events:none}.header h1{position:relative;font-family:Playfair Display,serif;font-size:80px;font-style:italic;margin:0;line-height:100%}.header h1 span{position:relative;top:120px}@media (max-width: 900px){.intro{top:1px}}.intro{width:100%;display:flex}.intro-col{flex:1}.intro p{font-size:11px;font-weight:500;text-transform:uppercase;line-height:150%}.intro-col:nth-child(1){display:flex}.intro-col:nth-child(1)>div{flex:1}p.intro-header{color:#a0a0a0}.intro-col:nth-child(2){display:flex;flex-direction:column;gap:2em}.intro-img{width:75px;height:100px;background-color:gray}.intro-about{width:100%;display:flex;gap:2em}.intro-about-col{flex:1}.intro-about-col p,.intro-data p{font-size:13px;font-family:Mulish,sans-serif;font-weight:500;text-transform:none}.intro-data p.intro-header{font-family:PP Neue Montreal;font-size:11px;font-weight:500;text-transform:uppercase;line-height:150%;color:#000}@media (max-width: 900px){.header h1{font-size:40px}.intro{flex-direction:column-reverse;gap:4em}.intro-about{flex-direction:column}}footer{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;color:#000;font-size:.9em;position:fixed;left:1rem;top:70%;mix-blend-mode:multiply;transform:translateY(-50%);z-index:3}@media only screen and (max-width: 768px){footer{flex-direction:row;justify-content:space-between;align-items:center;padding-top:30px}}@media screen and (max-width: 768px){.intro-about{padding-left:1.5rem;padding-right:1.5rem}.intro-about p{font-size:.95rem;line-height:1.6}}.canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;touch-action:none;z-index:0}.project{width:100%;height:100%;background:#1f1f1f}.back-btn{color:#fff;text-decoration:none}.back-btn:visited,.back-btn:hover,.back-btn:active{color:#fff}.project-intro{width:75%;height:max-content;padding:10em 2em 5em;font-family:Romie Trial;font-style:italic;color:#fff}.project-data{width:100%;padding:2em;display:flex;font-family:Mulish,sans-serif;flex-direction:row-reverse;justify-content:space-between;gap:2em}.project-images{width:75vw;height:max-content;display:flex;flex-direction:column;gap:2em;padding:2em 0}.project-images .img{width:100%;height:500px;overflow:hidden}.project-info{position:-webkit-sticky;position:sticky;top:10vw;width:25vw;height:max-content;padding:2em 0}.project-info p{font-size:12px;color:#fff;margin-bottom:1em;line-height:150%}.project-info p.copy-header{font-size:10px;text-transform:uppercase}.project-info ul{padding-left:1em}.project-info ul li{color:#fff;font-size:12px;list-style:none}.project-info ul li p{line-height:100%;margin-bottom:.25em}.project-nav{width:100%;display:flex;height:max-content;justify-content:space-between;padding:4em 2em}.project-nav p{font-size:12px}.project-nav p span{font-family:Romie Trial;font-style:italic;padding-right:1em}.project-nav h1{font-family:Romie Trial;font-size:48px;font-style:italic;margin:.25em 0}.project-nav h1 a{text-decoration:none;color:#000}.nav-next{text-align:right}p.link{position:relative;width:max-content;text-transform:uppercase;color:#fff;font-size:10px}p a{font-family:Mulish,sans-serif;color:#fff;text-decoration:none;font-size:10px}p.link:after{content:"";position:absolute;left:0;top:120%;width:100%;height:1px;background:#fff}@media (max-width: 900px){.project-intro{width:100%;padding:8em 2em 2em}.project-data{flex-direction:column}.project-images,.project-info{position:relative;width:100%}}.back-btn{position:fixed;top:0;left:0;padding:1.5em 1em;z-index:2;display:flex;align-items:center;gap:.5em;mix-blend-mode:difference}.back-btn a{font-size:11px;text-transform:uppercase;font-weight:500;color:#fff;text-decoration:none}.work-carousel{position:fixed;top:0;left:0;width:100vw;height:100vh}.slide{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex}.slide-img{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.work-preview{width:100%;height:100%;object-fit:cover;display:block}.slide>div{position:relative;width:50%;height:100%}.slide-content-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:.5em;clip-path:polygon(0 100%,100% 100%,100% 0,0 0);cursor:pointer}.slide-content-header h1{position:relative;font-family:Playfair Display,serif;font-weight:400}.slide-content-header h1 span{position:relative}.slide-info{position:fixed;top:0;left:50%;padding:1.25em 1em;z-index:2}.slide-info-row{display:flex;align-items:center;gap:10px}.slide-info-row p{font-size:10px;font-weight:500;text-transform:uppercase;line-height:120%}.slide-info-row p:nth-child(1){font-family:Playfair Display,serif;font-style:italic;font-size:11px;text-transform:capitalize}.slide-index{position:absolute;bottom:0;left:50%;padding:1em;display:flex;gap:10px}.slide-controls{position:absolute;bottom:0;right:0;display:flex;z-index:10}.next-btn,.prev-btn{padding:1.5em 1em;cursor:pointer;font-size:11px;font-weight:500;text-transform:uppercase;color:#000}.split-word{display:block;text-align:center}@media (max-width: 900px){.slide{flex-direction:column}.slide>div{height:50vh;width:100%}.slide-info{width:100%;top:50%;left:0%;display:flex;justify-content:space-between}.slide-info-row{width:100%;flex:1}.slide-index{left:0}.slide-controls{bottom:0;right:0}.next-btn,.prev-btn{padding:1.5em 1em}}.photos{width:100%;padding:1em;display:flex;gap:1em}.photos>.photos-col{flex:1}.photos-col h1{font-family:Romie Trial;font-size:80px;font-weight:400;text-transform:uppercase}.photos-col:nth-child(4){display:flex;flex-direction:column;gap:1em}.photos-row{flex:1;display:flex;gap:1em}.photo-img{width:100%;height:125px;flex:1;cursor:pointer;filter:grayscale(1)}@media (max-width: 900px){.photos{flex-direction:column}.photos-col:nth-child(2),.photos-col:nth-child(3){display:none}}.gallery .slide-content{background:#fff}.gallery .slide-content-header{width:200px;height:250px;overflow:hidden;filter:grayscale(1)}.gallery .slide-img{filter:grayscale(1);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.gallery .slide-img img{position:relative;overflow:hidden}canvas.canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;touch-action:none}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Mulish,sans-serif}::selection{background:none}img{width:100%;height:100%;object-fit:cover}a{text-decoration:none}button{display:block;background-color:#000;color:#fff;padding:8px 12px 7px;margin:4px;font-size:9px;text-transform:uppercase;border:none;border-radius:24px;outline:none;cursor:pointer}