nav{width:100vw;color:var(--base-100);z-index:4;justify-content:space-between;padding:2rem;display:flex;position:fixed;top:0;left:0}nav .nav-logo a{width:6rem;display:block}nav .nav-logo img{object-fit:cover;width:100%;height:100%}nav .nav-toggle{cursor:pointer}nav .nav-toggle-wrapper{clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);flex-direction:column;align-items:center;height:1.25rem;display:flex;position:relative;overflow:hidden}nav .open-label,nav .close-label{transform:translateY(0)}.menu-overlay{background-color:var(--base-400);width:100vw;height:100svh;color:var(--base-100);z-index:3;will-change:clip-path;position:fixed;top:0;left:0;overflow:hidden}.menu-overlay .menu-content{will-change:transform,opacity;justify-content:space-between;align-items:flex-start;width:100%;padding:0 2rem;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.menu-overlay .menu-content p,.menu-overlay .menu-content a{text-transform:uppercase;color:var(--base-100);font-family:PP Neue Montreal;font-size:.85rem;font-weight:500;display:inline-block}.menu-overlay .menu-col:nth-child(2){text-align:right}.menu-overlay .menu-col{flex-direction:column;gap:1.5rem;display:flex;position:relative}.menu-overlay .menu-col a,.menu-overlay .menu-col p{text-decoration:none;display:block;position:relative;overflow:hidden}.menu-overlay .split-line{will-change:transform;display:block;position:relative;overflow:hidden}.menu-overlay .split-line-mask{display:block;overflow:hidden}.menu-overlay .menu-img{aspect-ratio:5/7;will-change:transform,opacity;width:150px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.menu-overlay .menu-img img{object-fit:cover;will-change:transform;border-radius:.5rem;width:100%;height:100%;position:relative;transform:translateY(0)}.menu-overlay .menu-links-wrapper{will-change:transform;justify-content:space-between;gap:2rem;width:max-content;padding:2rem;display:flex;position:absolute;bottom:0;left:0}.menu-overlay .menu-link{will-change:transform;position:relative;overflow:hidden}.menu-overlay .menu-link a{color:var(--base-100);text-transform:uppercase;letter-spacing:-.125rem;font-family:Big Shoulders Display,sans-serif;font-size:10rem;font-weight:900;line-height:.9;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.menu-overlay .menu-link a span:nth-child(2){position:absolute;top:0;left:0}.menu-overlay .link-highlighter{background-color:var(--base-500);will-change:transform,width;width:400px;height:.75rem;position:absolute;bottom:0;left:0}.menu-overlay{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.menu-overlay .char{will-change:transform;display:inline-block;position:relative}nav .nav-toggle-wrapper{background-color:var(--base-200);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);z-index:2;cursor:pointer;border-radius:.5rem;flex-direction:column;align-items:center;height:2.5rem;display:flex;position:relative;overflow:hidden}nav .open-label,nav .close-label{text-transform:uppercase;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--base-400);will-change:transform;margin:0;padding:.8rem;font-family:PP Pangram Sans;font-size:.9rem;font-weight:900;position:relative;transform:translateY(0)}@media (max-width:1000px){nav,.menu-overlay .menu-links-wrapper{padding:1.25rem}.menu-overlay{flex-direction:column;justify-content:center;align-items:center;display:flex}.menu-overlay .menu-content{display:none}.menu-overlay .menu-img{width:190px;margin-bottom:2rem;display:block;position:relative;top:auto;left:auto;transform:none}.menu-overlay .menu-img img{position:relative}.menu-overlay .link-highlighter{display:none}.menu-overlay .menu-links-wrapper{flex-direction:column;align-items:center;gap:0;width:auto;padding-bottom:5rem;position:relative;bottom:auto;left:auto}.menu-overlay .menu-link a{letter-spacing:-.05rem;font-size:4rem}}@media (max-width:400px),(max-height:750px){nav{padding:1rem}.menu-overlay .menu-img{width:140px;margin-bottom:1rem}.menu-overlay .menu-links-wrapper{padding-bottom:2rem}}@media (min-width:2400px){.menu-overlay .menu-link a{font-size:20rem}}
.noise-overlay{pointer-events:none;z-index:9990;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}
