.menu-toggle-btn{border-radius:100%;flex-direction:column;justify-content:center;align-items:center;column-gap:2em;width:2.5rem;height:2.5rem;display:flex;position:relative}.menu-overlay{z-index:-10;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);will-change:clip-path;width:100vw;height:100vh;padding:20vh 20px 20px;position:absolute;top:0;left:0}.menu-overlay-content{will-change:transform;pointer-events:all;transform:translateY(-50%)}.menu-toggle-btn span{background-color:var(--color-primary);transform-origin:50%;will-change:transform;width:30px;height:2px;transition:all .75s ease-in;position:absolute}.menu-toggle-btn span:first-child{transform:translateY(-10px)}.menu-toggle-btn span:nth-child(3){transform:translateY(10px)}.menu-toggle-btn.active span:first-child{transform:translateY(0)rotate(45deg)scaleX(1.05)}.menu-toggle-btn.active span:nth-child(3){transform:translateY(0)rotate(-45deg)scaleX(1.05)}.menu-toggle-btn.active span:nth-child(2){opacity:0}.link-text{font-size:1.5em}.line{will-change:transform;position:relative}
:root{--light:#fff;--dark:#0f0f0f}.hero img{object-fit:cover;width:100%;height:100%}.hero a,.hero p{font-family:var(--font-mono);color:#000;font-weight:500;line-height:1.25;text-decoration:none}.nav-items a{font-size:.95em}.hero{z-index:20;width:100%;height:100svh;position:relative;overflow:hidden}.hero-overlay{background-color:var(--dark);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:0;width:100%;height:100svh;position:absolute}.hero-overlay .counter{color:var(--light);position:absolute;bottom:2rem;right:2rem}.hero-overlay .counter h1{font-size:4rem;font-weight:500}.overlay-text-container{height:2rem;position:absolute;top:2rem;left:2rem;overflow:hidden}.overlay-text-container .overlay-text{will-change:transform;flex-direction:column;display:flex;transform:translateY(2rem)}.overlay-text-container .overlay-text p{color:var(--light);align-items:center;height:2rem;display:flex}.hero-images{will-change:gap;z-index:4;justify-content:space-between;gap:10vw;width:100%;padding:0 4rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-images .img{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:0;will-change:opacity,transform,clip-path;z-index:3;width:200px;height:200px;transform:translateY(50%)scale(.5)}.hero-images .img.hero-img{position:relative}.hero-images .img .img-bg{background-color:var(--color-primary);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-header{z-index:-1;width:100%;position:absolute;bottom:2rem}.hero-header h1{text-transform:uppercase;text-align:center;font-size:10vw;font-weight:500;line-height:.85}.hero-header h1 .word,.hero-section h1 .line,.hero-section p .line{will-change:transform;transform:translateY(100%)}.hero-section{align-items:center;width:100%;height:100%;padding:5%;display:flex;position:absolute;top:0;left:0}.hero-section .text-container{flex-direction:column;gap:2rem;width:55.5%;line-height:1.5;display:flex}@media (max-width:1000px){nav{padding:1rem}.hero-overlay .counter{bottom:1rem;right:1rem}.hero-images{gap:2.5vw;padding:0 .5rem}.hero-images .img{width:20vw}.hero-section .text-container{width:100%}}
.hero img{object-fit:cover;width:100%;height:100%}.hero a,.hero p{font-family:var(--font-mono);color:#000;font-weight:500;line-height:1.25;text-decoration:none}.nav-items a{font-size:.95em}.hero{z-index:20;width:100%;height:100svh;position:relative;overflow:hidden}.hero-overlay{background-color:var(--dark);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path;z-index:0;width:100%;height:100svh;position:absolute}.hero-overlay .counter{color:var(--light);position:absolute;bottom:2rem;right:2rem}.hero-overlay .counter h1{font-size:4rem;font-weight:500}.overlay-text-container{height:2rem;position:absolute;top:2rem;left:2rem;overflow:hidden}.overlay-text-container .overlay-text{will-change:transform;flex-direction:column;display:flex;transform:translateY(2rem)}.overlay-text-container .overlay-text p{color:var(--light);align-items:center;height:2rem;display:flex}.hero-images{will-change:gap;z-index:4;justify-content:space-between;gap:10vw;width:100%;padding:0 4rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-images .img{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);opacity:0;will-change:opacity,transform,clip-path;z-index:3;width:200px;height:200px;transform:translateY(50%)scale(.5)}.hero-images .img.hero-img{position:relative}.hero-images .img .img-bg{background-color:var(--color-primary);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-header{z-index:-1;width:100%;position:absolute;bottom:2rem}.hero-header h1{text-transform:uppercase;text-align:center;font-size:10vw;font-weight:500;line-height:.85}.hero-header h1 .word,.hero-section h1 .line,.hero-section p .line{will-change:transform;transform:translateY(100%)}.hero-section{align-items:center;width:100%;height:100%;padding:5%;display:flex;position:absolute;top:0;left:0}.hero-section .text-container{flex-direction:column;gap:2rem;width:55.5%;line-height:1.5;display:flex}@media (max-width:1000px){nav{padding:1rem}.hero-overlay .counter{bottom:1rem;right:1rem}.hero-images{gap:2.5vw;padding:0 .5rem}.hero-images .img{width:20vw}.hero-section .text-container{width:100%}}