html,body{margin:0;width:100%;height:100%}.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}.nav-menu ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.nav-menu li{position:relative;white-space:nowrap}.nav-menu 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}.projcet-page{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}.projcet-page .title h2{font-size:3.2rem}.projcet-page h1{font-size:3.2rem;margin-top:3rem;margin-bottom:1rem}.projcet-page h2{font-size:1.8rem}.projcet-page h3{font-size:1.5rem}.projcet-page p{color:var(--dark-grey);word-wrap:break-word;word-break:break-word}.projcet-page pre{background-color:#eee!important;padding:1rem;border-radius:4px;overflow-x:auto;font-size:var(--fs-16);margin-bottom:2rem;margin-top:1rem}.projcet-page :not(pre)>code{background-color:#eee;padding:.2rem .4rem;border-radius:4px;font-weight:700}.projcet-page pre code{font-weight:400}.projcet-page a{color:var(--dark-grey);text-decoration:underline}.header{padding:5rem 0 2rem}.header a{color:var(--black)!important}.header .header-link{font-size:var(--fs-footer-menue);margin-top:2rem}.project-meta{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:3rem;gap:4rem;text-align:center}.project-meta .vl{border-left:1px solid var(--black);height:auto}@media (max-width: 850px){.project-meta .vl{display:none}.project-meta{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:0 4em;gap:1em}.header{padding:3rem 0}}.project-meta p{font-size:12px;color:#888;letter-spacing:1px;text-transform:uppercase}.project-meta p.bold{font-size:16px;font-weight:700;color:#333;margin-top:8px;line-height:1.4}.project-container{max-width:clamp(300px,90%,800px);margin:0 auto}.header-img{text-align:center;width:100%;height:25rem;overflow:hidden;margin-bottom:2rem}.header-img img{width:100%;height:100%;object-fit:cover}.back{width:4em;height:4em;border-radius:100%;background-color:var(--white);box-shadow:0 3px 10.7px #0003;position:fixed;top:3rem;left:3rem;bottom:auto;display:flex;align-items:center;justify-content:center}@media (max-width: 770px){.back{bottom:1.5rem!important;left:1.5rem!important;top:auto!important}.footer{padding-left:6em!important}}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:2rem 0;border-top:1px solid #000}*{margin:0;box-sizing:border-box}:root{--primary-500: #090727;--primary-400: #3c3a59;--primary-300: #858498;--primary-200: #ceced6;--black: #0b0b0b;--white: #ffffff;--dark-grey: #555555;--fw-bold: 700;--fw-regular: 400;--fw-light: 300;--fs-14: .9rem;--fs-16: 1rem;--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: .8rem;--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}