@import "https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--black:#0b0b0b;--black-soft:#121212;--orange:#c95722;--orange-light:#e2692c;--yellow:#f4df00;--white:#fff;--gray:#bdbdbd}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:Montserrat,sans-serif}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding-left:5%;padding-right:5%}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0bd9;border:1px solid #ffffff26;border-radius:8px;width:90%;padding:10px 20px;position:fixed;top:12px;left:5%}.navbar__logo img{border:1px solid #ffffff26;border-radius:8px;width:70px;height:auto}.navbar__container{justify-content:space-between;align-items:center;gap:40px;max-width:1400px;margin:0 auto;display:flex}.navbar__logo img{width:90px;height:auto}.navbar__links{align-items:center;gap:35px;display:flex}.navbar__links a{text-transform:uppercase;font-size:13px;font-weight:700;transition:color .3s}.navbar__links a:hover{color:var(--orange-light)}.navbar__button{background:var(--yellow);color:#111;text-transform:uppercase;padding:14px 22px;font-size:12px;font-weight:800;transition:transform .3s}.navbar__button:hover{transform:translateY(-2px)}.navbar__toggle{cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:42px;height:42px;padding:8px;display:none}.navbar__toggle span{background:var(--white);width:100%;height:2px;margin:5px 0;transition:all .3s;display:block}@media (width<=900px){.navbar__links{display:none}.navbar__links.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0bf2;border:1px solid #ffffff26;border-radius:8px;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:10px 20px;display:flex;position:absolute;top:calc(100% + 10px);left:0}.navbar__links.active a{width:100%;padding:14px 0}.navbar__button{display:none}.navbar__toggle{display:block}.navbar__container{justify-content:space-between}.navbar__toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__toggle.active span:nth-child(2){opacity:0}.navbar__toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{background-position:65%}.hero__content{padding-top:180px}.hero h1{font-size:clamp(3.5rem,14vw,6rem)}.hero p{font-size:15px}.hero__actions{flex-direction:column;align-items:flex-start}.button{width:100%;max-width:320px}}.hero{background-color:#0000;background-image:linear-gradient(90deg,#000000f2 0%,#000000bf 45%,#00000059 100%),url(/hero.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__content{z-index:2;width:100%;max-width:1400px;margin:0 auto;padding:150px 5% 100px;position:relative}.hero__eyebrow{color:var(--yellow);letter-spacing:3px;margin-bottom:20px;font-size:14px;font-weight:800;display:block}.hero h1{text-transform:uppercase;letter-spacing:-2px;max-width:850px;font-family:Anton,sans-serif;font-size:clamp(4rem,8vw,8rem);line-height:.9}.hero h1 span{color:var(--orange);display:block}.hero p{max-width:600px;color:var(--gray);margin-top:30px;font-size:17px;line-height:1.7}.hero__actions{gap:15px;margin-top:40px;display:flex}.button{letter-spacing:.5px;justify-content:center;align-items:center;padding:17px 28px;font-size:12px;font-weight:800;transition:transform .3s,background .3s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button--primary{background:var(--orange);color:var(--white)}.button--primary:hover{background:var(--orange-light)}.button--secondary{border:2px solid var(--yellow);color:var(--yellow)}.button--secondary:hover{background:var(--yellow);color:#111}.hero__bottom{z-index:2;color:var(--gray);letter-spacing:2px;align-items:center;gap:15px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:30px;left:5%}.hero__arrow{color:var(--yellow);font-size:20px}@media (width<=900px){.navbar__links,.navbar__button{display:none}.navbar__container{justify-content:center}.hero{background-position:65%}.hero__content{padding-top:180px}.hero h1{font-size:clamp(3.5rem,14vw,6rem)}.hero p{font-size:15px}.hero__actions{flex-direction:column;align-items:flex-start}.button{width:100%;max-width:320px}}.services{background:var(--color-background);padding:120px 0}.services__header{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:70px;display:flex}.section__eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:18px;font-size:.8rem;font-weight:700;display:inline-block}.services__header h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95}.services__header h2 span{color:var(--color-accent)}.services__header>p{opacity:.7;max-width:380px;margin:0;font-size:1rem;line-height:1.7}.services__grid{border-top:1px solid #00000026;border-left:1px solid #00000026;grid-template-columns:repeat(2,1fr);display:grid}.service-card{border-bottom:1px solid #00000026;border-right:1px solid #00000026;min-height:320px;padding:35px;transition:transform .3s,background-color .3s;position:relative}.service-card:hover{background-color:var(--color-accent);color:var(--color-light)}.service-card__number{letter-spacing:.1em;opacity:.6;font-size:.8rem;font-weight:700}.service-card__content{position:absolute;bottom:35px;left:35px;right:35px}.service-card h3{margin:0 0 15px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1}.service-card p{opacity:.7;max-width:450px;margin:0 0 25px;font-size:.95rem;line-height:1.6}.service-card__link{color:inherit;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.service-card__link span{transition:transform .3s}.service-card:hover .service-card__link span{transform:translate(4px,-4px)}.projects{background:var(--color-dark);color:var(--color-light);padding:120px 0}.projects__header{justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:70px;display:flex}.projects__header h2{letter-spacing:-.04em;margin:0;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95}.projects__header h2 span{color:var(--color-accent)}.projects__header p{opacity:.65;max-width:380px;margin:0;line-height:1.7}.projects__grid{grid-template-columns:repeat(2,1fr);gap:50px 30px;display:grid}.project-card{cursor:pointer}.project-card__image{height:480px;position:relative;overflow:hidden}.project-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__info{justify-content:space-between;align-items:flex-start;padding-top:20px;display:flex}.project-card__info span{text-transform:uppercase;letter-spacing:.12em;opacity:.5;font-size:.75rem}.project-card__info h3{margin:8px 0 0;font-size:1.4rem;font-weight:500}.project-card__arrow{transition:transform .3s;opacity:.8!important;font-size:1.5rem!important}.project-card:hover .project-card__arrow{transform:translate(5px,-5px)}.about{background:var(--black);color:var(--white);padding:140px 0}.about__content{grid-template-columns:30% 70%;gap:40px;display:grid}.about__text{max-width:850px}.about__text h2{text-transform:uppercase;margin:0 0 45px;font-family:Anton,sans-serif;font-size:clamp(3.5rem,7vw,7rem);line-height:.9}.about__text p{max-width:650px;color:var(--gray);margin-bottom:20px;font-size:16px;line-height:1.8}.about__text .button{margin-top:25px}@media (width<=768px){.about{padding:90px 0}.about__content{grid-template-columns:1fr;gap:40px}.about__text h2{margin-bottom:35px;font-size:clamp(3rem,15vw,5rem)}}.contact{background:var(--orange);color:var(--white);padding:120px 0}.contact__content{max-width:900px;margin-top:50px}.contact__content h2{text-transform:uppercase;font-family:Anton,sans-serif;font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.contact__content h2 span{color:var(--yellow);margin-top:15px;display:block}.contact__content p{max-width:600px;margin-top:35px;font-size:17px;line-height:1.7}.contact__content .button{background:var(--black);color:var(--white);margin-top:35px}.contact__content .button:hover{background:var(--black-soft)}.footer{background:var(--black);border-top:1px solid #ffffff1a;padding:50px 0}.footer__content{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer__brand h3{letter-spacing:1px;font-family:Anton,sans-serif;font-size:1.8rem}.footer__brand span{color:var(--orange);letter-spacing:.15em;font-size:.65rem;font-weight:700}.footer__links{gap:30px;display:flex}.footer__links a{text-transform:uppercase;font-size:.75rem;font-weight:700;transition:color .3s}.footer__links a:hover{color:var(--orange)}.footer__copy{color:var(--gray);font-size:.7rem}@media (width<=768px){.footer__content{flex-direction:column;align-items:flex-start}.footer__links{flex-wrap:wrap}}.about__text h2 span,.hero h1 span{color:var(--orange);margin-top:15px;display:block}
