@import"https://fonts.googleapis.com/css2?family=Quattrocento+Sans:wght@400;700&display=swap";@font-face{font-family:SteepOldstyle;src:url(./fonts/SteepOldStyle/SteepOldstyle.woff2) format("woff2"),url(./fonts/SteepOldStyle/SteepOldstyle.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}html[data-theme=light]{--c-text: rgb(27, 27, 27);--c-bg: rgb(242, 242, 242);--c-muted: rgb(70, 70, 70);--c-highlight: rgb(0, 0, 0)}html{--c-text: rgb(242, 242, 242);--c-bg: rgb(0, 0, 0);--c-muted: rgb(70, 70, 70);--c-highlight: rgb(255, 255, 255)}*{box-sizing:border-box}html,body{color:var(--c-text);background-color:var(--c-bg);transition:color .2s,background-color .2s;cursor:none;overscroll-behavior:none;overflow-y:hidden;font-family:SteepOldstyle,Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.125;-webkit-font-smoothing:antialiased;margin:0}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}[data-tooltip]:after{font-size:15px;font-family:Quattrocento Sans,Arial,Helvetica,sans-serif}*,*:hover{cursor:none!important}.root{height:100%}h1,h2,h3,h4,h5,button,p{margin:0;padding:0}ul{list-style-type:none;padding:0;margin:0}a{color:inherit;text-decoration:none}input,button,textarea,select,a{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.layout-margin{margin:1rem}@media (min-width: 900px){.layout-margin{margin:2rem}}@media (min-width: 1440px){.layout-margin{margin:4rem}}.layout-padding-inline{padding-inline:1rem}@media (min-width: 900px){.layout-padding-inline{padding-inline:2rem}}@media (min-width: 1440px){.layout-padding-inline{padding-inline:4rem}}.layout-padding-inline-xl{padding-inline:1rem}@media (min-width: 900px){.layout-padding-inline-xl{padding-inline:4rem}}@media (min-width: 1440px){.layout-padding-inline-xl{padding-inline:12rem}}.layout-padding-block{padding-block:2rem}@media (min-width: 900px){.layout-padding-block{padding-block:4rem}}[data-tooltip]{position:relative}[data-tooltip]:after{opacity:0;position:absolute;left:50%;z-index:9965419;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;line-height:1}[data-tooltip]:after{text-transform:capitalize;content:attr(data-tooltip);text-align:center;padding:5px 6px;border-radius:4px;color:var(--c-bg);transition:opacity .5s cubic-bezier(.73,.01,0,1),transform .5s cubic-bezier(.73,.01,0,1),-webkit-transform .5s cubic-bezier(.73,.01,0,1);pointer-events:none;white-space:nowrap;bottom:100%;transform:translate(-50%,-18px);max-width:320px;text-overflow:ellipsis;overflow:hidden;box-shadow:0 5px 10px -2px #0003}[data-tooltip]:after{background:var(--c-text)}[data-tooltip]:hover:after{opacity:1}[data-tooltip]:hover:after{transform:translate(-50%,-6px)}[data-tooltip][data-tooltip-dir*=right]:after{top:50%;left:100%;bottom:auto;-webkit-transform:translate(7px,-50%);transform:translate(7px,-50%)}[data-tooltip][data-tooltip-dir*=right]:hover:after{-webkit-transform:translate(17px,-50%);transform:translate(17px,-50%)}[data-tooltip][data-tooltip-dir*=bottom]:after{top:110%;left:50%;bottom:auto;-webkit-transform:translate(-50%,16px);transform:translate(-50%,16px)}[data-tooltip][data-tooltip-dir*=bottom]:hover:after{-webkit-transform:translate(-50%,6px);transform:translate(-50%,6px)}[data-tooltip][data-tooltip-dir*=left]:after{top:50%;right:100%;bottom:auto;left:auto;-webkit-transform:translate(12px,-50%);transform:translate(12px,-50%)}[data-tooltip][data-tooltip-dir*=left]:hover:after{-webkit-transform:translate(-7px,-50%);transform:translate(-7px,-50%)}[data-tooltip][data-tooltip-dir*=multiline]:after{word-break:break-word;white-space:normal;min-width:180px;text-overflow:clip}[data-tooltip][data-tooltip-dir*=delay]:after{-webkit-transition:opacity .5s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .5s cubic-bezier(.73,.01,0,1) 0s;transition:opacity .5s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .5s cubic-bezier(.73,.01,0,1) 0s;transition:opacity .5s cubic-bezier(.73,.01,0,1) 0s,transform .5s cubic-bezier(.73,.01,0,1) 0s;transition:opacity .5s cubic-bezier(.73,.01,0,1) 0s,transform .5s cubic-bezier(.73,.01,0,1) 0s,-webkit-transform .5s cubic-bezier(.73,.01,0,1) 0s}[data-tooltip][data-tooltip-dir*=delay]:hover:after{-webkit-transition:opacity .5s cubic-bezier(.73,.01,0,1) .25s,-webkit-transform .5s cubic-bezier(.73,.01,0,1) .25s;transition:opacity .5s cubic-bezier(.73,.01,0,1) .25s,-webkit-transform .5s cubic-bezier(.73,.01,0,1) .25s;transition:opacity .5s cubic-bezier(.73,.01,0,1) .25s,transform .5s cubic-bezier(.73,.01,0,1) .25s;transition:opacity .5s cubic-bezier(.73,.01,0,1) .25s,transform .5s cubic-bezier(.73,.01,0,1) .25s,-webkit-transform .5s cubic-bezier(.73,.01,0,1) .25s}[data-tooltip][data-tooltip-dir*=shadow]:after{box-shadow:0 5px 10px -2px #0003}[data-tooltip][data-tooltip-dir*=no-fading]:after{-webkit-transition:none;transition:none}[data-tooltip][data-tooltip-dir*=square]:after{border-radius:0}[data-tooltip][data-tooltip-dir*=invert]:after{color:var(--c-bg);background:#ccc}[data-tooltip][data-tooltip-dir*=success]:after{background:#8bc34a}[data-tooltip][data-tooltip-dir*=info]:after{background:#8bc34a}[data-tooltip][data-tooltip-dir*=warning]:after{background:#f87d09}[data-tooltip][data-tooltip-dir*=danger]:after{background:#e91e63}[data-tooltip][data-tooltip=""]:after{display:none}.text{transition:color .2s}.text.type-regular{color:var(--c-text);font-family:Quattrocento Sans;line-height:1.5}.text.type-title{line-height:1.5;font-size:2rem;font-family:SteepOldstyle;color:var(--c-text);letter-spacing:1px;text-transform:uppercase}.text.type-muted{color:var(--c-muted)}.text.size-xsmall{font-size:13px}.text.size-small{font-size:.6rem;line-height:1}.text.size-medium{line-height:1;font-size:1.25rem}.text.size-large{line-height:1;font-size:2rem}@media (min-width: 900px){.text.type-title{font-size:3.5rem}.text.size-xsmall{font-size:.5rem}.text.size-small{font-size:.7rem}.text.size-medium{font-size:1.4rem}.text.size-large{font-size:3.5rem}}.logo{display:flex;flex-direction:column;gap:0}.logo span{font-family:SteepOldstyle;font-weight:400;font-style:normal;text-transform:uppercase;letter-spacing:-1px;line-height:.75}@media (max-width: 600px){.logo span{font-size:30px}}.logo.small{font-size:1.25rem}.logo.large{font-size:3.5rem}@media (max-width: 700px){.logo.large{font-size:2rem}}.page-wrapper{position:relative;height:100vh;height:calc(var(--vh, 1vh) * 100);min-height:-moz-available;min-height:-webkit-fill-available;min-height:fill-available;z-index:0}.page-wrapper>*{position:fixed;top:0;left:0;height:100%;width:100%;scroll-behavior:smooth}.page-wrapper .page-bg{z-index:-1}.menu-items{padding:4rem 2rem;padding-inline-end:0;font-family:SteepOldstyle}@media (min-width: 900px){.menu-items{padding:6rem}}.menu-items .menu-link{display:inline-block;text-transform:uppercase;letter-spacing:-2px;transition:all .2s;opacity:1;position:relative;font-size:2rem}@media (min-width: 900px){.menu-items .menu-link{font-size:3.5rem}}.menu-items .menu-link:before{content:"";position:absolute;top:5px;left:0;width:0%;height:1px;background-color:var(--c-text);transition:all .2s}.menu-items .menu-link:hover{opacity:1;letter-spacing:0px}.menu-items .menu-link:hover:before{width:100%}.menu-popup{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:var(--c-bg)}.menu-popup .light-dark-buttons{position:absolute;right:1rem;bottom:3rem}@media (min-width: 900px){.menu-popup .light-dark-buttons{right:2rem}}.menu{z-index:9999;background-color:transparent;border:0;outline:0;display:inline-flex;align-items:center;position:fixed;bottom:3rem;left:1rem;text-transform:uppercase;transform:rotate(-90deg) translateY(-100%);font-size:.75rem;line-height:1;color:var(--c-text);letter-spacing:1px;font-family:SteepOldstyle}@media (min-width: 900px){.menu{left:2rem}}@media (min-width: 1440px){.menu{left:4rem}}.menu .menu-btn{position:absolute;top:100%;left:100%}.menu svg{position:absolute;top:0;left:-50%}.cursor{z-index:99999999;position:fixed;top:0;left:0;pointer-events:none;display:flex;align-items:center;justify-content:center;cursor:none;width:24px;height:24px;border-radius:100%}.cursor .cursor-shape{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;border-radius:50%;background-color:var(--c-text);border:1px solid rgba(0,0,0,0);transform:scale(.4);transition-property:background-color,border-color,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.3,.1,.1,1)}.cursor .cursor-shape.hover,.cursor .cursor-shape.link-hover{cursor:none;transform-origin:center;transform:scale(1)}.cursor .cursor-shape.hover{background-color:#ffffff3b;border:1px solid var(--c-text);opacity:.5}.cursor .cursor-shape.link-hover{opacity:1}.cursor .cursor-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;display:flex;align-items:center;justify-content:center;z-index:2}.inner-content{display:flex;align-items:center;flex-grow:1;padding-top:2rem;width:100%;overflow-x:hidden;padding-inline-start:3rem;padding-inline-end:1rem}@media (min-width: 900px){.inner-content{padding-top:2rem;padding-inline:2rem}}@media (min-width: 1440px){.inner-content{padding-top:4rem;padding-inline:4rem}}.light-dark-buttons{font-size:.5rem;letter-spacing:1px;font-family:Quattrocento Sans,Arial,Helvetica,sans-serif}.light-dark-buttons .light-btn,.light-dark-buttons .dark-btn{all:unset;text-transform:uppercase;padding-inline:.25rem;opacity:.7}.light-dark-buttons .light-btn.active,.light-dark-buttons .dark-btn.active{opacity:1}.page-header{padding-top:2rem;display:flex;align-items:flex-end;width:100%;padding-inline:2rem;padding-inline-end:0}@media (min-width: 900px){.page-header{padding-top:2rem;padding-inline:2rem}}@media (min-width: 1440px){.page-header{padding-inline:4rem}}.page-header .page-title{letter-spacing:-2px;text-transform:uppercase;position:relative;flex-grow:1;margin-inline-start:auto}.page-header .page-title:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to left,rgba(255,255,255,0),var(--c-text));border-radius:20px}.page-header .logo{display:none}@media (min-width: 900px){.page-header .logo{display:flex}.page-header .page-title{max-width:50vw}}.mouse_scroll{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;margin-top:25px}.mouse{height:35px;width:20px;border-radius:14px;transform:none;border:2px solid var(--c-text);top:170px}@media (min-width: 900px){.mouse{height:42px;width:24px}}.wheel{height:5px;width:2px;display:block;margin:5px auto;background:#fff;position:relative;height:4px;width:4px;border:2px solid var(--c-text);-webkit-border-radius:8px;border-radius:8px}.wheel{-webkit-animation:mouse-wheel .6s linear infinite;-moz-animation:mouse-wheel .6s linear infinite;animation:mouse-wheel .6s linear infinite}@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}@-moz-keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}to{top:1px}}@-o-keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}to{top:1px}}@keyframes mouse-wheel{0%{top:1px}25%{top:2px}50%{top:3px}75%{top:2px}to{top:1px}}.swipe{position:relative;bottom:15%;left:50%;transform:translate(-50%);width:fit-content}.swipe .swipe-text{position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.path{width:20px;height:20px;position:absolute;background:#c7c7c73d;border-radius:40px;top:15px;left:60px;visibility:hidden}.hand-icon{position:relative;width:100px;height:100px;transform-origin:52% 62%}@keyframes swipe-hand{25%{transform:translate(20px) rotate(30deg)}50%{transform:translate(-20px) rotate(-15deg)}to{transform:translate(0) rotate(0)}}@keyframes swipe-dot{12%{visibility:visible;width:40px}25%{visibility:visible;transform:translate(-65px);width:20px}26%{visibility:hidden}}header{z-index:9;display:flex;align-items:center;justify-content:space-between;align-items:flex-end;padding-block-end:1rem}header .subtitle{font-size:.75rem;text-transform:uppercase;font-family:Quattrocento Sans}.gallery-container{min-height:256px;display:flex;justify-content:center}.gallery-container .gallery-list{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:5px;min-height:100%;padding-top:2rem}@media screen and (max-width: 700px){.gallery-container{margin:auto}.gallery-container .gallery-list{display:flex;gap:5px;min-height:100%;padding-top:unset}.gallery-container .gallery-list li{opacity:0}}@media screen and (max-width: 1024px){.gallery-container .gallery-list{max-width:unset}}.down-enter-active{animation:.5s down-enter forwards .3s}.down-leave-active{animation:.5s down-leave forwards}@keyframes down-enter{0%{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes down-leave{0%{clip-path:inset(0);opacity:1}to{clip-path:inset(100% 0 0 0);opacity:0}}.gallery-item{max-width:fit-content;border:1px solid rgba(0,0,0,.4117647059);border-radius:3px;-webkit-user-select:none;user-select:none;z-index:0;transition:z-index .3s ease .3s}.gallery-item .window{height:100%;width:100%;position:absolute;background:#24242499;z-index:1;display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:#f5f5f5b3!important;font-family:Quattrocento Sans;opacity:0}@media (max-width: 550px){.gallery-item .window{display:none}}.gallery-item img{width:100%;height:100%;-webkit-user-select:none;user-select:none}.gallery-item img.image-filter{border:1px solid var(--c-text)}@media (min-width: 900px){.gallery-item img.image-filter{-webkit-filter:saturate(0) brightness(.8);filter:saturate(0) brightness(.8);transition:filter .6s linear,-webkit-filter .6s linear,transform .75s ease 1s,-webkit-transform .75s ease;transition-timing-function:cubic-bezier(.3,.1,.1,1)}}@media (max-width: 900px){.gallery-item img.image-filter{object-fit:cover}}@media (min-width: 900px){.gallery-item img{filter:grayscale(.9)}}.gallery-item:hover{z-index:5;transition:z-index .3s ease .1s}.gallery-item:hover img.image-filter{transform:scale(125%);filter:none;transition:filter .3s linear,-webkit-filter .3s linear,transform .75s ease .25s,-webkit-transform .75s ease .25s}.home-page{display:flex;flex-direction:column;justify-content:center;padding-block-start:2rem;max-width:83%;margin:0 auto;position:relative;height:var(--vh)}@media (max-width: 1200px){.home-page{max-width:90%}}@media (max-width: 700px){.home-page{justify-content:unset}}.project-details{display:flex;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.project-details::-webkit-scrollbar{display:none}.project-details .inner{transition:transform 1s cubic-bezier(.22,1,.22,1);display:flex;flex-grow:1}.project-details .inner>*{flex-shrink:0}.inner{display:flex;flex-grow:1;height:100vh}.inner>*:not(:first-child){margin-left:10rem;max-height:var(--vh)}@media (max-width: 500px){.inner :nth-child(2){margin-left:0}}.inner>*{flex-shrink:0}.inner .header{flex-grow:1;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;width:75vw;flex:none}.inner .header .links{position:absolute;top:2rem;left:0;display:flex;justify-content:space-between;width:100%}.inner .header .links .column{display:flex;column-gap:1rem}.inner .header .links .column a{display:inline-flex;justify-content:center;align-items:center}.inner .header .text-wrapper{align-self:flex-start;display:flex;flex-direction:column;gap:.5rem}.inner .header .scroll-indicator{display:flex;align-items:center;gap:.5rem;position:absolute;bottom:4rem;right:1rem}.inner .header .scroll-indicator .scroll-animated{position:relative;width:50px;height:1px;overflow:hidden;display:inline-block}.inner .header .scroll-indicator .scroll-animated:before{content:"";display:block;width:100%;height:1px;background-color:var(--c-text);animation-name:scroll;animation-duration:1.5s;animation-timing-function:cubic-bezier(.3,.1,.1,1);animation-iteration-count:infinite}@keyframes scroll{0%{transform:translate(-100%)}to{transform:translate(100%)}}.inner .image-container{max-height:100vh}.inner img{height:100%;width:auto}@media (min-width: 900px){.inner img:first-child{display:block}}.next-project{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw}@media (min-width: 900px){.next-project{width:30vw}}.next-project .container{max-width:max-content}.next-project .container .next-img{max-width:400px}.next-project .container p{font-size:.85rem;text-transform:uppercase;margin-top:.5rem;align-self:flex-start}.projects-image{display:none;flex-grow:1}@media (min-width: 900px){.projects-image{align-self:center;display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:2}.projects-image .img-container{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--c-text);clip-path:polygon(0% 0,100% 0,100% 0,0% 0)}.projects-image .img-container>img{position:absolute;top:0;left:0;height:100%;width:100%}}@media (min-width: 1440px){.projects-image{margin-inline-end:4rem}}.projects-list{align-self:flex-end;transition:opacity .2s;flex-grow:1}.projects-list>li:not(:last-child){margin-bottom:1rem}.projects-list li{transition:opacity .2s;width:100%}.projects-list li a{width:100%}.projects-list li:hover{transition:opacity .2s;color:var(--c-text);opacity:1}@media (min-width: 900px){.projects-list{height:100%;display:flex;flex-direction:column;align-items:center;margin-inline-start:auto;flex-grow:0;flex-basis:calc(50% + 2rem)}}.projects-list:hover li:not(:hover){transition:opacity .2s;color:var(--c-text);opacity:.5}.project-index{height:var(--vh)}.project-index .inner-content{gap:2rem}.info-item{display:flex;flex-direction:column;gap:15px;width:100%}.info-page .inner-content{flex-direction:row-reverse;overflow:hidden}@media (max-width: 900px){.info-page .inner-content{flex-direction:row}}.info-page .text-container{width:50vw}.info-page .text-container>*:not(:last-child){margin-bottom:15px}.info-page .underline{text-decoration:underline}
