@layer pages{.about>.container{flex-direction:column;gap:50px;display:flex}.about__img{border-radius:var(--radius-full);justify-content:center;align-items:center;width:100%;max-width:380px;height:380px;display:flex;overflow:hidden}.about__txt>h2{margin-bottom:var(--space-fluid-md);font-size:clamp(1.5rem,1.3929rem + .3348vw,1.875rem);font-weight:600}.about__txt>p{width:100%;max-width:435px;font-size:clamp(1rem,.9464rem + .1674vw,1.1875rem)}.about__statistics{margin-block:var(--space-fluid-lg);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:550px;display:grid}.about__statistics-item{flex-direction:column;width:100%;display:flex}.about__statistics-item>span{border-radius:var(--radius-sm);height:40px;margin-bottom:var(--space-fluid-2xs);background-color:#ff98001a;justify-content:center;align-items:center;width:40px;display:inline-flex}.about__statistics-item>span>svg{fill:var(--color-link-hover)}.about__statistics-item>h4{font-size:clamp(1.875rem,1.65rem + .95vw,2.5rem);font-weight:700}.about__statistics-item>p{font-size:clamp(.9375rem,.88rem + .2vw,1.125rem)}.about__tecStack>h2{margin-bottom:var(--space-fluid-sm);font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:600}.about__tecStack-list{flex-wrap:wrap;align-items:flex-start;gap:10px;padding:0;display:flex}.about__tecStack-list>li{display:inline-flex}.about__tecStack-list>li>svg{fill:var(--color-link-hover);width:40px;height:40px}.about__cards>.container{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;display:grid}.aboutCard{border-radius:var(--radius-xl);padding-inline:27px;border:1px solid #ff66001f;gap:30px;width:100%;padding-top:33px;padding-bottom:45px;display:flex;box-shadow:0 4px 18px #ff7b000a,0 12px 40px #ff7b0008}.aboutCard>svg{fill:var(--color-link-hover);width:100%;max-width:35px;height:fit-content}.aboutCard__txt>h5{margin-bottom:var(--space-fluid-sm);font-size:clamp(1.1875rem,1.05rem + .55vw,1.5rem);font-weight:600}.aboutCard__txt>p{font-size:clamp(.9375rem,.88rem + .2vw,1.125rem)}@media (width>=768px){.about>.container{flex-direction:row;gap:100px}.about__txt{padding-top:55px}.about__cards>.container{grid-template-columns:repeat(3,minmax(0,1fr))}}}
