.hero{text-align:center}.hero-column{display:flex;justify-content:center;margin:40px 0}.hero-header{display:flex;flex-direction:column;width:46%;gap:12px}@media (max-width: 1279px){.hero-header{width:60%}}@media (max-width: 999px){.hero-header{width:100%}}.hero-title{font-family:obviously-narrow;font-size:138px;font-weight:700;text-transform:uppercase;line-height:110px;margin:0}.hero-title span{font-size:88px;color:var(--color-secondary);display:block}@media (max-width: 1279px){.hero-title span{font-size:80px}}@media (max-width: 999px){.hero-title{font-size:80px;line-height:70px}.hero-title span{font-size:50px}}.hero-description{font-size:20px;line-height:26px}@media (max-width: 999px){.hero-description{font-size:18px}}.hero-screenshots{display:flex;justify-content:center;gap:24px}@media (max-width: 999px){.hero-screenshots{flex-direction:column-reverse;width:90%;margin:0 auto}}.hero-screenshots-item{min-width:930px;border-radius:26px;box-shadow:0 0 24px #0003;height:698px;overflow:hidden}.hero-screenshots-item img{width:100%}@media (max-width: 999px){.hero-screenshots-item{width:100%;min-width:100%;height:initial}}.hero-footer{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding-bottom:40px}@media (max-width: 999px){.hero-footer{flex-direction:column;gap:8px}}.works{padding:0}.works-title{font-family:obviously-narrow;font-size:184px;font-weight:700;text-transform:uppercase;display:block;text-align:center;margin-bottom:100px}.works-title span{color:var(--color-secondary)}@media (max-width: 1279px){.works-title{font-size:120px}}@media (max-width: 999px){.works-title{font-size:80px;margin-bottom:60px}}.works-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;margin-bottom:60px}.works-more-projects{display:flex;flex-direction:column;align-items:center}.works-more-link{color:var(--color-text);display:inline-block;font-weight:500;font-size:12px;text-decoration:none;text-align:center;text-transform:uppercase;transition:all .4s}.works-more-link span{display:block;font-family:obviously-narrow;font-size:30px;font-weight:700;color:var(--color-secondary)}.works-more-link svg{margin-top:10px;width:24px}.works-more-link:hover{transform:scale(1.04)}.works-card{flex:0 calc(50% - 16px);display:flex;flex-direction:column;text-decoration:none;transition:all .4s}.works-card:hover{transform:scale(.98)}.works-card:hover .works-card-title{color:var(--color-secondary)}.works-card:hover .works-card-thumbnail{box-shadow:0 0 24px #0003}@media (max-width: 999px){.works-card{flex:0 100%}}.works-card-thumbnail{width:100%;border-radius:26px;overflow:hidden}.works-card-thumbnail img{width:100%}.works-card-infos{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px 0}@media (max-width: 999px){.works-card-infos{flex-direction:column-reverse;gap:8px;align-items:start;padding:16px 0 0}}.works-card-header{display:flex;flex-direction:row;align-items:center;gap:8px}.works-card-header svg{width:36px}@media (max-width: 999px){.works-card-header{justify-content:space-between;width:100%}}.works-card-title{color:var(--color-text);font-family:obviously-narrow;font-size:32px;letter-spacing:2px;font-weight:700;text-transform:uppercase;height:44px;transition:color .4s}.works-card-flags{display:flex;flex-direction:row;gap:8px}.divider{border-bottom:1px solid rgba(255,255,255,.2);border-top:0;margin:100px 0}.expertise-column{display:flex;flex-direction:row;justify-content:space-between}@media (max-width: 999px){.expertise-column{flex-direction:column;gap:48px}}.expertise-infos{flex:0 30%;font-size:18px}.expertise-infos strong{display:block;margin-bottom:26px}.expertise-infos p{line-height:28px}@media (max-width: 1279px){.expertise-infos{flex:0 45%}}.expertise-title{font-family:obviously-narrow;font-size:114px;font-weight:700;line-height:100px;text-transform:uppercase;text-align:left;margin-bottom:28px}.expertise-title span{display:block;color:var(--color-secondary)}@media (max-width: 999px){.expertise-title{font-size:90px;line-height:80px}.expertise-title span{display:initial}}.expertise-skills{flex:0 45%}@media (max-width: 1279px){.expertise-skills{flex:0 48%}}.expertise-skills-list{list-style-type:none;width:100%;counter-reset:list}.expertise-skills-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;border-bottom:1px solid rgba(255,255,255,.2);padding:24px 12px 24px 36px}.expertise-skills-item:before{counter-increment:list;content:"0" counter(list);position:absolute;top:30px;left:0}.expertise-skills-item .badge{justify-content:center}.expertise-skills-item:first-child{padding-top:0}.expertise-skills-item:first-child:before{top:6px}.expertise-skills-item:last-child{border-bottom:0}@media (max-width: 999px){.expertise-skills-item{flex-direction:column;align-items:start;gap:4px}.expertise-skills-item:before{top:32px}}.expertise-skills-name{font-family:obviously-narrow;font-size:32px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;height:40px}.about{padding-bottom:140px}.about-column{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:120px}@media (max-width: 1279px){.about-column{gap:80px}}@media (max-width: 999px){.about-column{flex-direction:column-reverse;gap:48px}}.about-photo{flex:0 50%}.about-photo-thumbnail{width:100%;border-radius:26px}.about-photo-thumbnail img{width:100%}@media (max-width: 999px){.about-photo-thumbnail{height:initial}}.about-infos{flex:0 50%;font-size:16px}.about-infos strong{display:block;margin-bottom:26px}.about-infos p{line-height:28px}.about-infos p+p{margin-bottom:26px}.about-title{color:var(--color-secondary);font-family:obviously-narrow;font-size:114px;font-weight:700;line-height:100px;text-transform:uppercase;text-align:left;margin-bottom:28px}.about-title span{color:var(--color-text)}@media (max-width: 999px){.about-title{font-size:80px}}.letswork{background:#2a00a14d;border-top:1px solid rgba(255,255,255,.15);padding:190px 0 0}@media (max-width: 999px){.letswork{padding:120px 0 0}}.letswork-column{display:flex;flex-direction:column;align-items:center;margin:0 auto 180px;width:72%;gap:24px}@media (max-width: 999px){.letswork-column{width:100%;margin-bottom:90px}}.letswork-title{font-family:obviously-narrow;font-size:114px;font-weight:700;line-height:100px;text-transform:uppercase;text-align:center;margin-bottom:28px}.letswork-title span{color:var(--color-secondary)}@media (max-width: 1279px){.letswork-title{font-size:80px;line-height:80px}}@media (max-width: 999px){.letswork-title{font-size:60px;line-height:60px}}
