.menu{z-index:2;flex-direction:column;align-items:flex-end;padding:1em;display:flex;position:fixed;top:0;right:0}.menu-items{flex-direction:column;align-items:flex-end;display:flex}.menu-item{position:relative}.slide-in{transform-origin:bottom;pointer-events:none;z-index:2;background:#000;width:100%;height:100vh;position:fixed;top:0;left:0}.slide-out{transform-origin:top;pointer-events:none;z-index:2;background:#000;width:100%;height:100vh;position:fixed;top:0;left:0}.header{padding:1em}.header-1,.header-2{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);padding:.5em 0}.header h1{margin:0;font-family:Romie Trial;font-size:80px;font-style:italic;line-height:100%;position:relative}.header h1 span{position:relative;top:120px}.intro{width:100%;padding:8em 1em;display:flex}.intro-col{flex:1}.intro p{text-transform:uppercase;font-size:11px;font-weight:500;line-height:150%}.intro-col:first-child{display:flex}.intro-col:first-child>div{flex:1}p.intro-header{color:#a0a0a0}.intro-col:nth-child(2){flex-direction:column;gap:2em;display:flex}.intro-img{background-color:gray;width:75px;height:100px}.intro-about{gap:2em;width:100%;display:flex}.intro-about-col{flex:1}.intro-about-col p,.intro-data p{text-transform:none;font-family:Romie Trial;font-size:13px;font-weight:500}.intro-data p.intro-header{text-transform:uppercase;color:#000;font-family:PP Neue Montreal;font-size:11px;font-weight:500;line-height:150%}@media (width<=900px){.header h1{font-size:40px}.intro{flex-direction:column-reverse;gap:4em}.intro-about{flex-direction:column}}.back-btn{z-index:2;align-items:center;gap:.5em;padding:1.5em 1em;display:flex;position:fixed;top:0;left:0}.back-btn a{text-transform:uppercase;color:#000;font-size:11px;font-weight:500}.work-carousel{width:100vw;height:100vh;position:fixed;top:0;left:0}.slide{width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.slide>div{width:50%;height:100%;position:relative}.slide-content-header{text-align:center;clip-path:polygon(0 100%,100% 100%,100% 0,0 0);cursor:pointer;padding:.5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide-content-header h1{text-transform:uppercase;font-family:Romie Trial;font-size:80px;font-weight:400;position:relative}.slide-content-header h1 span{position:relative}.slide-info{z-index:2;padding:1.25em 1em;position:fixed;top:0;left:50%}.slide-info-row{align-items:center;gap:10px;display:flex}.slide-info-row p{text-transform:uppercase;font-size:10px;font-weight:500;line-height:120%;position:relative}.slide-info-row p:first-child{text-transform:capitalize;font-family:Rommie Trial;font-size:11px;font-style:italic}.slide-index{gap:10px;padding:1em;display:flex;position:absolute;bottom:0;left:50%}.slide-index p,.next-btn{flex:1;font-size:11px;font-weight:500;line-height:120%}.next-btn{cursor:pointer;padding:1.5em;position:absolute;bottom:0;right:0}.next-btn p{text-transform:uppercase;font-size:11px;font-weight:500}@media (width<=900px){.slide{flex-direction:column}.slide>div{width:100%;height:50vh}.slide-info{justify-content:space-between;width:100%;display:flex;top:50%;left:0%}.slide-info-row{flex:1;width:100%}.slide-index{left:0}.next-btn{padding:1.5em 1em;right:0}}.photos{gap:1em;width:100%;padding:1em;display:flex}.photos>.photos-col{flex:1}.photos-col h1{text-transform:uppercase;font-family:Romie Trial;font-size:80px;font-weight:400}.photos-col:nth-child(4){flex-direction:column;gap:1em;display:flex}.photos-row{flex:1;gap:1em;display:flex}.photo-img{cursor:pointer;filter:grayscale();flex:1;width:100%;height:125px}@media (width<=900px){.photos{flex-direction:column}.photos-col:nth-child(2),.photos-col:nth-child(3){display:none}}.project{background:#1f1f1f;width:100%;height:100%}.project-intro{color:#fff;width:75%;height:max-content;padding:10em 2em 5em;font-family:Romie Trial;font-style:italic}.project-data{flex-direction:row-reverse;justify-content:space-between;gap:2em;width:100%;padding:2em;display:flex}.project-images{flex-direction:column;gap:2em;width:75vw;height:max-content;padding:2em 0;display:flex}.project-images .img{width:100%;height:500px;overflow:hidden}.project-info{width:25vw;height:max-content;padding:2em 0;position:sticky;top:10vw}.project-info p{color:#fff;margin-bottom:1em;font-size:12px;line-height:150%}.project-info p.copy-header{text-transform:uppercase;font-size:10px}.project-info ul{padding-left:1em}.project-info ul li{color:#fff;font-size:12px;list-style:none}.project-info ul li p{margin-bottom:.25em;line-height:100%}.project-nav{justify-content:space-between;width:100%;height:max-content;padding:4em 2em;display:flex}.project-nav p{font-size:12px}.project-nav p span{padding-right:1em;font-family:Romie Trial;font-style:italic}.project-nav h1{margin:.25em 0;font-family:Romie Trial;font-size:48px;font-style:italic}.project-nav h1 a{color:#000;text-decoration:none}.nav-next{text-align:right}p.link{text-transform:uppercase;color:#fff;width:max-content;font-size:10px;position:relative}p a{color:#fff;font-size:10px;text-decoration:none}p.link:after{content:"";background:#fff;width:100%;height:1px;position:absolute;top:120%;left:0}@media (width<=900px){.project-intro{width:100%;padding:8em 2em 2em}.project-data{flex-direction:column}.project-images,.project-info{width:100%;position:relative}}.gallery .slide-content{background:#fff}.gallery .slide-content-header{filter:grayscale();width:200px;height:250px;overflow:hidden}.gallery .slide-img{filter:grayscale();clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.gallery .slide-img img{position:relative;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:PP Neue Montreal}::selection{background:0 0}img{object-fit:cover;width:100%;height:100%}a{text-decoration:none}button{color:#fff;text-transform:uppercase;cursor:pointer;background-color:#000;border:none;border-radius:24px;outline:none;margin:4px;padding:8px 12px 7px;font-size:9px;display:block}