.nav-menu{position:fixed;top:40px;left:50%;transform:translate(-50%);background-color:var(--white);padding:1.4rem 2rem;border-radius:120px;box-shadow:0 3px 10.7px #0003;transition:background-color .3s,color .3s;z-index:500;font-size:var(--fs-14);font-weight:var(--fw-bold)}.nav-menu.first-section{background-color:transparent;box-shadow:0 2px 5px transparent;color:#fff}ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}li{position:relative;white-space:nowrap}li a{text-decoration:none;color:inherit}.underline{position:absolute;left:50%;bottom:-9px;width:0;height:0;background-color:currentColor;border-radius:2px;transition:.3s;transform:translate(-50%)}li.active .underline{width:5px;height:5px}.progress-indicator{position:fixed;top:50%;right:4rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px}.progress-dot{width:10px;height:10px;border-radius:50%;border:var(--black) solid 1px;transition:background-color .3s}.progress-dot.active{border:var(--black) solid 1px;background-color:var(--black)}.progress-indicator.first-section .progress-dot.active{border:var(--white) solid 1px;background-color:var(--white)}.progress-indicator.first-section .progress-dot{border:var(--white) solid 1px}.work{display:grid;grid-template-columns:repeat(2,50%)}@media (max-width: 770px){.work{grid-template-columns:100%!important;grid-template-rows:40% 60%!important}.Link-Container{margin-top:3rem!important;margin-bottom:4.5rem}.work .image{order:1}.work .image picture{width:100%}.work .image img{height:100%;width:100%;object-fit:cover}.content-container{order:2;height:auto!important;padding-bottom:9vh!important}}@media (max-width: 1200px) and (min-width: 770px){.work{grid-template-columns:3fr 2fr!important}}@media (max-width: 1500px){.work{grid-template-columns:55% 45%}}.content-container{background-color:#fff;background-image:url('data:image/svg+xml,%3Csvg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="42" height="42" fill="white"/%3E%3Ccircle cx="12" cy="12" r="1" fill="black" fill-opacity="0.15"/%3E%3Ccircle cx="12" cy="31" r="1" fill="black" fill-opacity="0.15"/%3E%3Ccircle cx="31" cy="12" r="1" fill="black" fill-opacity="0.15"/%3E%3Ccircle cx="31" cy="31" r="1" fill="black" fill-opacity="0.15"/%3E%3C/svg%3E');background-repeat:repeat;background-size:auto;background-position:center;display:flex;align-items:flex-end;padding:var(--padding);height:100vh}.work .image{height:100%;width:100%;background-color:gray}.Link-Container{margin-top:14rem}.image{display:flex;justify-content:center;overflow:hidden}picture img{height:100%;width:auto}*{margin:0;box-sizing:border-box}:root{--primary-500: #090727;--primary-400: #3c3a59;--primary-300: #858498;--primary-200: #ceced6;--black: #0b0b0b;--white: #ffffff;--fw-bold: 700;--fw-regular: 400;--fw-light: 300;--fs-14: .9rem;--fs-18: 1.25rem;--fs-hero: 9.3rem;--fs-48: clamp(3rem, 4vw, 4rem);--fs-footer-menue: 1.6rem;--padding: 6rem}@media (max-width: 1200px){:root{--fs-48: 3.3rem;--padding: 3.5rem}}@media (max-width: 770px){:root{--fs-14: .7rem;--fs-hero: 4rem;--fs-48: 2rem;--fs-footer-menue: 1.4rem;--padding: 1.5rem}h2{margin-bottom:0!important}.nav-menu{position:absolute!important;bottom:18px!important;top:auto!important}.LinkArrow{display:none!important}.progress-indicator{right:2rem!important}.mobile:nth-child(2){text-align:center;margin-top:50vh}}html{scroll-behavior:smooth}body{font-family:Inter,serif;font-weight:var(--fw-regular)}h1{font-size:var(--fs-hero);text-transform:uppercase}h2{font-size:var(--fs-48);font-weight:var(--fw-bold);margin-bottom:1rem}h4,.upercase{font-size:var(--fs-14);text-transform:uppercase;font-weight:var(--fw-regular);letter-spacing:3px}p{font-size:var(--fs-18);font-weight:var(--fw-regular);line-height:1.8}.link{font-size:var(--fs-48);font-weight:var(--fw-light);margin-bottom:.8rem;cursor:pointer;color:var(--black);text-decoration:none}.bold{font-weight:var(--fw-bold)}.light{font-weight:var(--fw-light)}.snap-container{height:100vh;scroll-snap-type:y mandatory;overflow-y:scroll;position:relative}.snap-section{scroll-snap-align:start}.full-heigth{height:100vh}.snap-container::-webkit-scrollbar{display:none}.hero .svg{margin-bottom:-5.8rem;width:92%}.project-content p{margin-bottom:1rem}.project-content img{width:100%;height:auto;margin-bottom:2rem}html,body{margin:0;width:100%;height:100%}