:root{--bg:#0f0f0f;--text:#fff;--text-secondary:#555;--text-darker:#2f2f2f}@font-face{font-family:PP Neue Montreal;font-weight:200;font-style:normal;src:url(../media/PPNeueMontreal-Thin.470f9b0c.ttf)format("truetype")}@font-face{font-family:PP Neue Montreal;font-weight:300;font-style:normal;src:url(../media/PPNeueMontreal-Light.d97875cf.ttf)format("truetype")}@font-face{font-family:PP Neue Montreal;font-weight:400;font-style:normal;src:url(../media/PPNeueMontreal-Book.c97116fc.ttf)format("truetype")}@font-face{font-family:PP Neue Montreal;font-weight:500;font-style:normal;src:url(../media/PPNeueMontreal-Regular.c56ac920.ttf)format("truetype")}@font-face{font-family:PP Neue Montreal;font-weight:600;font-style:normal;src:url(../media/PPNeueMontreal-Medium.673a790f.ttf)format("truetype")}@font-face{font-family:PP Neue Montreal;font-weight:700;font-style:normal;src:url(../media/PPNeueMontreal-Bold.a0706f89.ttf)format("truetype")}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:PP Neue Montreal}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--text)}.container{padding:12em 2em 4em}img{object-fit:cover;width:100%;height:100%}h1{color:var(--text);letter-spacing:-.02em;font-size:64px;font-weight:500;line-height:110%}h2{color:var(--text);letter-spacing:-.01em;font-size:42px;font-weight:600;line-height:110%}h3{color:var(--text);letter-spacing:-.005em;font-size:28px;font-weight:600;line-height:120%}p{color:var(--text-secondary);letter-spacing:-.0025em;font-size:16px;font-weight:600;line-height:125%}a{color:var(--text);letter-spacing:-.0025em;font-size:16px;font-weight:600;line-height:125%;text-decoration:none}@media (max-width:900px){h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}p,a{font-size:14px}}
.menu{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);pointer-events:none;z-index:2;background-color:#161616;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.menu .col{flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%;padding:10em 2em 2em;display:flex;position:relative}.menu .col-1{flex:1}.menu .col-2{flex:1.35}.menu .link{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);margin-bottom:.25em}.menu .link-wrapper{will-change:transform;position:relative;transform:translateY(60px)}.menu .socials{gap:2em;width:100%;display:flex}.menu .socials .sub-col{flex:1}.menu .socials .sub-col .line{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.menu .socials .sub-col .line p{color:var(--text-secondary);will-change:transform;position:relative;transform:translateY(30px)}.menu .socials .sub-col .line p a{color:var(--text-secondary)}@media (max-width:900px){.menu{flex-direction:column-reverse}.menu .col-1{flex:1;align-items:flex-start}.menu .socials{gap:4em;width:100%}}
.menu-bar{z-index:10;align-items:center;width:100vw;padding:2em;display:flex;position:fixed;top:0;left:0}.menu-toggle-wrapper,.logo,.portfolio-year{flex:1;position:relative}.logo{justify-content:center;align-items:center;display:flex}.portfolio-year{justify-content:flex-end;align-items:center;display:flex}
.menu-toggle{cursor:pointer;width:80px;padding:.25em 0;position:relative}.menu-copy{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);width:80px;height:20px;position:relative}.menu-copy p#menu-open{position:absolute;transform:translateY(0)}.menu-copy p#menu-text{position:absolute;transform:translateY(24px)}@media (max-width:900px){.menu-toggle{width:70px}}