*{box-sizing:border-box;position:relative;text-decoration:none}html{font-family:'Rajdhani', sans-serif;scroll-behavior:smooth;height:100%}body{margin:0;padding:0;overflow:overlay;overflow-x:hidden}input#menu{display:none}nav{position:fixed;left:0;width:100vw;text-align:center;font-weight:700;padding:37px;transition:background-color 0.3s, border 0.3s, padding 0.5s;border-bottom:1px solid rgba(0,0,0,0);z-index:9}nav a{display:inline-block;color:#191a18;font-weight:700;font-size:1.3em;padding:5px 1px;margin:15px 23px;box-sizing:border-box;vertical-align:middle;border-bottom:2px solid rgba(255,255,255,0);text-transform:uppercase;transition:color 0.3s}nav a:hover{color:#6e6e6e}nav.scroll{background-color:white;border-bottom:1px solid rgba(0,0,0,0.5);padding:0 37px}nav.scroll a{color:#6e6e6e}nav.scroll a:hover{color:#191a18}@media (max-width: 600px){#menu+label{display:block;width:54px;height:54px;position:fixed;top:0;right:0;z-index:10}#menu+label::before,#menu+label::after{content:"";width:24px;height:2px;background-color:#191a18;position:absolute;left:15px;transition:0.5s}#menu+label::before{top:19px}#menu+label::after{bottom:19px}nav{padding:54px 0 0 0;background-color:#fff;box-sizing:border-box;border:none;transition:transform 0.5s;transform:translateX(101%);width:30vw;left:auto;right:0}nav a{display:block;padding:0 !important;margin:0 15px !important;color:#191a18;text-align:right;box-sizing:border-box;width:calc(100% - 30px);height:54px;line-height:54px;font-size:15px;vertical-align:bottom;text-shadow:none;border:none !important}nav.scroll{border-bottom:none;padding:54px 0 0 0}nav.scroll a{color:#191a18}nav.scroll a:hover{color:#6e6e6e}input#menu:checked+label::before{transform:translateY(7px) rotate(45deg)}input#menu:checked+label::after{transform:translateY(-7px) rotate(-45deg)}input#menu:checked ~ nav{transform:translateX(0)}}header,section,footer{width:100vw;margin:0;overflow:hidden;box-sizing:border-box}header{min-height:100vh;position:relative}header figure{width:100vw;min-height:100vh;position:absolute;top:0;left:0;margin:0;padding:0}header figure img{display:block;position:fixed;left:50vw;top:50vh;width:101vw;min-width:101vw;height:101vh;min-height:101vh;transform:translate(-50%, -50%);object-fit:cover}header figure figcaption{width:calc(90% - 30px);max-width:700px;position:absolute;top:45vh;left:50%;transform:translateX(-50%);text-align:center;font-size:1.5em;line-height:1.4em;text-transform:uppercase}header figure figcaption a{color:#191a18}header figure figcaption a h1{font-size:1em;font-weight:400}header figure figcaption svg{width:100%}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){header figure img{height:auto;max-width:100%}}main{background-color:#fff}main section{padding:75px calc(50% - 600px);color:#000;text-align:center;background-color:#fff}h2{overflow:hidden;text-align:center;text-transform:uppercase}h2 small{display:block;font-size:1em;text-transform:lowercase;color:#6e6e6e;font-size:0.7em;font-weight:300}main section#work{padding:75px 15px 15px 15px}main section#work ol{list-style:none;width:100%;margin:0;padding:0}main section#work ol li{width:calc((100% / 3) - 35px);margin:15px;display:inline-block;background-position:center center;background-size:cover;background-repeat:no-repeat}main section#work ol li>label{width:100%;padding-top:66.66%;display:block;cursor:pointer}main section#work ol li input{position:fixed;bottom:0;left:0;opacity:0}main section#work ol li input:checked+figure{transform:translateX(100vw)}main section#work ol li figure{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;position:fixed;top:0;left:0;background-color:rgba(25,26,24,0.9);z-index:10}main section#work ol li figure label:first-of-type{position:absolute;top:0;left:0;width:100vw;height:100vh;text-align:right}main section#work ol li figure label:first-of-type::before{content:"X";position:absolute;top:0;right:0;text-align:right;font-size:40px;line-height:40px;padding:7px 10px;color:white;cursor:pointer}main section#work ol li figure label:not(:first-of-type){position:absolute;top:50vh;left:0;width:54px;height:54px;cursor:pointer;background-color:rgba(25,26,24,0);transition:0.3s;z-index:11}main section#work ol li figure label:not(:first-of-type)::before,main section#work ol li figure label:not(:first-of-type)::after{position:absolute;right:23px;content:"";width:2px;height:23px;background-color:white;transition:0.3s}main section#work ol li figure label:not(:first-of-type)::before{top:4px}main section#work ol li figure label:not(:first-of-type)::after{bottom:4px}main section#work ol li figure label:not(:first-of-type):hover{background-color:#191a18}main section#work ol li figure label:not(:first-of-type):hover::before{top:7px;transform:rotateZ(35deg)}main section#work ol li figure label:not(:first-of-type):hover::after{bottom:7px;transform:rotateZ(-35deg)}main section#work ol li figure img{max-width:calc(100vw - 108px);max-height:calc(100vh - 108px);position:absolute;top:50vh;left:50%;transform:translate(-75%, -50%);opacity:0;z-index:-1;transition:transform 0.3s, opacity 0.3s}main section#work ol li figure input:checked ~ picture img{transform:translate(-25%, -50%)}main section#work ol li figure input:checked+picture img{z-index:auto}main section#work ol li figure input:checked ~ label{display:none;left:auto;right:0}main section#work ol li figure input:checked+picture+label+input+picture+label{display:block;left:auto;right:0}main section#work ol li figure input:checked+picture+label+input+picture+label::before,main section#work ol li figure input:checked+picture+label+input+picture+label::after{right:auto;left:23px}main section#work ol li figure input:checked+picture+label+input+picture+label:hover::before{transform:rotateZ(-35deg)}main section#work ol li figure input:checked+picture+label+input+picture+label:hover::after{transform:rotateZ(35deg)}main section#work ol li figure input:checked+picture img{transform:translate(-50%, -50%);opacity:1}main section#work ol li h3{opacity:0;position:absolute;bottom:0;left:0;width:100%;transition:opacity 0.3s;color:white;cursor:text}main section#work ol li h3 small{display:block;font-size:0.7em;font-weight:300}main section#work ol li::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:rgba(25,26,24,0);transition:background-color 0.3s}main section#work ol li:hover::before{background-color:rgba(25,26,24,0.7)}main section#work ol li:hover h3{opacity:1}@media (max-width: 800px){main section#work ol li{width:calc((100% / 2) - 35px)}}@media (max-width: 500px){main section#work ol li{width:100%;margin:15px 0 0 0}}@media (hover: none) and (pointer: coarse){main section#work ol li figure label:not(:first-of-type)::before{top:7px;transform:rotateZ(35deg)}main section#work ol li figure label:not(:first-of-type)::after{bottom:7px;transform:rotateZ(-35deg)}main section#work ol li figure label:not(:first-of-type):hover::before{top:7px;transform:rotateZ(35deg)}main section#work ol li figure label:not(:first-of-type):hover::after{bottom:7px;transform:rotateZ(-35deg)}main section#work ol li figure input:checked+picture+label+input+picture+label::before{transform:rotateZ(-35deg)}main section#work ol li figure input:checked+picture+label+input+picture+label::after{transform:rotateZ(35deg)}main section#work ol li h3{opacity:1}main section#work ol li::before{background-color:rgba(25,26,24,0.3)}}p{padding:15px}main section#about{text-align:center;padding:75px calc(50% - 600px)}main section#about div{display:inline-block;width:100%;max-width:550px;padding:0;vertical-align:top;text-align:justify}main section#about a{color:#191a18;display:inline-block;line-height:1.5em;font-weight:700;padding:0 7px;margin:5px}main section#about a:before{content:"";width:3px;height:3px;background-color:#191a18;position:absolute;bottom:0.5em;left:0}main section#team{padding:35px 15px;background-color:#ececec}main section#team ol{list-style:none;width:100%;margin:0;padding:0}main section#team ol li{width:100%;max-width:400px;margin:0;display:inline-block;background-position:center center;background-size:cover;background-repeat:no-repeat;vertical-align:top}main section#team ol li h3{margin:7px 0}main section#team ol li h3 small{display:block;color:#6e6e6e}main section#team ol li img{width:70%;max-width:250px;border-radius:50%}main section#team ol li p{margin:0;color:#191a18;text-align:justify}main section#team ol li p small{display:block;margin:1.5em 0 0 0;color:#6e6e6e}main section#contact{background:#d9d9d9;text-align:center;padding:75px calc(50% - 600px) 25px calc(50% - 600px)}main section#contact div{display:inline-block;width:30%;padding:0}main section#contact div svg{height:2em;margin:10px 0}main section#contact div a{vertical-align:middle;color:#191a18}main section#contact div a svg{height:20px;margin:0 13px;fill:#6e6e6e}main section#contact div p{margin:0;padding:0}@media (max-width: 800px){main section#contact{padding:50px calc(50% - 600px)}main section#contact div{width:100%;padding:25px 0}}.animate{transition:transform 1s, opacity 1s;opacity:0}.animate-from-left{transform:translateX(-37px)}.animate-from-right{transform:translateX(37px)}.animate-from-bottom{transform:translateY(37px)}.animated{transform:none;opacity:1}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#191a18}::-webkit-scrollbar-track{background:rgba(255,255,255,0)}