:root{--mainColor: #1b1b1b;--secondColor: #f5a738;--accentColor: #2f55bf}div{display:block}html{font-family:Inter,sans-serif;background:#fff;scroll-behavior:smooth}body{margin:0}button{font-family:Inter,sans-serif;font-size:18px}a{text-decoration:none;font-weight:300;letter-spacing:-.06em}h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,sans-serif;color:var(--mainColor)}.h2{font-size:48px;letter-spacing:-.04em;line-height:110%;margin:0 0 64px}.h3{font-size:40px;letter-spacing:-.04em;line-height:110%;margin:0}.h4{font-size:32px;letter-spacing:-.04em;line-height:110%;margin:0}.h6{font-size:20px;font-weight:500;line-height:125%;letter-spacing:-.03em;margin:0}.upper-title{margin:0 0 10px;color:var(--secondColor);font-weight:300;font-size:16px;letter-spacing:.06em;text-transform:uppercase}p{font-weight:300;font-size:18px;letter-spacing:-.04em;line-height:150%}.container{max-width:1260px;padding:80px 90px;margin:0 auto}ul,li{text-decoration:none}.autoshow{animation:autoShowAnimation;-webkit-animation:autoShowAnimation;animation-timeline:view(90% 0)}@keyframes autoShowAnimation{0%{transform:translateY(150px);-webkit-transform:translateY(150px);-moz-transform:translateY(150px);to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}}@media (max-width: 1280px){.container{padding:80px 72px}}@media (max-width: 1024px){.container{padding:80px 48px}}@media (max-width: 900px){.container{padding:80px 44px}}@media (max-width: 768px){.container{padding:72px 32px}.h2{font-size:40px}.upper-title{font-size:16px}}@media (max-width: 600px){.container{padding:64px 24px}.h2{font-size:32px}.upper-title{font-size:14px}}@media screen and (max-width: 430px){.container{max-width:100%;padding:64px 20px}.h2{font-size:36px}.h3{font-size:30px}.h4{font-size:24px}p.upper-title{font-size:14px;margin:0 0 8px}}@media screen and (max-width: 375px){.container{padding:48px 16px}}.section-title-block{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px}.upper-text{font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--secondColor);line-height:125%;margin:0 0 4px}.section-title{font-size:60px;line-height:100%;letter-spacing:-.04em;margin:0}.more-projects-link{display:flex;gap:8px;align-items:center;text-decoration:none;color:#1b1b1b;transition:.2s}.btn-projects-text{font-size:20px;font-weight:400;margin:0}.btn-projects-icon{transition:.3s}.more-projects-link:hover{gap:4px}.more-projects-link:hover .btn-projects-icon{rotate:-45deg}.more-projects-link:active{transform:scale(.98)}.project-cards{display:flex;gap:24px;justify-content:left;overflow-x:scroll}.project-cards::-webkit-scrollbar{display:none}.project-cards{-ms-overflow-style:none;scrollbar-width:none}.project-card{max-width:404px}.card-img{width:403px;margin-bottom:36px;border-radius:8px;box-shadow:#0000001a 0 4px 12px}.saladbar-img{border:.5px solid rgba(0,0,0,.158)}.card-upper-title{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-.06em;line-height:100%;margin:0 0 16px;background:-webkit-linear-gradient(180deg,#000000,#f5a738);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-title{font-size:36px;font-weight:700;line-height:110%;letter-spacing:-.03em;margin:0 0 16px}.body-text{letter-spacing:-.06px}@media screen and (min-width: 1440px){.project-cards{gap:24px;justify-content:center}}@media (max-width: 900px){.card-img{width:380px}.section-title{font-size:52px}.upper-text{font-size:16px}}@media (max-width: 768px){.section-title{font-size:48px}.upper-text{font-size:14px}.section-title-block{margin-bottom:48px}.card-img{width:320px}.body-text{font-size:16px}}@media (max-width: 600px){.section-title{font-size:40px}.upper-text{font-size:12px}.btn-projects-text{font-size:18px}.btn-projects-icon{width:28px}.project-cards{gap:20px}.card-img{width:320px;margin-bottom:28px}.card-title{font-size:24px}.card-upper-title{margin-bottom:12px}}@media screen and (max-width: 430px){.section-title{font-size:32px}.project-card{max-width:350px}.card-img{width:280px;margin-bottom:36px}.project-cards{justify-content:flex-start;gap:16px}.btn-projects-text{font-size:16px}.btn- .card-title{font-size:28px}.card-upper-title{font-size:14px;letter-spacing:-.03em}.body-text{font-size:16px}}