.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%)}.header h1{position:relative;font-family:Romie Trial;font-size:80px;font-style:italic;margin:0;line-height:100%}.header h1 span{position:relative;top:120px}.intro{width:100%;padding:8em 1em;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:Romie Trial;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}}.back-btn{position:fixed;top:0;left:0;padding:1.5em 1em;z-index:2;display:flex;align-items:center;gap:.5em}.back-btn a{font-size:11px;text-transform:uppercase;font-weight:500;color:#000}.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>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:Romie Trial;font-size:80px;font-weight:400;text-transform:uppercase}.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{position:relative;font-size:10px;font-weight:500;text-transform:uppercase;line-height:120%}.slide-info-row p:nth-child(1){font-family:Rommie Trial;font-style:italic;font-size:11px;text-transform:capitalize}.slide-index{position:absolute;bottom:0;left:50%;padding:1em;display:flex;gap:10px}.slide-index p,.next-btn{flex:1;font-size:11px;font-weight:500;line-height:120%}.next-btn{position:absolute;bottom:0;right:0;padding:1.5em;cursor:pointer}.next-btn p{font-size:11px;font-weight:500;text-transform:uppercase}@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}.next-btn{right:0;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}}.project{width:100%;height:100%;background:#1f1f1f}.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;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{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%}}.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}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:PP Neue Montreal}::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}