html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#000,#2b2b2b);background-attachment:fixed;background-color:#000;color:#fff;font-family:League Spartan,Futura,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;margin:0;height:100svh}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bg{background:linear-gradient(180deg,#000,#2b2b2b);background-repeat:no-repeat;background-position:center;height:100vh;width:100vw;position:fixed;z-index:-1}.intro{display:flex;position:fixed;top:47svh;left:50%;transform:translate(-50%);font-size:1rem;animation:fadeOut 2s forwards;animation-delay:1.5s}.intro>div>h3{margin-top:20px;opacity:20%;font-size:.7rem;font-style:italic;font-size:3.5svh}footer{display:none;top:0;align-items:end;justify-content:center}.hero{min-height:10000px;display:none;flex-wrap:wrap;opacity:0;animation:fadeIn 1s forwards;align-items:center;justify-content:space-evenly}.hero-header{display:flex;width:80%;justify-content:space-evenly;align-items:center;position:fixed;top:0;gap:min(20px,15svw);font-size:min(3rem,2.4svh);z-index:1;min-width:500px}.hero-header>a{text-decoration:none;color:inherit;opacity:80%}.hero-header>a:hover{opacity:100%}.hero-left{position:fixed;height:100svh;top:0svh;width:50svw;left:0%}.hero-text-container{transition:opacity .5s;position:fixed;top:50svh;left:9svw;transform:translateY(-60%)}.hero-text{font-size:4.2svh}.hero-text>p{margin:0px 0px 1.5svh}.hero-text>h3{margin:0}@media (max-width: 1080px){.hero-text-container{width:50svw;font-size:4svh}}@media (min-width: 1080px){.hero-text-container{left:25%}}.hero-right{display:flex;position:fixed;height:100%;width:50%;top:0;right:0%;flex-direction:column;transition:opacity .5s;justify-content:center;align-items:center}.hero-image{width:clamp(300px,22svw,500px);border-radius:40px}.hero-image-icons{display:flex;justify-content:center;margin:0 0 50px}.hero-image-icons-dimensions{opacity:80%;width:4svh;margin:1.5svh 1.2svh}.hero-image-icons-dimensions:hover{opacity:100%}.hero-image-icons-contact{display:flex;position:fixed;justify-content:center;align-items:center;height:100svh;width:50svw}.hero-image-icons-contact>a>img{width:clamp(4rem,8svw,6rem)}.hero-arrow{display:none;position:fixed;top:96%;text-align:center;justify-content:center;opacity:60%}.hero-navigation{font-size:max(3rem,5svh);opacity:0;transition:opacity 1s;position:fixed;top:50%;left:10%;transform:translateY(-60%)}.hero-navigation>ul{list-style-type:none}.hero-navigation>ul>li:hover{color:#fff}@media (min-width: 1000px){.hero-navigation{left:28%}}.none{display:none}.show{display:flex}.intro>h1{font-weight:600;margin-right:5svw}.intro>h2{font-weight:300;margin-left:5svw}.hero>h3{font-weight:700}.hero-about{opacity:0;transition:opacity .5s;flex-direction:column;position:relative;top:17%;left:15%;width:max(500px,5svw);z-index:2}.hero-about>h2{font-size:clamp(32pt,5svh,4rem);font-weight:500;margin:1svh 0px}.hero-about>p{line-height:clamp(25px,3svh,70px);font-weight:100;font-size:clamp(16pt,2svh,2rem);margin:1svh 0px}.hero-about>h4{margin:2svh 0px;font-size:clamp(28pt,4svh,3.5rem);font-weight:300}@media (min-width: 1180px){.hero-about{left:43%}}.hero-projects{position:fixed;top:0;left:0;bottom:0;right:0;min-width:700px;transition:opacity 1s;z-index:1}.hero-projects>h3{position:relative;font-size:clamp(4rem,6svh,20rem);top:7%;left:50%;transform:translate(-50%)}@media (max-height: 975px){.hero-projects>h3{top:42%}}.hero-projects-cards{display:flex;position:fixed;flex-direction:row;width:100%;height:100%;justify-content:space-evenly;align-items:center;min-width:700px;min-height:730px;gap:50px;top:2svh;text-decoration:none}.hero-projects-cards>div>a{text-decoration:none;color:#fff}.hero-projects-cards>div{display:flex;flex-direction:column;gap:10svh 5svh}.hero-projects-cards-button{margin:0;width:clamp(15rem,20svh,40rem);max-width:300px;aspect-ratio:1.07 / 1;padding:clamp(1rem,1.5svw,1.8rem);border:1px solid #ccc;background-color:#1c1c1c;border-width:1.5px;border-radius:16px;font-size:clamp(1.5rem,1svh,2.8rem);min-width:122px;min-height:122px;font-weight:400}.hero-projects-cards-button-1:hover{background-color:#ff5959}.hero-projects-cards-button-2:hover{background-color:#7402c1}.hero-projects-cards-button-3:hover{background-color:#2273ff}.hero-projects-cards-button-4:hover{background-color:#00b06a}.hero-projects-cards-button>img{padding:.8svh .5svw;transform:translate(-20%)}.hero-projects-cards-button>p{font-weight:250}.hero-contact{display:flex;position:fixed;height:100svh;top:0;left:0;bottom:0;right:0;width:100svw;min-width:700px;transition:opacity 1s}.hero-contact>h3{position:relative;font-size:6svh;top:7%;left:50%;transform:translate(-50%);font-size:clamp(4rem,6svh,20rem)}.hero-contact-right{position:fixed;display:flex;height:100svh;width:50svw;left:50%;justify-content:center;align-items:center;font-size:max(16pt,2.3svh)}.hero-contact-right-forms{display:flex;flex-direction:column;width:50%;height:50%}.hero-contact-right-forms>form{min-width:300px;display:flex;flex-direction:column}.hero-contact-right-forms>form>h4{font-weight:300;margin-bottom:min(5%,30px)}.hero-contact-right-forms>form>input{background-color:transparent;height:clamp(75px,5svw,100px);border-radius:25px;color:#e4e4e4;padding:5px 18px;font-size:1rem}.hero-contact-right-forms>form>button{margin-top:50px;border-radius:10px;min-height:4rem;max-height:5rem;aspect-ratio:4 / 1;background-color:#e3e3e3;font-weight:500;font-size:clamp(12pt,1svh,26pt)}.bw-gradient{background:linear-gradient(90deg,#fff,#807070);-webkit-background-clip:text;background-clip:text;color:transparent}